/* AWARDS PRO · dedicated override layer loaded after site.css */
:where(.awards-section-promax,.awards-page){
    --ap-navy:#04142f;--ap-navy-2:#082d61;--ap-blue:#1466d8;--ap-cyan:#43d7ec;
    --ap-gold:#f4c557;--ap-silver:#d8e4ed;--ap-bronze:#dc9967;
    --ap-line:rgba(145,205,228,.24);--ap-ease:cubic-bezier(.16,1,.3,1)
}
:where(.awards-section-promax,.awards-page) :where(h1,h2,h3,p,small,strong,b,span){overflow-wrap:normal;word-break:normal;hyphens:none}

/* HOME · HONOURS BOARD -------------------------------------------------- */
.home-page .awards-section-promax{
    position:relative!important;isolation:isolate;overflow:hidden!important;
    padding:clamp(74px,8vw,112px) 0!important;color:#fff!important;
    background:radial-gradient(circle at 86% 6%,rgba(67,215,236,.18),transparent 29%),radial-gradient(circle at 7% 48%,rgba(20,102,216,.22),transparent 34%),linear-gradient(135deg,#020b1f,#041b3f 54%,#062d59)!important;
    border-block:1px solid rgba(130,205,232,.12)
}
.home-page .awards-section-promax::before{
    content:'HALL OF HONOURS'!important;position:absolute!important;z-index:-1!important;
    right:-.02em!important;bottom:-.08em!important;left:auto!important;transform:none!important;
    color:transparent!important;-webkit-text-stroke:1px rgba(255,255,255,.045)!important;
    font:900 clamp(72px,11vw,164px)/.8 var(--font-display)!important;letter-spacing:-.06em!important;white-space:nowrap
}
.home-page .awards-section-promax::after{
    content:''!important;position:absolute!important;z-index:-1!important;inset:0!important;width:auto!important;height:auto!important;border-radius:0!important;
    background-image:linear-gradient(rgba(132,203,232,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(132,203,232,.055) 1px,transparent 1px)!important;
    background-size:72px 72px!important;mask-image:linear-gradient(180deg,#000,transparent 92%)
}
.home-page .awards-section-promax>.container{position:relative;z-index:2}
.home-page .awards-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.home-page .awards-atmosphere i{position:absolute;border-radius:50%;filter:blur(72px);opacity:.18;animation:none!important}
.home-page .awards-atmosphere i:nth-child(1){width:340px;height:340px;top:-150px;right:5%;background:var(--ap-gold)}
.home-page .awards-atmosphere i:nth-child(2){width:430px;height:430px;top:35%;left:-240px;background:var(--ap-blue)}
.home-page .awards-atmosphere i:nth-child(3){width:300px;height:300px;right:-170px;bottom:8%;background:var(--ap-cyan)}

.home-page .awards-heading-promax{max-width:none!important;display:block!important;margin:0 0 clamp(38px,5vw,62px)!important;padding:0!important;border:0!important;text-align:left!important}
.home-page .awards-heading-top{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(330px,410px)!important;align-items:end!important;gap:clamp(32px,5vw,76px)!important;margin:0!important}
.home-page .awards-heading-copy{min-width:0;grid-column:auto!important;grid-row:auto!important}
.home-page .awards-heading-copy .kicker{
    min-height:34px;display:inline-flex!important;align-items:center!important;gap:10px!important;margin:0 0 17px!important;padding:7px 13px!important;
    border:1px solid rgba(106,223,240,.28);border-radius:999px;color:#a9f1fa!important;background:rgba(40,163,199,.1);
    font-size:9px!important;font-weight:900!important;line-height:1.35;letter-spacing:.13em!important;text-transform:uppercase
}
.home-page .awards-heading-copy .kicker::before{display:none!important}
.home-page .kicker-pulse-dot{width:7px!important;height:7px!important;flex:0 0 7px;border-radius:50%;background:var(--ap-cyan)!important;box-shadow:0 0 0 5px rgba(67,215,236,.1),0 0 16px rgba(67,215,236,.55)}
.home-page .awards-heading-copy h2{max-width:940px!important;margin:0!important;padding:.05em 0!important;color:#fff!important;font:900 clamp(48px,6.6vw,94px)/.94 var(--font-display)!important;letter-spacing:-.065em!important;text-transform:uppercase;text-wrap:balance;text-shadow:0 18px 44px rgba(0,9,31,.35)!important}
.home-page .awards-heading-meta.awards-heading-meta-promax{width:100%!important;min-width:0!important;display:block!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.home-page .awards-stat-pill{width:100%;min-height:132px;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;padding:1px;border:1px solid rgba(152,215,235,.24);border-radius:22px;background:rgba(111,199,228,.12);box-shadow:0 20px 45px rgba(0,8,29,.2),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(16px)}
.home-page .awards-stat-item{min-width:0;display:grid!important;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:13px;padding:19px 16px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035))}
.home-page .awards-stat-divider{display:none!important}
.home-page .awards-stat-icon{width:44px!important;height:44px!important;display:grid!important;place-items:center;border:1px solid rgba(125,223,239,.3);border-radius:14px;color:#9eeffa!important;background:rgba(48,175,207,.11)!important}
.home-page .awards-stat-icon svg{width:20px;height:20px}
.home-page .awards-stat-info{min-width:0;display:grid!important;gap:5px}
.home-page .awards-stat-info strong{color:#fff!important;font:900 clamp(31px,3.4vw,48px)/.9 var(--font-display)!important;letter-spacing:-.055em}
.home-page .awards-stat-info small{color:#bdd9e6!important;font-size:7px!important;font-weight:900!important;line-height:1.5!important;letter-spacing:.1em!important}
.home-page .awards-heading-desc-wrap{max-width:780px;margin:24px 0 0!important;padding:0!important;border:0!important}
.home-page .awards-desc-text{max-width:760px!important;margin:0!important;color:#c7dce9!important;font-size:14px!important;line-height:1.75!important;text-align:left!important}

.home-page .awards-series-container{display:grid!important;gap:30px!important}
.home-page .series-block{position:relative;display:grid!important;gap:19px!important;padding:clamp(18px,2.7vw,33px)!important;overflow:hidden;border:1px solid rgba(144,207,231,.19)!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(1,12,36,.27))!important;box-shadow:0 24px 65px rgba(0,8,30,.22),inset 0 1px rgba(255,255,255,.1)!important;backdrop-filter:blur(12px)}
.home-page .series-block::after{content:'';position:absolute;right:-100px;bottom:-130px;width:280px;height:280px;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 60px rgba(255,255,255,.018);pointer-events:none}
.home-page .series-block.is-serie-a{border-top-color:rgba(244,197,87,.7)!important}.home-page .series-block.is-serie-b{border-top-color:rgba(67,215,236,.62)!important}
.home-page .award-series-divider{min-width:0;display:flex!important;align-items:center!important;gap:13px!important;padding:0 0 3px!important}
.home-page :where(.series-divider-glow,.series-divider-decor){display:none!important}
.home-page .series-badge{min-height:34px;display:inline-flex!important;align-items:center;gap:8px;flex:0 0 auto;padding:7px 13px!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important;letter-spacing:.1em!important}
.home-page .is-series-a .series-badge{border:1px solid rgba(244,197,87,.44)!important;color:#ffe08a!important;background:rgba(244,197,87,.11)!important;box-shadow:none!important}
.home-page .is-series-b .series-badge{border:1px solid rgba(67,215,236,.4)!important;color:#a2f2fb!important;background:rgba(67,215,236,.1)!important;box-shadow:none!important}
.home-page .series-badge-dot{width:6px!important;height:6px!important;border-radius:50%;background:currentColor!important;box-shadow:0 0 10px currentColor!important}
.home-page .series-divider-line{min-width:24px;flex:1;height:1px!important;background:linear-gradient(90deg,rgba(146,210,232,.4),transparent)!important}
.home-page .series-divider-title{max-width:500px;color:#d9eaf2!important;font-size:9px!important;font-weight:850!important;line-height:1.4!important;letter-spacing:.08em!important;white-space:normal!important;text-align:right}

.home-page .award-champion-promax{position:relative!important;min-height:0!important;display:grid!important;grid-template-columns:88px minmax(0,1fr) 78px!important;align-items:center!important;gap:clamp(20px,3vw,36px)!important;margin:0!important;padding:clamp(23px,3vw,36px)!important;overflow:hidden!important;border:1px solid rgba(244,197,87,.64)!important;border-radius:24px!important;color:#fff!important;background:radial-gradient(circle at 12% 50%,rgba(244,197,87,.2),transparent 30%),linear-gradient(125deg,#06152f,#0a2f63 62%,#071a39)!important;box-shadow:0 26px 58px rgba(0,7,27,.34),inset 0 1px rgba(255,255,255,.16)!important;text-align:left!important;transition:transform .24s var(--ap-ease),border-color .24s ease,box-shadow .24s ease!important}
.home-page .champion-light-flare{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.07) 50%,transparent 64%)!important;transform:translateX(-130%)!important;animation:none!important;pointer-events:none}
.home-page .award-champion-icon-wrap{position:relative;z-index:1}.home-page .award-champion-icon{width:88px!important;height:88px!important;display:grid!important;place-items:center;margin:0!important;padding:14px!important;border:1px solid rgba(255,220,124,.55)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(244,197,87,.23),rgba(244,197,87,.07))!important;box-shadow:0 14px 32px rgba(119,77,0,.25),inset 0 1px rgba(255,255,255,.2)!important;filter:none!important}.home-page .award-champion-icon svg{width:100%;height:100%}
.home-page .award-champion-content{position:relative;z-index:1;min-width:0;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:repeat(4,auto)!important;gap:10px!important;text-align:left!important}.home-page .award-champion-content>*{min-width:0;grid-column:1!important;grid-row:auto!important}.home-page .champion-kicker-row{display:flex!important;align-items:center;gap:9px!important;flex-wrap:wrap}.home-page .champion-kicker-tag{color:#ffe29a!important;font-size:8px!important;font-weight:900!important;line-height:1.4;letter-spacing:.11em!important}.home-page .champion-glory-star{min-height:25px;display:inline-flex;align-items:center;padding:5px 9px!important;border:1px solid rgba(244,197,87,.34)!important;border-radius:999px!important;color:#fff0bd!important;background:rgba(244,197,87,.1)!important;font-size:7px!important;font-weight:900!important;letter-spacing:.08em!important}
.home-page .champion-title{margin:0!important;color:#fff!important;font:900 clamp(28px,3.8vw,46px)/1.02 var(--font-display)!important;letter-spacing:-.045em!important;text-wrap:balance}.home-page .champion-prize-chips{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px!important;margin:0!important}.home-page .prize-chip{min-height:33px;display:inline-flex!important;align-items:center;gap:7px!important;padding:7px 10px!important;border-radius:10px!important;color:#eaf7fb!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.15)!important;font-size:10px!important;font-weight:800!important;line-height:1.25}.home-page .prize-chip i{width:17px;height:17px;display:grid;place-items:center;color:#ffe08a}.home-page .prize-chip svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.home-page .champion-honor-bar{margin:0!important}.home-page .champion-honor-bar b{color:#9cd9f2!important;font-size:7px!important;font-weight:850!important;line-height:1.45;letter-spacing:.08em!important}
.home-page .award-number-badge{position:relative!important;right:auto!important;bottom:auto!important;display:grid!important;place-items:center}.home-page .num-glow{color:rgba(244,197,87,.34)!important;font:900 clamp(56px,6vw,76px)/.9 var(--font-display)!important;letter-spacing:-.07em!important;text-shadow:0 0 30px rgba(244,197,87,.15)!important}

.home-page .award-cards-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
.home-page .award-cards-row .award-card.award-style{grid-column:auto!important}
.home-page .award-card-promax{--card-accent:#62cce8;position:relative!important;min-width:0;min-height:174px!important;display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;align-content:start!important;align-items:start!important;gap:13px!important;margin:0!important;padding:19px!important;overflow:hidden!important;border:1px solid rgba(150,205,226,.22)!important;border-radius:18px!important;color:#fff!important;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(3,20,49,.7))!important;box-shadow:0 15px 34px rgba(0,8,29,.2),inset 0 1px rgba(255,255,255,.1)!important;backdrop-filter:blur(10px);transition:transform .22s var(--ap-ease),border-color .22s ease,background .22s ease!important}
.home-page .award-card-promax::before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--card-accent),transparent 82%)}.home-page .award-medal-silver{--card-accent:var(--ap-silver)}.home-page .award-medal-bronze{--card-accent:var(--ap-bronze)}.home-page .award-style{--card-accent:#6adcf0}.home-page .award-series-b-gold{--card-accent:var(--ap-gold);grid-template-columns:62px minmax(0,1fr)!important;min-height:145px!important;border-color:rgba(244,197,87,.4)!important;background:linear-gradient(135deg,rgba(244,197,87,.13),rgba(4,28,65,.82))!important}
.home-page .award-card-icon{width:50px!important;height:50px!important;display:grid!important;place-items:center;margin:0!important;padding:9px!important;border:1px solid rgba(162,220,237,.25)!important;border-radius:14px!important;color:#d6eef6!important;background:rgba(130,205,229,.08)!important;box-shadow:none!important}.home-page .award-series-b-gold .award-card-icon{width:62px!important;height:62px!important;color:#ffe08a!important;border-color:rgba(244,197,87,.42)!important;background:rgba(244,197,87,.1)!important}.home-page .award-card-icon svg{width:100%;height:100%}
.home-page .award-card-body{min-width:0;display:grid!important;gap:6px!important;padding-right:23px;text-align:left!important}.home-page .award-card-body small{color:#91cfe5!important;font-size:7px!important;font-weight:900!important;line-height:1.4!important;letter-spacing:.09em!important}.home-page .award-card-body h3{margin:0!important;color:#fff!important;font:850 clamp(15px,1.45vw,19px)/1.25 var(--font-display)!important;letter-spacing:-.02em!important;text-transform:none!important;text-wrap:balance}.home-page .award-prize-text{margin:0!important;color:#c8dce7!important;font-size:10px!important;font-weight:600!important;line-height:1.55!important}.home-page .award-card-num{position:absolute!important;top:14px!important;right:14px!important;color:rgba(255,255,255,.18)!important;font:900 20px/1 var(--font-display)!important}

.home-page .awards-individual-honors{margin-top:32px!important;padding:clamp(24px,3vw,34px)!important;border:1px solid rgba(91,188,235,.24)!important;border-radius:28px!important;background:linear-gradient(140deg,rgba(18,85,172,.17),rgba(2,15,41,.38))!important}.home-page .awards-individual-head-promax{max-width:760px;margin:0 auto 27px!important;text-align:center!important}.home-page .awards-individual-badge-wrap{display:flex;justify-content:center;margin:0 0 12px!important}.home-page .awards-individual-pill{min-height:33px;display:inline-flex!important;align-items:center;gap:8px;padding:7px 13px!important;border:1px solid rgba(67,215,236,.35)!important;border-radius:999px!important;color:#a7f2fb!important;background:rgba(67,215,236,.08)!important;box-shadow:none!important;font-size:7.5px!important;font-weight:900!important;letter-spacing:.1em!important}.home-page .pill-pulse-dot{width:6px!important;height:6px!important;border-radius:50%;background:var(--ap-cyan)!important;box-shadow:0 0 10px rgba(67,215,236,.65)!important}.home-page .awards-individual-title{margin:0 0 10px!important;color:#fff!important;font:900 clamp(28px,4vw,46px)/1.05 var(--font-display)!important;letter-spacing:-.045em!important;text-transform:uppercase;text-wrap:balance}.home-page .awards-individual-title span{color:inherit!important;background:none!important;-webkit-text-fill-color:currentColor!important}.home-page .awards-individual-desc{max-width:650px;margin:0 auto!important;color:#bfdbe7!important;font-size:13px!important;line-height:1.7!important}
.home-page .awards-personal-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}.home-page .award-personal-card-promax{position:relative!important;min-width:0;min-height:174px!important;display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;align-content:start!important;align-items:start!important;gap:14px!important;padding:19px!important;overflow:hidden!important;border:1px solid rgba(83,193,232,.3)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(25,106,193,.19),rgba(3,22,53,.76))!important;box-shadow:0 15px 34px rgba(0,8,29,.2),inset 0 1px rgba(255,255,255,.1)!important;transition:transform .22s var(--ap-ease),border-color .22s ease!important}.home-page .award-personal-number{position:absolute!important;top:14px!important;right:14px!important;color:rgba(124,218,240,.28)!important;font:900 21px/1 var(--font-display)!important}.home-page .award-personal-icon-box{margin:0!important}.home-page .award-personal-icon{width:56px!important;height:56px!important;display:grid!important;place-items:center;padding:10px!important;border:1px solid rgba(84,205,235,.36)!important;border-radius:16px!important;color:#9deaf6!important;background:rgba(55,169,215,.1)!important;box-shadow:none!important}.home-page .award-personal-icon svg{width:100%;height:100%}.home-page .award-star-badge{position:absolute!important;right:15px!important;bottom:13px!important;color:#73dced!important;opacity:.42!important}
.home-page .awards-home-actions{display:flex!important;justify-content:center!important;margin:32px 0 0!important}.home-page .awards-home-actions a{min-height:66px;display:inline-flex!important;align-items:center!important;justify-content:space-between;gap:26px!important;padding:12px 15px 12px 22px!important;border:1px solid rgba(122,222,238,.36)!important;border-radius:16px!important;color:#fff!important;background:linear-gradient(135deg,rgba(20,102,216,.66),rgba(23,154,198,.42))!important;box-shadow:0 16px 36px rgba(0,19,59,.26),inset 0 1px rgba(255,255,255,.14)!important;text-decoration:none!important;transition:transform .22s var(--ap-ease),border-color .22s ease!important}.home-page .awards-home-actions a span{display:grid!important;gap:4px!important;text-align:left!important}.home-page .awards-home-actions a small{color:#b9eff7!important;font-size:7px!important;font-weight:900!important;line-height:1.4;letter-spacing:.1em!important}.home-page .awards-home-actions a strong{color:#fff!important;font-size:13px!important;font-weight:900!important;line-height:1.35}.home-page .awards-home-actions a svg{width:42px!important;height:42px!important;padding:11px;border-radius:12px;background:rgba(255,255,255,.12);fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}

@media(hover:hover){
    .home-page .award-champion-promax:hover{transform:translateY(-4px)!important;border-color:#ffe08a!important;box-shadow:0 30px 68px rgba(0,6,23,.42)!important}.home-page .award-champion-promax:hover .champion-light-flare{transform:translateX(130%)!important;transition:transform .85s ease}
    .home-page :where(.award-card-promax,.award-personal-card-promax):hover{transform:translateY(-4px)!important;border-color:rgba(122,221,239,.6)!important}.home-page .awards-home-actions a:hover{transform:translateY(-3px)!important;border-color:rgba(167,239,249,.7)!important}
}

/* AWARDS PAGE ----------------------------------------------------------- */
body.awards-page{color:#102b45;background:#edf4f8}
.home-page .awards-home-directory{color:#102b45}
.awards-page .awards-page-hero{position:relative;min-height:490px;display:grid;align-items:center;overflow:hidden;padding:clamp(68px,8vw,108px) 0;color:#fff;background:radial-gradient(circle at 78% 20%,rgba(67,215,236,.18),transparent 28%),radial-gradient(circle at 12% 85%,rgba(20,102,216,.28),transparent 35%),linear-gradient(135deg,#020b20,#052250 58%,#07396c)}
.awards-page .awards-page-hero::after{content:'HONOURS';position:absolute;right:-.03em;bottom:-.18em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);font:900 clamp(100px,17vw,240px)/1 var(--font-display);letter-spacing:-.07em;pointer-events:none}.awards-page .awards-page-hero-lines{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(139,209,234,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(139,209,234,.08) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(180deg,#000,transparent 90%)}.awards-page .awards-page-hero-light{position:absolute;border-radius:50%;filter:blur(80px);opacity:.17}.awards-page .awards-page-hero-light-left{width:350px;height:350px;left:-150px;bottom:-120px;background:var(--ap-blue)}.awards-page .awards-page-hero-light-right{width:320px;height:320px;right:5%;top:-140px;background:var(--ap-gold)}
.awards-page .awards-page-hero-inner{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(0,1fr) 210px!important;align-items:center!important;gap:clamp(45px,8vw,105px)!important}.awards-page .awards-page-hero-copy{max-width:880px}.awards-page .awards-page-kicker{min-height:34px;display:inline-flex!important;align-items:center;gap:9px;margin:0 0 19px!important;padding:7px 13px!important;border:1px solid rgba(92,217,236,.34)!important;border-radius:999px!important;color:#a7f0fa!important;background:rgba(46,164,201,.1)!important;font-size:8px!important;font-weight:900!important;line-height:1.4;letter-spacing:.12em!important}.awards-page .awards-page-kicker i{width:7px!important;height:7px!important;border-radius:50%;background:var(--ap-cyan)!important;box-shadow:0 0 12px rgba(67,215,236,.7)}.awards-page .awards-page-hero h1{max-width:900px;margin:0!important;padding:.05em 0!important;color:#fff!important;font:900 clamp(52px,7.2vw,100px)/.93 var(--font-display)!important;letter-spacing:-.065em!important;text-transform:uppercase;text-wrap:balance}.awards-page .awards-page-hero p{max-width:720px;margin:24px 0 0!important;color:#c7dfeb!important;font-size:15px!important;line-height:1.75!important}
.awards-page .awards-page-seal{width:186px!important;height:186px!important;display:grid!important;align-content:center;justify-items:center;gap:5px;padding:20px!important;border:1px solid rgba(255,221,132,.52)!important;border-radius:50%!important;color:#fff!important;background:radial-gradient(circle,rgba(244,197,87,.14),rgba(255,255,255,.025) 67%)!important;box-shadow:0 0 0 12px rgba(244,197,87,.035),0 25px 56px rgba(0,8,29,.28),inset 0 1px rgba(255,255,255,.15)!important}.awards-page .awards-page-seal span{color:#ffe08d!important;font:900 56px/.85 var(--font-display)!important;letter-spacing:-.06em}.awards-page .awards-page-seal strong{color:#fff!important;font-size:8px!important;letter-spacing:.12em!important}.awards-page .awards-page-seal small{color:#abdbe9!important;font-size:7px!important;letter-spacing:.1em!important}.awards-page .awards-page-seal i{margin-top:5px;color:#f8d36f}

.awards-page .awards-page-directory{position:relative;padding:clamp(68px,8vw,108px) 0;background:linear-gradient(180deg,#f7fafc,#edf4f8)}.awards-page .awards-page-directory-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,470px)!important;align-items:end!important;gap:44px!important;margin:0 0 32px!important}.awards-page .awards-page-directory-head>div>span{min-height:31px;display:inline-flex!important;align-items:center;padding:6px 11px!important;border:1px solid #c6e0ea!important;border-radius:999px!important;color:#147cad!important;background:#eef9fc!important;font-size:8px!important;font-weight:900!important;letter-spacing:.11em!important}.awards-page .awards-page-directory-head h2{margin:14px 0 0!important;color:var(--ap-navy)!important;font:900 clamp(39px,5.6vw,70px)/.98 var(--font-display)!important;letter-spacing:-.055em!important;text-transform:uppercase;text-wrap:balance}.awards-page .awards-page-directory-head h2 em{color:#167ac8!important;font-style:normal!important}.awards-page .awards-page-directory-head>p{margin:0!important;color:#567188!important;font-size:14px!important;line-height:1.75!important}
.awards-page .awards-page-jumpbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0 0 32px!important;padding:10px!important;border:1px solid #cfe0e9!important;border-radius:20px!important;background:#fff!important;box-shadow:0 15px 36px rgba(6,42,77,.07)!important}.awards-page .awards-page-jumpbar a{min-width:0;min-height:80px;display:grid!important;grid-template-columns:46px minmax(0,1fr) 28px!important;grid-template-rows:1fr 1fr;align-items:center;gap:0 12px;padding:12px!important;border:1px solid #deeaef!important;border-radius:14px!important;color:#153b5b!important;background:#f7fafc!important;text-decoration:none!important;transition:transform .22s var(--ap-ease),border-color .22s ease,box-shadow .22s ease!important}.awards-page .awards-page-jumpbar a>span{grid-row:1/3;color:#1687c0!important;font:900 29px/.9 var(--font-display)!important;letter-spacing:-.055em}.awards-page .awards-page-jumpbar a>b{align-self:end;font-size:12px!important;font-weight:900!important;line-height:1.25}.awards-page .awards-page-jumpbar a>small{align-self:start;color:#69839a!important;font-size:7px!important;font-weight:900!important;line-height:1.35;letter-spacing:.09em!important}.awards-page .awards-page-jumpbar svg{grid-column:3;grid-row:1/3;width:28px!important;height:28px!important;padding:6px;border-radius:9px;color:#1782bb;background:#eaf7fb;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}

.awards-page .awards-page-series{scroll-margin-top:90px;margin:0!important;padding:clamp(20px,3vw,33px)!important;border:1px solid #d0e1e9!important;border-radius:26px!important;background:#fff!important;box-shadow:0 22px 54px rgba(4,42,78,.08)!important}.awards-page .awards-page-series+.awards-page-series{margin-top:27px!important}.awards-page .awards-page-series-a{border-top:4px solid var(--ap-gold)!important}.awards-page .awards-page-series-b{border-top:4px solid #57cce3!important}.awards-page .awards-page-series-personal{border-top:4px solid var(--ap-blue)!important}.awards-page .awards-page-series-head{min-width:0;display:grid!important;grid-template-columns:60px minmax(0,1fr) minmax(40px,.35fr)!important;align-items:center!important;gap:15px!important;margin:0 0 23px!important}.awards-page .awards-page-series-head>span{min-width:0!important;color:#1682ba!important;font:900 41px/.9 var(--font-display)!important;letter-spacing:-.06em}.awards-page .awards-page-series-head>div{min-width:0}.awards-page .awards-page-series-head small{display:block;color:#1478a5!important;font-size:8px!important;font-weight:900!important;line-height:1.4!important;letter-spacing:.1em!important}.awards-page .awards-page-series-head h2{margin:5px 0 0!important;color:var(--ap-navy)!important;font:900 clamp(22px,2.6vw,33px)/1.08 var(--font-display)!important;letter-spacing:-.035em!important;text-wrap:balance}.awards-page .awards-page-series-head>i{width:100%;height:1px;background:linear-gradient(90deg,#bad8e5,transparent)}
.awards-page .awards-page-series-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}.awards-page .awards-page-series-grid .awards-page-card{grid-column:auto!important}.awards-page .awards-page-card{position:relative!important;min-width:0;min-height:220px!important;display:grid!important;grid-template-columns:50px minmax(0,1fr)!important;grid-template-rows:auto 1fr auto!important;align-items:start!important;gap:10px 13px!important;margin:0!important;padding:16px!important;overflow:hidden!important;border:1px solid #d8e5eb!important;border-radius:17px!important;color:#17344e!important;background:linear-gradient(145deg,#fff,#f4f8fa)!important;box-shadow:0 12px 28px rgba(5,45,78,.055)!important;transition:transform .22s var(--ap-ease),border-color .22s ease,box-shadow .22s ease!important}.awards-page .awards-page-card::before{content:'';position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#60cde3,transparent 80%)}.awards-page .awards-page-card-rank{grid-column:1;grid-row:1/-1;min-height:0!important;height:100%;display:grid!important;align-content:space-between;justify-items:center;padding:11px 5px!important;border-radius:12px!important;color:#fff!important;background:linear-gradient(160deg,#07579b,#128fc0)!important}.awards-page .awards-page-card-rank small{writing-mode:vertical-rl;transform:rotate(180deg);color:#bfe9f4!important;font-size:6px!important;font-weight:900!important;letter-spacing:.1em!important}.awards-page .awards-page-card-rank strong{color:#fff!important;font:900 23px/1 var(--font-display)!important;letter-spacing:-.05em}.awards-page .awards-page-card-emblem{grid-column:2;grid-row:1;width:52px!important;height:52px!important;display:grid!important;place-items:center;margin:0!important;padding:9px!important;border:1px solid #cbe0e8!important;border-radius:14px!important;color:#126fa4!important;background:#edf8fb!important;box-shadow:none!important}.awards-page .awards-page-card-emblem svg{width:100%;height:100%}.awards-page .awards-page-card-copy{grid-column:2;grid-row:2;min-width:0;align-self:start!important;margin:0!important}.awards-page .awards-page-card-copy>small{color:#1680ae!important;font-size:7px!important;font-weight:900!important;line-height:1.45!important;letter-spacing:.08em!important}.awards-page .awards-page-card-copy h3{margin:6px 0 0!important;color:var(--ap-navy)!important;font:850 clamp(16px,1.5vw,20px)/1.25 var(--font-display)!important;letter-spacing:-.025em!important;text-wrap:balance}.awards-page .awards-page-card-prize{grid-column:2;grid-row:3;min-width:0;min-height:62px!important;align-self:end!important;margin:0!important;padding:9px 10px!important;border:1px solid #dbe7ec!important;border-radius:11px!important;background:#fff!important}.awards-page .awards-page-card-prize>small{display:block;color:#7690a4!important;font-size:6px!important;font-weight:900!important;letter-spacing:.1em!important}.awards-page .awards-page-card-prize>p{margin:5px 0 0!important;color:#35536a!important;font-size:10px!important;font-weight:650!important;line-height:1.5!important}
.awards-page .awards-page-series-grid .awards-page-card.is-style{grid-column:auto!important;grid-template-columns:50px minmax(0,1fr)!important;grid-template-rows:auto 1fr auto!important;min-height:220px!important}

.awards-page .awards-page-card.awards-page-card-champion,.awards-page .awards-page-card.awards-page-card-champion-b{min-height:216px!important;display:grid!important;grid-template-columns:70px 72px minmax(0,1fr) minmax(220px,300px)!important;grid-template-rows:1fr!important;align-items:center!important;gap:19px!important;margin:0 0 14px!important;padding:22px!important;border:1px solid rgba(244,197,87,.68)!important;border-radius:20px!important;color:#fff!important;background:radial-gradient(circle at 11% 50%,rgba(244,197,87,.19),transparent 30%),linear-gradient(125deg,#06152f,#0b3268 62%,#071a39)!important;box-shadow:0 22px 48px rgba(3,25,54,.2)!important}.awards-page .awards-page-card.awards-page-card-champion-b{border-color:rgba(72,207,229,.55)!important;background:radial-gradient(circle at 11% 50%,rgba(67,215,236,.15),transparent 30%),linear-gradient(125deg,#05162f,#0a376b 65%,#061d3f)!important}.awards-page .awards-page-card-champion::before{background:linear-gradient(90deg,var(--ap-gold),transparent 82%)}.awards-page .awards-page-card-champion-b::before{background:linear-gradient(90deg,var(--ap-cyan),transparent 82%)}
.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank,.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank{grid-column:1;grid-row:1;min-height:164px!important;background:linear-gradient(160deg,#9a650d,#d7a73b)!important}.awards-page .awards-page-card-champion-b .awards-page-card-rank{background:linear-gradient(160deg,#08649b,#15a7c6)!important}.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-emblem,.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-emblem{grid-column:2;grid-row:1;width:72px!important;height:72px!important;color:#ffe28f!important;border-color:rgba(244,197,87,.48)!important;background:rgba(244,197,87,.1)!important}.awards-page .awards-page-card-champion-b .awards-page-card-emblem{color:#b1f2fa!important;border-color:rgba(67,215,236,.42)!important;background:rgba(67,215,236,.1)!important}.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-copy,.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-copy{grid-column:3;grid-row:1;align-self:center!important;margin:0!important}.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-copy>small,.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-copy>small{color:#ffe29a!important;font-size:8px!important}.awards-page .awards-page-card-champion-b .awards-page-card-copy>small{color:#acf0f9!important}.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-copy h3,.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-copy h3{color:#fff!important;font-size:clamp(27px,3vw,39px)!important;line-height:1.05!important}.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize,.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize{grid-column:4;grid-row:1;min-height:108px!important;align-self:center!important;display:grid;align-content:center;border-color:rgba(255,255,255,.15)!important;background:rgba(255,255,255,.075)!important}.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize>small,.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize>small{color:#9bd9eb!important}.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize>p,.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize>p{color:#fff!important;font-size:12px!important}.awards-page .awards-page-card-star{position:absolute;top:17px;right:17px;color:#f6cc61;opacity:.7}.awards-page .awards-page-card-note{display:block;margin-top:9px;color:#bcd9e6!important;font-size:8.5px!important;line-height:1.55}.awards-page .awards-page-personal-intro{max-width:720px;margin:-9px 0 22px 76px!important;color:#59758a!important;font-size:13px!important;line-height:1.7!important}.awards-page .awards-page-card-personal::before{background:linear-gradient(90deg,var(--ap-blue),var(--ap-cyan),transparent 88%)}

@media(hover:hover){.awards-page .awards-page-jumpbar a:hover{transform:translateY(-3px);border-color:#81d6e7!important;box-shadow:0 12px 25px rgba(7,92,139,.1)!important}.awards-page .awards-page-card:hover{transform:translateY(-4px);border-color:#9fd9e6!important;box-shadow:0 18px 36px rgba(5,56,94,.12)!important}}
:where(.home-page .awards-section-promax,.awards-page) a:focus-visible{outline:3px solid #67e8f9!important;outline-offset:4px!important}

/* AWARDS CREATIVE V2 · HALL OF CHAMPIONS ------------------------------ */
.home-page .awards-heading-top{position:relative}
body.home-page .awards-section.awards-section-promax{color:#fff!important;background:radial-gradient(circle at 84% 7%,rgba(244,197,87,.16),transparent 27%),radial-gradient(circle at 8% 45%,rgba(67,215,236,.18),transparent 33%),radial-gradient(circle at 82% 76%,rgba(28,105,214,.18),transparent 34%),linear-gradient(135deg,#020b20,#062b61 54%,#051b3e)!important}
.home-page .awards-heading-copy h2 span{display:inline;background:linear-gradient(180deg,#fff 12%,#d7f4fb 88%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.home-page .awards-stat-pill{position:relative;isolation:isolate;border-color:rgba(135,224,240,.34)!important;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(28,126,183,.08))!important;box-shadow:0 24px 52px rgba(0,8,30,.28),inset 0 1px rgba(255,255,255,.18)!important}
.home-page .awards-stat-pill::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(103,232,249,.08) 50%,transparent 65%);pointer-events:none}
.home-page .awards-stat-icon{border-radius:50%!important;box-shadow:0 0 0 6px rgba(67,215,236,.055),0 0 22px rgba(67,215,236,.14)!important}

.home-page .series-block{isolation:isolate;gap:22px!important;border-radius:32px!important;background:radial-gradient(circle at 96% 0,rgba(76,197,230,.12),transparent 24%),linear-gradient(145deg,rgba(255,255,255,.085),rgba(1,12,36,.38))!important;box-shadow:0 28px 78px rgba(0,7,28,.28),inset 0 1px rgba(255,255,255,.12)!important}
.home-page .series-block::before{content:'';position:absolute;z-index:0;top:0;right:34px;left:34px;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,transparent,var(--ap-cyan),transparent);opacity:.9;pointer-events:none}
.home-page .series-block.is-serie-a::before{background:linear-gradient(90deg,transparent,var(--ap-gold),transparent)}
.home-page .series-block::after{z-index:-1!important;right:-88px!important;bottom:-120px!important;width:310px!important;height:310px!important;border-color:rgba(126,219,239,.11)!important;box-shadow:0 0 0 30px rgba(67,215,236,.026),0 0 0 64px rgba(67,215,236,.018)!important}
.home-page .award-series-divider{min-height:54px;padding:9px 12px!important;border:1px solid rgba(138,213,235,.18);border-radius:16px;background:linear-gradient(90deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}
.home-page .series-badge{min-height:34px!important;padding-inline:14px!important;box-shadow:inset 0 1px rgba(255,255,255,.1)!important}
.home-page .series-divider-title{font-size:8px!important;letter-spacing:.12em!important}

.home-page .award-champion-promax{isolation:isolate;min-height:248px!important;border-radius:28px!important;background:radial-gradient(circle at 10% 50%,rgba(244,197,87,.26),transparent 25%),radial-gradient(circle at 87% 28%,rgba(38,145,223,.22),transparent 31%),linear-gradient(120deg,#04112a,#0b3470 56%,#061b3b)!important;box-shadow:0 30px 70px rgba(0,6,25,.4),inset 0 1px rgba(255,255,255,.18),inset 0 0 0 1px rgba(255,224,139,.08)!important}
.home-page .award-champion-promax::before{content:'';position:absolute;z-index:-1;inset:12px;border:1px solid rgba(255,229,155,.12);border-radius:20px;background:radial-gradient(circle at 50% 50%,transparent 0 43px,rgba(255,255,255,.055) 44px 45px,transparent 46px),linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%);pointer-events:none}
.home-page .award-champion-icon{width:96px!important;height:96px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 28%,rgba(255,251,224,.36),rgba(244,197,87,.2) 34%,rgba(83,54,4,.18) 72%)!important;box-shadow:0 0 0 9px rgba(244,197,87,.07),0 20px 42px rgba(103,66,0,.3),inset 0 1px rgba(255,255,255,.3)!important}
.home-page .champion-glory-star{box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 20px rgba(81,53,0,.12)!important}
.home-page .champion-title{font-size:clamp(32px,4.1vw,52px)!important;text-shadow:0 14px 34px rgba(0,7,29,.36)}
.home-page .prize-chip{border-color:rgba(255,255,255,.18)!important;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045))!important;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.home-page .num-glow{color:rgba(255,218,111,.48)!important;text-shadow:0 0 34px rgba(244,197,87,.25)!important}

.home-page .award-champion-spotlight-box{position:relative!important;isolation:isolate;min-height:292px!important;display:grid!important;place-items:center!important;padding:38px clamp(24px,4vw,52px)!important;overflow:hidden!important;border-radius:28px!important;text-align:center!important;transition:transform .24s var(--ap-ease),border-color .24s ease,box-shadow .24s ease!important}
.home-page .award-champion-spotlight-box::before{content:'';position:absolute;z-index:-1;inset:13px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:radial-gradient(circle at 50% 50%,transparent 0 42px,rgba(255,255,255,.055) 43px 44px,transparent 45px),linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.05) 50%,transparent 50.2%);pointer-events:none}
.home-page .award-champion-spotlight-box::after{content:'';position:absolute;z-index:-1;left:50%;bottom:-112px;width:300px;height:210px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.022),0 0 0 60px rgba(255,255,255,.014);pointer-events:none}
.home-page .award-champion-spotlight-box.is-champion-a{border:1px solid rgba(244,197,87,.72)!important;background:radial-gradient(circle at 50% -20%,rgba(244,197,87,.3),transparent 43%),radial-gradient(circle at 90% 35%,rgba(31,137,216,.21),transparent 30%),linear-gradient(125deg,#04132f,#0b3775 57%,#061a39)!important;box-shadow:0 30px 72px rgba(0,6,25,.42),0 0 0 1px rgba(244,197,87,.08),inset 0 1px rgba(255,255,255,.18)!important}
.home-page .award-champion-spotlight-box.is-champion-b{border:1px solid rgba(67,215,236,.58)!important;background:radial-gradient(circle at 50% -18%,rgba(67,215,236,.24),transparent 43%),radial-gradient(circle at 88% 36%,rgba(244,197,87,.15),transparent 30%),linear-gradient(125deg,#04142f,#0b3b76 58%,#061b3a)!important;box-shadow:0 30px 72px rgba(0,6,25,.4),0 0 0 1px rgba(67,215,236,.07),inset 0 1px rgba(255,255,255,.18)!important}
.home-page .champion-center-content{width:100%!important;max-width:780px!important;display:grid!important;justify-items:center!important;gap:12px!important}
.home-page .champion-icon-emblem{position:relative!important;width:94px!important;height:94px!important;display:grid!important;place-items:center!important;margin:0 0 4px!important;padding:15px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.35),rgba(244,197,87,.18) 38%,rgba(75,52,7,.13) 75%)!important;border:1px solid rgba(255,226,142,.62)!important;box-shadow:0 0 0 9px rgba(244,197,87,.06),0 18px 38px rgba(86,55,0,.24),inset 0 1px rgba(255,255,255,.28)!important}
.home-page .is-champion-b .champion-icon-emblem{border-color:rgba(113,225,240,.58)!important;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.28),rgba(67,215,236,.16) 40%,rgba(4,77,116,.16) 78%)!important;box-shadow:0 0 0 9px rgba(67,215,236,.055),0 18px 38px rgba(0,55,86,.24),inset 0 1px rgba(255,255,255,.25)!important}
.home-page .champion-icon-emblem svg{width:100%!important;height:100%!important;filter:none!important}.home-page .champion-icon-glow-ring{position:absolute;inset:-9px;border:1px solid rgba(255,229,151,.16);border-radius:50%;pointer-events:none}
.home-page .champion-watermark-num{top:auto!important;right:clamp(18px,4vw,46px)!important;bottom:14px!important;color:rgba(244,197,87,.18)!important;font-size:clamp(64px,9vw,112px)!important;line-height:.8!important}.home-page .is-champion-b .champion-watermark-num{color:rgba(67,215,236,.17)!important}
.home-page .award-champion-spotlight-box .champion-title{font-size:clamp(32px,4.4vw,54px)!important;letter-spacing:-.045em!important;text-shadow:0 16px 36px rgba(0,7,29,.42)!important}
.home-page .award-champion-spotlight-box .champion-kicker-tag{color:#ffe29a!important;font-size:8px!important;letter-spacing:.11em!important}.home-page .is-champion-b .champion-kicker-tag{color:#aef2fa!important}
.home-page .award-champion-spotlight-box .champion-glory-star{min-height:26px!important;display:inline-flex!important;align-items:center!important;padding:5px 10px!important;border:1px solid rgba(244,197,87,.32)!important;background:rgba(244,197,87,.09)!important;font-size:7.5px!important}.home-page .is-champion-b .champion-glory-star{border-color:rgba(67,215,236,.32)!important;color:#baf5fb!important;background:rgba(67,215,236,.085)!important}
.home-page .award-champion-spotlight-box .champion-prize-chips{gap:8px!important;margin:1px 0!important}.home-page .award-champion-spotlight-box .prize-chip{min-height:36px!important;padding:8px 12px!important;border-radius:11px!important;font-size:10px!important;backdrop-filter:blur(10px)!important}
.home-page .award-champion-spotlight-box .champion-honor-bar{margin-top:2px!important;padding:7px 14px!important;border-radius:10px!important}.home-page .award-champion-spotlight-box .champion-honor-bar b{font-size:7px!important}
.home-page .award-champion-spotlight-box .champion-light-flare{inset:0!important;left:auto!important;width:auto!important;height:auto!important;transform:none!important;background:linear-gradient(112deg,transparent 37%,rgba(255,255,255,.055) 50%,transparent 63%)!important;animation:none!important;pointer-events:none}

.home-page .award-cards-row{gap:15px!important;align-items:stretch}
.home-page .award-card-promax{min-height:194px!important;grid-template-columns:62px minmax(0,1fr)!important;gap:16px!important;padding:22px!important;border-radius:22px!important;background:radial-gradient(circle at 92% 9%,color-mix(in srgb,var(--card-accent) 18%,transparent),transparent 30%),linear-gradient(150deg,rgba(255,255,255,.115),rgba(3,20,49,.76))!important;box-shadow:0 20px 44px rgba(0,7,28,.24),inset 0 1px rgba(255,255,255,.12)!important}
.home-page .award-card-promax::before{height:4px!important;background:linear-gradient(90deg,var(--card-accent),color-mix(in srgb,var(--card-accent) 34%,transparent),transparent 88%)!important}
.home-page .award-card-promax::after{content:'';position:absolute;right:-34px;bottom:-40px;width:112px;height:112px;border:1px solid color-mix(in srgb,var(--card-accent) 18%,transparent);border-radius:50%;box-shadow:0 0 0 17px color-mix(in srgb,var(--card-accent) 5%,transparent);pointer-events:none}
.home-page .award-card-icon{width:62px!important;height:62px!important;padding:11px!important;border-radius:18px!important;color:var(--card-accent)!important;border-color:color-mix(in srgb,var(--card-accent) 35%,transparent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 15%,transparent),rgba(255,255,255,.035))!important;box-shadow:0 12px 26px rgba(0,8,30,.2),inset 0 1px rgba(255,255,255,.15)!important}
.home-page .award-card-body{gap:8px!important;padding-right:34px!important}
.home-page .award-card-body small{color:color-mix(in srgb,var(--card-accent) 80%,white)!important;font-size:7.5px!important}
.home-page .award-card-body h3{font-size:clamp(17px,1.55vw,21px)!important;line-height:1.18!important}
.home-page .award-prize-text{padding-top:9px;border-top:1px solid rgba(184,222,235,.12);font-size:10.5px!important}
.home-page .award-card-num{top:16px!important;right:16px!important;width:34px;height:34px;display:grid!important;place-items:center;border:1px solid color-mix(in srgb,var(--card-accent) 26%,transparent);border-radius:50%;color:color-mix(in srgb,var(--card-accent) 72%,white)!important;background:rgba(3,18,45,.46);font-size:12px!important;letter-spacing:0!important}
.home-page .award-medal-silver{--card-accent:#dceaf3}.home-page .award-medal-bronze{--card-accent:#e5a16f}.home-page .award-style{--card-accent:#9edff1}
.home-page .card-kicker-badge-row{min-width:0;display:flex!important;align-items:center!important;gap:7px!important}.home-page .card-kicker-badge-row small{min-width:0}
.home-page .sub-num-badge{width:22px!important;height:22px!important;display:grid!important;place-items:center!important;flex:0 0 22px;border:1px solid rgba(255,255,255,.22)!important;border-radius:50%!important;color:#fff!important;background:rgba(255,255,255,.09)!important;font-size:9px!important;font-weight:900!important;line-height:1!important}
.home-page .sub-prize-pills{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;margin-top:3px!important}.home-page .sub-prize-pill{min-height:29px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:5px 8px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important;color:#e7f2f7!important;background:rgba(255,255,255,.07)!important;font-size:8.5px!important;font-weight:750!important;line-height:1.25!important}.home-page .sub-prize-sep{display:none!important}.home-page .sub-prize-pill.is-silver{border-color:rgba(220,234,243,.34)!important;color:#eef7fb!important;background:rgba(220,234,243,.09)!important}.home-page .sub-prize-pill.is-bronze{border-color:rgba(229,161,111,.38)!important;color:#ffd9bd!important;background:rgba(229,161,111,.1)!important}.home-page .sub-prize-pill.is-fairplay{border-color:rgba(67,215,236,.38)!important;color:#b7f2fa!important;background:rgba(67,215,236,.1)!important}.home-page .sub-prize-pill.is-gift{border-color:rgba(63,146,232,.38)!important;color:#c8e7ff!important;background:rgba(44,123,213,.12)!important}.home-page .sub-prize-pill i,.home-page .prize-chip i{width:16px;height:16px;display:grid!important;place-items:center;flex:0 0 16px}.home-page .sub-prize-pill svg,.home-page .prize-chip svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-page .award-series-b-gold{--card-accent:#f4c557;min-height:164px!important;grid-template-columns:74px minmax(0,1fr)!important;padding:24px!important;border-color:rgba(244,197,87,.5)!important;background:radial-gradient(circle at 8% 50%,rgba(244,197,87,.2),transparent 24%),radial-gradient(circle at 92% 18%,rgba(67,215,236,.15),transparent 28%),linear-gradient(125deg,#071831,#0a3971 65%,#061a39)!important}.home-page .award-series-b-gold .award-card-icon{width:74px!important;height:74px!important;border-radius:22px!important}.home-page .award-series-b-gold .award-card-body h3{font-size:clamp(23px,2.6vw,34px)!important}

.home-page .awards-individual-honors{position:relative;isolation:isolate;overflow:hidden;border-radius:32px!important;background:radial-gradient(circle at 50% -20%,rgba(67,215,236,.21),transparent 39%),linear-gradient(145deg,rgba(20,86,170,.22),rgba(2,14,38,.58))!important;box-shadow:0 28px 70px rgba(0,7,28,.24),inset 0 1px rgba(255,255,255,.12)!important}
.home-page .awards-individual-honors::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(rgba(128,216,239,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(128,216,239,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 90%)}
.home-page .award-personal-card-promax{min-height:194px!important;border-radius:22px!important;background:radial-gradient(circle at 90% 10%,rgba(67,215,236,.13),transparent 30%),linear-gradient(145deg,rgba(32,118,207,.22),rgba(3,21,52,.84))!important;box-shadow:0 20px 42px rgba(0,7,28,.22),inset 0 1px rgba(255,255,255,.11)!important}
.home-page .award-personal-icon{border-radius:50%!important;box-shadow:0 0 0 7px rgba(67,215,236,.055)!important}

.awards-page .awards-page-directory{background:radial-gradient(circle at 92% 8%,rgba(35,142,205,.1),transparent 25%),linear-gradient(180deg,#f8fbfd,#eaf3f7)!important}
.awards-page .awards-page-series{position:relative;isolation:isolate;overflow:hidden;border-radius:30px!important;box-shadow:0 26px 65px rgba(3,42,76,.1),inset 0 1px #fff!important}
.awards-page .awards-page-series::after{content:'';position:absolute;z-index:-1;right:-92px;top:-94px;width:250px;height:250px;border:1px solid rgba(18,128,184,.08);border-radius:50%;box-shadow:0 0 0 28px rgba(18,128,184,.025),0 0 0 58px rgba(18,128,184,.016);pointer-events:none}
.awards-page .awards-page-series-head{min-height:72px;padding:6px 8px 6px 0!important}
.awards-page .awards-page-series-head>span{width:60px;height:60px;display:grid!important;place-items:center;border:1px solid #b9dce9;border-radius:18px;background:linear-gradient(145deg,#fff,#eaf7fb);box-shadow:0 12px 26px rgba(7,88,132,.1);font-size:30px!important}
.awards-page .awards-page-series-a .awards-page-series-head>span{color:#9b6b0b!important;border-color:#ead69c;background:linear-gradient(145deg,#fffdf5,#f8edc7)}
.awards-page .awards-page-series-b .awards-page-series-head>span{color:#087dab!important;border-color:#a8dce8;background:linear-gradient(145deg,#f7fdff,#dff6fb)}
.awards-page .awards-page-series-personal .awards-page-series-head>span{color:#185dc5!important;border-color:#b8d1f2;background:linear-gradient(145deg,#f8fbff,#e3edff)}
.awards-page .awards-page-series-grid{gap:15px!important;align-items:stretch}
.awards-page .awards-page-card{min-height:236px!important;border-radius:22px!important;background:radial-gradient(circle at 92% 8%,rgba(17,132,184,.08),transparent 28%),linear-gradient(145deg,#fff,#f3f8fa)!important;box-shadow:0 16px 36px rgba(4,51,84,.075),inset 0 1px #fff!important}
.awards-page .awards-page-card::after{content:'';position:absolute;right:-35px;bottom:-42px;width:105px;height:105px;border:1px solid rgba(18,132,183,.09);border-radius:50%;box-shadow:0 0 0 16px rgba(18,132,183,.022);pointer-events:none}
.awards-page .awards-page-card-rank{border-radius:14px!important;background:linear-gradient(165deg,#07599e,#16a4ca)!important;box-shadow:0 12px 24px rgba(7,86,137,.16)}
.awards-page .awards-page-card-emblem{width:58px!important;height:58px!important;border-radius:17px!important;box-shadow:0 10px 22px rgba(5,84,126,.09)!important}
.awards-page .awards-page-card-prize{border-radius:13px!important;background:rgba(255,255,255,.86)!important;box-shadow:inset 0 1px #fff!important}
.awards-page .awards-page-series-grid .awards-page-card:nth-child(1){border-top-color:#c9dce7!important}.awards-page .awards-page-series-grid .awards-page-card:nth-child(1)::before{background:linear-gradient(90deg,#dceaf3,#87a5ba,transparent 90%)}
.awards-page .awards-page-series-grid .awards-page-card:nth-child(2){border-top-color:#e1a178!important}.awards-page .awards-page-series-grid .awards-page-card:nth-child(2)::before{background:linear-gradient(90deg,#e9af86,#b96e40,transparent 90%)}
.awards-page .awards-page-series-grid .awards-page-card.is-style{min-height:236px!important;border-color:#c8dfeb!important;background:radial-gradient(circle at 92% 9%,rgba(67,215,236,.11),transparent 30%),linear-gradient(145deg,#fff,#eef9fb)!important}
.awards-page .awards-page-series-grid .awards-page-card.is-style::before{background:linear-gradient(90deg,#57cee4,#247fc1,transparent 90%)}
.awards-page .awards-page-card.awards-page-card-champion,.awards-page .awards-page-card.awards-page-card-champion-b{min-height:236px!important;border-radius:24px!important;box-shadow:0 26px 56px rgba(3,25,54,.24),inset 0 1px rgba(255,255,255,.17)!important}
.awards-page .awards-page-card.awards-page-card-champion::after,.awards-page .awards-page-card.awards-page-card-champion-b::after{border-color:rgba(255,222,128,.14);box-shadow:0 0 0 20px rgba(255,222,128,.035)}

@media(hover:hover){
    .home-page .award-card-promax:hover .award-card-icon,.home-page .award-personal-card-promax:hover .award-personal-icon{transform:translateY(-2px) scale(1.04);transition:transform .22s var(--ap-ease)}
    .awards-page .awards-page-card:hover .awards-page-card-emblem{transform:translateY(-2px);transition:transform .22s var(--ap-ease)}
}

/* RESPONSIVE ------------------------------------------------------------ */
@media(max-width:1050px){
    .home-page .awards-heading-top{grid-template-columns:minmax(0,1fr) 320px!important;gap:34px!important}.home-page :where(.award-cards-row,.awards-personal-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .awards-page .awards-page-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.awards-page .awards-page-personal-grid .awards-page-card:last-child{grid-column:1/-1}
    .awards-page .awards-page-card.awards-page-card-champion,.awards-page .awards-page-card.awards-page-card-champion-b{grid-template-columns:62px 64px minmax(0,1fr)!important;grid-template-rows:auto auto!important}.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank,.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank{grid-row:1/3;min-height:172px!important}.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-emblem,.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-emblem{width:64px!important;height:64px!important}.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-copy,.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-copy{grid-column:3;grid-row:1}.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize,.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize{grid-column:2/4;grid-row:2;min-height:68px!important}
}
@media(min-width:900px) and (max-width:1050px){
    .awards-page .awards-page-series-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* ═════════════════════════════════════════════════════════════════════
   AWARDS.PHP - FULL DETAILED CARD SHOWCASE ON MOBILE (KHÔNG NÉN)
   Thoáng đãng, sắc nét, to rõ từng hạng mục giải thưởng
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 780px) {
    body.awards-page .awards-page-directory,
    .awards-page .awards-page-directory {
        padding: 28px 0 40px !important;
    }
    
    /* Header Directory */
    body.awards-page .awards-page-directory-head,
    .awards-page .awards-page-directory-head {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-bottom: 18px !important;
        text-align: left !important;
    }
    body.awards-page .awards-page-directory-head h2,
    .awards-page .awards-page-directory-head h2 {
        font-size: clamp(24px, 7vw, 32px) !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
        letter-spacing: -0.03em !important;
    }
    body.awards-page .awards-page-directory-head p,
    .awards-page .awards-page-directory-head p {
        font-size: 13px !important;
        color: #475569 !important;
        line-height: 1.5 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Jumpbar Navigation */
    body.awards-page .awards-page-jumpbar,
    .awards-page .awards-page-jumpbar {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        padding: 6px !important;
        border-radius: 12px !important;
        margin-bottom: 20px !important;
        background: #ffffff !important;
        border: 1px solid #dce8ef !important;
        box-shadow: 0 4px 14px rgba(7, 56, 104, 0.06) !important;
    }
    body.awards-page .awards-page-jumpbar a,
    .awards-page .awards-page-jumpbar a {
        min-height: 48px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 6px 4px !important;
        text-align: center !important;
        border-radius: 9px !important;
        gap: 2px !important;
        border: 1px solid #e2edf5 !important;
        background: #f8fbfe !important;
        text-decoration: none !important;
        transition: background 0.2s ease !important;
    }
    body.awards-page .awards-page-jumpbar a:active {
        background: #e0f2fe !important;
        border-color: #0284c7 !important;
    }
    body.awards-page .awards-page-jumpbar a > span,
    .awards-page .awards-page-jumpbar a > span {
        display: none !important;
    }
    body.awards-page .awards-page-jumpbar a > b,
    .awards-page .awards-page-jumpbar a > b {
        display: block !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        color: #073868 !important;
        line-height: 1.1 !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-jumpbar a > small,
    .awards-page .awards-page-jumpbar a > small {
        display: block !important;
        font-size: 8px !important;
        font-weight: 800 !important;
        color: #0284c7 !important;
        line-height: 1 !important;
        margin: 0 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
    }
    body.awards-page .awards-page-jumpbar a > svg,
    .awards-page .awards-page-jumpbar a > svg {
        display: none !important;
    }

    /* Series Wrapper Box */
    body.awards-page .awards-page-series,
    .awards-page .awards-page-series {
        padding: 16px 14px 18px !important;
        border-radius: 18px !important;
        margin-bottom: 22px !important;
        background: #ffffff !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 8px 24px rgba(7, 56, 104, 0.06) !important;
    }
    
    /* Series Head */
    body.awards-page .awards-page-series-head,
    .awards-page .awards-page-series-head {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 14px !important;
        padding-bottom: 12px !important;
        border-bottom: 1px solid #eef4f8 !important;
        min-height: 0 !important;
    }
    body.awards-page .awards-page-series-head > span,
    .awards-page .awards-page-series-head > span {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        font-size: 16px !important;
        font-weight: 950 !important;
        border-radius: 10px !important;
        display: grid !important;
        place-items: center !important;
        flex-shrink: 0 !important;
    }
    body.awards-page .awards-page-series-head > div,
    .awards-page .awards-page-series-head > div {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 2px !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }
    body.awards-page .awards-page-series-head small,
    .awards-page .awards-page-series-head small {
        font-size: 9px !important;
        font-weight: 850 !important;
        letter-spacing: 0.1em !important;
        color: #0284c7 !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-series-head h2,
    .awards-page .awards-page-series-head h2 {
        font-size: 16px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    /* Series Grid: 1 Cột Thẻ Đầy Đủ */
    body.awards-page .awards-page-series-grid,
    .awards-page .awards-page-series-grid,
    body.awards-page .awards-page-personal-grid,
    .awards-page .awards-page-personal-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }

    /* ════ KHÔNG NÉN: MỖI THẺ CARD LÀ MỘT KHỐI TO RÕ, ĐẦY ĐỦ THÔNG TIN ════ */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        padding: 16px !important;
        gap: 12px !important;
        border-radius: 16px !important;
        background: linear-gradient(165deg, #ffffff 0%, #f9fcfe 100%) !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 4px 14px rgba(7, 56, 104, 0.05) !important;
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
        box-sizing: border-box !important;
        position: relative !important;
        overflow: hidden !important;
    }

    /* Thẻ Vô Địch Serie A & B */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion {
        border-color: rgba(245, 158, 11, 0.5) !important;
        background: linear-gradient(165deg, #ffffff 0%, #fffdf5 60%, #fffbeb 100%) !important;
        box-shadow: 0 8px 24px rgba(217, 119, 6, 0.12) !important;
        margin-bottom: 12px !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b {
        border-color: rgba(2, 132, 199, 0.45) !important;
        background: linear-gradient(165deg, #ffffff 0%, #f8fcff 60%, #f0f9ff 100%) !important;
        box-shadow: 0 8px 24px rgba(2, 132, 199, 0.12) !important;
        margin-bottom: 12px !important;
    }

    /* Cụm Header bên trong Card: Huy hiệu Số + Icon Emblem */
    .awards-card-mobile-top-group {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
    }

    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 4px 10px !important;
        border-radius: 8px !important;
        background: linear-gradient(135deg, #07599e, #148fc0) !important;
        color: #ffffff !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        align-self: flex-start !important;
        box-shadow: none !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank small {
        display: inline-block !important;
        font-size: 8px !important;
        font-weight: 850 !important;
        letter-spacing: 0.1em !important;
        color: rgba(255, 255, 255, 0.85) !important;
        text-transform: uppercase !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank strong {
        font-size: 13px !important;
        font-weight: 950 !important;
        color: #ffffff !important;
        line-height: 1 !important;
    }

    /* Icon Emblem */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-emblem {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        border-radius: 12px !important;
        padding: 7px !important;
        background: #f0f8fc !important;
        border: 1px solid #d0e4ee !important;
        display: grid !important;
        place-items: center !important;
        align-self: flex-start !important;
        flex-shrink: 0 !important;
        box-shadow: none !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-emblem {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        background: #fffbeb !important;
        border-color: #fde68a !important;
        padding: 8px !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-emblem svg {
        width: 100% !important;
        height: 100% !important;
    }

    /* Copy (Tiêu đề giải thưởng) */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy {
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy > small {
        display: block !important;
        font-size: 8px !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        color: #0284c7 !important;
        text-transform: uppercase !important;
        line-height: 1.2 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy > h3 {
        font-size: 16px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
        line-height: 1.25 !important;
        text-transform: uppercase !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-copy > h3 {
        font-size: 18px !important;
        color: #92400e !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-note {
        display: block !important;
        font-size: 10.5px !important;
        color: #64748b !important;
        line-height: 1.35 !important;
        margin-top: 3px !important;
    }

    /* Khung Phần Thưởng (Prize Box) */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize {
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
        padding: 10px 12px !important;
        border-radius: 10px !important;
        background: #f1f7fb !important;
        border: 1px solid #d8e8f2 !important;
        border-left: 3.5px solid #0284c7 !important;
        margin: 0 !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-prize {
        background: #fffbeb !important;
        border-color: #fde68a !important;
        border-left-color: #f59e0b !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize > small {
        display: block !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.1em !important;
        color: #64748b !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize > p {
        font-size: 12.5px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin: 0 !important;
        line-height: 1.4 !important;
    }

    .awards-page-card-star {
        display: none !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - PERFECT AWARDS SHOWCASE SYSTEM (NO MORE BREAKS)
   ═════════════════════════════════════════════════════════════════════ */
:where(body, html, .home-page, body.home-page) .awards-teaser-section {
    position: relative !important;
    padding: 72px 0 84px !important;
    background: radial-gradient(circle at 90% 12%, rgba(254, 240, 138, 0.35), transparent 45%),
                radial-gradient(circle at 10% 88%, rgba(186, 230, 253, 0.35), transparent 45%),
                linear-gradient(160deg, #f4f9ff 0%, #ffffff 40%, #f7fbff 75%, #eff7fc 100%) !important;
    color: #0f172a !important;
    border-top: 1px solid #e2edf6 !important;
    border-bottom: 1px solid #e2edf6 !important;
    overflow: hidden !important;
}

/* Background Soft Atmosphere */
:where(body, html, .home-page, body.home-page) .awards-teaser-bg-decor {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}
:where(body, html, .home-page, body.home-page) .awards-decor-circle {
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(80px) !important;
    opacity: 0.55 !important;
}
:where(body, html, .home-page, body.home-page) .awards-decor-circle.is-gold {
    width: 480px !important;
    height: 480px !important;
    top: -120px !important;
    right: 3% !important;
    background: radial-gradient(circle, #fef08a, #fde047) !important;
}
:where(body, html, .home-page, body.home-page) .awards-decor-circle.is-cyan {
    width: 420px !important;
    height: 420px !important;
    bottom: -100px !important;
    left: 2% !important;
    background: radial-gradient(circle, #bae6fd, #7dd3fc) !important;
}

/* Container */
:where(body, html, .home-page, body.home-page) .awards-teaser-inner {
    width: min(calc(100% - 48px), 1220px) !important;
    max-width: 1220px !important;
    margin-inline: auto !important;
    position: relative !important;
    z-index: 3 !important;
}

/* ── HEADER ── */
:where(body, html, .home-page, body.home-page) .awards-teaser-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;
    margin-bottom: 36px !important;
}

:where(body, html, .home-page, body.home-page) .awards-teaser-head-copy h2 {
    font-size: clamp(30px, 3.8vw, 44px) !important;
    font-weight: 950 !important;
    color: #032b60 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

/* Master Header Button */
:where(body, html, .home-page, body.home-page) .awards-btn-main {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 24px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 12.5px !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    box-shadow: 0 8px 22px rgba(217, 119, 6, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
}
:where(body, html, .home-page, body.home-page) .awards-btn-main:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(135deg, #fbbf24, #d97706) !important;
    box-shadow: 0 12px 28px rgba(217, 119, 6, 0.5) !important;
}
.awards-btn-main-arrow {
    width: 20px !important;
    height: 20px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.16) !important;
}
.awards-btn-main-arrow svg {
    width: 12px !important;
    height: 12px !important;
    transition: transform 0.25s ease !important;
}
:where(body, html, .home-page, body.home-page) .awards-btn-main:hover .awards-btn-main-arrow svg {
    transform: translateX(3px) !important;
}

/* ── GRID SHOWCASE ── */
:where(body, html, .home-page, body.home-page) .awards-teaser-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

/* ── BENTO CARD LIGHT ── */
:where(body, html, .home-page, body.home-page) .awards-card-light {
    background: #ffffff !important;
    border-radius: 22px !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 18px !important;
    position: relative !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light:hover {
    transform: translateY(-6px) !important;
}

:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-a {
    border: 1.5px solid rgba(245, 158, 11, 0.45) !important;
    background: linear-gradient(165deg, #ffffff 0%, #fffdf7 60%, #fffbeb 100%) !important;
    box-shadow: 0 10px 30px rgba(217, 119, 6, 0.09), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-a:hover {
    border-color: rgba(245, 158, 11, 0.85) !important;
    box-shadow: 0 18px 45px rgba(217, 119, 6, 0.18), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-b {
    border: 1.5px solid rgba(2, 132, 199, 0.4) !important;
    background: linear-gradient(165deg, #ffffff 0%, #f8fcff 60%, #f0f9ff 100%) !important;
    box-shadow: 0 10px 30px rgba(2, 132, 199, 0.09), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-b:hover {
    border-color: rgba(2, 132, 199, 0.8) !important;
    box-shadow: 0 18px 45px rgba(2, 132, 199, 0.18), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

:where(body, html, .home-page, body.home-page) .awards-card-light.is-purple {
    border: 1.5px solid rgba(147, 51, 234, 0.4) !important;
    background: linear-gradient(165deg, #ffffff 0%, #fdfbff 60%, #faf5ff 100%) !important;
    box-shadow: 0 10px 30px rgba(147, 51, 234, 0.09), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-purple:hover {
    border-color: rgba(147, 51, 234, 0.8) !important;
    box-shadow: 0 18px 45px rgba(147, 51, 234, 0.18), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* Card Header */
:where(body, html, .home-page, body.home-page) .awards-card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
.awards-pill-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
}
.awards-pill-badge.is-gold { background: #fef3c7 !important; border: 1px solid #fde68a !important; }
.awards-pill-badge.is-blue { background: #e0f2fe !important; border: 1px solid #bae6fd !important; }
.awards-pill-badge.is-purple { background: #f3e8ff !important; border: 1px solid #e9d5ff !important; }
.awards-pill-num { font-size: 13.5px !important; font-weight: 950 !important; line-height: 1 !important; }
.awards-pill-badge.is-gold .awards-pill-num { color: #b45309 !important; }
.awards-pill-badge.is-blue .awards-pill-num { color: #0369a1 !important; }
.awards-pill-badge.is-purple .awards-pill-num { color: #7e22ce !important; }
.awards-pill-name { font-size: 10px !important; font-weight: 850 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }
.awards-pill-badge.is-gold .awards-pill-name { color: #92400e !important; }
.awards-pill-badge.is-blue .awards-pill-name { color: #075985 !important; }
.awards-pill-badge.is-purple .awards-pill-name { color: #6b21a8 !important; }

.awards-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    padding: 4px 9px !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
}
.awards-chip.is-gold { background: #fffbeb !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.awards-chip.is-blue { background: #f0f9ff !important; color: #0369a1 !important; border: 1px solid #bae6fd !important; }
.awards-chip.is-purple { background: #faf5ff !important; color: #7e22ce !important; border: 1px solid #e9d5ff !important; }

/* Crystal Podium Icon */
:where(body, html, .home-page, body.home-page) .awards-card-hero-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 0 !important;
}
.awards-crystal-podium {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    border-radius: 20px !important;
    display: grid !important;
    place-items: center !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light:hover .awards-crystal-podium {
    transform: scale(1.08) !important;
}
.awards-crystal-podium.is-gold {
    background: radial-gradient(circle, #fffbeb 0%, #fef08a 65%, #fde047 100%) !important;
    border: 2px solid #f59e0b !important;
    box-shadow: 0 8px 22px rgba(245, 158, 11, 0.28) !important;
}
.awards-crystal-podium.is-blue {
    background: radial-gradient(circle, #f0f9ff 0%, #e0f2fe 65%, #bae6fd 100%) !important;
    border: 2px solid #0284c7 !important;
    box-shadow: 0 8px 22px rgba(2, 132, 199, 0.28) !important;
}
.awards-crystal-podium.is-purple {
    background: radial-gradient(circle, #faf5ff 0%, #f3e8ff 65%, #e9d5ff 100%) !important;
    border: 2px solid #9333ea !important;
    box-shadow: 0 8px 22px rgba(147, 51, 234, 0.28) !important;
}
.awards-vector-icon {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    display: block !important;
}

/* Card Content */
:where(body, html, .home-page, body.home-page) .awards-card-body-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-main-title {
    font-size: 19px !important;
    font-weight: 950 !important;
    color: #073868 !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
}

/* Prize Box Card */
.awards-prize-card {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 11px 13px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
}
.awards-prize-card.is-gold {
    background: #fffbeb !important;
    border: 1px solid #fde68a !important;
    border-left: 4px solid #f59e0b !important;
}
.awards-prize-card.is-blue {
    background: #f0f9ff !important;
    border: 1px solid #bae6fd !important;
    border-left: 4px solid #0284c7 !important;
}
.awards-prize-card.is-purple {
    background: #faf5ff !important;
    border: 1px solid #e9d5ff !important;
    border-left: 4px solid #9333ea !important;
}
.awards-prize-icon-circle {
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-prize-icon-circle.is-gold { background: #fef3c7 !important; color: #d97706 !important; }
.awards-prize-icon-circle.is-blue { background: #e0f2fe !important; color: #0284c7 !important; }
.awards-prize-icon-circle.is-purple { background: #f3e8ff !important; color: #9333ea !important; }
.awards-prize-icon-circle svg { width: 17px !important; height: 17px !important; }

.awards-prize-info { flex: 1 1 auto !important; min-width: 0 !important; }
.awards-prize-label {
    display: block !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    color: #64748b !important;
    margin-bottom: 2px !important;
    text-transform: uppercase !important;
}
.awards-prize-text {
    font-size: 12px !important;
    color: #1e293b !important;
    margin: 0 !important;
    line-height: 1.35 !important;
}
.awards-prize-text strong { color: #0f172a !important; font-weight: 900 !important; }

/* Subcategories Chips */
.awards-subcategories { font-size: 11px !important; }
.awards-subcategories-title {
    display: block !important;
    font-weight: 800 !important;
    color: #64748b !important;
    margin-bottom: 6px !important;
    font-size: 10px !important;
    letter-spacing: 0.04em !important;
}
.awards-subcategories-chips { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
.awards-chip-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
}

/* Card Action Link */
:where(body, html, .home-page, body.home-page) .awards-card-footer-action {
    padding-top: 12px !important;
    border-top: 1px solid #f1f5f9 !important;
}
.awards-card-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
    cursor: pointer !important;
}
.awards-card-btn.is-gold { background: #fffbeb !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.awards-card-btn.is-gold:hover { background: #f59e0b !important; color: #ffffff !important; border-color: #f59e0b !important; }
.awards-card-btn.is-blue { background: #f0f9ff !important; color: #0369a1 !important; border: 1px solid #bae6fd !important; }
.awards-card-btn.is-blue:hover { background: #0284c7 !important; color: #ffffff !important; border-color: #0284c7 !important; }
.awards-card-btn.is-purple { background: #faf5ff !important; color: #7e22ce !important; border: 1px solid #e9d5ff !important; }
.awards-card-btn.is-purple:hover { background: #9333ea !important; color: #ffffff !important; border-color: #9333ea !important; }
.awards-card-btn svg { width: 14px !important; height: 14px !important; transition: transform 0.2s ease !important; }
.awards-card-btn:hover svg { transform: translateX(4px) !important; }

/* ═════════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE: 1 CỘT THẺ CARD TO RÕ, ĐẦY ĐỦ, HOÀN HẢO 100%
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
    :where(body, html, .home-page, body.home-page) .awards-teaser-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

@media (max-width: 780px) {
    :where(body, html, .home-page, body.home-page) .awards-teaser-section {
        padding: 32px 0 38px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-teaser-head {
        margin-bottom: 16px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-teaser-head-copy h2 {
        font-size: clamp(22px, 6vw, 28px) !important;
        line-height: 1.15 !important;
    }
    
    :where(body, html, .home-page, body.home-page) .awards-card-light {
        padding: 18px 16px !important;
        gap: 14px !important;
        border-radius: 18px !important;
    }
    .awards-crystal-podium {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        border-radius: 16px !important;
        padding: 8px !important;
    }
    .awards-vector-icon {
        width: 38px !important;
        height: 38px !important;
        max-width: 38px !important;
        max-height: 38px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-card-main-title {
        font-size: 17px !important;
    }
    .awards-prize-card {
        padding: 10px 12px !important;
    }

    :where(body, html, .home-page, body.home-page) .desktop-only {
        display: none !important;
    }
    :where(body, html, .home-page, body.home-page) .mobile-only {
        display: block !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-teaser-footer {
        display: block !important;
        margin-top: 16px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-btn-main.is-full {
        width: 100% !important;
        box-sizing: border-box !important;
        justify-content: center !important;
        padding: 13px 20px !important;
        font-size: 12px !important;
        border-radius: 999px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS.PHP - PERFECT MOBILE & DESKTOP SYSTEM (NO OVERLAPS, NO GAPS)
   ═════════════════════════════════════════════════════════════════════ */

/* HERO SECTION (DESKTOP & MOBILE) */
.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(48px, 6vw, 84px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 80% 20%, rgba(67, 215, 236, 0.18), transparent 35%),
                radial-gradient(circle at 15% 80%, rgba(20, 102, 216, 0.25), transparent 40%),
                linear-gradient(135deg, #020b20 0%, #052250 55%, #07396c 100%) !important;
    overflow: hidden !important;
}
.awards-page .awards-page-hero::after {
    display: none !important; /* Xóa chữ HONOURS đè watermark */
}
.awards-page .awards-page-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;
}
.awards-page .awards-page-hero-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.awards-page .awards-page-hero h1 {
    font-size: clamp(34px, 5vw, 64px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
.awards-page .awards-page-hero p {
    font-size: 15px !important;
    color: #c7dfeb !important;
    line-height: 1.6 !important;
    max-width: 680px !important;
    margin: 14px 0 0 !important;
}

/* Seal 11 Hạng mục */
.awards-page .awards-page-seal {
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    padding: 12px !important;
    border: 2px solid rgba(244, 197, 87, 0.5) !important;
    background: radial-gradient(circle, rgba(244, 197, 87, 0.18), rgba(255, 255, 255, 0.04) 70%) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    flex-shrink: 0 !important;
}
.awards-page .awards-page-seal span {
    font-size: 42px !important;
    font-weight: 950 !important;
    color: #fde047 !important;
    line-height: 0.9 !important;
}
.awards-page .awards-page-seal strong {
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}
.awards-page .awards-page-seal small {
    font-size: 8px !important;
    color: #93c5fd !important;
}

/* DIRECTORY HEAD */
.awards-page .awards-page-directory-head {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 28px !important;
}
.awards-page .awards-page-directory-head h2 {
    font-size: clamp(30px, 4.2vw, 48px) !important;
    font-weight: 950 !important;
    color: #032b60 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
.awards-page .awards-page-directory-head p {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    border-left: 3px solid #0284c7 !important;
    padding-left: 14px !important;
}

/* JUMPBAR */
.awards-page .awards-page-jumpbar {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 32px !important;
    padding: 8px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid #dce8ef !important;
    box-shadow: 0 4px 16px rgba(7, 56, 104, 0.05) !important;
}
.awards-page .awards-page-jumpbar a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 8px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    min-height: 56px !important;
}
.awards-page .awards-page-jumpbar a:hover {
    background: #e0f2fe !important;
    border-color: #0284c7 !important;
    transform: translateY(-2px) !important;
}
.awards-page .awards-page-jumpbar a > span { display: none !important; }
.awards-page .awards-page-jumpbar a > svg { display: none !important; }
.awards-page .awards-page-jumpbar a > b {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #073868 !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
}
.awards-page .awards-page-jumpbar a > small {
    font-size: 9px !important;
    font-weight: 850 !important;
    color: #0284c7 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

/* ═════════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE: KHẮC PHỤC TRIỆT ĐỂ MỌI LỖI TRÊN MÀN HÌNH MOBILE
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 780px) {
    /* Hero Section Mobile */
    .awards-page .awards-page-hero {
        padding: 34px 0 38px !important;
    }
    .awards-page .awards-page-hero-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    .awards-page .awards-page-hero h1 {
        font-size: 26px !important;
        line-height: 1.1 !important;
    }
    .awards-page .awards-page-hero p {
        font-size: 13px !important;
        line-height: 1.45 !important;
        margin-top: 8px !important;
    }
    .awards-page .awards-page-seal {
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        border-radius: 12px !important;
        padding: 8px 14px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        border: 1px solid rgba(244, 197, 87, 0.4) !important;
        background: rgba(244, 197, 87, 0.12) !important;
        box-shadow: none !important;
    }
    .awards-page .awards-page-seal span {
        font-size: 22px !important;
    }
    .awards-page .awards-page-seal strong {
        font-size: 11px !important;
        color: #fef08a !important;
    }
    .awards-page .awards-page-seal small {
        font-size: 9.5px !important;
        color: #cbd5e1 !important;
        margin-left: auto !important;
    }
    .awards-page .awards-page-seal i { display: none !important; }

    /* Directory Head Mobile */
    .awards-page .awards-page-directory {
        padding: 24px 0 36px !important;
    }
    .awards-page .awards-page-directory-head h2 {
        font-size: 22px !important;
        line-height: 1.15 !important;
    }
    .awards-page .awards-page-directory-head p {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        padding-left: 10px !important;
    }

    /* Jumpbar Mobile */
    .awards-page .awards-page-jumpbar {
        gap: 6px !important;
        padding: 6px !important;
        margin-bottom: 18px !important;
    }
    .awards-page .awards-page-jumpbar a {
        padding: 8px 4px !important;
        min-height: 44px !important;
        border-radius: 8px !important;
    }
    .awards-page .awards-page-jumpbar a > b {
        font-size: 11px !important;
    }
    .awards-page .awards-page-jumpbar a > small {
        font-size: 7.5px !important;
    }

    /* Series Container Mobile */
    .awards-page .awards-page-series {
        padding: 14px 12px 16px !important;
        border-radius: 16px !important;
        margin-bottom: 18px !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 4px 14px rgba(7, 56, 104, 0.05) !important;
    }
    .awards-page .awards-page-series-head {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
        padding-bottom: 10px !important;
        border-bottom: 1px solid #f1f5f9 !important;
    }
    .awards-page .awards-page-series-head > span {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        font-size: 14px !important;
        font-weight: 950 !important;
        border-radius: 8px !important;
        display: grid !important;
        place-items: center !important;
        background: #f0f8fc !important;
        border: 1px solid #cce3ee !important;
        color: #0284c7 !important;
    }
    .awards-page .awards-page-series-head small {
        font-size: 8px !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        color: #0284c7 !important;
        text-transform: uppercase !important;
    }
    .awards-page .awards-page-series-head h2 {
        font-size: 15px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
    }
    .awards-page .awards-page-series-head > i { display: none !important; }

    /* Series Grid: 1 Cột Thẻ Dọc */
    .awards-page .awards-page-series-grid,
    .awards-page .awards-page-personal-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    /* ════ CẤU TRÚC CARD CHUẨN THỂ THAO TRÊN MOBILE (KHÔNG KẸT CỘT DỌC, KHÔNG KHOẢNG TRẮNG) ════ */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding: 14px !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 2px 10px rgba(7, 56, 104, 0.04) !important;
        min-height: 0 !important;
        height: auto !important;
        position: relative !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card::before,
    :where(body, html, .awards-page, body.awards-page) .awards-page-card::after {
        display: none !important;
    }

    /* 1. Header Row bên trong Card: Badge Số + Sub-label */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank {
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 3px 8px !important;
        border-radius: 6px !important;
        background: #e0f2fe !important;
        border: 1px solid #bae6fd !important;
        color: #0369a1 !important;
        width: fit-content !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        align-self: flex-start !important;
        box-shadow: none !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank small {
        display: inline-block !important;
        writing-mode: horizontal-tb !important;
        transform: none !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        color: #0369a1 !important;
        text-transform: uppercase !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank strong {
        font-size: 12px !important;
        font-weight: 950 !important;
        color: #0369a1 !important;
        line-height: 1 !important;
    }

    /* 2. Main Visual & Title: Icon Cúp 44px + Tiêu đề cạnh nhau */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-emblem {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
        border-radius: 10px !important;
        padding: 6px !important;
        background: #f0f8fc !important;
        border: 1px solid #cce3ee !important;
        display: grid !important;
        place-items: center !important;
        flex-shrink: 0 !important;
        box-shadow: none !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-emblem svg {
        width: 100% !important;
        height: 100% !important;
        max-width: 32px !important;
        max-height: 32px !important;
    }

    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy > small {
        display: block !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        color: #0284c7 !important;
        text-transform: uppercase !important;
        line-height: 1.2 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy > h3 {
        font-size: 15px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
        line-height: 1.25 !important;
        text-transform: uppercase !important;
    }

    /* Note Serie B: Chữ sáng rõ 100% */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-note {
        display: block !important;
        padding: 6px 9px !important;
        border-radius: 6px !important;
        background: rgba(255, 255, 255, 0.12) !important;
        border: 1px dashed rgba(255, 255, 255, 0.25) !important;
        color: #e0f2fe !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
        margin-top: 4px !important;
    }

    /* 3. Prize Box: Trải rộng phía dưới, rõ ràng không kẹt */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        padding: 8px 10px !important;
        border-radius: 8px !important;
        background: #f1f7fb !important;
        border: 1px solid #d8e8f2 !important;
        border-left: 3.5px solid #0284c7 !important;
        margin: 2px 0 0 !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize > small {
        display: block !important;
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        color: #64748b !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize > p {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin: 0 !important;
        line-height: 1.35 !important;
    }

    /* ════ THẺ VÔ ĐỊCH SERIE A & B TRÊN MOBILE (NỀN NAVY SANG TRỌNG ĐẲNG CẤP) ════ */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion {
        background: linear-gradient(135deg, #04142f 0%, #0a3068 60%, #061f47 100%) !important;
        border: 1.5px solid rgba(244, 197, 87, 0.7) !important;
        box-shadow: 0 8px 24px rgba(4, 20, 47, 0.25) !important;
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-rank {
        background: rgba(244, 197, 87, 0.2) !important;
        border-color: rgba(244, 197, 87, 0.4) !important;
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-rank small,
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-rank strong {
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-emblem {
        background: rgba(244, 197, 87, 0.15) !important;
        border-color: rgba(244, 197, 87, 0.4) !important;
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-copy > small {
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-copy > h3 {
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #f59e0b !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-prize > small {
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-prize > p {
        color: #ffffff !important;
    }

    /* VÔ ĐỊCH SERIE B */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b {
        background: linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
        box-shadow: 0 8px 24px rgba(3, 24, 56, 0.25) !important;
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-rank {
        background: rgba(56, 189, 248, 0.2) !important;
        border-color: rgba(56, 189, 248, 0.4) !important;
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-rank small,
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-rank strong {
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-emblem {
        background: rgba(56, 189, 248, 0.15) !important;
        border-color: rgba(56, 189, 248, 0.4) !important;
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > small {
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > h3 {
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #38bdf8 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > small {
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > p {
        color: #ffffff !important;
    }

    .awards-page-card-star { display: none !important; }
}


/* ═════════════════════════════════════════════════════════════════════
   MOBILE AWARDS CARD GRID (2-COLUMN COMPACT TOP + FULL WIDTH PRIZE)
   ═════════════════════════════════════════════ */
@media (max-width: 780px) {
    :where(body, html, .awards-page, body.awards-page) .awards-page-card {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        gap: 8px 12px !important;
        align-items: center !important;
        padding: 14px 14px 12px !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 3px 12px rgba(7, 56, 104, 0.05) !important;
        min-height: 0 !important;
        max-height: none !important;
        height: auto !important;
        position: relative !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* Hàng 1: Badge Số Hạng Mục */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 3px 8px !important;
        border-radius: 6px !important;
        background: #e0f2fe !important;
        border: 1px solid #bae6fd !important;
        color: #0369a1 !important;
        width: fit-content !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        justify-self: start !important;
        box-shadow: none !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank small {
        display: inline-block !important;
        writing-mode: horizontal-tb !important;
        transform: none !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        color: #0369a1 !important;
        text-transform: uppercase !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-rank strong {
        font-size: 12px !important;
        font-weight: 950 !important;
        color: #0369a1 !important;
        line-height: 1 !important;
    }

    /* Hàng 2: Icon Emblem (Cột 1) + Tiêu đề (Cột 2) */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-emblem {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        max-height: 46px !important;
        border-radius: 11px !important;
        padding: 7px !important;
        background: #f0f8fc !important;
        border: 1px solid #cce3ee !important;
        display: grid !important;
        place-items: center !important;
        align-self: center !important;
        flex-shrink: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-emblem svg {
        width: 100% !important;
        height: 100% !important;
        max-width: 32px !important;
        max-height: 32px !important;
    }

    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        align-self: center !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy > small {
        display: block !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        color: #0284c7 !important;
        text-transform: uppercase !important;
        line-height: 1.2 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-copy > h3 {
        font-size: 15.5px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
        line-height: 1.25 !important;
        text-transform: uppercase !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-note {
        display: block !important;
        padding: 5px 8px !important;
        border-radius: 6px !important;
        background: rgba(255, 255, 255, 0.15) !important;
        border: 1px dashed rgba(255, 255, 255, 0.3) !important;
        color: #ffffff !important;
        font-size: 9.5px !important;
        line-height: 1.35 !important;
        margin-top: 4px !important;
    }

    /* Hàng 3: Khung Phần Thưởng Trải Rộng */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        padding: 8px 10px !important;
        border-radius: 8px !important;
        background: #f1f7fb !important;
        border: 1px solid #d8e8f2 !important;
        border-left: 3.5px solid #0284c7 !important;
        margin: 2px 0 0 !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize > small {
        display: block !important;
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        color: #64748b !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card .awards-page-card-prize > p {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin: 0 !important;
        line-height: 1.35 !important;
    }

    /* Thẻ Vô Địch Serie A (Champion Hero Card) */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion {
        background: linear-gradient(135deg, #04142f 0%, #0a3068 60%, #061f47 100%) !important;
        border: 1.5px solid rgba(245, 158, 11, 0.7) !important;
        box-shadow: 0 8px 24px rgba(4, 20, 47, 0.25) !important;
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-rank {
        background: rgba(244, 197, 87, 0.2) !important;
        border-color: rgba(244, 197, 87, 0.4) !important;
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-rank small,
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-rank strong {
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-emblem {
        background: rgba(244, 197, 87, 0.15) !important;
        border-color: rgba(244, 197, 87, 0.4) !important;
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-copy > small {
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-copy > h3 {
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #f59e0b !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-prize > small {
        color: #fde047 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion .awards-page-card-prize > p {
        color: #ffffff !important;
    }

    /* Thẻ Vô Địch Serie B (Champion Hero Card B) */
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b {
        background: linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
        box-shadow: 0 8px 24px rgba(3, 24, 56, 0.25) !important;
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-rank {
        background: rgba(56, 189, 248, 0.2) !important;
        border-color: rgba(56, 189, 248, 0.4) !important;
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-rank small,
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-rank strong {
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-emblem {
        background: rgba(56, 189, 248, 0.15) !important;
        border-color: rgba(56, 189, 248, 0.4) !important;
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > small {
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > h3 {
        color: #ffffff !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #38bdf8 !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > small {
        color: #7dd3fc !important;
    }
    :where(body, html, .awards-page, body.awards-page) .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > p {
        color: #ffffff !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - MINI BENTO COMPACT SHOWCASE (ZERO-SCROLL MOBILE)
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 780px) {
    :where(body, html, .home-page, body.home-page) .awards-teaser-section {
        padding: 22px 0 26px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-teaser-head {
        margin-bottom: 12px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-teaser-head-copy h2 {
        font-size: clamp(20px, 5.5vw, 24px) !important;
        line-height: 1.15 !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-teaser-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    /* Thẻ Mini Bento Ngang */
    :where(body, html, .home-page, body.home-page) .awards-card-light {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 10px 12px !important;
        gap: 11px !important;
        border-radius: 14px !important;
        min-height: 64px !important;
        box-shadow: 0 2px 8px rgba(7, 56, 104, 0.04) !important;
    }
    
    /* Bục Icon Pha Lê Trái */
    .awards-crystal-podium {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        max-height: 46px !important;
        border-radius: 12px !important;
        padding: 7px !important;
        box-shadow: none !important;
        flex-shrink: 0 !important;
        display: grid !important;
        place-items: center !important;
    }
    .awards-vector-icon {
        width: 32px !important;
        height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
        display: block !important;
    }

    /* Khối Text Giữa */
    :where(body, html, .home-page, body.home-page) .awards-card-body-content {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        gap: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
    .awards-mini-tag {
        display: block !important;
        font-size: 7.5px !important;
        font-weight: 900 !important;
        letter-spacing: 0.08em !important;
        line-height: 1 !important;
        margin-bottom: 2px !important;
        text-transform: uppercase !important;
    }
    .awards-mini-tag.is-gold { color: #b45309 !important; }
    .awards-mini-tag.is-blue { color: #0284c7 !important; }
    .awards-mini-tag.is-purple { color: #7e22ce !important; }

    :where(body, html, .home-page, body.home-page) .awards-card-main-title {
        font-size: 13.5px !important;
        font-weight: 950 !important;
        text-align: left !important;
        line-height: 1.2 !important;
        margin: 0 !important;
        color: #073868 !important;
    }
    .awards-card-mini-desc {
        display: block !important;
        font-size: 9.5px !important;
        color: #64748b !important;
        line-height: 1.2 !important;
        margin: 2px 0 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .awards-card-mini-desc strong {
        color: #1e293b !important;
    }

    /* Mũi tên tròn Phải */
    .awards-card-mobile-arrow {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        border-radius: 50% !important;
        display: grid !important;
        place-items: center !important;
        flex-shrink: 0 !important;
    }
    .awards-card-mobile-arrow.is-gold { background: #fef3c7 !important; color: #b45309 !important; }
    .awards-card-mobile-arrow.is-blue { background: #e0f2fe !important; color: #0284c7 !important; }
    .awards-card-mobile-arrow.is-purple { background: #f3e8ff !important; color: #7e22ce !important; }
    .awards-card-mobile-arrow svg {
        width: 14px !important;
        height: 14px !important;
    }

    :where(body, html, .home-page, body.home-page) .awards-teaser-footer {
        display: block !important;
        margin-top: 10px !important;
    }
    :where(body, html, .home-page, body.home-page) .awards-btn-main.is-full {
        width: 100% !important;
        box-sizing: border-box !important;
        justify-content: center !important;
        padding: 10px 16px !important;
        font-size: 11px !important;
        border-radius: 999px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - AWARDS.PHP MASTER DESIGN SYSTEM
   Hoàn hảo tuyệt đối trên mọi kích thước màn hình (Desktop & Mobile)
   ═════════════════════════════════════════════════════════════════════ */

/* ── 1. HERO SECTION ── */
body.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(52px, 7vw, 92px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 80% 20%, rgba(67, 215, 236, 0.2), transparent 35%),
                radial-gradient(circle at 15% 80%, rgba(20, 102, 216, 0.28), transparent 40%),
                linear-gradient(135deg, #010a1a 0%, #041c44 55%, #07396c 100%) !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.awards-page .awards-page-hero::after {
    display: none !important;
}
body.awards-page .awards-page-hero-lines {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0.25 !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) !important;
    background-size: 60px 60px !important;
    pointer-events: none !important;
}
body.awards-page .awards-page-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
}
body.awards-page .awards-page-hero-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
body.awards-page .awards-page-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    color: #7dd3fc !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}
body.awards-page .awards-page-kicker i {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #38bdf8 !important;
    box-shadow: 0 0 10px #38bdf8 !important;
}
body.awards-page .awards-page-hero h1 {
    font-size: clamp(34px, 5.2vw, 64px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-hero p {
    font-size: 15.5px !important;
    color: #cbd5e1 !important;
    line-height: 1.6 !important;
    max-width: 680px !important;
    margin: 14px 0 0 !important;
}

/* Seal 11 Hạng Mục (Desktop) */
body.awards-page .awards-page-seal {
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    padding: 16px !important;
    border: 2px solid rgba(245, 158, 11, 0.6) !important;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.22), rgba(255, 255, 255, 0.04) 70%) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    flex-shrink: 0 !important;
}
body.awards-page .awards-page-seal span {
    font-size: 46px !important;
    font-weight: 950 !important;
    color: #fde047 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.04em !important;
}
body.awards-page .awards-page-seal strong {
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-seal small {
    font-size: 8.5px !important;
    font-weight: 800 !important;
    color: #93c5fd !important;
    letter-spacing: 0.06em !important;
}
body.awards-page .awards-page-seal i {
    color: #fde047 !important;
    margin-top: 2px !important;
}

/* ── 2. DIRECTORY SECTION ── */
body.awards-page .awards-page-directory {
    position: relative !important;
    padding: clamp(52px, 6vw, 84px) 0 !important;
    background: linear-gradient(160deg, #f4f9ff 0%, #ffffff 40%, #f7fbff 75%, #eff7fc 100%) !important;
}

/* Head Copy */
body.awards-page .awards-page-directory-head {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 34px !important;
}
body.awards-page .awards-page-directory-head h2 {
    font-size: clamp(30px, 4.2vw, 48px) !important;
    font-weight: 950 !important;
    color: #032b60 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-directory-head h2 em {
    font-style: italic !important;
    color: #0284c7 !important;
}
body.awards-page .awards-page-directory-head p {
    font-size: 15px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    border-left: 3.5px solid #0284c7 !important;
    padding-left: 14px !important;
    max-width: 720px !important;
}

/* Jumpbar Tabs (Desktop) */
body.awards-page .awards-page-jumpbar {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 38px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid #dce8ef !important;
    box-shadow: 0 6px 20px rgba(7, 56, 104, 0.06) !important;
}
body.awards-page .awards-page-jumpbar a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 10px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    min-height: 60px !important;
}
body.awards-page .awards-page-jumpbar a:hover {
    background: #e0f2fe !important;
    border-color: #0284c7 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.15) !important;
}
body.awards-page .awards-page-jumpbar a > span { display: none !important; }
body.awards-page .awards-page-jumpbar a > svg { display: none !important; }
body.awards-page .awards-page-jumpbar a > b {
    font-size: 14px !important;
    font-weight: 950 !important;
    color: #073868 !important;
    line-height: 1.1 !important;
    margin-bottom: 3px !important;
}
body.awards-page .awards-page-jumpbar a > small {
    font-size: 9.5px !important;
    font-weight: 850 !important;
    color: #0284c7 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

/* ── 3. SERIES CONTAINERS ── */
body.awards-page .awards-page-series {
    scroll-margin-top: 100px !important;
    padding: clamp(22px, 3.5vw, 36px) !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    border: 1.5px solid #dce8ef !important;
    box-shadow: 0 10px 30px rgba(7, 56, 104, 0.06) !important;
    margin-bottom: 32px !important;
}
body.awards-page .awards-page-series-head {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 24px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #eef4f8 !important;
}
body.awards-page .awards-page-series-head > span {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    background: #f0f8fc !important;
    border: 1.5px solid #cce3ee !important;
    color: #0284c7 !important;
}
body.awards-page .awards-page-series-a .awards-page-series-head > span {
    background: #fffbeb !important;
    border-color: #fde68a !important;
    color: #b45309 !important;
}
body.awards-page .awards-page-series-personal .awards-page-series-head > span {
    background: #faf5ff !important;
    border-color: #e9d5ff !important;
    color: #7e22ce !important;
}
body.awards-page .awards-page-series-head small {
    display: block !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    color: #0284c7 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-series-head h2 {
    font-size: clamp(20px, 2.5vw, 28px) !important;
    font-weight: 950 !important;
    color: #073868 !important;
    margin: 2px 0 0 !important;
    line-height: 1.2 !important;
}
body.awards-page .awards-page-series-head > i { display: none !important; }
body.awards-page .awards-page-personal-intro {
    font-size: 14px !important;
    color: #64748b !important;
    margin: -10px 0 20px !important;
}

/* ── 4. DESKTOP CARDS GRID ── */
body.awards-page .awards-page-series-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 18px !important;
}

/* Card Hero Champion (Full Width trên Desktop) */
body.awards-page .awards-page-card.awards-page-card-champion,
body.awards-page .awards-page-card.awards-page-card-champion-b {
    display: grid !important;
    grid-template-columns: 80px 84px minmax(0, 1fr) minmax(280px, 360px) !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 26px !important;
    border-radius: 20px !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-card.awards-page-card-champion {
    background: radial-gradient(circle at 12% 50%, rgba(244, 197, 87, 0.22), transparent 35%),
                linear-gradient(135deg, #04142f 0%, #0a326a 60%, #061f47 100%) !important;
    border: 2px solid rgba(245, 158, 11, 0.75) !important;
    box-shadow: 0 16px 40px rgba(4, 20, 47, 0.3) !important;
    color: #ffffff !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b {
    background: radial-gradient(circle at 12% 50%, rgba(56, 189, 248, 0.22), transparent 35%),
                linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
    border: 2px solid rgba(56, 189, 248, 0.75) !important;
    box-shadow: 0 16px 40px rgba(3, 24, 56, 0.3) !important;
    color: #ffffff !important;
}

/* Rank Block Champion */
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank {
    height: 100% !important;
    min-height: 100px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: rgba(244, 197, 87, 0.2) !important;
    border: 1.5px solid rgba(244, 197, 87, 0.5) !important;
    color: #fde047 !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank {
    height: 100% !important;
    min-height: 100px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: rgba(56, 189, 248, 0.2) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    color: #7dd3fc !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank small,
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank small {
    font-size: 8px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank strong,
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank strong {
    font-size: 26px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

/* Emblem Champion */
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-emblem {
    width: 84px !important;
    height: 84px !important;
    border-radius: 20px !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(244, 197, 87, 0.18) !important;
    border: 1.5px solid rgba(244, 197, 87, 0.5) !important;
    box-shadow: 0 0 24px rgba(234, 179, 8, 0.3) !important;
    padding: 12px !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-emblem {
    width: 84px !important;
    height: 84px !important;
    border-radius: 20px !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(56, 189, 248, 0.18) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    box-shadow: 0 0 24px rgba(56, 189, 248, 0.3) !important;
    padding: 12px !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-emblem svg,
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-emblem svg {
    width: 100% !important;
    height: 100% !important;
}

/* Copy Champion */
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-copy > small {
    color: #fde047 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > small {
    color: #7dd3fc !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-copy > h3,
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > h3 {
    font-size: clamp(24px, 2.6vw, 34px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    margin: 4px 0 0 !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-note {
    display: block !important;
    margin-top: 8px !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px dashed rgba(255, 255, 255, 0.25) !important;
    color: #e0f2fe !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

/* Prize Champion */
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize {
    padding: 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 4px solid #f59e0b !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize {
    padding: 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 4px solid #38bdf8 !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize > small {
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    color: #fde047 !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 4px !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > small {
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    color: #7dd3fc !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 4px !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize > p,
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > p {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}
body.awards-page .awards-page-card-star { display: none !important; }

/* ── 5. DESKTOP STANDARD CARDS (02, 03, 04, 06, 07, 08, 09, 10, 11) ── */
body.awards-page .awards-page-series-grid .awards-page-card {
    background: linear-gradient(165deg, #ffffff 0%, #f9fcfe 100%) !important;
    border: 1.5px solid #dce8ef !important;
    border-radius: 18px !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 16px !important;
    box-shadow: 0 4px 16px rgba(7, 56, 104, 0.05) !important;
    transition: all 0.25s ease !important;
    position: relative !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-series-grid .awards-page-card:hover {
    transform: translateY(-4px) !important;
    border-color: #0284c7 !important;
    box-shadow: 0 12px 30px rgba(7, 56, 104, 0.12) !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-rank {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
    width: fit-content !important;
    margin: 0 !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-rank small {
    font-size: 8.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-rank strong {
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-emblem {
    width: 54px !important;
    height: 54px !important;
    border-radius: 14px !important;
    background: #f0f8fc !important;
    border: 1px solid #cce3ee !important;
    display: grid !important;
    place-items: center !important;
    padding: 9px !important;
    box-sizing: border-box !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-emblem svg {
    width: 100% !important;
    height: 100% !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-copy > small {
    font-size: 8.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    color: #0284c7 !important;
    text-transform: uppercase !important;
    display: block !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-copy > h3 {
    font-size: 18px !important;
    font-weight: 950 !important;
    color: #073868 !important;
    margin: 3px 0 0 !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-prize {
    padding: 11px 13px !important;
    border-radius: 10px !important;
    background: #f1f7fb !important;
    border: 1px solid #d8e8f2 !important;
    border-left: 3.5px solid #0284c7 !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-prize > small {
    font-size: 8px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 2px !important;
}
body.awards-page .awards-page-series-grid .awards-page-card .awards-page-card-prize > p {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* ═════════════════════════════════════════════════════════════════════
   6. MOBILE RESPONSIVE CHO TRANG AWARDS.PHP (100% HOÀN HẢO)
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 780px) {
    /* Hero Section Mobile */
    body.awards-page .awards-page-hero {
        padding: 34px 0 38px !important;
    }
    body.awards-page .awards-page-hero-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    body.awards-page .awards-page-hero h1 {
        font-size: 26px !important;
        line-height: 1.1 !important;
    }
    body.awards-page .awards-page-hero p {
        font-size: 13px !important;
        line-height: 1.45 !important;
        margin-top: 8px !important;
    }
    body.awards-page .awards-page-seal {
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        border-radius: 12px !important;
        padding: 8px 14px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        border: 1.5px solid rgba(245, 158, 11, 0.5) !important;
        background: rgba(245, 158, 11, 0.14) !important;
        box-shadow: none !important;
    }
    body.awards-page .awards-page-seal span {
        font-size: 22px !important;
    }
    body.awards-page .awards-page-seal strong {
        font-size: 11px !important;
        color: #fef08a !important;
    }
    body.awards-page .awards-page-seal small {
        font-size: 9.5px !important;
        color: #cbd5e1 !important;
        margin-left: auto !important;
    }
    body.awards-page .awards-page-seal i { display: none !important; }

    /* Directory Head Mobile */
    body.awards-page .awards-page-directory {
        padding: 24px 0 36px !important;
    }
    body.awards-page .awards-page-directory-head h2 {
        font-size: 22px !important;
        line-height: 1.15 !important;
    }
    body.awards-page .awards-page-directory-head p {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        padding-left: 10px !important;
    }

    /* Jumpbar Mobile */
    body.awards-page .awards-page-jumpbar {
        gap: 6px !important;
        padding: 6px !important;
        margin-bottom: 18px !important;
        border-radius: 12px !important;
    }
    body.awards-page .awards-page-jumpbar a {
        padding: 8px 4px !important;
        min-height: 44px !important;
        border-radius: 8px !important;
    }
    body.awards-page .awards-page-jumpbar a > b {
        font-size: 11px !important;
    }
    body.awards-page .awards-page-jumpbar a > small {
        font-size: 7.5px !important;
    }

    /* Series Container Mobile */
    body.awards-page .awards-page-series {
        padding: 14px 12px 16px !important;
        border-radius: 16px !important;
        margin-bottom: 18px !important;
    }
    body.awards-page .awards-page-series-head {
        gap: 10px !important;
        margin-bottom: 12px !important;
        padding-bottom: 10px !important;
    }
    body.awards-page .awards-page-series-head > span {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        font-size: 14px !important;
        border-radius: 8px !important;
    }
    body.awards-page .awards-page-series-head h2 {
        font-size: 15px !important;
    }
    body.awards-page .awards-page-series-head small {
        font-size: 8px !important;
    }

    /* Series Grid: 1 Cột Thẻ Dọc trên Mobile */
    body.awards-page .awards-page-series-grid,
    body.awards-page .awards-page-personal-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }

    /* ════ CẤU TRÚC CARD CHUẨN ĐẸP TRÊN MOBILE (TẤT CẢ CÁC THẺ) ════ */
    body.awards-page .awards-page-card,
    body.awards-page .awards-page-series-grid .awards-page-card {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        gap: 8px 12px !important;
        align-items: center !important;
        padding: 14px 14px 12px !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 3px 12px rgba(7, 56, 104, 0.05) !important;
        min-height: 0 !important;
        height: auto !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* Hàng 1: Badge Số Hạng Mục */
    body.awards-page .awards-page-card .awards-page-card-rank {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 3px 8px !important;
        border-radius: 6px !important;
        background: #e0f2fe !important;
        border: 1px solid #bae6fd !important;
        color: #0369a1 !important;
        width: fit-content !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        justify-self: start !important;
        box-shadow: none !important;
    }
    body.awards-page .awards-page-card .awards-page-card-rank small {
        display: inline-block !important;
        writing-mode: horizontal-tb !important;
        transform: none !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        color: #0369a1 !important;
        text-transform: uppercase !important;
    }
    body.awards-page .awards-page-card .awards-page-card-rank strong {
        font-size: 12px !important;
        font-weight: 950 !important;
        color: #0369a1 !important;
        line-height: 1 !important;
    }

    /* Hàng 2: Icon Emblem (Cột 1) + Tiêu đề (Cột 2) */
    body.awards-page .awards-page-card .awards-page-card-emblem {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        max-height: 46px !important;
        border-radius: 11px !important;
        padding: 7px !important;
        background: #f0f8fc !important;
        border: 1px solid #cce3ee !important;
        display: grid !important;
        place-items: center !important;
        align-self: center !important;
        flex-shrink: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-page-card-emblem svg {
        width: 100% !important;
        height: 100% !important;
        max-width: 32px !important;
        max-height: 32px !important;
    }

    body.awards-page .awards-page-card .awards-page-card-copy {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        align-self: center !important;
    }
    body.awards-page .awards-page-card .awards-page-card-copy > small {
        display: block !important;
        font-size: 7.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        color: #0284c7 !important;
        text-transform: uppercase !important;
        line-height: 1.2 !important;
    }
    body.awards-page .awards-page-card .awards-page-card-copy > h3 {
        font-size: 15.5px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
        line-height: 1.25 !important;
        text-transform: uppercase !important;
    }
    body.awards-page .awards-page-card .awards-page-card-note {
        display: block !important;
        padding: 5px 8px !important;
        border-radius: 6px !important;
        background: rgba(255, 255, 255, 0.15) !important;
        border: 1px dashed rgba(255, 255, 255, 0.3) !important;
        color: #ffffff !important;
        font-size: 9.5px !important;
        line-height: 1.35 !important;
        margin-top: 4px !important;
    }

    /* Hàng 3: Khung Phần Thưởng */
    body.awards-page .awards-page-card .awards-page-card-prize {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        padding: 8px 10px !important;
        border-radius: 8px !important;
        background: #f1f7fb !important;
        border: 1px solid #d8e8f2 !important;
        border-left: 3.5px solid #0284c7 !important;
        margin: 2px 0 0 !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    body.awards-page .awards-page-card .awards-page-card-prize > small {
        display: block !important;
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        color: #64748b !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-page-card-prize > p {
        font-size: 12px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin: 0 !important;
        line-height: 1.35 !important;
    }

    /* Thẻ Vô Địch Serie A Mobile */
    body.awards-page .awards-page-card.awards-page-card-champion {
        background: linear-gradient(135deg, #04142f 0%, #0a3068 60%, #061f47 100%) !important;
        border: 1.5px solid rgba(245, 158, 11, 0.7) !important;
        box-shadow: 0 8px 24px rgba(4, 20, 47, 0.25) !important;
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank {
        background: rgba(244, 197, 87, 0.2) !important;
        border-color: rgba(244, 197, 87, 0.4) !important;
        color: #fde047 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank small,
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-rank strong {
        color: #fde047 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-emblem {
        background: rgba(244, 197, 87, 0.15) !important;
        border-color: rgba(244, 197, 87, 0.4) !important;
        color: #fde047 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-copy > small {
        color: #fde047 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-copy > h3 {
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #f59e0b !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize > small {
        color: #fde047 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-page-card-prize > p {
        color: #ffffff !important;
    }

    /* Thẻ Vô Địch Serie B Mobile */
    body.awards-page .awards-page-card.awards-page-card-champion-b {
        background: linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
        box-shadow: 0 8px 24px rgba(3, 24, 56, 0.25) !important;
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank {
        background: rgba(56, 189, 248, 0.2) !important;
        border-color: rgba(56, 189, 248, 0.4) !important;
        color: #7dd3fc !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank small,
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-rank strong {
        color: #7dd3fc !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-emblem {
        background: rgba(56, 189, 248, 0.15) !important;
        border-color: rgba(56, 189, 248, 0.4) !important;
        color: #7dd3fc !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > small {
        color: #7dd3fc !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-copy > h3 {
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #38bdf8 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > small {
        color: #7dd3fc !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-page-card-prize > p {
        color: #ffffff !important;
    }
}


.svg-desc-icon {
    width: 13px !important;
    height: 13px !important;
    display: inline-block !important;
    vertical-align: -2px !important;
    margin-right: 3px !important;
    flex-shrink: 0 !important;
}
.svg-desc-icon.is-gold { color: #f59e0b !important; }
.svg-desc-icon.is-blue { color: #0284c7 !important; }
.svg-desc-icon.is-purple { color: #9333ea !important; }


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - MASTER DESIGN SYSTEM FOR AWARDS.PHP
   Bảo đảm hoàn mỹ trên cả Desktop và Mobile
   ═════════════════════════════════════════════════════════════════════ */

/* ── 1. HERO SECTION (THE HALL OF CHAMPIONS) ── */
body.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(56px, 7.5vw, 96px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 85% 15%, rgba(245, 158, 11, 0.18), transparent 30%),
                radial-gradient(circle at 10% 85%, rgba(56, 189, 248, 0.22), transparent 35%),
                linear-gradient(135deg, #01091a 0%, #031c44 50%, #062e5c 100%) !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.awards-page .awards-page-hero::after { display: none !important; }
body.awards-page .awards-page-hero-lines {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0.18 !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) !important;
    background-size: 54px 54px !important;
    pointer-events: none !important;
}
body.awards-page .awards-page-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
}
body.awards-page .awards-page-hero-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
body.awards-page .awards-page-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    color: #7dd3fc !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}
body.awards-page .awards-page-kicker i {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #38bdf8 !important;
    box-shadow: 0 0 10px #38bdf8 !important;
}
body.awards-page .awards-page-hero h1 {
    font-size: clamp(34px, 5.2vw, 64px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-hero p {
    font-size: 15px !important;
    color: #cbd5e1 !important;
    line-height: 1.6 !important;
    max-width: 680px !important;
    margin: 14px 0 24px !important;
}

/* 3 Hero Stats Boxes */
.awards-hero-stats-row {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}
.awards-stat-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) !important;
}
.awards-stat-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-stat-icon.is-gold { background: rgba(245, 158, 11, 0.25) !important; color: #fde047 !important; border: 1px solid rgba(245, 158, 11, 0.5) !important; }
.awards-stat-icon.is-cyan { background: rgba(56, 189, 248, 0.25) !important; color: #7dd3fc !important; border: 1px solid rgba(56, 189, 248, 0.5) !important; }
.awards-stat-icon.is-purple { background: rgba(192, 132, 252, 0.25) !important; color: #d8b4fe !important; border: 1px solid rgba(192, 132, 252, 0.5) !important; }
.awards-stat-icon svg { width: 16px !important; height: 16px !important; }
.awards-stat-meta strong {
    display: block !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1 !important;
}
.awards-stat-meta small {
    display: block !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
}

/* Golden Seal (Desktop) */
body.awards-page .awards-page-seal {
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    padding: 16px !important;
    border: 2px solid rgba(245, 158, 11, 0.6) !important;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.22), rgba(255, 255, 255, 0.04) 70%) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    flex-shrink: 0 !important;
    position: relative !important;
}
.awards-seal-number {
    font-size: 44px !important;
    font-weight: 950 !important;
    color: #fde047 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.04em !important;
}
.awards-seal-title {
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}
.awards-seal-subtitle {
    font-size: 8px !important;
    font-weight: 800 !important;
    color: #93c5fd !important;
    letter-spacing: 0.06em !important;
}
.awards-seal-star { color: #fde047 !important; margin-top: 2px !important; }

/* ── 2. DIRECTORY SECTION & JUMPBAR ── */
body.awards-page .awards-page-directory {
    position: relative !important;
    padding: clamp(52px, 6vw, 84px) 0 !important;
    background: linear-gradient(160deg, #f4f9ff 0%, #ffffff 40%, #f7fbff 75%, #eff7fc 100%) !important;
}
.awards-dir-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}
.awards-dir-kicker-dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #0284c7 !important;
}
body.awards-page .awards-page-directory-head h2 {
    font-size: clamp(28px, 4vw, 44px) !important;
    font-weight: 950 !important;
    color: #032b60 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-directory-head p {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 8px 0 0 !important;
    max-width: 720px !important;
}

/* Floating Pill Jumpbar */
body.awards-page .awards-page-jumpbar {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    margin: 28px 0 36px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1.5px solid #dce8ef !important;
    box-shadow: 0 6px 20px rgba(7, 56, 104, 0.06) !important;
}
.awards-jump-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-jump-item:hover {
    background: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(7, 56, 104, 0.1) !important;
}
.awards-jump-badge {
    padding: 3px 8px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
.awards-jump-badge.is-gold { background: #fef3c7 !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.awards-jump-badge.is-blue { background: #e0f2fe !important; color: #0369a1 !important; border: 1px solid #bae6fd !important; }
.awards-jump-badge.is-purple { background: #f3e8ff !important; color: #7e22ce !important; border: 1px solid #e9d5ff !important; }

.awards-jump-meta { display: flex !important; flex-direction: column !important; gap: 1px !important; }
.awards-jump-meta b { font-size: 13px !important; font-weight: 950 !important; color: #073868 !important; }
.awards-jump-meta small { font-size: 8.5px !important; font-weight: 850 !important; color: #64748b !important; letter-spacing: 0.06em !important; }

.awards-jump-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-jump-icon.is-gold { background: #fef3c7 !important; color: #b45309 !important; }
.awards-jump-icon.is-blue { background: #e0f2fe !important; color: #0369a1 !important; }
.awards-jump-icon.is-purple { background: #f3e8ff !important; color: #7e22ce !important; }
.awards-jump-icon svg { width: 14px !important; height: 14px !important; }

/* ── 3. SERIES SECTIONS (DESKTOP & MASTER) ── */
body.awards-page .awards-page-series {
    scroll-margin-top: 110px !important;
    padding: clamp(24px, 3.5vw, 36px) !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    border: 1.5px solid #dce8ef !important;
    box-shadow: 0 10px 30px rgba(7, 56, 104, 0.06) !important;
    margin-bottom: 32px !important;
}
.awards-series-number {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}
.awards-series-number.is-gold { background: #fef3c7 !important; color: #b45309 !important; border: 1.5px solid #fde68a !important; }
.awards-series-number.is-blue { background: #e0f2fe !important; color: #0369a1 !important; border: 1.5px solid #bae6fd !important; }
.awards-series-number.is-purple { background: #f3e8ff !important; color: #7e22ce !important; border: 1.5px solid #e9d5ff !important; }

.awards-series-subtitle {
    display: block !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}
.awards-series-subtitle.is-gold { color: #b45309 !important; }
.awards-series-subtitle.is-blue { color: #0369a1 !important; }
.awards-series-subtitle.is-purple { color: #7e22ce !important; }

/* Desktop Grid */
body.awards-page .awards-page-series-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}

/* Hero Champion Card (Desktop) */
body.awards-page .awards-page-card.awards-page-card-champion,
body.awards-page .awards-page-card.awards-page-card-champion-b {
    display: grid !important;
    grid-template-columns: 80px 84px minmax(0, 1fr) minmax(280px, 360px) !important;
    align-items: center !important;
    gap: 22px !important;
    padding: 24px !important;
    border-radius: 20px !important;
    margin-bottom: 18px !important;
}
body.awards-page .awards-page-card.awards-page-card-champion {
    background: radial-gradient(circle at 12% 50%, rgba(244, 197, 87, 0.22), transparent 35%),
                linear-gradient(135deg, #04142f 0%, #0a326a 60%, #061f47 100%) !important;
    border: 2px solid rgba(245, 158, 11, 0.75) !important;
    box-shadow: 0 16px 40px rgba(4, 20, 47, 0.3) !important;
    color: #ffffff !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b {
    background: radial-gradient(circle at 12% 50%, rgba(56, 189, 248, 0.22), transparent 35%),
                linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
    border: 2px solid rgba(56, 189, 248, 0.75) !important;
    box-shadow: 0 16px 40px rgba(3, 24, 56, 0.3) !important;
    color: #ffffff !important;
}

.awards-card-rank-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
    width: fit-content !important;
}
.awards-card-rank-badge.is-gold { background: rgba(244, 197, 87, 0.2) !important; border-color: rgba(244, 197, 87, 0.5) !important; color: #fde047 !important; }
.awards-card-rank-badge.is-blue { background: rgba(56, 189, 248, 0.2) !important; border-color: rgba(56, 189, 248, 0.5) !important; color: #7dd3fc !important; }
.awards-card-rank-badge.is-purple { background: #f3e8ff !important; border-color: #e9d5ff !important; color: #7e22ce !important; }

.awards-card-hero-icon {
    width: 80px !important;
    height: 80px !important;
    border-radius: 18px !important;
    display: grid !important;
    place-items: center !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}
.awards-card-hero-icon.is-gold {
    background: rgba(244, 197, 87, 0.18) !important;
    border: 1.5px solid rgba(244, 197, 87, 0.5) !important;
    box-shadow: 0 0 24px rgba(234, 179, 8, 0.3) !important;
}
.awards-card-hero-icon.is-blue {
    background: rgba(56, 189, 248, 0.18) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    box-shadow: 0 0 24px rgba(56, 189, 248, 0.3) !important;
}
.awards-card-hero-icon svg { width: 100% !important; height: 100% !important; }

.awards-card-tag-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
}
.awards-card-tag-pill.is-gold { color: #fde047 !important; }
.awards-card-tag-pill.is-blue { color: #7dd3fc !important; }

.awards-card-prize.is-gold {
    padding: 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 4px solid #f59e0b !important;
}
.awards-card-prize.is-blue {
    padding: 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 4px solid #38bdf8 !important;
}
.awards-prize-head {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 4px !important;
}
.awards-card-prize.is-gold .awards-prize-head { color: #fde047 !important; }
.awards-card-prize.is-blue .awards-prize-head { color: #7dd3fc !important; }
.awards-prize-head svg { width: 14px !important; height: 14px !important; }

/* ── 4. RESPONSIVE MOBILE CHO TOÀN BỘ TRANG AWARDS.PHP ── */
@media (max-width: 780px) {
    body.awards-page .awards-page-hero {
        padding: 30px 0 34px !important;
    }
    body.awards-page .awards-page-hero-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    body.awards-page .awards-page-kicker {
        font-size: 9px !important;
        padding: 4px 10px !important;
        margin-bottom: 10px !important;
    }
    body.awards-page .awards-page-hero h1 {
        font-size: 26px !important;
        line-height: 1.1 !important;
    }
    body.awards-page .awards-page-hero p {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        margin: 6px 0 16px !important;
    }
    
    /* Stats Row Mobile */
    .awards-hero-stats-row {
        gap: 6px !important;
        width: 100% !important;
    }
    .awards-stat-box {
        flex: 1 1 calc(33.333% - 6px) !important;
        padding: 6px 8px !important;
        gap: 6px !important;
        border-radius: 8px !important;
    }
    .awards-stat-icon {
        width: 24px !important;
        height: 24px !important;
        border-radius: 6px !important;
    }
    .awards-stat-icon svg { width: 12px !important; height: 12px !important; }
    .awards-stat-meta strong { font-size: 13px !important; }
    .awards-stat-meta small { font-size: 6.5px !important; letter-spacing: 0.04em !important; }

    /* Seal Mobile */
    body.awards-page .awards-page-seal {
        display: none !important;
    }

    /* Directory Head Mobile */
    body.awards-page .awards-page-directory {
        padding: 20px 0 32px !important;
    }
    body.awards-page .awards-page-directory-head h2 {
        font-size: 20px !important;
        line-height: 1.15 !important;
    }
    body.awards-page .awards-page-directory-head p {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    /* Jumpbar Mobile: 3 Nút Nhỏ Gọn */
    body.awards-page .awards-page-jumpbar {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        padding: 6px !important;
        margin: 16px 0 20px !important;
        border-radius: 12px !important;
    }
    .awards-jump-item {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 4px !important;
        gap: 2px !important;
        border-radius: 8px !important;
        min-height: 48px !important;
    }
    .awards-jump-badge { display: none !important; }
    .awards-jump-icon { display: none !important; }
    .awards-jump-meta { text-align: center !important; }
    .awards-jump-meta b { font-size: 11px !important; }
    .awards-jump-meta small { font-size: 7.5px !important; }

    /* Series Container Mobile */
    body.awards-page .awards-page-series {
        padding: 12px 10px 14px !important;
        border-radius: 14px !important;
        margin-bottom: 16px !important;
    }
    .awards-series-number {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
    }
    body.awards-page .awards-page-series-head h2 {
        font-size: 14.5px !important;
    }
    .awards-series-subtitle {
        font-size: 7.5px !important;
    }

    /* Series Grid: 1 Cột Thẻ Dọc trên Mobile */
    body.awards-page .awards-page-series-grid,
    body.awards-page .awards-page-personal-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
    }

    /* ════ CẤU TRÚC CARD TO RÕ ĐẸP MẮT TRÊN MOBILE (TẤT CẢ CÁC THẺ) ════ */
    body.awards-page .awards-page-card,
    body.awards-page .awards-page-series-grid .awards-page-card {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        gap: 6px 10px !important;
        align-items: center !important;
        padding: 12px !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 2px 8px rgba(7, 56, 104, 0.04) !important;
        min-height: 0 !important;
        height: auto !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* Hàng 1: Badge Số Hạng Mục */
    body.awards-page .awards-page-card .awards-card-rank-badge {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 2px 7px !important;
        border-radius: 5px !important;
        font-size: 11px !important;
        margin: 0 !important;
        justify-self: start !important;
    }
    body.awards-page .awards-page-card .awards-card-rank-badge small {
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
    }
    body.awards-page .awards-page-card .awards-card-rank-badge strong {
        font-size: 11.5px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
    }

    /* Hàng 2: Icon Emblem (Cột 1) + Tiêu đề (Cột 2) */
    body.awards-page .awards-page-card .awards-card-emblem,
    body.awards-page .awards-page-card .awards-card-hero-icon {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
        border-radius: 10px !important;
        padding: 6px !important;
        background: #f0f8fc !important;
        border: 1px solid #cce3ee !important;
        display: grid !important;
        place-items: center !important;
        align-self: center !important;
        flex-shrink: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-card-emblem svg,
    body.awards-page .awards-page-card .awards-card-hero-icon svg {
        width: 100% !important;
        height: 100% !important;
        max-width: 30px !important;
        max-height: 30px !important;
    }

    body.awards-page .awards-page-card .awards-card-copy {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        align-self: center !important;
    }
    body.awards-page .awards-page-card .awards-card-copy > small,
    body.awards-page .awards-page-card .awards-card-tag-pill {
        display: block !important;
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        line-height: 1.2 !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-card-tag-pill svg { display: none !important; }
    body.awards-page .awards-page-card .awards-card-copy > h3 {
        font-size: 15px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
    }
    body.awards-page .awards-page-card .awards-page-card-note {
        display: block !important;
        padding: 4px 7px !important;
        border-radius: 5px !important;
        background: rgba(255, 255, 255, 0.15) !important;
        border: 1px dashed rgba(255, 255, 255, 0.3) !important;
        color: #ffffff !important;
        font-size: 9px !important;
        line-height: 1.3 !important;
        margin-top: 3px !important;
    }

    /* Hàng 3: Khung Phần Thưởng */
    body.awards-page .awards-page-card .awards-card-prize {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 1px !important;
        padding: 7px 9px !important;
        border-radius: 7px !important;
        background: #f1f7fb !important;
        border: 1px solid #d8e8f2 !important;
        border-left: 3px solid #0284c7 !important;
        margin: 1px 0 0 !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    body.awards-page .awards-page-card .awards-card-prize small,
    body.awards-page .awards-page-card .awards-prize-head small {
        display: block !important;
        font-size: 6.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        color: #64748b !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-prize-head svg { display: none !important; }
    body.awards-page .awards-page-card .awards-card-prize > p {
        font-size: 11.5px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin: 0 !important;
        line-height: 1.3 !important;
    }

    /* Thẻ Vô Địch Serie A Mobile */
    body.awards-page .awards-page-card.awards-page-card-champion {
        background: linear-gradient(135deg, #04142f 0%, #0a3068 60%, #061f47 100%) !important;
        border: 1.5px solid rgba(245, 158, 11, 0.7) !important;
        box-shadow: 0 6px 20px rgba(4, 20, 47, 0.25) !important;
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-copy > h3 { color: #ffffff !important; }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #f59e0b !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-prize small { color: #fde047 !important; }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-prize > p { color: #ffffff !important; }

    /* Thẻ Vô Địch Serie B Mobile */
    body.awards-page .awards-page-card.awards-page-card-champion-b {
        background: linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
        box-shadow: 0 6px 20px rgba(3, 24, 56, 0.25) !important;
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-copy > h3 { color: #ffffff !important; }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #38bdf8 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-prize small { color: #7dd3fc !important; }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-prize > p { color: #ffffff !important; }
}


/* ═════════════════════════════════════════════════════════════════════
   UI-STYLING & UI/UX PRO MAX - AWARDS.PHP MASTER COMPONENT SUITE
   ═════════════════════════════════════════════════════════════════════ */

/* Base Reset & Variables */
:where(.awards-page, body.awards-page) {
    --gold-50: #fffbeb;
    --gold-100: #fef3c7;
    --gold-400: #fbbf24;
    --gold-500: #f59e0b;
    --gold-600: #d97706;
    --blue-50: #f0f9ff;
    --blue-100: #e0f2fe;
    --blue-400: #38bdf8;
    --blue-500: #0284c7;
    --blue-600: #0369a1;
    --purple-50: #faf5ff;
    --purple-100: #f3e8ff;
    --purple-400: #c084fc;
    --purple-500: #9333ea;
    --purple-600: #7e22ce;
    --navy-900: #04142f;
    --navy-950: #01091a;
}

/* ── 1. HERO TROPHY ROOM ── */
body.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(56px, 7.5vw, 96px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 85% 15%, rgba(245, 158, 11, 0.2), transparent 32%),
                radial-gradient(circle at 10% 85%, rgba(56, 189, 248, 0.22), transparent 35%),
                linear-gradient(135deg, #01091a 0%, #031c44 50%, #062e5c 100%) !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}
body.awards-page .awards-page-hero::after { display: none !important; }
body.awards-page .awards-page-hero-lines {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0.18 !important;
    background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) !important;
    background-size: 54px 54px !important;
    pointer-events: none !important;
}
body.awards-page .awards-page-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
}
body.awards-page .awards-page-hero-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
body.awards-page .awards-page-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    color: #7dd3fc !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}
body.awards-page .awards-page-kicker i {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #38bdf8 !important;
    box-shadow: 0 0 10px #38bdf8 !important;
}
body.awards-page .awards-page-hero h1 {
    font-size: clamp(34px, 5.2vw, 64px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-hero p {
    font-size: 15px !important;
    color: #cbd5e1 !important;
    line-height: 1.6 !important;
    max-width: 680px !important;
    margin: 14px 0 24px !important;
}

/* 3 Hero Stats Bento Widgets */
.awards-hero-stats-row {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}
.awards-stat-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) !important;
}
.awards-stat-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-stat-icon.is-gold { background: rgba(245, 158, 11, 0.25) !important; color: #fde047 !important; border: 1px solid rgba(245, 158, 11, 0.5) !important; }
.awards-stat-icon.is-cyan { background: rgba(56, 189, 248, 0.25) !important; color: #7dd3fc !important; border: 1px solid rgba(56, 189, 248, 0.5) !important; }
.awards-stat-icon.is-purple { background: rgba(192, 132, 252, 0.25) !important; color: #d8b4fe !important; border: 1px solid rgba(192, 132, 252, 0.5) !important; }
.awards-stat-icon svg { width: 16px !important; height: 16px !important; }
.awards-stat-meta strong {
    display: block !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1 !important;
}
.awards-stat-meta small {
    display: block !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
}

/* Golden Seal Emblem (Desktop) */
body.awards-page .awards-page-seal {
    width: 148px !important;
    height: 148px !important;
    min-width: 148px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    padding: 16px !important;
    border: 2px solid rgba(245, 158, 11, 0.6) !important;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.22), rgba(255, 255, 255, 0.04) 70%) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    flex-shrink: 0 !important;
}
.awards-seal-number {
    font-size: 44px !important;
    font-weight: 950 !important;
    color: #fde047 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.04em !important;
}
.awards-seal-title {
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}
.awards-seal-subtitle {
    font-size: 8px !important;
    font-weight: 800 !important;
    color: #93c5fd !important;
    letter-spacing: 0.06em !important;
}
.awards-seal-star { color: #fde047 !important; margin-top: 2px !important; }

/* ── 2. DIRECTORY SECTION & JUMPBAR ── */
body.awards-page .awards-page-directory {
    position: relative !important;
    padding: clamp(52px, 6vw, 84px) 0 !important;
    background: linear-gradient(160deg, #f4f9ff 0%, #ffffff 40%, #f7fbff 75%, #eff7fc 100%) !important;
}
.awards-dir-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}
.awards-dir-kicker-dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #0284c7 !important;
}
body.awards-page .awards-page-directory-head h2 {
    font-size: clamp(28px, 4vw, 44px) !important;
    font-weight: 950 !important;
    color: #032b60 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-directory-head p {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 8px 0 0 !important;
    max-width: 720px !important;
}

/* Floating Pill Jumpbar */
body.awards-page .awards-page-jumpbar {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    margin: 28px 0 36px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1.5px solid #dce8ef !important;
    box-shadow: 0 6px 20px rgba(7, 56, 104, 0.06) !important;
}
.awards-jump-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-jump-item:hover {
    background: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(7, 56, 104, 0.1) !important;
}
.awards-jump-badge {
    padding: 3px 8px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}
.awards-jump-badge.is-gold { background: #fef3c7 !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.awards-jump-badge.is-blue { background: #e0f2fe !important; color: #0369a1 !important; border: 1px solid #bae6fd !important; }
.awards-jump-badge.is-purple { background: #f3e8ff !important; color: #7e22ce !important; border: 1px solid #e9d5ff !important; }

.awards-jump-meta { display: flex !important; flex-direction: column !important; gap: 1px !important; }
.awards-jump-meta b { font-size: 13px !important; font-weight: 950 !important; color: #073868 !important; }
.awards-jump-meta small { font-size: 8.5px !important; font-weight: 850 !important; color: #64748b !important; letter-spacing: 0.06em !important; }

.awards-jump-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-jump-icon.is-gold { background: #fef3c7 !important; color: #b45309 !important; }
.awards-jump-icon.is-blue { background: #e0f2fe !important; color: #0369a1 !important; }
.awards-jump-icon.is-purple { background: #f3e8ff !important; color: #7e22ce !important; }
.awards-jump-icon svg { width: 14px !important; height: 14px !important; }

/* ── 3. SERIES SECTIONS (DESKTOP & MASTER) ── */
body.awards-page .awards-page-series {
    scroll-margin-top: 110px !important;
    padding: clamp(24px, 3.5vw, 36px) !important;
    border-radius: 24px !important;
    background: #ffffff !important;
    border: 1.5px solid #dce8ef !important;
    box-shadow: 0 10px 30px rgba(7, 56, 104, 0.06) !important;
    margin-bottom: 32px !important;
}
.awards-series-number {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}
.awards-series-number.is-gold { background: #fef3c7 !important; color: #b45309 !important; border: 1.5px solid #fde68a !important; }
.awards-series-number.is-blue { background: #e0f2fe !important; color: #0369a1 !important; border: 1.5px solid #bae6fd !important; }
.awards-series-number.is-purple { background: #f3e8ff !important; color: #7e22ce !important; border: 1.5px solid #e9d5ff !important; }

.awards-series-subtitle {
    display: block !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}
.awards-series-subtitle.is-gold { color: #b45309 !important; }
.awards-series-subtitle.is-blue { color: #0369a1 !important; }
.awards-series-subtitle.is-purple { color: #7e22ce !important; }

/* Desktop Grid */
body.awards-page .awards-page-series-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}

/* Hero Champion Card (Desktop) */
body.awards-page .awards-page-card.awards-page-card-champion,
body.awards-page .awards-page-card.awards-page-card-champion-b {
    display: grid !important;
    grid-template-columns: 80px 84px minmax(0, 1fr) minmax(280px, 360px) !important;
    align-items: center !important;
    gap: 22px !important;
    padding: 24px !important;
    border-radius: 20px !important;
    margin-bottom: 18px !important;
}
body.awards-page .awards-page-card.awards-page-card-champion {
    background: radial-gradient(circle at 12% 50%, rgba(244, 197, 87, 0.22), transparent 35%),
                linear-gradient(135deg, #04142f 0%, #0a326a 60%, #061f47 100%) !important;
    border: 2px solid rgba(245, 158, 11, 0.75) !important;
    box-shadow: 0 16px 40px rgba(4, 20, 47, 0.3) !important;
    color: #ffffff !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b {
    background: radial-gradient(circle at 12% 50%, rgba(56, 189, 248, 0.22), transparent 35%),
                linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
    border: 2px solid rgba(56, 189, 248, 0.75) !important;
    box-shadow: 0 16px 40px rgba(3, 24, 56, 0.3) !important;
    color: #ffffff !important;
}

.awards-card-rank-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    background: #e0f2fe !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
    width: fit-content !important;
}
.awards-card-rank-badge.is-gold { background: rgba(244, 197, 87, 0.2) !important; border-color: rgba(244, 197, 87, 0.5) !important; color: #fde047 !important; }
.awards-card-rank-badge.is-blue { background: rgba(56, 189, 248, 0.2) !important; border-color: rgba(56, 189, 248, 0.5) !important; color: #7dd3fc !important; }
.awards-card-rank-badge.is-purple { background: #f3e8ff !important; border-color: #e9d5ff !important; color: #7e22ce !important; }

.awards-card-hero-icon {
    width: 80px !important;
    height: 80px !important;
    border-radius: 18px !important;
    display: grid !important;
    place-items: center !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}
.awards-card-hero-icon.is-gold {
    background: rgba(244, 197, 87, 0.18) !important;
    border: 1.5px solid rgba(244, 197, 87, 0.5) !important;
    box-shadow: 0 0 24px rgba(234, 179, 8, 0.3) !important;
}
.awards-card-hero-icon.is-blue {
    background: rgba(56, 189, 248, 0.18) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    box-shadow: 0 0 24px rgba(56, 189, 248, 0.3) !important;
}
.awards-card-hero-icon svg { width: 100% !important; height: 100% !important; }

.awards-card-tag-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
}
.awards-card-tag-pill.is-gold { color: #fde047 !important; }
.awards-card-tag-pill.is-blue { color: #7dd3fc !important; }

.awards-card-prize.is-gold {
    padding: 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 4px solid #f59e0b !important;
}
.awards-card-prize.is-blue {
    padding: 16px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-left: 4px solid #38bdf8 !important;
}
.awards-prize-head {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 4px !important;
}
.awards-card-prize.is-gold .awards-prize-head { color: #fde047 !important; }
.awards-card-prize.is-blue .awards-prize-head { color: #7dd3fc !important; }
.awards-prize-head svg { width: 14px !important; height: 14px !important; }

/* ── 4. RESPONSIVE MOBILE CHO TOÀN BỘ TRANG AWARDS.PHP ── */
@media (max-width: 780px) {
    body.awards-page .awards-page-hero {
        padding: 30px 0 34px !important;
    }
    body.awards-page .awards-page-hero-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    body.awards-page .awards-page-kicker {
        font-size: 9px !important;
        padding: 4px 10px !important;
        margin-bottom: 10px !important;
    }
    body.awards-page .awards-page-hero h1 {
        font-size: 26px !important;
        line-height: 1.1 !important;
    }
    body.awards-page .awards-page-hero p {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        margin: 6px 0 16px !important;
    }
    
    /* Stats Row Mobile */
    .awards-hero-stats-row {
        gap: 6px !important;
        width: 100% !important;
    }
    .awards-stat-box {
        flex: 1 1 calc(33.333% - 6px) !important;
        padding: 6px 8px !important;
        gap: 6px !important;
        border-radius: 8px !important;
    }
    .awards-stat-icon {
        width: 24px !important;
        height: 24px !important;
        border-radius: 6px !important;
    }
    .awards-stat-icon svg { width: 12px !important; height: 12px !important; }
    .awards-stat-meta strong { font-size: 13px !important; }
    .awards-stat-meta small { font-size: 6.5px !important; letter-spacing: 0.04em !important; }

    /* Seal Mobile */
    body.awards-page .awards-page-seal {
        display: none !important;
    }

    /* Directory Head Mobile */
    body.awards-page .awards-page-directory {
        padding: 20px 0 32px !important;
    }
    body.awards-page .awards-page-directory-head h2 {
        font-size: 20px !important;
        line-height: 1.15 !important;
    }
    body.awards-page .awards-page-directory-head p {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    /* Jumpbar Mobile: 3 Nút Nhỏ Gọn */
    body.awards-page .awards-page-jumpbar {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        padding: 6px !important;
        margin: 16px 0 20px !important;
        border-radius: 12px !important;
    }
    .awards-jump-item {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 4px !important;
        gap: 2px !important;
        border-radius: 8px !important;
        min-height: 48px !important;
    }
    .awards-jump-badge { display: none !important; }
    .awards-jump-icon { display: none !important; }
    .awards-jump-meta { text-align: center !important; }
    .awards-jump-meta b { font-size: 11px !important; }
    .awards-jump-meta small { font-size: 7.5px !important; }

    /* Series Container Mobile */
    body.awards-page .awards-page-series {
        padding: 12px 10px 14px !important;
        border-radius: 14px !important;
        margin-bottom: 16px !important;
    }
    .awards-series-number {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
    }
    body.awards-page .awards-page-series-head h2 {
        font-size: 14.5px !important;
    }
    .awards-series-subtitle {
        font-size: 7.5px !important;
    }

    /* Series Grid: 1 Cột Thẻ Dọc trên Mobile */
    body.awards-page .awards-page-series-grid,
    body.awards-page .awards-page-personal-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        width: 100% !important;
    }

    /* ════ CẤU TRÚC CARD TO RÕ ĐẸP MẮT TRÊN MOBILE (TẤT CẢ CÁC THẺ) ════ */
    body.awards-page .awards-page-card,
    body.awards-page .awards-page-series-grid .awards-page-card {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        gap: 6px 10px !important;
        align-items: center !important;
        padding: 12px !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        border: 1.5px solid #dce8ef !important;
        box-shadow: 0 2px 8px rgba(7, 56, 104, 0.04) !important;
        min-height: 0 !important;
        height: auto !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* Hàng 1: Badge Số Hạng Mục */
    body.awards-page .awards-page-card .awards-card-rank-badge {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 2px 7px !important;
        border-radius: 5px !important;
        font-size: 11px !important;
        margin: 0 !important;
        justify-self: start !important;
    }
    body.awards-page .awards-page-card .awards-card-rank-badge small {
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
    }
    body.awards-page .awards-page-card .awards-card-rank-badge strong {
        font-size: 11.5px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
    }

    /* Hàng 2: Icon Emblem (Cột 1) + Tiêu đề (Cột 2) */
    body.awards-page .awards-page-card .awards-card-emblem,
    body.awards-page .awards-page-card .awards-card-hero-icon {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
        border-radius: 10px !important;
        padding: 6px !important;
        background: #f0f8fc !important;
        border: 1px solid #cce3ee !important;
        display: grid !important;
        place-items: center !important;
        align-self: center !important;
        flex-shrink: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-card-emblem svg,
    body.awards-page .awards-page-card .awards-card-hero-icon svg {
        width: 100% !important;
        height: 100% !important;
        max-width: 30px !important;
        max-height: 30px !important;
    }

    body.awards-page .awards-page-card .awards-card-copy {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        align-self: center !important;
    }
    body.awards-page .awards-page-card .awards-card-copy > small,
    body.awards-page .awards-page-card .awards-card-tag-pill {
        display: block !important;
        font-size: 7px !important;
        font-weight: 850 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        line-height: 1.2 !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-card-tag-pill svg { display: none !important; }
    body.awards-page .awards-page-card .awards-card-copy > h3 {
        font-size: 15px !important;
        font-weight: 950 !important;
        color: #073868 !important;
        margin: 0 !important;
        line-height: 1.2 !important;
        text-transform: uppercase !important;
    }
    body.awards-page .awards-page-card .awards-page-card-note {
        display: block !important;
        padding: 4px 7px !important;
        border-radius: 5px !important;
        background: rgba(255, 255, 255, 0.15) !important;
        border: 1px dashed rgba(255, 255, 255, 0.3) !important;
        color: #ffffff !important;
        font-size: 9px !important;
        line-height: 1.3 !important;
        margin-top: 3px !important;
    }

    /* Hàng 3: Khung Phần Thưởng */
    body.awards-page .awards-page-card .awards-card-prize {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 1px !important;
        padding: 7px 9px !important;
        border-radius: 7px !important;
        background: #f1f7fb !important;
        border: 1px solid #d8e8f2 !important;
        border-left: 3px solid #0284c7 !important;
        margin: 1px 0 0 !important;
        min-height: 0 !important;
        box-sizing: border-box !important;
    }
    body.awards-page .awards-page-card .awards-card-prize small,
    body.awards-page .awards-page-card .awards-prize-head small {
        display: block !important;
        font-size: 6.5px !important;
        font-weight: 850 !important;
        letter-spacing: 0.08em !important;
        color: #64748b !important;
        text-transform: uppercase !important;
        margin: 0 !important;
    }
    body.awards-page .awards-page-card .awards-prize-head svg { display: none !important; }
    body.awards-page .awards-page-card .awards-card-prize > p {
        font-size: 11.5px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        margin: 0 !important;
        line-height: 1.3 !important;
    }

    /* Thẻ Vô Địch Serie A Mobile */
    body.awards-page .awards-page-card.awards-page-card-champion {
        background: linear-gradient(135deg, #04142f 0%, #0a3068 60%, #061f47 100%) !important;
        border: 1.5px solid rgba(245, 158, 11, 0.7) !important;
        box-shadow: 0 6px 20px rgba(4, 20, 47, 0.25) !important;
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-copy > h3 { color: #ffffff !important; }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #f59e0b !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-prize small { color: #fde047 !important; }
    body.awards-page .awards-page-card.awards-page-card-champion .awards-card-prize > p { color: #ffffff !important; }

    /* Thẻ Vô Địch Serie B Mobile */
    body.awards-page .awards-page-card.awards-page-card-champion-b {
        background: linear-gradient(135deg, #031838 0%, #073b75 60%, #04244f 100%) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
        box-shadow: 0 6px 20px rgba(3, 24, 56, 0.25) !important;
        color: #ffffff !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-copy > h3 { color: #ffffff !important; }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-prize {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: rgba(255, 255, 255, 0.15) !important;
        border-left-color: #38bdf8 !important;
    }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-prize small { color: #7dd3fc !important; }
    body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-prize > p { color: #ffffff !important; }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS TEASER - ABSOLUTE FIX FOR DESKTOP & MOBILE
   Zero stray arrows, locked SVG dimensions, pristine UI
   ═════════════════════════════════════════════════════════════════════ */
.desktop-only { display: block !important; }
.mobile-only { display: none !important; }

@media (max-width: 780px) {
    .desktop-only { display: none !important; }
    .mobile-only { display: block !important; }
}

/* Card Button Desktop */
:where(body, html, .home-page, body.home-page) .awards-card-footer-action {
    padding-top: 14px !important;
    border-top: 1px solid #f1f5f9 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 16px !important;
    border-radius: 12px !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
    cursor: pointer !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn.is-gold {
    background: #fffbeb !important;
    color: #b45309 !important;
    border: 1px solid #fde68a !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn.is-gold:hover {
    background: #f59e0b !important;
    color: #ffffff !important;
    border-color: #f59e0b !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn.is-blue {
    background: #f0f9ff !important;
    color: #0369a1 !important;
    border: 1px solid #bae6fd !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn.is-blue:hover {
    background: #0284c7 !important;
    color: #ffffff !important;
    border-color: #0284c7 !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn.is-purple {
    background: #faf5ff !important;
    color: #7e22ce !important;
    border: 1px solid #e9d5ff !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn.is-purple:hover {
    background: #9333ea !important;
    color: #ffffff !important;
    border-color: #9333ea !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-btn svg {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    stroke-width: 2.5 !important;
    transition: transform 0.2s ease !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light:hover .awards-card-btn svg {
    transform: translateX(4px) !important;
}

/* Card Button Mobile */
@media (max-width: 780px) {
    :where(body, html, .home-page, body.home-page) .awards-card-footer-action {
        padding-top: 0 !important;
        border-top: none !important;
        width: auto !important;
        flex-shrink: 0 !important;
    }
    :where(body, html, .home-page, body.home-page) /* removed old round btn */
    :where(body, html, .home-page, body.home-page) .awards-card-btn svg {
        width: 14px !important;
        height: 14px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS TEASER MASTER CSS (CLEAN & ERROR-FREE 100%)
   ═════════════════════════════════════════════════════════════════════ */
.awards-teaser-section {
    position: relative !important;
    padding: clamp(44px, 5.5vw, 72px) 0 !important;
    background: radial-gradient(circle at 88% 10%, rgba(36, 199, 233, 0.12), transparent 45%),
                radial-gradient(circle at 12% 90%, rgba(25, 118, 243, 0.08), transparent 45%),
                linear-gradient(180deg, #f6faff 0%, #ffffff 50%, #f0f7ff 100%) !important;
    color: var(--ink, #08275a) !important;
    border-top: 1px solid rgba(8, 39, 90, 0.08) !important;
    border-bottom: 1px solid rgba(8, 39, 90, 0.08) !important;
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.awards-teaser-head.is-centered {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    margin-bottom: clamp(22px, 3vw, 32px) !important;
    width: 100% !important;
}
.awards-teaser-head-copy h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(24px, 3.2vw, 36px) !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

.awards-btn-main {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 20px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #1976f3 0%, #0b4696 100%) !important;
    color: #ffffff !important;
    font-weight: 850 !important;
    font-size: 11.5px !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(25, 118, 243, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.awards-btn-main:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(135deg, #24c7e9 0%, #1976f3 100%) !important;
    box-shadow: 0 10px 24px rgba(25, 118, 243, 0.38) !important;
}
.awards-btn-main-arrow {
    width: 18px !important;
    height: 18px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.2) !important;
}
.awards-btn-main-arrow svg {
    width: 10px !important;
    height: 10px !important;
    stroke: #ffffff !important;
}

/* Desktop Grid: 3 Cột */
@media screen and (min-width: 861px) {
    .awards-teaser-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
        align-items: stretch !important;
        width: 100% !important;
    }
}

.awards-card-light {
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 20px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 14px !important;
    position: relative !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    height: 100% !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 6px 20px rgba(8, 39, 90, 0.05) !important;
}
.awards-card-light:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 32px rgba(8, 39, 90, 0.12) !important;
}

.awards-card-light.is-serie-a { border-top: 3.5px solid #f59e0b !important; }
.awards-card-light.is-serie-b { border-top: 3.5px solid #1976f3 !important; }
.awards-card-light.is-purple { border-top: 3.5px solid #6366f1 !important; }

.awards-card-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    width: 100% !important;
}
.awards-pill-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
}
.awards-pill-badge.is-gold { background: #fffbeb !important; border: 1px solid #fef3c7 !important; }
.awards-pill-badge.is-blue { background: #eff6ff !important; border: 1px solid #dbeafe !important; }
.awards-pill-badge.is-purple { background: #eef2ff !important; border: 1px solid #e0e7ff !important; }
.awards-pill-num { font-size: 12px !important; font-weight: 950 !important; line-height: 1 !important; }
.awards-pill-badge.is-gold .awards-pill-num { color: #b45309 !important; }
.awards-pill-badge.is-blue .awards-pill-num { color: #1d4ed8 !important; }
.awards-pill-badge.is-purple .awards-pill-num { color: #4338ca !important; }
.awards-pill-name { font-size: 8.5px !important; font-weight: 850 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }
.awards-pill-badge.is-gold .awards-pill-name { color: #92400e !important; }
.awards-pill-badge.is-blue .awards-pill-name { color: #1e40af !important; }
.awards-pill-badge.is-purple .awards-pill-name { color: #3730a3 !important; }

.awards-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    padding: 3px 7px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}
.awards-chip.is-gold { background: #fffbeb !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.awards-chip.is-blue { background: #f0f9ff !important; color: #0284c7 !important; border: 1px solid #bae6fd !important; }
.awards-chip.is-purple { background: #f5f3ff !important; color: #6366f1 !important; border: 1px solid #ddd6fe !important; }

.awards-card-hero-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 2px 0 !important;
    margin: 0 auto !important;
}
.awards-crystal-podium {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    border-radius: 16px !important;
    display: grid !important;
    place-items: center !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-card-light:hover .awards-crystal-podium { transform: scale(1.06) !important; }
.awards-crystal-podium.is-gold {
    background: radial-gradient(circle, #fffbeb 0%, #fef3c7 65%, #fde68a 100%) !important;
    border: 1.5px solid #f59e0b !important;
    box-shadow: 0 6px 16px rgba(245, 158, 11, 0.18) !important;
}
.awards-crystal-podium.is-blue {
    background: radial-gradient(circle, #eff6ff 0%, #dbeafe 65%, #bfdbfe 100%) !important;
    border: 1.5px solid #1976f3 !important;
    box-shadow: 0 6px 16px rgba(25, 118, 243, 0.18) !important;
}
.awards-crystal-podium.is-purple {
    background: radial-gradient(circle, #f5f3ff 0%, #ede9fe 65%, #ddd6fe 100%) !important;
    border: 1.5px solid #6366f1 !important;
    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.18) !important;
}
.awards-vector-icon {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    display: block !important;
}

.awards-card-body-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
    width: 100% !important;
}
.awards-card-main-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 16.5px !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.awards-prize-card {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 11px !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    text-align: left !important;
}
.awards-prize-card.is-gold {
    background: #fffdf7 !important;
    border: 1px solid #fef3c7 !important;
    border-left: 3.5px solid #f59e0b !important;
}
.awards-prize-card.is-blue {
    background: #f8fbff !important;
    border: 1px solid #dbeafe !important;
    border-left: 3.5px solid #1976f3 !important;
}
.awards-prize-card.is-purple {
    background: #faf8ff !important;
    border: 1px solid #e0e7ff !important;
    border-left: 3.5px solid #6366f1 !important;
}
.awards-prize-icon-circle {
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-prize-icon-circle.is-gold { background: #fef3c7 !important; color: #b45309 !important; }
.awards-prize-icon-circle.is-blue { background: #dbeafe !important; color: #1976f3 !important; }
.awards-prize-icon-circle.is-purple { background: #e0e7ff !important; color: #6366f1 !important; }
.awards-prize-icon-circle svg { width: 14px !important; height: 14px !important; }
.awards-prize-text {
    font-size: 11.5px !important;
    color: #1e293b !important;
    margin: 0 !important;
    line-height: 1.35 !important;
}
.awards-prize-text strong { color: #0f172a !important; font-weight: 900 !important; }

.awards-subcategories { font-size: 11px !important; margin-top: auto !important; width: 100% !important; text-align: center !important; }
.awards-subcategories-title {
    display: block !important;
    font-weight: 800 !important;
    color: #64748b !important;
    margin-bottom: 5px !important;
    font-size: 9px !important;
    letter-spacing: 0.04em !important;
    text-align: center !important;
    white-space: nowrap !important;
}
.awards-subcategories-chips { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 4px !important; }
.awards-chip-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}
.svg-chip-icon { width: 11px !important; height: 11px !important; }

.awards-card-footer-action {
    padding-top: 10px !important;
    border-top: 1px solid #f1f5f9 !important;
    margin-top: auto !important;
    width: 100% !important;
}
.awards-card-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    transition: all 0.22s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.awards-card-btn.is-gold { background: #fffbeb !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.awards-card-btn.is-gold:hover { background: #f59e0b !important; color: #ffffff !important; border-color: #f59e0b !important; }
.awards-card-btn.is-blue { background: #eff6ff !important; color: #1d4ed8 !important; border: 1px solid #bfdbfe !important; }
.awards-card-btn.is-blue:hover { background: #1976f3 !important; color: #ffffff !important; border-color: #1976f3 !important; }
.awards-card-btn.is-purple { background: #eef2ff !important; color: #4338ca !important; border: 1px solid #c7d2fe !important; }
.awards-card-btn.is-purple:hover { background: #6366f1 !important; color: #ffffff !important; border-color: #6366f1 !important; }
.awards-card-btn svg { width: 13px !important; height: 13px !important; flex-shrink: 0 !important; }

/* ═════════════════════════════════════════════════════════════════════
   MOBILE STRICT 1-COLUMN (CHỐNG TRÀN 2 CỘT 100%)
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    html, body { overflow-x: hidden !important; width: 100% !important; }
    .awards-teaser-section { padding: 20px 0 24px !important; overflow: hidden !important; }
    
    .awards-teaser-head.is-centered {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 6px !important;
        margin-bottom: 12px !important;
    }
    .awards-teaser-head-copy h2 {
        font-size: 21px !important;
        color: var(--ink, #08275a) !important;
    }
    
    /* 1 CỘT DỌC DUY NHẤT */
    .awards-teaser-grid {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 12px !important;
        box-sizing: border-box !important;
    }
    .awards-card-light {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 14px 12px !important;
        gap: 10px !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
    }
    .awards-card-main-title {
        font-size: 15px !important;
        color: var(--ink, #08275a) !important;
        white-space: normal !important;
    }
    .awards-crystal-podium {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        border-radius: 12px !important;
        padding: 6px !important;
    }
    .awards-vector-icon {
        width: 30px !important;
        height: 30px !important;
    }
    .awards-prize-card {
        padding: 7px 9px !important;
        border-radius: 8px !important;
    }
    .awards-prize-text {
        font-size: 11px !important;
    }
    .awards-card-footer-action {
        margin-top: 4px !important;
        padding-top: 8px !important;
    }
    .awards-card-btn {
        min-height: 36px !important;
        padding: 8px 12px !important;
        font-size: 11.5px !important;
        border-radius: 8px !important;
    }
    .awards-teaser-footer {
        display: block !important;
        margin-top: 12px !important;
    }
    .awards-btn-main.is-full {
        width: 100% !important;
        box-sizing: border-box !important;
        justify-content: center !important;
        padding: 10px 16px !important;
        font-size: 11.5px !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #1976f3 0%, #0b4696 100%) !important;
        box-shadow: 0 6px 18px rgba(25, 118, 243, 0.28) !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   BULLETPROOF AWARDS TEASER BUTTONS (100% CLEAN & FULL WIDTH)
   ═════════════════════════════════════════════════════════════════════ */
.awards-teaser-action-wrap {
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 10px !important;
    border-top: 1px solid #f1f5f9 !important;
    display: block !important;
    box-sizing: border-box !important;
}
.awards-teaser-action-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 38px !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: all 0.22s ease !important;
}
.awards-teaser-action-btn span {
    display: inline-block !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.awards-teaser-action-btn svg {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    transition: transform 0.2s ease !important;
}
.awards-card-light:hover .awards-teaser-action-btn svg {
    transform: translateX(4px) !important;
}
.awards-teaser-action-btn.is-gold {
    background: #fffbeb !important;
    color: #b45309 !important;
    border: 1px solid #fde68a !important;
}
.awards-teaser-action-btn.is-gold:hover {
    background: #f59e0b !important;
    color: #ffffff !important;
    border-color: #f59e0b !important;
}
.awards-teaser-action-btn.is-blue {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe !important;
}
.awards-teaser-action-btn.is-blue:hover {
    background: #1976f3 !important;
    color: #ffffff !important;
    border-color: #1976f3 !important;
}
.awards-teaser-action-btn.is-purple {
    background: #eef2ff !important;
    color: #4338ca !important;
    border: 1px solid #c7d2fe !important;
}
.awards-teaser-action-btn.is-purple:hover {
    background: #6366f1 !important;
    color: #ffffff !important;
    border-color: #6366f1 !important;
}

@media screen and (max-width: 860px) {
    .awards-teaser-action-wrap {
        margin-top: 4px !important;
        padding-top: 8px !important;
    }
    .awards-teaser-action-btn {
        min-height: 36px !important;
        padding: 8px 12px !important;
        font-size: 11.5px !important;
        border-radius: 8px !important;
    }
    .awards-teaser-action-btn span {
        font-size: 11.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS TEASER - 100% PERFECT WEBSITE COLOR HARMONY
   Tone chuẩn: Navy #08275a | Royal Blue #1976f3 | Cyan #24c7e9 | Paper #f6faff
   ═════════════════════════════════════════════════════════════════════ */
.awards-teaser-section {
    background: radial-gradient(circle at 90% 10%, rgba(36, 199, 233, 0.12), transparent 40%),
                radial-gradient(circle at 10% 90%, rgba(25, 118, 243, 0.08), transparent 40%),
                linear-gradient(180deg, var(--paper, #f6faff) 0%, #ffffff 50%, #f0f7ff 100%) !important;
    border-top: 1px solid rgba(8, 39, 90, 0.08) !important;
    border-bottom: 1px solid rgba(8, 39, 90, 0.08) !important;
}

.awards-teaser-head-copy h2 {
    color: var(--ink, #08275a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}

/* Nút Header: Chuẩn Royal Blue Website */
.awards-btn-main {
    background: linear-gradient(135deg, var(--blue, #1976f3) 0%, var(--ink-2, #0b4696) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(25, 118, 243, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
.awards-btn-main:hover {
    background: linear-gradient(135deg, var(--cyan, #24c7e9) 0%, var(--blue, #1976f3) 100%) !important;
    box-shadow: 0 10px 24px rgba(25, 118, 243, 0.38) !important;
}

/* Thẻ Card Trắng Tinh Khiết */
.awards-card-light {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 4px 16px rgba(8, 39, 90, 0.05) !important;
}
.awards-card-light:hover {
    box-shadow: 0 12px 28px rgba(8, 39, 90, 0.12) !important;
}

/* Viền trên định danh từng nhánh */
.awards-card-light.is-serie-a { border-top: 3.5px solid #f59e0b !important; }
.awards-card-light.is-serie-b { border-top: 3.5px solid var(--blue, #1976f3) !important; }
.awards-card-light.is-purple { border-top: 3.5px solid #6366f1 !important; }

/* Tiêu Đề Thẻ */
.awards-card-main-title {
    color: var(--ink, #08275a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}

/* Hộp Phần Thưởng Nhã Nhặn */
.awards-prize-card.is-gold {
    background: #fffdf7 !important;
    border: 1px solid #fef3c7 !important;
    border-left: 3.5px solid #f59e0b !important;
}
.awards-prize-card.is-blue {
    background: #f8fbff !important;
    border: 1px solid #dbeafe !important;
    border-left: 3.5px solid var(--blue, #1976f3) !important;
}
.awards-prize-card.is-purple {
    background: #faf8ff !important;
    border: 1px solid #e0e7ff !important;
    border-left: 3.5px solid #6366f1 !important;
}

.awards-prize-icon-circle.is-gold { background: #fef3c7 !important; color: #b45309 !important; }
.awards-prize-icon-circle.is-blue { background: #dbeafe !important; color: var(--blue, #1976f3) !important; }
.awards-prize-icon-circle.is-purple { background: #e0e7ff !important; color: #6366f1 !important; }

.awards-prize-text {
    color: #1e293b !important;
}
.awards-prize-text strong {
    color: var(--ink, #08275a) !important;
}

/* Các Chip Danh Mục Phụ */
.awards-chip-item {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

/* Nút Chân Thẻ Đồng Bộ Màu Sắc */
.awards-teaser-action-btn.is-gold {
    background: #fffbeb !important;
    color: #92400e !important;
    border: 1px solid #fde68a !important;
}
.awards-teaser-action-btn.is-gold:hover {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
    border-color: #d97706 !important;
}
.awards-teaser-action-btn.is-blue {
    background: #eff6ff !important;
    color: var(--ink-2, #0b4696) !important;
    border: 1px solid #bfdbfe !important;
}
.awards-teaser-action-btn.is-blue:hover {
    background: linear-gradient(135deg, var(--blue, #1976f3) 0%, var(--ink-2, #0b4696) 100%) !important;
    color: #ffffff !important;
    border-color: var(--ink-2, #0b4696) !important;
}
.awards-teaser-action-btn.is-purple {
    background: #eef2ff !important;
    color: #4338ca !important;
    border: 1px solid #c7d2fe !important;
}
.awards-teaser-action-btn.is-purple:hover {
    background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%) !important;
    color: #ffffff !important;
    border-color: #4338ca !important;
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS.PHP & DIRECTORY - 100% BRAND IDENTITY COLOR HARMONY
   Website Core Palette: --ink: #08275a | --blue: #1976f3 | --cyan: #24c7e9 | --paper: #f6faff
   ═════════════════════════════════════════════════════════════════════ */

/* ── 1. HERO SECTION (HALL OF CHAMPIONS) ── */
body.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(52px, 7vw, 90px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 85% 15%, rgba(36, 199, 233, 0.18), transparent 35%),
                radial-gradient(circle at 10% 85%, rgba(25, 118, 243, 0.22), transparent 38%),
                linear-gradient(135deg, #051d45 0%, #08275a 45%, #0b3d82 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    overflow: hidden !important;
}

body.awards-page .awards-page-kicker {
    background: rgba(36, 199, 233, 0.14) !important;
    border: 1px solid rgba(36, 199, 233, 0.35) !important;
    color: #7ce6f7 !important;
}
body.awards-page .awards-page-kicker i {
    background: #24c7e9 !important;
    box-shadow: 0 0 10px #24c7e9 !important;
}

body.awards-page .awards-page-hero h1 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    color: #ffffff !important;
}
body.awards-page .awards-page-hero p {
    color: #d1e3f8 !important;
}

/* 3 Stats Bento Boxes */
.awards-stat-box {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px) !important;
}
.awards-stat-icon.is-gold {
    background: rgba(245, 158, 11, 0.22) !important;
    color: #fde047 !important;
    border: 1px solid rgba(245, 158, 11, 0.45) !important;
}
.awards-stat-icon.is-cyan {
    background: rgba(36, 199, 233, 0.22) !important;
    color: #7ce6f7 !important;
    border: 1px solid rgba(36, 199, 233, 0.45) !important;
}
.awards-stat-icon.is-purple {
    background: rgba(99, 102, 241, 0.22) !important;
    color: #c7d2fe !important;
    border: 1px solid rgba(99, 102, 241, 0.45) !important;
}
.awards-stat-meta strong { color: #ffffff !important; }
.awards-stat-meta small { color: #94a3b8 !important; }

/* Seal Emblem */
body.awards-page .awards-page-seal {
    border: 2px solid rgba(245, 158, 11, 0.5) !important;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.2), rgba(8, 39, 90, 0.6) 70%) !important;
    box-shadow: 0 12px 36px rgba(5, 29, 69, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
.awards-seal-number { color: #fde047 !important; }
.awards-seal-title { color: #ffffff !important; }
.awards-seal-subtitle { color: #7ce6f7 !important; }
.awards-seal-star { color: #fde047 !important; }

/* ── 2. DIRECTORY SECTION & JUMPBAR ── */
body.awards-page .awards-page-directory {
    background: radial-gradient(circle at 90% 8%, rgba(36, 199, 233, 0.1), transparent 40%),
                radial-gradient(circle at 10% 92%, rgba(25, 118, 243, 0.08), transparent 40%),
                linear-gradient(180deg, var(--paper, #f6faff) 0%, #ffffff 50%, #f0f7ff 100%) !important;
}
.awards-dir-kicker {
    background: #eff6ff !important;
    border: 1px solid #dbeafe !important;
    color: var(--blue, #1976f3) !important;
}
.awards-dir-kicker-dot { background: var(--blue, #1976f3) !important; }
body.awards-page .awards-page-directory-head h2 {
    color: var(--ink, #08275a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}
body.awards-page .awards-page-directory-head p {
    color: #475569 !important;
}

/* Floating Jumpbar Tabs */
body.awards-page .awards-page-jumpbar {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 6px 20px rgba(8, 39, 90, 0.06) !important;
}
.awards-jump-item {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}
.awards-jump-item:hover {
    background: #ffffff !important;
    border-color: var(--blue, #1976f3) !important;
    box-shadow: 0 6px 16px rgba(25, 118, 243, 0.12) !important;
}
.awards-jump-meta b { color: var(--ink, #08275a) !important; }
.awards-jump-meta small { color: #64748b !important; }

/* ── 3. CÁC PHÂN ĐOẠN SERIE A, SERIE B, CÁ NHÂN ── */
body.awards-page .awards-page-series {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 8px 24px rgba(8, 39, 90, 0.05) !important;
}
body.awards-page .awards-page-series-head h2 {
    color: var(--ink, #08275a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}
.awards-series-number.is-gold { background: #fffbeb !important; color: #b45309 !important; border-color: #fde68a !important; }
.awards-series-number.is-blue { background: #eff6ff !important; color: var(--blue, #1976f3) !important; border-color: #bfdbfe !important; }
.awards-series-number.is-purple { background: #eef2ff !important; color: #4f46e5 !important; border-color: #c7d2fe !important; }

/* Thẻ Vô Địch Serie A (Hero Grand Master 01) */
body.awards-page .awards-page-card.awards-page-card-champion {
    background: radial-gradient(circle at 12% 50%, rgba(245, 158, 11, 0.22), transparent 35%),
                linear-gradient(135deg, #051d45 0%, #08275a 55%, #0b3d82 100%) !important;
    border: 2px solid rgba(245, 158, 11, 0.75) !important;
    box-shadow: 0 16px 36px rgba(5, 29, 69, 0.25) !important;
    color: #ffffff !important;
}
body.awards-page .awards-page-card.awards-page-card-champion .awards-card-copy h3 {
    color: #ffffff !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}

/* Thẻ Vô Địch Serie B (Hero Grand Master 05) */
body.awards-page .awards-page-card.awards-page-card-champion-b {
    background: radial-gradient(circle at 12% 50%, rgba(36, 199, 233, 0.22), transparent 35%),
                linear-gradient(135deg, #051d45 0%, #08275a 55%, #0b3d82 100%) !important;
    border: 2px solid rgba(36, 199, 233, 0.75) !important;
    box-shadow: 0 16px 36px rgba(5, 29, 69, 0.25) !important;
    color: #ffffff !important;
}
body.awards-page .awards-page-card.awards-page-card-champion-b .awards-card-copy h3 {
    color: #ffffff !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}

/* ── 4. CÁC THẺ CARD DANH HIỆU KHÁC (02, 03, 04, 06, 07, 08, 09, 10, 11) ── */
body.awards-page .awards-page-card {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 4px 14px rgba(8, 39, 90, 0.04) !important;
}
body.awards-page .awards-page-card:hover {
    box-shadow: 0 10px 24px rgba(8, 39, 90, 0.09) !important;
    border-color: rgba(25, 118, 243, 0.3) !important;
}
body.awards-page .awards-page-card .awards-card-copy h3 {
    color: var(--ink, #08275a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}

/* Badges Hạng Mục */
.awards-card-rank-badge {
    background: #eff6ff !important;
    border: 1px solid #dbeafe !important;
    color: var(--blue, #1976f3) !important;
}
.awards-card-rank-badge.is-gold {
    background: rgba(245, 158, 11, 0.2) !important;
    border-color: rgba(245, 158, 11, 0.5) !important;
    color: #fde047 !important;
}
.awards-card-rank-badge.is-blue {
    background: rgba(36, 199, 233, 0.2) !important;
    border-color: rgba(36, 199, 233, 0.5) !important;
    color: #7ce6f7 !important;
}
.awards-card-rank-badge.is-purple {
    background: #eef2ff !important;
    border-color: #c7d2fe !important;
    color: #4f46e5 !important;
}

/* Hộp Phần Thưởng Nhã Nhặn */
body.awards-page .awards-card-prize {
    background: #f8fbff !important;
    border: 1px solid #dbeafe !important;
    border-left: 3.5px solid var(--blue, #1976f3) !important;
}
body.awards-page .awards-page-card.awards-page-card-personal .awards-card-prize {
    background: #faf8ff !important;
    border-color: #e0e7ff !important;
    border-left-color: #6366f1 !important;
}
body.awards-page .awards-card-prize p {
    color: #1e293b !important;
}
body.awards-page .awards-card-prize p strong {
    color: var(--ink, #08275a) !important;
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - AWARDS.PHP & DIRECTORY MASTER SUITE
   Thiết kế đồng bộ hoàn hảo với Component Vinh Danh ở Trang Chủ
   ═════════════════════════════════════════════════════════════════════ */

/* HERO SECTION: THE HALL OF CHAMPIONS */
body.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(52px, 7vw, 90px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 85% 15%, rgba(36, 199, 233, 0.18), transparent 35%),
                radial-gradient(circle at 10% 85%, rgba(25, 118, 243, 0.22), transparent 38%),
                linear-gradient(135deg, #051d45 0%, #08275a 45%, #0b3d82 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    overflow: hidden !important;
}
body.awards-page .awards-page-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;
}
body.awards-page .awards-page-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(36, 199, 233, 0.14) !important;
    border: 1px solid rgba(36, 199, 233, 0.35) !important;
    color: #7ce6f7 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}
body.awards-page .awards-page-kicker i {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #24c7e9 !important;
    box-shadow: 0 0 8px #24c7e9 !important;
}
body.awards-page .awards-page-hero h1 {
    font-family: var(--font-display, "Be Vietnam Pro", system-ui, sans-serif) !important;
    font-size: clamp(32px, 5vw, 60px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-hero p {
    font-size: 15px !important;
    color: #d1e3f8 !important;
    line-height: 1.6 !important;
    max-width: 680px !important;
    margin: 12px 0 22px !important;
}

/* 3 Stats Hero Bento Widgets */
.awards-hero-stats-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}
.awards-stat-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px) !important;
}
.awards-stat-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-stat-icon.is-gold { background: rgba(245, 158, 11, 0.22) !important; color: #fde047 !important; border: 1px solid rgba(245, 158, 11, 0.45) !important; }
.awards-stat-icon.is-cyan { background: rgba(36, 199, 233, 0.22) !important; color: #7ce6f7 !important; border: 1px solid rgba(36, 199, 233, 0.45) !important; }
.awards-stat-icon.is-purple { background: rgba(99, 102, 241, 0.22) !important; color: #c7d2fe !important; border: 1px solid rgba(99, 102, 241, 0.45) !important; }
.awards-stat-icon svg { width: 16px !important; height: 16px !important; }
.awards-stat-meta strong { display: block !important; font-size: 16px !important; font-weight: 950 !important; color: #ffffff !important; line-height: 1 !important; }
.awards-stat-meta small { display: block !important; font-size: 8px !important; font-weight: 850 !important; letter-spacing: 0.08em !important; color: #94a3b8 !important; text-transform: uppercase !important; }

/* Seal Emblem */
body.awards-page .awards-page-seal {
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    padding: 14px !important;
    border: 2px solid rgba(245, 158, 11, 0.5) !important;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.2), rgba(8, 39, 90, 0.6) 70%) !important;
    box-shadow: 0 12px 36px rgba(5, 29, 69, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    flex-shrink: 0 !important;
}
.awards-seal-number { font-size: 40px !important; font-weight: 950 !important; color: #fde047 !important; line-height: 0.9 !important; letter-spacing: -0.04em !important; }
.awards-seal-title { font-size: 9.5px !important; font-weight: 900 !important; letter-spacing: 0.12em !important; color: #ffffff !important; text-transform: uppercase !important; }
.awards-seal-subtitle { font-size: 8px !important; font-weight: 800 !important; color: #7ce6f7 !important; letter-spacing: 0.06em !important; }
.awards-seal-star { color: #fde047 !important; margin-top: 2px !important; }

/* ── DIRECTORY SECTION & JUMPBAR ── */
body.awards-page .awards-page-directory {
    position: relative !important;
    padding: clamp(48px, 6vw, 76px) 0 !important;
    background: radial-gradient(circle at 90% 8%, rgba(36, 199, 233, 0.1), transparent 40%),
                radial-gradient(circle at 10% 92%, rgba(25, 118, 243, 0.08), transparent 40%),
                linear-gradient(180deg, var(--paper, #f6faff) 0%, #ffffff 50%, #f0f7ff 100%) !important;
}
.awards-dir-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #eff6ff !important;
    border: 1px solid #dbeafe !important;
    color: var(--blue, #1976f3) !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}
.awards-dir-kicker-dot { width: 5px !important; height: 5px !important; border-radius: 50% !important; background: var(--blue, #1976f3) !important; }
body.awards-page .awards-page-directory-head h2 {
    font-family: var(--font-display, "Be Vietnam Pro", system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.8vw, 40px) !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-directory-head p {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 8px 0 0 !important;
    max-width: 720px !important;
}

/* Floating Jumpbar Tabs */
body.awards-page .awards-page-jumpbar {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    margin: 28px 0 36px !important;
    padding: 8px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 6px 20px rgba(8, 39, 90, 0.06) !important;
}
.awards-jump-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-jump-item:hover {
    background: #ffffff !important;
    border-color: var(--blue, #1976f3) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(25, 118, 243, 0.12) !important;
}
.awards-jump-meta b { font-size: 13px !important; font-weight: 950 !important; color: var(--ink, #08275a) !important; }
.awards-jump-meta small { font-size: 8.5px !important; font-weight: 850 !important; color: #64748b !important; letter-spacing: 0.06em !important; }

/* ── PHÂN ĐOẠN SERIE A, SERIE B, CÁ NHÂN TRONG AWARDS.PHP ── */
body.awards-page .awards-page-series {
    scroll-margin-top: 110px !important;
    padding: clamp(24px, 3.5vw, 36px) !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 8px 24px rgba(8, 39, 90, 0.05) !important;
    margin-bottom: 32px !important;
}
body.awards-page .awards-page-series-head {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
}
.awards-series-number {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}
.awards-series-number.is-gold { background: #fffbeb !important; color: #b45309 !important; border: 1.5px solid #fde68a !important; }
.awards-series-number.is-blue { background: #eff6ff !important; color: var(--blue, #1976f3) !important; border: 1.5px solid #bfdbfe !important; }
.awards-series-number.is-purple { background: #eef2ff !important; color: #4f46e5 !important; border: 1.5px solid #c7d2fe !important; }

body.awards-page .awards-page-series-head h2 {
    font-family: var(--font-display, "Be Vietnam Pro", system-ui, sans-serif) !important;
    font-size: clamp(20px, 2.6vw, 28px) !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    margin: 0 !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}
.awards-series-subtitle {
    display: block !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}
.awards-series-subtitle.is-gold { color: #b45309 !important; }
.awards-series-subtitle.is-blue { color: var(--blue, #1976f3) !important; }
.awards-series-subtitle.is-purple { color: #4f46e5 !important; }

.awards-page-personal-intro {
    font-size: 14px !important;
    color: #475569 !important;
    margin: -10px 0 20px 0 !important;
    line-height: 1.5 !important;
}

/* Thẻ Hero Vô Địch Serie A & Serie B */
body.awards-page .awards-card-light.awards-page-card-champion,
body.awards-page .awards-card-light.awards-page-card-champion-b {
    margin-bottom: 20px !important;
}

/* Desktop Grid 3 Cột */
@media screen and (min-width: 861px) {
    body.awards-page .awards-page-series-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 18px !important;
        align-items: stretch !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE CHO TRANG AWARDS.PHP (1 CỘT DỌC CHUẨN XÁC)
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    body.awards-page .awards-page-hero {
        padding: 24px 0 28px !important;
    }
    body.awards-page .awards-page-hero-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }
    body.awards-page .awards-page-kicker {
        font-size: 9px !important;
        padding: 4px 10px !important;
        margin-bottom: 8px !important;
    }
    body.awards-page .awards-page-hero h1 {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }
    body.awards-page .awards-page-hero p {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        margin: 6px 0 14px !important;
    }
    body.awards-page .awards-page-seal {
        display: none !important;
    }
    .awards-hero-stats-row {
        gap: 6px !important;
        width: 100% !important;
    }
    .awards-stat-box {
        flex: 1 1 calc(33.333% - 6px) !important;
        padding: 6px 8px !important;
        gap: 6px !important;
        border-radius: 8px !important;
    }
    .awards-stat-icon { width: 24px !important; height: 24px !important; border-radius: 6px !important; }
    .awards-stat-icon svg { width: 12px !important; height: 12px !important; }
    .awards-stat-meta strong { font-size: 13px !important; }
    .awards-stat-meta small { font-size: 6.5px !important; }

    /* Directory Head & Jumpbar Mobile */
    body.awards-page .awards-page-directory {
        padding: 20px 0 24px !important;
    }
    body.awards-page .awards-page-directory-head h2 {
        font-size: 20px !important;
    }
    body.awards-page .awards-page-directory-head p {
        font-size: 12px !important;
    }
    body.awards-page .awards-page-jumpbar {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        padding: 5px !important;
        margin: 16px 0 20px !important;
        border-radius: 12px !important;
    }
    .awards-jump-item {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 4px !important;
        gap: 2px !important;
        border-radius: 8px !important;
        min-height: 46px !important;
    }
    .awards-jump-badge { display: none !important; }
    .awards-jump-icon { display: none !important; }
    .awards-jump-meta { text-align: center !important; }
    .awards-jump-meta b { font-size: 11px !important; }
    .awards-jump-meta small { font-size: 7.5px !important; }

    /* Series Container Mobile */
    body.awards-page .awards-page-series {
        padding: 14px 12px 16px !important;
        border-radius: 14px !important;
        margin-bottom: 16px !important;
    }
    body.awards-page .awards-page-series-head {
        gap: 10px !important;
        margin-bottom: 12px !important;
    }
    .awards-series-number {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
    }
    body.awards-page .awards-page-series-head h2 {
        font-size: 14.5px !important;
    }
    .awards-series-subtitle {
        font-size: 7.5px !important;
    }
    .awards-page-personal-intro {
        font-size: 11.5px !important;
        margin: -4px 0 12px 0 !important;
    }

    /* 1 Cột Dọc Cho Toàn Bộ Thẻ Trên Mobile */
    body.awards-page .awards-page-series-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - AWARDS.PHP MASTER DESIGN SYSTEM
   Phong cách thể thao chuyên nghiệp, sang trọng, đẳng cấp quốc tế
   ═════════════════════════════════════════════════════════════════════ */

/* ── 1. HERO SECTION (THE HALL OF CHAMPIONS) ── */
body.awards-page .awards-page-hero {
    position: relative !important;
    min-height: 0 !important;
    padding: clamp(54px, 7vw, 92px) 0 !important;
    color: #ffffff !important;
    background: radial-gradient(circle at 85% 15%, rgba(36, 199, 233, 0.18), transparent 35%),
                radial-gradient(circle at 10% 85%, rgba(25, 118, 243, 0.22), transparent 38%),
                linear-gradient(135deg, #051d45 0%, #08275a 45%, #0b3d82 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    overflow: hidden !important;
}

body.awards-page .awards-page-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    background: rgba(36, 199, 233, 0.14) !important;
    border: 1px solid rgba(36, 199, 233, 0.35) !important;
    color: #7ce6f7 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
}
body.awards-page .awards-page-kicker i {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #24c7e9 !important;
    box-shadow: 0 0 8px #24c7e9 !important;
}

body.awards-page .awards-page-hero h1 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(32px, 5vw, 60px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    line-height: 1.05 !important;
    letter-spacing: -0.04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-hero p {
    font-size: 15px !important;
    color: #d1e3f8 !important;
    line-height: 1.6 !important;
    max-width: 680px !important;
    margin: 12px 0 22px !important;
}

/* 3 Stats Hero Bento Widgets */
.awards-hero-stats-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}
.awards-stat-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(10px) !important;
}
.awards-stat-icon.is-gold { background: rgba(245, 158, 11, 0.22) !important; color: #fde047 !important; border: 1px solid rgba(245, 158, 11, 0.45) !important; }
.awards-stat-icon.is-cyan { background: rgba(36, 199, 233, 0.22) !important; color: #7ce6f7 !important; border: 1px solid rgba(36, 199, 233, 0.45) !important; }
.awards-stat-icon.is-purple { background: rgba(99, 102, 241, 0.22) !important; color: #c7d2fe !important; border: 1px solid rgba(99, 102, 241, 0.45) !important; }
.awards-stat-icon svg { width: 16px !important; height: 16px !important; }
.awards-stat-meta strong { display: block !important; font-size: 16px !important; font-weight: 950 !important; color: #ffffff !important; line-height: 1 !important; }
.awards-stat-meta small { display: block !important; font-size: 8px !important; font-weight: 850 !important; letter-spacing: 0.08em !important; color: #94a3b8 !important; text-transform: uppercase !important; }

/* Seal Emblem */
body.awards-page .awards-page-seal {
    width: 140px !important;
    height: 140px !important;
    min-width: 140px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-content: center !important;
    justify-items: center !important;
    gap: 2px !important;
    padding: 14px !important;
    border: 2px solid rgba(245, 158, 11, 0.5) !important;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.2), rgba(8, 39, 90, 0.6) 70%) !important;
    box-shadow: 0 12px 36px rgba(5, 29, 69, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    flex-shrink: 0 !important;
}
.awards-seal-number { font-size: 40px !important; font-weight: 950 !important; color: #fde047 !important; line-height: 0.9 !important; letter-spacing: -0.04em !important; }
.awards-seal-title { font-size: 9.5px !important; font-weight: 900 !important; letter-spacing: 0.12em !important; color: #ffffff !important; text-transform: uppercase !important; }
.awards-seal-subtitle { font-size: 8px !important; font-weight: 800 !important; color: #7ce6f7 !important; letter-spacing: 0.06em !important; }
.awards-seal-star { color: #fde047 !important; margin-top: 2px !important; }

/* ── 2. DIRECTORY SECTION & JUMPBAR ── */
body.awards-page .awards-page-directory {
    position: relative !important;
    padding: clamp(48px, 6vw, 76px) 0 !important;
    background: radial-gradient(circle at 90% 8%, rgba(36, 199, 233, 0.1), transparent 40%),
                radial-gradient(circle at 10% 92%, rgba(25, 118, 243, 0.08), transparent 40%),
                linear-gradient(180deg, var(--paper, #f6faff) 0%, #ffffff 50%, #f0f7ff 100%) !important;
}
.awards-dir-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #eff6ff !important;
    border: 1px solid #dbeafe !important;
    color: var(--blue, #1976f3) !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}
.awards-dir-kicker-dot { width: 5px !important; height: 5px !important; border-radius: 50% !important; background: var(--blue, #1976f3) !important; }
body.awards-page .awards-page-directory-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.8vw, 40px) !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}
body.awards-page .awards-page-directory-head p {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 8px 0 0 !important;
    max-width: 720px !important;
}

/* Floating Cockpit Jumpbar */
body.awards-page .awards-page-jumpbar {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    margin: 28px 0 36px !important;
    padding: 8px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 6px 20px rgba(8, 39, 90, 0.06) !important;
}
.awards-jump-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    text-decoration: none !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
}
.awards-jump-item:hover {
    background: #ffffff !important;
    border-color: var(--blue, #1976f3) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(25, 118, 243, 0.12) !important;
}
.awards-jump-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    display: inline-block !important;
}
.awards-jump-dot.is-gold { background: #f59e0b !important; box-shadow: 0 0 6px #f59e0b !important; }
.awards-jump-dot.is-blue { background: #1976f3 !important; box-shadow: 0 0 6px #1976f3 !important; }
.awards-jump-dot.is-purple { background: #6366f1 !important; box-shadow: 0 0 6px #6366f1 !important; }

.awards-jump-meta b { font-size: 13px !important; font-weight: 950 !important; color: var(--ink, #08275a) !important; }
.awards-jump-meta small { font-size: 8.5px !important; font-weight: 850 !important; color: #64748b !important; letter-spacing: 0.06em !important; }
.awards-jump-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-jump-icon.is-gold { background: #fffbeb !important; color: #b45309 !important; }
.awards-jump-icon.is-blue { background: #eff6ff !important; color: var(--blue, #1976f3) !important; }
.awards-jump-icon.is-purple { background: #eef2ff !important; color: #4f46e5 !important; }
.awards-jump-icon svg { width: 14px !important; height: 14px !important; }

/* ── 3. PHÂN ĐOẠN SERIE A, SERIE B, CÁ NHÂN ── */
body.awards-page .awards-page-series {
    scroll-margin-top: 110px !important;
    padding: clamp(24px, 3.5vw, 36px) !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 8px 24px rgba(8, 39, 90, 0.05) !important;
    margin-bottom: 32px !important;
}
body.awards-page .awards-page-series-head {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
}
.awards-series-number {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}
.awards-series-number.is-gold { background: #fffbeb !important; color: #b45309 !important; border: 1.5px solid #fde68a !important; }
.awards-series-number.is-blue { background: #eff6ff !important; color: var(--blue, #1976f3) !important; border: 1.5px solid #bfdbfe !important; }
.awards-series-number.is-purple { background: #eef2ff !important; color: #4f46e5 !important; border: 1.5px solid #c7d2fe !important; }

body.awards-page .awards-page-series-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(20px, 2.6vw, 28px) !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    margin: 0 !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}
.awards-series-subtitle {
    display: block !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}
.awards-series-subtitle.is-gold { color: #b45309 !important; }
.awards-series-subtitle.is-blue { color: var(--blue, #1976f3) !important; }
.awards-series-subtitle.is-purple { color: #4f46e5 !important; }

/* ── 4. THẺ BENTO THỂ THAO ĐỒNG BỘ TOÀN DIỆN ── */
body.awards-page .awards-card-light {
    background: #ffffff !important;
    border-radius: 18px !important;
    padding: 20px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 14px !important;
    position: relative !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    height: 100% !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    box-shadow: 0 4px 16px rgba(8, 39, 90, 0.05) !important;
}
body.awards-page .awards-card-light:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(8, 39, 90, 0.12) !important;
}

body.awards-page .awards-card-light.is-serie-a { border-top: 3.5px solid #f59e0b !important; }
body.awards-page .awards-card-light.is-serie-b { border-top: 3.5px solid var(--blue, #1976f3) !important; }
body.awards-page .awards-card-light.is-purple { border-top: 3.5px solid #6366f1 !important; }

body.awards-page .awards-card-light.awards-page-card-champion,
body.awards-page .awards-card-light.awards-page-card-champion-b {
    margin-bottom: 20px !important;
}

body.awards-page .awards-page-card-note {
    display: block !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    background: #eff6ff !important;
    border: 1px dashed #bfdbfe !important;
    color: var(--ink-2, #0b4696) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    margin-top: 6px !important;
    text-align: center !important;
}

@media screen and (min-width: 861px) {
    body.awards-page .awards-page-series-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 18px !important;
        align-items: stretch !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE STRICT 1-COLUMN FOR AWARDS.PHP
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    body.awards-page .awards-page-hero {
        padding: 24px 0 28px !important;
    }
    body.awards-page .awards-page-hero-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }
    body.awards-page .awards-page-kicker {
        font-size: 9px !important;
        padding: 4px 10px !important;
        margin-bottom: 8px !important;
    }
    body.awards-page .awards-page-hero h1 {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }
    body.awards-page .awards-page-hero p {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
        margin: 6px 0 14px !important;
    }
    body.awards-page .awards-page-seal {
        display: none !important;
    }
    .awards-hero-stats-row {
        gap: 6px !important;
        width: 100% !important;
    }
    .awards-stat-box {
        flex: 1 1 calc(33.333% - 6px) !important;
        padding: 6px 8px !important;
        gap: 6px !important;
        border-radius: 8px !important;
    }
    .awards-stat-icon { width: 24px !important; height: 24px !important; border-radius: 6px !important; }
    .awards-stat-icon svg { width: 12px !important; height: 12px !important; }
    .awards-stat-meta strong { font-size: 13px !important; }
    .awards-stat-meta small { font-size: 6.5px !important; }

    /* Directory Head & Jumpbar Mobile */
    body.awards-page .awards-page-directory {
        padding: 20px 0 24px !important;
    }
    body.awards-page .awards-page-directory-head h2 {
        font-size: 20px !important;
    }
    body.awards-page .awards-page-directory-head p {
        font-size: 12px !important;
    }
    body.awards-page .awards-page-jumpbar {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        padding: 5px !important;
        margin: 16px 0 20px !important;
        border-radius: 12px !important;
    }
    .awards-jump-item {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 4px !important;
        gap: 2px !important;
        border-radius: 8px !important;
        min-height: 46px !important;
    }
    .awards-jump-badge { display: none !important; }
    .awards-jump-icon { display: none !important; }
    .awards-jump-dot { display: inline-block !important; }
    .awards-jump-meta { text-align: center !important; }
    .awards-jump-meta b { font-size: 11px !important; }
    .awards-jump-meta small { font-size: 7.5px !important; }

    /* Series Container Mobile */
    body.awards-page .awards-page-series {
        padding: 14px 12px 16px !important;
        border-radius: 14px !important;
        margin-bottom: 16px !important;
    }
    body.awards-page .awards-page-series-head {
        gap: 10px !important;
        margin-bottom: 12px !important;
    }
    .awards-series-number {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 13px !important;
        border-radius: 8px !important;
    }
    body.awards-page .awards-page-series-head h2 {
        font-size: 14.5px !important;
    }
    .awards-series-subtitle {
        font-size: 7.5px !important;
    }
    .awards-page-personal-intro {
        font-size: 11.5px !important;
        margin: -4px 0 12px 0 !important;
    }

    /* 1 Cột Dọc Cho Toàn Bộ Thẻ Trên Mobile */
    body.awards-page .awards-page-series-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
    }
    body.awards-page .awards-card-light {
        padding: 14px 12px !important;
        gap: 10px !important;
        border-radius: 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - AWARDS.PHP CENTERED & CLEAN LAYOUT
   Căn giữa hoàn mỹ 100% - Không chữ thừa - Cân đối thể thao đỉnh cao
   ═════════════════════════════════════════════════════════════════════ */

/* Section Head Căn Giữa Tuyệt Đối */
body.awards-page .awards-page-directory-head {
    text-align: center !important;
    margin: 0 auto 28px !important;
    max-width: 800px !important;
}
body.awards-page .awards-page-directory-head h2 {
    text-align: center !important;
    margin: 0 auto !important;
}
body.awards-page .awards-page-directory-head p {
    text-align: center !important;
    margin: 10px auto 0 !important;
    max-width: 680px !important;
}

/* Floating Jumpbar Căn Giữa */
body.awards-page .awards-page-jumpbar {
    max-width: 860px !important;
    margin: 0 auto 36px !important;
}
.awards-jump-item {
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
}
.awards-jump-meta {
    text-align: center !important;
}

/* Series Section & Heads Căn Giữa */
body.awards-page .awards-page-series-head {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px !important;
    margin-bottom: 24px !important;
}
body.awards-page .awards-series-title-wrap {
    text-align: center !important;
}
body.awards-page .awards-page-series-head h2 {
    text-align: center !important;
}
.awards-page-personal-intro {
    text-align: center !important;
    margin: -10px auto 24px !important;
    max-width: 680px !important;
}

/* Toàn Bộ Thẻ Card Căn Giữa Cân Đối 100% */
body.awards-page .awards-card-light {
    align-items: center !important;
    text-align: center !important;
}
body.awards-page .awards-card-header {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}
body.awards-page .awards-card-hero-visual {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
body.awards-page .awards-card-body-content {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}
body.awards-page .awards-card-main-title {
    text-align: center !important;
    width: 100% !important;
}
body.awards-page .awards-prize-card {
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px !important;
}
body.awards-page .awards-prize-info {
    text-align: center !important;
}
body.awards-page .awards-prize-text {
    text-align: center !important;
}
body.awards-page .awards-page-card-note {
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

@media screen and (max-width: 860px) {
    body.awards-page .awards-page-directory-head {
        margin-bottom: 20px !important;
    }
    body.awards-page .awards-page-jumpbar {
        margin-bottom: 24px !important;
    }
    body.awards-page .awards-page-series-head {
        margin-bottom: 16px !important;
        gap: 8px !important;
    }
    body.awards-page .awards-card-light {
        width: 100% !important;
        padding: 16px 14px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS TEASER - ULTRA-COMPACT MOBILE LAYOUT (HẠN CHẾ LƯỚT TỐI ĐA)
   Thiết kế siêu tinh gọn, sắc sảo, tối ưu độ cao màn hình điện thoại
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    .awards-teaser-section {
        padding: 20px 0 24px !important;
    }
    .awards-teaser-head {
        margin-bottom: 12px !important;
    }
    .awards-teaser-head-copy h2 {
        font-size: 20px !important;
        line-height: 1.15 !important;
    }
    .awards-teaser-grid {
        gap: 10px !important;
    }
    
    /* Card Siêu Gọn */
    .awards-card-light {
        padding: 12px 14px !important;
        gap: 8px !important;
        border-radius: 14px !important;
    }
    
    /* Header Card Gọn Gàng */
    .awards-card-header {
        margin-bottom: 2px !important;
    }
    .awards-pill-badge {
        padding: 2px 6px !important;
        font-size: 9px !important;
    }
    .awards-pill-num {
        font-size: 9px !important;
    }
    .awards-pill-name {
        font-size: 8.5px !important;
    }
    .awards-chip {
        padding: 2px 6px !important;
        font-size: 8.5px !important;
    }
    .awards-chip svg {
        width: 10px !important;
        height: 10px !important;
    }

    /* Bục Icon Thu Gọn */
    .awards-crystal-podium {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        border-radius: 12px !important;
        padding: 6px !important;
    }
    .awards-vector-icon {
        width: 28px !important;
        height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
    }

    /* Tiêu Đề Chính */
    .awards-card-main-title {
        font-size: 15px !important;
        margin: 2px 0 6px !important;
    }

    /* Hộp Phần Thưởng Gọn Gàng */
    .awards-prize-card {
        padding: 6px 10px !important;
        border-radius: 8px !important;
        margin-bottom: 6px !important;
        gap: 8px !important;
    }
    .awards-prize-icon-circle {
        width: 24px !important;
        height: 24px !important;
        border-radius: 6px !important;
    }
    .awards-prize-icon-circle svg {
        width: 13px !important;
        height: 13px !important;
    }
    .awards-prize-text {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }

    /* Chip Danh Mục Phụ */
    .awards-subcategories-title {
        font-size: 9px !important;
        margin-bottom: 4px !important;
    }
    .awards-subcategories-chips {
        gap: 4px !important;
        justify-content: center !important;
    }
    .awards-chip-item {
        padding: 2px 6px !important;
        font-size: 9.5px !important;
        border-radius: 5px !important;
        gap: 3px !important;
    }
    .awards-chip-item svg {
        width: 10px !important;
        height: 10px !important;
    }

    /* Nút Chân Thẻ Siêu Gọn */
    .awards-teaser-action-wrap {
        padding-top: 6px !important;
        margin-top: 2px !important;
    }
    .awards-teaser-action-btn {
        min-height: 32px !important;
        padding: 5px 10px !important;
        font-size: 11px !important;
        border-radius: 6px !important;
        gap: 6px !important;
    }
    .awards-teaser-action-btn span {
        font-size: 11px !important;
    }
    .awards-teaser-action-btn svg {
        width: 12px !important;
        height: 12px !important;
    }

    /* Nút Chân Khối Teaser Mobile */
    .awards-teaser-footer {
        margin-top: 12px !important;
    }
    .awards-btn-main.is-full {
        padding: 10px 16px !important;
        font-size: 11px !important;
        border-radius: 999px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX: ĐỒNG BỘ THIẾT KẾ LỊCH THI ĐẤU & KHÁM PHÁ
   Brand Palette: --ink: #08275a | --blue: #1976f3 | --cyan: #24c7e9 | --paper: #f6faff
   ═════════════════════════════════════════════════════════════════════ */

/* ── 1. LỊCH THI ĐẤU & KẾT QUẢ (FIXTURES & SCHEDULE) ── */
.fixtures-section-pro-max {
    background: radial-gradient(circle at 90% 12%, rgba(36, 199, 233, 0.1), transparent 40%),
                radial-gradient(circle at 10% 88%, rgba(25, 118, 243, 0.08), transparent 40%),
                linear-gradient(180deg, var(--paper, #f6faff) 0%, #ffffff 50%, #f0f7ff 100%) !important;
    border-top: 1px solid rgba(8, 39, 90, 0.08) !important;
    border-bottom: 1px solid rgba(8, 39, 90, 0.08) !important;
    padding: clamp(48px, 6vw, 80px) 0 !important;
}

.fixtures-pro-head {
    text-align: center !important;
    margin-bottom: 28px !important;
}
.fixtures-pro-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.8vw, 40px) !important;
    font-weight: 950 !important;
    color: var(--ink, #08275a) !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    margin: 0 auto 10px !important;
}
.fixtures-pro-head p {
    font-size: 14.5px !important;
    color: #475569 !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    line-height: 1.6 !important;
}

/* Status Top Bar */
.official-schedule-status-pro {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(8, 39, 90, 0.05) !important;
    padding: 12px 20px !important;
    margin-bottom: 24px !important;
}
.schedule-status-left strong {
    color: var(--ink, #08275a) !important;
    font-weight: 900 !important;
}
.status-count-badge {
    background: #eff6ff !important;
    color: var(--blue, #1976f3) !important;
    border: 1px solid #bfdbfe !important;
    font-weight: 850 !important;
}

/* Filter Tabs Bar Căn Giữa */
.fixtures-date-filter-bar {
    justify-content: center !important;
    gap: 10px !important;
    margin-bottom: 30px !important;
}
.filter-tab-btn {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    border-radius: 12px !important;
    color: #475569 !important;
    box-shadow: 0 2px 8px rgba(8, 39, 90, 0.03) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.filter-tab-btn:hover {
    background: #ffffff !important;
    border-color: var(--blue, #1976f3) !important;
    color: var(--blue, #1976f3) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(25, 118, 243, 0.12) !important;
}
.filter-tab-btn.is-active {
    background: linear-gradient(135deg, var(--blue, #1976f3) 0%, var(--ink-2, #0b4696) 100%) !important;
    border-color: var(--blue, #1976f3) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(25, 118, 243, 0.3) !important;
}
.filter-tab-btn.is-active .tab-count {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
}

/* Fixture Luxury Cards */
.fixture-card-lux {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 16px rgba(8, 39, 90, 0.05) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.fixture-card-lux:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(8, 39, 90, 0.12) !important;
    border-color: rgba(25, 118, 243, 0.3) !important;
}
.fixture-card-lux.is-live-card {
    border-color: #ef4444 !important;
    box-shadow: 0 8px 24px rgba(239, 68, 68, 0.15) !important;
}

/* ── 2. KHÁM PHÁ ĐIỂM ĐẾN (DESTINATION & TRAVEL) ── */
.home-page .destination.destination-travel {
    background: radial-gradient(circle at 88% 12%, rgba(36, 199, 233, 0.12), transparent 40%),
                radial-gradient(circle at 12% 88%, rgba(25, 118, 243, 0.08), transparent 40%),
                linear-gradient(180deg, #ffffff 0%, var(--paper, #f6faff) 100%) !important;
    border-top: 1px solid rgba(8, 39, 90, 0.08) !important;
    border-bottom: 1px solid rgba(8, 39, 90, 0.08) !important;
    padding: clamp(48px, 6vw, 80px) 0 !important;
}

.home-page .destination-travel .destination-photo {
    border-radius: 20px !important;
    box-shadow: 0 12px 32px rgba(8, 39, 90, 0.15) !important;
    border: 2px solid rgba(255, 255, 255, 0.8) !important;
}
.home-page .destination-travel .destination-photo-caption {
    background: rgba(8, 39, 90, 0.85) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 12px !important;
}
.home-page .destination-travel .destination-photo-caption strong {
    color: #ffffff !important;
}
.home-page .destination-travel .destination-photo-caption small {
    color: #7ce6f7 !important;
}

.home-page .destination-travel .destination-panel {
    background: #ffffff !important;
    border: 1.5px solid rgba(8, 39, 90, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 24px rgba(8, 39, 90, 0.05) !important;
    padding: clamp(24px, 4vw, 40px) !important;
}
.home-page .destination-travel .destination-panel h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    color: var(--ink, #08275a) !important;
    font-weight: 950 !important;
}
.home-page .destination-travel .destination-panel h2 > .is-accent {
    color: var(--blue, #1976f3) !important;
}
.home-page .destination-travel .destination-panel > p {
    color: #475569 !important;
    line-height: 1.65 !important;
}

/* 3 Bento Stats trong Destination */
.home-page .destination-travel .trip-stats > div {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 8px rgba(8, 39, 90, 0.03) !important;
    transition: all 0.22s ease !important;
}
.home-page .destination-travel .trip-stats > div:hover {
    background: #ffffff !important;
    border-color: var(--blue, #1976f3) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(25, 118, 243, 0.1) !important;
}
.home-page .destination-travel .trip-stats strong {
    color: var(--ink, #08275a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
}
.home-page .destination-travel .trip-stat-icon {
    background: #eff6ff !important;
    color: var(--blue, #1976f3) !important;
    border-radius: 10px !important;
}

/* ═════════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE CHO LỊCH THI ĐẤU & KHÁM PHÁ (GỌN GÀNG, HẠN CHẾ LƯỚT)
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    .fixtures-section-pro-max {
        padding: 24px 0 28px !important;
    }
    .fixtures-pro-head {
        margin-bottom: 16px !important;
    }
    .fixtures-pro-head h2 {
        font-size: 20px !important;
    }
    .fixtures-pro-head p {
        font-size: 12px !important;
    }
    
    .official-schedule-status-pro {
        padding: 10px 14px !important;
        margin-bottom: 14px !important;
        border-radius: 12px !important;
    }
    .schedule-status-left strong {
        font-size: 12px !important;
    }
    .status-count-badge {
        font-size: 10px !important;
        padding: 2px 6px !important;
    }
    
    .fixtures-date-filter-bar {
        gap: 6px !important;
        margin-bottom: 18px !important;
    }
    .filter-tab-btn {
        padding: 6px 12px !important;
        font-size: 11px !important;
        border-radius: 8px !important;
    }
    .filter-tab-btn .tab-count {
        font-size: 9.5px !important;
        padding: 1px 5px !important;
    }
    
    .fixtures-luxury-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    .fixture-card-lux {
        padding: 12px 14px !important;
        border-radius: 14px !important;
    }

    /* Khám phá Mobile */
    .home-page .destination.destination-travel {
        padding: 24px 0 28px !important;
    }
    .home-page .destination-travel .destination-panel {
        padding: 16px 14px !important;
        border-radius: 16px !important;
    }
    .home-page .destination-travel .destination-panel h2 {
        font-size: 20px !important;
    }
    .home-page .destination-travel .destination-panel > p {
        font-size: 12.5px !important;
    }
    .home-page .destination-travel .trip-stats {
        gap: 8px !important;
    }
    .home-page .destination-travel .trip-stats > div {
        padding: 10px 8px !important;
        border-radius: 10px !important;
    }
    .home-page .destination-travel .trip-stats strong {
        font-size: 18px !important;
    }
    .home-page .destination-travel .trip-stats span {
        font-size: 10.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   REMOVE UNDERLINE / BOTTOM BORDER ON HERO 'KHÁM PHÁ' BUTTON
   ═════════════════════════════════════════════════════════════════════ */
.home-page .hero-actions .text-link,
.hero-actions .text-link,
.hero .text-link,
:where(.home-page, body) .hero-actions .text-link {
    border-bottom: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.home-page .hero-actions .text-link::after,
.home-page .hero-actions .text-link::before,
.hero-actions .text-link::after,
.hero-actions .text-link::before {
    display: none !important;
    content: none !important;
    border: none !important;
    height: 0 !important;
}


/* ═════════════════════════════════════════════════════════════════════
   CLEAN DESTINATION CAPTION: REMOVE BLUE BG, SMALL LABEL & COORDINATES
   ═════════════════════════════════════════════════════════════════════ */
.home-page .destination-travel .destination-photo-caption,
.destination-travel .destination-photo-caption,
:where(.home-page, body) .destination-travel .destination-photo-caption {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.home-page .destination-travel .destination-photo-caption small,
.home-page .destination-travel .destination-photo-caption > span,
.destination-photo-caption small,
.destination-photo-caption > span {
    display: none !important;
}
.home-page .destination-travel .destination-photo-caption strong,
.destination-photo-caption strong {
    color: #ffffff !important;
    text-shadow: 0 4px 24px rgba(0, 10, 31, 0.8), 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}


/* ═════════════════════════════════════════════════════════════════════
   TYPOGRAPHY PRO MAX - TIÊU ĐỀ 'VINH DANH ĐỈNH CAO' HIỆU ỨNG ĐẸP MẮT
   Gradient Chrome Deep Navy & Royal Blue Metallic + Neon Halo Underline
   ═════════════════════════════════════════════════════════════════════ */
.awards-teaser-head-copy h2#awards-teaser-title,
#awards-teaser-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 44px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.12 !important;
    margin: 0 auto !important;
    display: inline-block !important;
    position: relative !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1976f3 55%, #08275a 80%, #031b40 100%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(25, 118, 243, 0.15)) !important;
    transition: all 0.3s ease !important;
}

.awards-teaser-head-copy h2#awards-teaser-title::after,
#awards-teaser-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 8px auto 0 !important;
}

@media screen and (max-width: 860px) {
    .awards-teaser-head-copy h2#awards-teaser-title,
    #awards-teaser-title {
        font-size: 21px !important;
        line-height: 1.15 !important;
    }
    .awards-teaser-head-copy h2#awards-teaser-title::after,
    #awards-teaser-title::after {
        width: 44px !important;
        height: 3px !important;
        margin-top: 6px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TYPOGRAPHY PRO MAX - TIÊU ĐỀ TRAILER & THƯ VIỆN THƯỚC PHIM ĐẸP MẮT
   Gradient Chrome Deep Navy & Royal Blue Metallic + Neon Halo Accent
   ═════════════════════════════════════════════════════════════════════ */

/* 1. Tiêu đề 'TÌNH ANH EM GẮN KẾT' */
.trailer-title-promax,
#trailer-main-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.12 !important;
    margin: 0 0 14px 0 !important;
    display: inline-block !important;
    position: relative !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1976f3 55%, #08275a 80%, #031b40 100%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(25, 118, 243, 0.15)) !important;
}

.trailer-title-promax::after,
#trailer-main-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 10px 0 0 0 !important;
}

/* 2. Tiêu đề 'THƯ VIỆN THƯỚC PHIM' */
.trailer-library-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.2vw, 32px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 0 8px 0 !important;
    display: inline-block !important;
    position: relative !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1976f3 55%, #08275a 80%, #031b40 100%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(25, 118, 243, 0.12)) !important;
}

.trailer-library-title::after {
    content: '' !important;
    display: block !important;
    width: 48px !important;
    height: 3px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.4) !important;
    margin: 6px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .trailer-title-promax,
    #trailer-main-title {
        font-size: 22px !important;
        line-height: 1.15 !important;
        text-align: center !important;
        display: block !important;
    }
    .trailer-title-promax::after,
    #trailer-main-title::after {
        margin: 8px auto 0 !important;
        width: 44px !important;
        height: 3px !important;
    }
    .trailer-library-title {
        font-size: 18px !important;
        text-align: center !important;
        display: block !important;
    }
    .trailer-library-title::after {
        margin: 6px auto 0 !important;
        width: 38px !important;
        height: 2.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   FIX MẤT DẤU TIẾNG VIỆT & HIỆU ỨNG ĐẸP MẮT: 'TINH THẦN GIẢI ĐẤU'
   Chống cắt dấu mũ/huyền trên chữ 'Ầ' & dấu hỏi trên 'Ả'
   ═════════════════════════════════════════════════════════════════════ */
.home-page .tournament-slogan .slogan-heading h2,
.slogan-heading h2,
#tinh-than-giai-dau-title,
:where(.home-page, body) .tournament-slogan h2 {
    font-family: 'Be Vietnam Pro', var(--font-display), system-ui, -apple-system, sans-serif !important;
    font-size: clamp(34px, 4.4vw, 56px) !important;
    font-weight: 950 !important;
    line-height: 1.28 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    padding-top: 0.22em !important;
    padding-bottom: 0.1em !important;
    margin: 0 0 12px 0 !important;
    overflow: visible !important;
    display: inline-block !important;
    position: relative !important;
}

.home-page .tournament-slogan .slogan-heading h2 > span,
.slogan-heading h2 > span,
#tinh-than-giai-dau-title > span {
    display: inline-block !important;
    color: #ffffff !important;
    line-height: 1.28 !important;
    padding-top: 0.1em !important;
    overflow: visible !important;
    text-shadow: 0 4px 20px rgba(0, 10, 31, 0.6) !important;
}

.home-page .tournament-slogan .slogan-heading h2 > em,
.slogan-heading h2 > em,
#tinh-than-giai-dau-title > em {
    display: inline-block !important;
    line-height: 1.28 !important;
    padding-top: 0.1em !important;
    overflow: visible !important;
    font-style: normal !important;
    background: linear-gradient(135deg, #78e7fa 0%, #24c7e9 50%, #78e7fa 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(120, 231, 250, 0.4)) !important;
}

.home-page .tournament-slogan .slogan-heading h2::after,
#tinh-than-giai-dau-title::after {
    content: '' !important;
    display: block !important;
    width: 58px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 10px rgba(36, 199, 233, 0.5) !important;
    margin: 8px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .home-page .tournament-slogan .slogan-heading h2,
    .slogan-heading h2,
    #tinh-than-giai-dau-title {
        font-size: 26px !important;
        line-height: 1.25 !important;
        padding-top: 0.15em !important;
        text-align: center !important;
        display: block !important;
    }
    .home-page .tournament-slogan .slogan-heading h2::after,
    #tinh-than-giai-dau-title::after {
        margin: 8px auto 0 !important;
        width: 44px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ 'THƯ VIỆN THƯỚC PHIM' - TRẮNG GRADIENT XANH (WHITE TO CYAN BLUE)
   ═════════════════════════════════════════════════════════════════════ */
.trailer-library-title,
:where(.home-page, body) .trailer-library-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    margin: 0 0 10px 0 !important;
    display: inline-block !important;
    position: relative !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(94, 220, 248, 0.25)) !important;
}

.trailer-library-title::after {
    content: '' !important;
    display: block !important;
    width: 52px !important;
    height: 3px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 8px rgba(94, 220, 248, 0.5) !important;
    margin: 8px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .trailer-library-title {
        font-size: 19px !important;
        text-align: center !important;
        display: block !important;
    }
    .trailer-library-title::after {
        margin: 6px auto 0 !important;
        width: 40px !important;
        height: 2.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   VIETNAMESE ACCENT BULLETPROOF SHIELD (BẢO VỆ DẤU TIẾNG VIỆT 100%)
   Đảm bảo TẤT CẢ tiêu đề trên toàn website không bị mất hay cắt dấu
   ═════════════════════════════════════════════════════════════════════ */
:root {
    --font-display: 'Be Vietnam Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Be Vietnam Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.hero h1,
.section-head h2,
.section-title,
.kicker,
.slogan-heading h2,
.bracket-head-copy h2,
.trailer-title-promax,
.trailer-library-title,
.awards-teaser-head h2,
.awards-hero h1,
.awards-section-head h2,
.awards-card-name,
.awards-personal-name,
.news-hero h1,
.regulations-hero h1,
.teams-hero h1,
.gallery-hero h1,
[class*="-title"],
[class*="-heading"] h2,
[class*="-heading"] h3 {
    font-family: 'Be Vietnam Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    overflow: visible !important;
    padding-top: 0.12em !important;
    padding-bottom: 0.06em !important;
    box-decoration-break: clone !important;
    -webkit-box-decoration-break: clone !important;
}

/* Đảm bảo line-height an toàn cho mọi tiêu đề có dấu tiếng Việt */
:where(h1, h2, h3, h4, h5, h6) {
    line-height: max(1.18, inherit) !important;
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ 'TÌNH ANH EM GẮN KẾT' - TRẮNG GRADIENT XANH (WHITE TO CYAN-BLUE)
   ═════════════════════════════════════════════════════════════════════ */
.trailer-title-promax,
#trailer-main-title,
.trailer-title-promax > span,
#trailer-main-title > span,
:where(.home-page, body) .trailer-title-promax {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 48px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.05em !important;
    margin: 0 0 14px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.trailer-title-promax::after,
#trailer-main-title::after {
    content: '' !important;
    display: block !important;
    width: 64px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .trailer-title-promax,
    #trailer-main-title,
    .trailer-title-promax > span,
    #trailer-main-title > span {
        font-size: 24px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        display: block !important;
    }
    .trailer-title-promax::after,
    #trailer-main-title::after {
        margin: 8px auto 0 !important;
        width: 46px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   HERO H1: NƠI ĐAM MÊ · CHẠM SÓNG - TRẮNG GRADIENT XANH (WHITE TO CYAN-BLUE)
   Hiệu ứng chuyển sắc ánh sáng biển đảo Quy Nhơn cực kỳ đẹp mắt
   ═════════════════════════════════════════════════════════════════════ */
.home-page .hero h1,
.hero h1,
:where(.home-page, body) .hero h1 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.04em !important;
    overflow: visible !important;
    padding-top: 0.12em !important;
    padding-bottom: 0.06em !important;
}

/* 1. Chữ 'NƠI ĐAM MÊ' */
.home-page .hero h1 > span,
.hero h1 > span {
    display: inline-block !important;
    line-height: 1.15 !important;
    padding-top: 0.1em !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 4px 18px rgba(94, 220, 248, 0.4)) !important;
}

/* 2. Chữ 'CHẠM SÓNG' */
.home-page .hero h1 > em,
.hero h1 > em {
    display: inline-block !important;
    line-height: 1.15 !important;
    padding-top: 0.1em !important;
    overflow: visible !important;
    font-style: normal !important;
    background: linear-gradient(135deg, #ffffff 0%, #a5f3fc 30%, #38bdf8 65%, #0284c7 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 4px 22px rgba(56, 189, 248, 0.55)) !important;
}

@media screen and (max-width: 860px) {
    .home-page .hero h1,
    .hero h1 {
        line-height: 1.18 !important;
        font-size: clamp(26px, 8vw, 38px) !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ 'NHỮNG NGƯỜI CHƠI VÌ ĐAM MÊ' - TRẮNG GRADIENT XANH (WHITE TO CYAN-BLUE)
   ═════════════════════════════════════════════════════════════════════ */
.home-page .teams-heading h2,
.teams-heading h2,
:where(.home-page, body) .teams-heading h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(34px, 4.8vw, 64px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.18 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 14px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.home-page .teams-heading h2::after,
.teams-heading h2::after {
    content: '' !important;
    display: block !important;
    width: 64px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .home-page .teams-heading h2,
    .teams-heading h2 {
        font-size: 26px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        display: block !important;
    }
    .home-page .teams-heading h2::after,
    .teams-heading h2::after {
        margin: 8px auto 0 !important;
        width: 46px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ 'NHỊP ĐẬP TRẬN ĐẤU' - TRẮNG GRADIENT XANH (WHITE TO CYAN-BLUE)
   ═════════════════════════════════════════════════════════════════════ */
.live-center-head h2,
.live-center-head h2 > span,
.home-page .live-center-head h2,
.home-page .live-center-head h2 > span,
:where(.home-page, body) .live-center-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 12px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.live-center-head h2::after,
.home-page .live-center-head h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .live-center-head h2,
    .live-center-head h2 > span,
    .home-page .live-center-head h2,
    .home-page .live-center-head h2 > span {
        font-size: 23px !important;
        line-height: 1.22 !important;
        text-align: left !important;
        display: block !important;
    }
    .live-center-head h2::after,
    .home-page .live-center-head h2::after {
        margin: 8px 0 0 0 !important;
        width: 44px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   DẢI MÀU TRẮNG GRADIENT XANH (WHITE TO CYAN-BLUE) CHO TẤT CẢ TIÊU ĐỀ YÊU CẦU:
   1. NHỊP ĐẬP TRẬN ĐẤU
   2. TINH THẦN GIẢI ĐẤU
   3. LỘ TRÌNH 03 NGÀY KẾT NỐI
   4. SẴN SÀNG NHẬP CUỘC?
   ═════════════════════════════════════════════════════════════════════ */

/* 1. NHỊP ĐẬP TRẬN ĐẤU */
.live-center-head h2,
.live-center-head h2 > span,
.home-page .live-center-head h2,
.home-page .live-center-head h2 > span,
:where(.home-page, body) .live-center-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 12px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.live-center-head h2::after,
.home-page .live-center-head h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

/* 2. TINH THẦN GIẢI ĐẤU */
.home-page .tournament-slogan .slogan-heading h2,
.slogan-heading h2,
#tinh-than-giai-dau-title,
.slogan-heading h2 > span,
.slogan-heading h2 > em,
#tinh-than-giai-dau-title > span,
#tinh-than-giai-dau-title > em,
:where(.home-page, body) .tournament-slogan h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(34px, 4.4vw, 56px) !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    padding-top: 0.18em !important;
    padding-bottom: 0.08em !important;
    overflow: visible !important;
    display: inline-block !important;
    position: relative !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.home-page .tournament-slogan .slogan-heading h2::after,
#tinh-than-giai-dau-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 8px 0 0 0 !important;
}

/* 3. LỘ TRÌNH 03 NGÀY KẾT NỐI */
.timeline-heading h2,
#timeline-title,
.timeline-heading h2 > span,
.timeline-heading h2 > em,
#timeline-title > span,
#timeline-title > em,
:where(.home-page, body) .timeline-heading h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(34px, 4.6vw, 60px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.18 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.timeline-heading h2::after,
#timeline-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

/* 4. SẴN SÀNG NHẬP CUỘC? */
.contact-title-visual,
.contact-heading-visual h2,
.contact-title-visual .title-lead,
.contact-title-visual .title-highlight,
:where(.home-page, body) .contact-title-visual {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(32px, 4.5vw, 56px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.18 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.contact-title-visual::after,
.contact-heading-visual h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .live-center-head h2,
    .home-page .tournament-slogan .slogan-heading h2,
    .slogan-heading h2,
    #tinh-than-giai-dau-title,
    .timeline-heading h2,
    #timeline-title,
    .contact-title-visual,
    .contact-heading-visual h2 {
        font-size: 24px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        display: block !important;
    }
    .live-center-head h2::after,
    .home-page .tournament-slogan .slogan-heading h2::after,
    #tinh-than-giai-dau-title::after,
    .timeline-heading h2::after,
    #timeline-title::after,
    .contact-title-visual::after,
    .contact-heading-visual h2::after {
        margin: 8px auto 0 !important;
        width: 44px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ TRÊN NỀN TRẮNG - ÁP DỤNG NGƯỢC LẠI (DEEP NAVY TO ROYAL BLUE METALLIC)
   1. LỊCH THI ĐẤU
   2. NHÀ TÀI TRỢ
   3. ĐƠN VỊ HỖ TRỢ
   4. ĐƠN VỊ TRUYỀN THÔNG
   ═════════════════════════════════════════════════════════════════════ */

/* 1. LỊCH THI ĐẤU */
.matches-section .section-head h2,
.fixtures-pro-head h2,
:where(.home-page, body) .matches-section .section-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 12px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(18, 105, 232, 0.18)) !important;
}

.matches-section .section-head h2::after,
.fixtures-pro-head h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 8px 0 0 0 !important;
}

/* 2. NHÀ TÀI TRỢ */
.sponsors-heading h2,
.sponsors-section .sponsors-heading h2,
:where(.home-page, body) .sponsors-heading h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(30px, 4.5vw, 48px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 auto 12px auto !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(18, 105, 232, 0.18)) !important;
}

.sponsors-heading h2::after,
.sponsors-section .sponsors-heading h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 8px auto 0 auto !important;
}

/* 3. ĐƠN VỊ HỖ TRỢ */
.support-partners-heading h3,
.support-partners-zone h3,
:where(.home-page, body) .support-partners-heading h3 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 auto 10px auto !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.15)) !important;
}

.support-partners-heading h3::after,
.support-partners-zone h3::after {
    content: '' !important;
    display: block !important;
    width: 48px !important;
    height: 3px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.4) !important;
    margin: 6px auto 0 auto !important;
}

/* 4. ĐƠN VỊ TRUYỀN THÔNG */
.media-partners-heading h3,
.media-partners-zone h3,
:where(.home-page, body) .media-partners-heading h3 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 auto 10px auto !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.15)) !important;
}

.media-partners-heading h3::after,
.media-partners-zone h3::after {
    content: '' !important;
    display: block !important;
    width: 48px !important;
    height: 3px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.4) !important;
    margin: 6px auto 0 auto !important;
}

@media screen and (max-width: 860px) {
    .matches-section .section-head h2,
    .fixtures-pro-head h2,
    .sponsors-heading h2,
    .support-partners-heading h3,
    .media-partners-heading h3 {
        text-align: center !important;
        display: block !important;
    }
    .matches-section .section-head h2::after,
    .fixtures-pro-head h2::after,
    .sponsors-heading h2::after,
    .support-partners-heading h3::after,
    .media-partners-heading h3::after {
        margin: 6px auto 0 auto !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   DẢI MÀU GRADIENT NGƯỢC LẠI (XANH SAPPHIRE NAVY ➜ ROYAL BLUE METALLIC)
   Áp dụng cho 4 tiêu đề:
   1. KHAI MẠC
   2. VINH DANH ĐỈNH CAO
   3. HƠN CẢ MỘT GIẢI ĐẤU
   4. TIN MỚI NHẤT
   ═════════════════════════════════════════════════════════════════════ */

/* 1. KHAI MẠC */
.countdown-white-title,
.countdown-white-brand strong,
:where(.home-page, body) .countdown-white-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(20px, 2.5vw, 28px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    padding-top: 0.1em !important;
    padding-bottom: 0.04em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.16)) !important;
}

/* 2. VINH DANH ĐỈNH CAO */
.awards-teaser-head-copy h2#awards-teaser-title,
#awards-teaser-title,
.awards-teaser-head h2,
:where(.home-page, body) #awards-teaser-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 auto 12px auto !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(18, 105, 232, 0.18)) !important;
}

.awards-teaser-head-copy h2#awards-teaser-title::after,
#awards-teaser-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 8px auto 0 auto !important;
}

/* 3. HƠN CẢ MỘT GIẢI ĐẤU */
.destination-panel h2,
.destination-panel h2 > span,
.home-page .destination-panel h2,
.home-page .destination-panel h2 > span,
:where(.home-page, body) .destination-panel h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(34px, 4.8vw, 62px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.18 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 14px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(18, 105, 232, 0.18)) !important;
}

.destination-panel h2::after,
.home-page .destination-panel h2::after {
    content: '' !important;
    display: block !important;
    width: 64px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 10px 0 0 0 !important;
}

/* 4. TIN MỚI NHẤT */
.newsroom-head h2,
.news-section .section-head h2,
.newsroom-head h2 > span,
.home-page .newsroom-head h2,
:where(.home-page, body) .newsroom-head h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 12px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(18, 105, 232, 0.18)) !important;
}

.newsroom-head h2::after,
.news-section .section-head h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 8px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .awards-teaser-head-copy h2#awards-teaser-title,
    #awards-teaser-title,
    .destination-panel h2,
    .newsroom-head h2 {
        font-size: 24px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        display: block !important;
    }
    .awards-teaser-head-copy h2#awards-teaser-title::after,
    #awards-teaser-title::after,
    .destination-panel h2::after,
    .newsroom-head h2::after {
        margin: 6px auto 0 auto !important;
        width: 44px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   ĐỒNG BỘ 100% KÍCH THƯỚC FONT CHỮ TẤT CẢ TIÊU ĐỀ SECTION
   Bằng đúng kích thước font của ĐƠN VỊ TRUYỀN THÔNG: clamp(22px, 3.4vw, 34px)
   ═════════════════════════════════════════════════════════════════════ */

:where(.home-page, body) :is(
    .tournament-slogan .slogan-heading h2,
    #tinh-than-giai-dau-title,
    .trailer-title-promax,
    #trailer-main-title,
    .trailer-library-title,
    .awards-teaser-head-copy h2#awards-teaser-title,
    #awards-teaser-title,
    .awards-teaser-head h2,
    .teams-heading h2,
    .timeline-heading h2,
    #timeline-title,
    .matches-section .section-head h2,
    .fixtures-pro-head h2,
    .live-center-head h2,
    .destination-panel h2,
    .newsroom-head h2,
    .news-section .section-head h2,
    .sponsors-heading h2,
    .support-partners-heading h3,
    .media-partners-heading h3,
    .contact-title-visual,
    .contact-heading-visual h2
) {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    overflow: visible !important;
}

:where(.home-page, body) :is(
    .tournament-slogan .slogan-heading h2,
    #tinh-than-giai-dau-title,
    .trailer-title-promax,
    #trailer-main-title,
    .trailer-library-title,
    .awards-teaser-head-copy h2#awards-teaser-title,
    #awards-teaser-title,
    .awards-teaser-head h2,
    .teams-heading h2,
    .timeline-heading h2,
    #timeline-title,
    .matches-section .section-head h2,
    .fixtures-pro-head h2,
    .live-center-head h2,
    .destination-panel h2,
    .newsroom-head h2,
    .news-section .section-head h2,
    .sponsors-heading h2,
    .support-partners-heading h3,
    .media-partners-heading h3,
    .contact-title-visual,
    .contact-heading-visual h2
) :is(span, em, strong) {
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

@media screen and (max-width: 860px) {
    :where(.home-page, body) :is(
        .tournament-slogan .slogan-heading h2,
        #tinh-than-giai-dau-title,
        .trailer-title-promax,
        #trailer-main-title,
        .trailer-library-title,
        .awards-teaser-head-copy h2#awards-teaser-title,
        #awards-teaser-title,
        .awards-teaser-head h2,
        .teams-heading h2,
        .timeline-heading h2,
        #timeline-title,
        .matches-section .section-head h2,
        .fixtures-pro-head h2,
        .live-center-head h2,
        .destination-panel h2,
        .newsroom-head h2,
        .news-section .section-head h2,
        .sponsors-heading h2,
        .support-partners-heading h3,
        .media-partners-heading h3,
        .contact-title-visual,
        .contact-heading-visual h2
    ) {
        font-size: clamp(19px, 5.5vw, 24px) !important;
        line-height: 1.28 !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ '06 ĐIỀU LỆ. 01 TINH THẦN CHUNG.' (REGULATIONS TEASER)
   Trắng Gradient Xanh (White to Cyan-Blue) + Đồng bộ kích thước chuẩn
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) #rulebook-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    margin: 0 0 14px 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
}

#rulebook-title span,
#rulebook-title em,
#rulebook-title strong,
#rulebook-title b,
#rulebook-title i {
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

#rulebook-title span,
#rulebook-title em {
    display: block !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(94, 220, 248, 0.35)) !important;
}

#rulebook-title::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        font-size: clamp(19px, 5.5vw, 24px) !important;
        line-height: 1.28 !important;
        text-align: center !important;
        display: block !important;
    }
    #rulebook-title::after {
        margin: 8px auto 0 !important;
        width: 44px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ 'HƠN CẢ MỘT GIẢI ĐẤU' (DESTINATION PANEL)
   Đồng bộ kích thước font chuẩn & dải màu Sapphire Navy to Royal Blue
   ═════════════════════════════════════════════════════════════════════ */
.destination-panel h2,
.destination-panel h2 > span,
.home-page .destination-panel h2,
.home-page .destination-panel h2 > span,
:where(.home-page, body) .destination-panel h2 {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.06em !important;
    overflow: visible !important;
}

.destination-panel h2 {
    margin: 0 0 14px 0 !important;
    display: inline-block !important;
    position: relative !important;
}

.destination-panel h2 > span {
    display: block !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(18, 105, 232, 0.18)) !important;
}

.destination-panel h2 > span.is-accent {
    background: linear-gradient(135deg, #08275a 0%, #1269e8 50%, #24c7e9 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.destination-panel h2::after,
.home-page .destination-panel h2::after {
    content: '' !important;
    display: block !important;
    width: 60px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #1976f3 0%, #24c7e9 100%) !important;
    box-shadow: 0 2px 8px rgba(25, 118, 243, 0.45) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .destination-panel h2,
    .home-page .destination-panel h2 {
        font-size: clamp(19px, 5.5vw, 24px) !important;
        line-height: 1.28 !important;
        text-align: center !important;
        display: block !important;
    }
    .destination-panel h2::after,
    .home-page .destination-panel h2::after {
        margin: 8px auto 0 !important;
        width: 44px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   THIẾT KẾ LẠI ĐẲNG CẤP: '06 ĐIỀU LỆ. 01 TINH THẦN CHUNG.' (UI/UX PRO MAX)
   Bố cục 2 tầng phân cấp thể thao quốc tế · Ánh sáng Cyan Neon biển
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin: 0 0 20px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    max-width: 580px !important;
}

/* ── TẦNG 1: 06 ĐIỀU LỆ. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
#rulebook-title > span {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1.5px solid rgba(120, 231, 250, 0.25) !important;
    overflow: visible !important;
}

#rulebook-title > span > b {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(48px, 6vw, 76px) !important;
    font-weight: 950 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.05em !important;
    background: linear-gradient(135deg, #ffffff 0%, #a5f3fc 45%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(56, 189, 248, 0.45)) !important;
    padding-right: 14px !important;
    border-right: 2px solid rgba(120, 231, 250, 0.3) !important;
    display: inline-block !important;
}

#rulebook-title > span > b::after { display: none !important; }

#rulebook-title > span > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 3.8vw, 44px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 40%, #5edcf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(94, 220, 248, 0.35)) !important;
    display: inline-block !important;
}

/* ── TẦNG 2: 01 TINH THẦN CHUNG. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 18px 8px 10px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, rgba(8, 39, 90, 0.7) 0%, rgba(18, 105, 232, 0.35) 100%) !important;
    border: 1px solid rgba(120, 231, 250, 0.35) !important;
    box-shadow: 0 8px 24px rgba(0, 10, 31, 0.3), inset 0 1px rgba(255, 255, 255, 0.15) !important;
    font-style: normal !important;
    width: fit-content !important;
    overflow: visible !important;
}

#rulebook-title > em > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 36px !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #a5f3fc 0%, #38bdf8 100%) !important;
    color: #052555 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    box-shadow: 0 4px 12px rgba(56, 189, 248, 0.4) !important;
    font-style: normal !important;
}

#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(15px, 2vw, 22px) !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    color: #a5f3fc !important;
    text-shadow: 0 2px 8px rgba(0, 10, 31, 0.5) !important;
}

/* Xóa ::after đơn lẻ vì đã có thiết kế 2 tầng hoàn chỉnh */
#rulebook-title::after { display: none !important; }

@media screen and (max-width: 860px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        max-width: 100% !important;
        gap: 10px !important;
        margin-bottom: 16px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span {
        gap: 12px !important;
        padding-bottom: 10px !important;
    }
    #rulebook-title > span > b {
        font-size: 44px !important;
        padding-right: 10px !important;
    }
    #rulebook-title > span > strong {
        font-size: 24px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        padding: 6px 14px 6px 8px !important;
        border-radius: 10px !important;
    }
    #rulebook-title > em > i {
        width: 30px !important;
        height: 28px !important;
        font-size: 15px !important;
        border-radius: 6px !important;
    }
    #rulebook-title > em > strong {
        font-size: 14px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   CĂN GIỮA TIÊU ĐỀ 'TIN MỚI NHẤT' TRÊN MOBILE
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    .newsroom-head,
    .section-head.newsroom-head,
    :where(.home-page, body) .newsroom-head {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
        gap: 12px !important;
    }

    .newsroom-head-copy,
    :where(.home-page, body) .newsroom-head-copy {
        width: 100% !important;
        text-align: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .newsroom-head-copy::before {
        display: none !important;
    }

    .newsroom-head h2,
    .news-section .section-head h2,
    .newsroom-head h2 > span,
    .home-page .newsroom-head h2,
    :where(.home-page, body) .newsroom-head h2 {
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important;
        width: fit-content !important;
    }

    .newsroom-head h2::after,
    .news-section .section-head h2::after,
    .home-page .newsroom-head h2::after {
        margin: 8px auto 0 auto !important;
        display: block !important;
    }

    .newsroom-head-actions,
    :where(.home-page, body) .newsroom-head-actions {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        margin-top: 4px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   SIÊU SÁNG TẠO: '01 TINH THẦN CHUNG.' (CYBER ENERGY BADGE PRO MAX)
   Thiết kế huy hiệu năng lượng thể thao đỉnh cao · Ánh hào quang Holographic
   ═════════════════════════════════════════════════════════════════════ */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > em {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 4px 0 0 0 !important;
    padding: 8px 22px 8px 8px !important;
    border-radius: 99px !important;
    background: linear-gradient(135deg, rgba(6, 32, 75, 0.85) 0%, rgba(14, 85, 185, 0.45) 50%, rgba(36, 199, 233, 0.2) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.45) !important;
    box-shadow: 0 12px 30px rgba(0, 8, 28, 0.45), 0 0 20px rgba(127, 234, 251, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    font-style: normal !important;
    width: fit-content !important;
    overflow: visible !important;
    position: relative !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > em:hover,
#rulebook-title > em:hover {
    transform: translateY(-2px) scale(1.02) !important;
    border-color: rgba(127, 234, 251, 0.8) !important;
    box-shadow: 0 16px 36px rgba(0, 8, 28, 0.5), 0 0 28px rgba(127, 234, 251, 0.35) !important;
}

/* ── HUY HIỆU SỐ '01' PHÁT QUANG NEON ── */
#rulebook-title > em > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ffffff 0%, #7feafb 45%, #1976f3 100%) !important;
    color: #031b40 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
    box-shadow: 0 4px 14px rgba(25, 118, 243, 0.5), 0 0 12px rgba(127, 234, 251, 0.6), inset 0 -2px 4px rgba(0, 0, 0, 0.2) !important;
    border: 2px solid #ffffff !important;
    font-style: normal !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

/* ── CHỮ 'TINH THẦN CHUNG.' TRẮNG GRADIENT CYAN NỔI KHỐI ── */
#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(16px, 2.2vw, 24px) !important;
    font-weight: 950 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 75%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(127, 234, 251, 0.45)) !important;
    white-space: nowrap !important;
}

@media screen and (max-width: 860px) {
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        margin: 4px auto 0 auto !important;
        padding: 6px 16px 6px 6px !important;
        gap: 10px !important;
    }
    #rulebook-title > em > i {
        width: 34px !important;
        height: 34px !important;
        font-size: 16px !important;
    }
    #rulebook-title > em > strong {
        font-size: 14.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   THIẾT KẾ CĂN TRÁI & NỔI BẬT SỐ 01 HOÀNG GIA: '01 TINH THẦN CHUNG.'
   Cặp đôi hoàn mỹ: 06 (Cyan Pha Lê) & 01 (Gold Hoàng Gia Phát Sáng)
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    margin: 0 0 20px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 600px !important;
}

/* ── TẦNG 1: 06 ĐIỀU LỆ. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
#rulebook-title > span {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1.5px solid rgba(120, 231, 250, 0.25) !important;
    width: 100% !important;
    overflow: visible !important;
}

#rulebook-title > span > b {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(48px, 6vw, 76px) !important;
    font-weight: 950 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.05em !important;
    background: linear-gradient(135deg, #ffffff 0%, #a5f3fc 45%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(56, 189, 248, 0.45)) !important;
    padding-right: 14px !important;
    border-right: 2px solid rgba(120, 231, 250, 0.35) !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

#rulebook-title > span > b::after { display: none !important; }

#rulebook-title > span > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.6vw, 42px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 40%, #5edcf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(94, 220, 248, 0.35)) !important;
    display: inline-block !important;
}

/* ── TẦNG 2: 01 TINH THẦN CHUNG. (CĂN TRÁI & NỔI BẬT SỐ 01 VÀNG KIM GOLD) ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > em {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    font-style: normal !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Số '01' Siêu Nổi Bật với Dải Vàng Kim Gold Hoàng Gia */
#rulebook-title > em > i {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(48px, 6vw, 76px) !important;
    font-weight: 950 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.05em !important;
    background: linear-gradient(135deg, #ffffff 0%, #ffd700 40%, #ff9900 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 16px rgba(255, 215, 0, 0.65)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.4)) !important;
    padding-right: 14px !important;
    border-right: 2px solid rgba(255, 215, 0, 0.45) !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    font-style: normal !important;
    flex-shrink: 0 !important;
}

/* Chữ 'TINH THẦN CHUNG.' Sắc Nét */
#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3vw, 34px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.4)) !important;
    display: inline-block !important;
}

@media screen and (max-width: 860px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        align-items: flex-start !important;
        text-align: left !important;
        gap: 12px !important;
        margin-bottom: 16px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span,
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        gap: 12px !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }
    #rulebook-title > span > b,
    #rulebook-title > em > i {
        font-size: 44px !important;
        padding-right: 10px !important;
    }
    #rulebook-title > span > strong {
        font-size: 22px !important;
    }
    #rulebook-title > em > strong {
        font-size: 19px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   THIẾT KẾ SÁNG TẠO NỔI BẬT 06 & 01 (WHITE TO CYAN PHA LÊ)
   100% Thuần khiết: #ffffff ➜ #e0f8fc ➜ #7feafb ➜ #38bdf8
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    margin: 0 0 22px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 600px !important;
}

/* ── TẦNG 1: 06 ĐIỀU LỆ. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
#rulebook-title > span {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1.5px solid rgba(127, 234, 251, 0.25) !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Số 06 Nổi Bật Pha Lê */
#rulebook-title > span > b {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(48px, 6vw, 76px) !important;
    font-weight: 950 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.05em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 80%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 16px rgba(127, 234, 251, 0.65)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.35)) !important;
    padding-right: 14px !important;
    border-right: 2px solid rgba(127, 234, 251, 0.4) !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

#rulebook-title > span > b::after { display: none !important; }

/* Chữ ĐIỀU LỆ. */
#rulebook-title > span > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.6vw, 42px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.35)) !important;
    display: inline-block !important;
}

/* ── TẦNG 2: 01 TINH THẦN CHUNG. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > em {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    font-style: normal !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Số 01 Nổi Bật Pha Lê (Đồng Nhất với 06) */
#rulebook-title > em > i {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(48px, 6vw, 76px) !important;
    font-weight: 950 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.05em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 80%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 16px rgba(127, 234, 251, 0.65)) drop-shadow(0 2px 10px rgba(0, 0, 0, 0.35)) !important;
    padding-right: 14px !important;
    border-right: 2px solid rgba(127, 234, 251, 0.4) !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    font-style: normal !important;
    flex-shrink: 0 !important;
}

/* Chữ TINH THẦN CHUNG. */
#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3vw, 34px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.4)) !important;
    display: inline-block !important;
}

@media screen and (max-width: 860px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        align-items: flex-start !important;
        text-align: left !important;
        gap: 12px !important;
        margin-bottom: 16px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span,
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        gap: 12px !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }
    #rulebook-title > span > b,
    #rulebook-title > em > i {
        font-size: 44px !important;
        padding-right: 10px !important;
    }
    #rulebook-title > span > strong {
        font-size: 22px !important;
    }
    #rulebook-title > em > strong {
        font-size: 19px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   SIÊU ĐỘT PHÁ SÁNG TẠO: '06 ĐIỀU LỆ. 01 TINH THẦN CHUNG.'
   Bento Cyber Sport Pods · Khung Pha Lê Băng Tuyết Đa Chiều 3D
   Màu sắc: 100% Thuần khiết White to Cyan Pha Lê (#ffffff ➜ #e0f8fc ➜ #7feafb ➜ #38bdf8)
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 14px !important;
    margin: 0 0 24px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 620px !important;
}

/* ═════════════════════════════════════════════════════════════════════
   POD 1: '06 ĐIỀU LỆ.' (BENTO CYBER POD CHÍNH)
   ═════════════════════════════════════════════════════════════════════ */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
#rulebook-title > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 18px !important;
    padding: 10px 24px 10px 10px !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, rgba(6, 32, 75, 0.9) 0%, rgba(14, 85, 185, 0.4) 60%, rgba(56, 189, 248, 0.15) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.4) !important;
    box-shadow: 0 14px 35px rgba(0, 7, 26, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.35), 0 0 25px rgba(127, 234, 251, 0.2) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    width: fit-content !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > span:hover,
#rulebook-title > span:hover {
    transform: translateX(4px) translateY(-2px) !important;
    border-color: rgba(127, 234, 251, 0.8) !important;
    box-shadow: 0 18px 45px rgba(0, 7, 26, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 0 35px rgba(127, 234, 251, 0.4) !important;
}

/* Khối Hộp Số 06 Pha Lê 3D */
#rulebook-title > span > b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 68px !important;
    height: 60px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, rgba(127, 234, 251, 0.25) 0%, rgba(25, 118, 243, 0.35) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.6) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3), inset 0 2px 4px rgba(255, 255, 255, 0.4), 0 0 16px rgba(127, 234, 251, 0.35) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(34px, 4.5vw, 48px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 80%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 12px rgba(127, 234, 251, 0.7)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4)) !important;
    flex-shrink: 0 !important;
    border-right: 1.5px solid rgba(127, 234, 251, 0.6) !important;
}

#rulebook-title > span > b::after { display: none !important; }

/* Chữ ĐIỀU LỆ. */
#rulebook-title > span > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(24px, 3.4vw, 38px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.025em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(127, 234, 251, 0.45)) !important;
    display: inline-block !important;
    white-space: nowrap !important;
}

/* ═════════════════════════════════════════════════════════════════════
   POD 2: '01 TINH THẦN CHUNG.' (BENTO CYBER POD TINH TẾ)
   ═════════════════════════════════════════════ */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    padding: 8px 20px 8px 8px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(4, 24, 60, 0.85) 0%, rgba(10, 65, 145, 0.35) 60%, rgba(36, 199, 233, 0.15) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.35) !important;
    box-shadow: 0 10px 28px rgba(0, 7, 26, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 0 20px rgba(127, 234, 251, 0.15) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    font-style: normal !important;
    width: fit-content !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-page .regulations-teaser .regulations-teaser-copy h2 > em:hover,
#rulebook-title > em:hover {
    transform: translateX(4px) translateY(-2px) !important;
    border-color: rgba(127, 234, 251, 0.75) !important;
    box-shadow: 0 14px 35px rgba(0, 7, 26, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.4), 0 0 28px rgba(127, 234, 251, 0.3) !important;
}

/* Khối Hộp Số 01 Pha Lê 3D */
#rulebook-title > em > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 54px !important;
    height: 48px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    background: linear-gradient(145deg, rgba(127, 234, 251, 0.2) 0%, rgba(25, 118, 243, 0.3) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.5) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.35), 0 0 14px rgba(127, 234, 251, 0.3) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.5vw, 36px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 80%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 12px rgba(127, 234, 251, 0.7)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4)) !important;
    font-style: normal !important;
    flex-shrink: 0 !important;
}

/* Chữ TINH THẦN CHUNG. */
#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(18px, 2.5vw, 26px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.4)) !important;
    display: inline-block !important;
    white-space: nowrap !important;
}

@media screen and (max-width: 860px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        gap: 10px !important;
        margin-bottom: 18px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span {
        padding: 8px 16px 8px 8px !important;
        gap: 12px !important;
        border-radius: 14px !important;
    }
    #rulebook-title > span > b {
        min-width: 50px !important;
        height: 46px !important;
        font-size: 26px !important;
        border-radius: 8px !important;
    }
    #rulebook-title > span > strong {
        font-size: 20px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        padding: 6px 14px 6px 6px !important;
        gap: 10px !important;
        border-radius: 12px !important;
    }
    #rulebook-title > em > i {
        min-width: 42px !important;
        height: 38px !important;
        font-size: 20px !important;
        border-radius: 7px !important;
    }
    #rulebook-title > em > strong {
        font-size: 15px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   THIẾT KẾ THANH THOÁT, SANG TRỌNG & PHÓNG KHOÁNG (EDITORIAL TYPOGRAPHY)
   '06 ĐIỀU LỆ. 01 TINH THẦN CHUNG.' (KHÔNG DÙNG Ô HỘP)
   Màu sắc: White to Cyan Pha Lê Thuần Khiết (#ffffff ➜ #e0f8fc ➜ #7feafb)
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 12px !important;
    margin: 0 0 20px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 600px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ── DÒNG 1: 06 ĐIỀU LỆ. (THANH THOÁT, PHÓNG KHOÁNG) ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
#rulebook-title > span {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Số 06 Thanh Thoát & Sắc Nét */
#rulebook-title > span > b {
    display: inline-block !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(38px, 5.2vw, 64px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 85%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.45)) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
}

#rulebook-title > span > b::after { display: none !important; }

/* Chữ ĐIỀU LỆ. */
#rulebook-title > span > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(26px, 3.8vw, 44px) !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.03em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 45%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(127, 234, 251, 0.35)) !important;
    display: inline-block !important;
}

/* ── DÒNG 2: 01 TINH THẦN CHUNG. (THANH THOÁT, ĐỒNG ĐIỆU) ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > em {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    font-style: normal !important;
    width: 100% !important;
    overflow: visible !important;
}

/* Số 01 Thanh Thoát & Sắc Nét */
#rulebook-title > em > i {
    display: inline-block !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(38px, 5.2vw, 64px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 85%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.45)) !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    font-style: normal !important;
    flex-shrink: 0 !important;
    min-width: 0 !important;
    height: auto !important;
}

/* Chữ TINH THẦN CHUNG. */
#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.2vw, 36px) !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.025em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 45%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(127, 234, 251, 0.35)) !important;
    display: inline-block !important;
}

/* Vạch Neon Halo Bar Mảnh Mai & Tinh Tế Phía Dưới */
#rulebook-title::after {
    content: '' !important;
    display: block !important;
    width: 50px !important;
    height: 3px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #7feafb 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(127, 234, 251, 0.55) !important;
    margin: 6px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        gap: 8px !important;
        margin-bottom: 16px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span,
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        gap: 12px !important;
    }
    #rulebook-title > span > b,
    #rulebook-title > em > i {
        font-size: 32px !important;
    }
    #rulebook-title > span > strong {
        font-size: 22px !important;
    }
    #rulebook-title > em > strong {
        font-size: 18px !important;
    }
    #rulebook-title::after {
        width: 40px !important;
        height: 2.5px !important;
        margin: 4px 0 0 0 !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TỐI ƯU SIÊU GỌN GÀNG TRÊN MOBILE CHO KHỐI ĐIỀU LỆ (HẠN CHẾ LƯỚT)
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    .regulations-teaser,
    :where(.home-page, body) .regulations-teaser {
        padding: 32px 0 28px !important;
    }

    .regulations-teaser-inner,
    :where(.home-page, body) .regulations-teaser-inner {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    .regulations-teaser-copy,
    :where(.home-page, body) .regulations-teaser-copy {
        width: 100% !important;
        text-align: left !important;
    }

    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title,
    :where(.home-page, body) #rulebook-title {
        gap: 6px !important;
        margin: 0 0 8px 0 !important;
        width: 100% !important;
        text-align: left !important;
    }

    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span,
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        gap: 10px !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        text-align: left !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #rulebook-title > span > b,
    #rulebook-title > em > i {
        font-size: 26px !important;
        line-height: 1 !important;
        letter-spacing: -0.03em !important;
    }

    #rulebook-title > span > strong {
        font-size: 19px !important;
        line-height: 1.15 !important;
    }

    #rulebook-title > em > strong {
        font-size: 16px !important;
        line-height: 1.15 !important;
    }

    #rulebook-title::after {
        width: 36px !important;
        height: 2px !important;
        margin: 4px 0 0 0 !important;
    }

    .regulations-teaser-copy p,
    .home-page .regulations-teaser .regulations-teaser-copy > p {
        margin: 6px 0 12px 0 !important;
        padding-left: 10px !important;
        font-size: 12.5px !important;
        line-height: 1.4 !important;
        max-width: 100% !important;
    }

    .regulations-teaser-action,
    .home-page .regulations-teaser .regulations-teaser-action {
        min-height: 38px !important;
        padding: 6px 14px !important;
        margin: 0 0 8px 0 !important;
        border-radius: 8px !important;
        display: inline-flex !important;
    }

    .regulations-teaser-action small {
        font-size: 8px !important;
    }

    .regulations-teaser-action strong {
        font-size: 11.5px !important;
    }

    .regulations-teaser-board,
    .home-page .regulations-teaser .regulations-teaser-board {
        margin-top: 0 !important;
        padding: 12px !important;
        gap: 8px !important;
        border-radius: 12px !important;
    }

    .regulations-board-head {
        margin-bottom: 6px !important;
        font-size: 11px !important;
    }

    .regulation-spotlight-card,
    .home-page .regulations-teaser .regulation-spotlight-card {
        padding: 8px 12px !important;
        min-height: 44px !important;
        gap: 10px !important;
        border-radius: 8px !important;
    }

    .regulation-spotlight-icon {
        width: 28px !important;
        height: 28px !important;
        flex-shrink: 0 !important;
    }

    .regulation-spotlight-icon svg {
        width: 16px !important;
        height: 16px !important;
    }

    .regulation-spotlight-copy small {
        font-size: 8.5px !important;
        margin-bottom: 1px !important;
    }

    .regulation-spotlight-copy strong {
        font-size: 12.5px !important;
        line-height: 1.25 !important;
    }

    .regulation-spotlight-copy em {
        display: none !important;
    }

    .regulation-spotlight-arrow {
        width: 20px !important;
        height: 20px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   UI/UX PRO MAX - DUAL PROTOCOL COUNTER BADGES
   '06 ĐIỀU LỆ.' & '01 TINH THẦN CHUNG.'
   - 06: Cyber Sapphire Glass Capsule with Tabular Monospace Counter
   - 01: Championship Gold Amber Capsule with Dynamic Glowing Accent
   - Connector Track: Optical Vertical Beam Linking Rule Protocol to Spirit
   - Clean High-Contrast Metallic Typography
   ═════════════════════════════════════════════════════════════════════ */
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 12px !important;
    margin: 0 0 16px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 580px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ── DÒNG 1: 06 ĐIỀU LỆ. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
#rulebook-title > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    width: fit-content !important;
    overflow: visible !important;
    position: relative !important;
}

/* Badge 06 - Electric Sapphire Cyber Box */
#rulebook-title > span > b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.22) 0%, rgba(2, 132, 199, 0.12) 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    box-shadow: 0 4px 16px rgba(14, 165, 233, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
    font-variant-numeric: tabular-nums !important;
    color: #38bdf8 !important;
    -webkit-text-fill-color: #38bdf8 !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35)) !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Vertical Kinetic Connector Beam (06 -> 01) */
#rulebook-title > span > b::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: 100% !important;
    width: 2px !important;
    height: 12px !important;
    background: linear-gradient(180deg, rgba(56, 189, 248, 0.75) 0%, rgba(251, 191, 36, 0.75) 100%) !important;
    border-radius: 99px !important;
    pointer-events: none !important;
}

/* Text ĐIỀU LỆ. */
#rulebook-title > span > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(23px, 3.2vw, 34px) !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.025em !important;
    background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 60%, #bae6fd 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(0, 16, 42, 0.45)) !important;
    display: inline-block !important;
    margin: 0 !important;
}

/* ── DÒNG 2: 01 TINH THẦN CHUNG. ── */
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-style: normal !important;
    width: fit-content !important;
    overflow: visible !important;
}

/* Badge 01 - Championship Gold Cyber Box */
#rulebook-title > em > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.24) 0%, rgba(217, 119, 6, 0.12) 100%) !important;
    border: 1.5px solid rgba(251, 191, 36, 0.55) !important;
    box-shadow: 0 4px 16px rgba(245, 158, 11, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
    font-variant-numeric: tabular-nums !important;
    color: #fbbf24 !important;
    -webkit-text-fill-color: #fbbf24 !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35)) !important;
    font-style: normal !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Text TINH THẦN CHUNG. */
#rulebook-title > em > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(21px, 2.9vw, 31px) !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    background: linear-gradient(135deg, #ffffff 0%, #fef3c7 55%, #fbbf24 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(0, 16, 42, 0.45)) !important;
    display: inline-block !important;
    margin: 0 !important;
}

/* Micro-Interaction Hover */
#rulebook-title > span:hover > b {
    transform: translateY(-1px) scale(1.05) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 6px 20px rgba(14, 165, 233, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
#rulebook-title > em:hover > i {
    transform: translateY(-1px) scale(1.05) !important;
    border-color: #fbbf24 !important;
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

/* Horizon Bar Connecting Cyan & Gold */
#rulebook-title::after {
    content: '' !important;
    display: block !important;
    width: 52px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #38bdf8 0%, #145cff 50%, #fbbf24 100%) !important;
    box-shadow: 0 2px 10px rgba(56, 189, 248, 0.4) !important;
    margin: 4px 0 0 0 !important;
}

@media screen and (max-width: 640px) {
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title {
        gap: 10px !important;
        margin-bottom: 12px !important;
    }
    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    #rulebook-title > span,
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    #rulebook-title > em {
        gap: 10px !important;
    }
    #rulebook-title > span > b,
    #rulebook-title > em > i {
        min-width: 40px !important;
        height: 32px !important;
        padding: 0 8px !important;
        font-size: 15px !important;
        border-radius: 8px !important;
    }
    #rulebook-title > span > b::after {
        height: 10px !important;
    }
    #rulebook-title > span > strong {
        font-size: 20px !important;
    }
    #rulebook-title > em > strong {
        font-size: 18px !important;
    }
    #rulebook-title::after {
        width: 40px !important;
        height: 2.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   NÂNG CẤP LOGO HERO EVENT BOARD TO LỚN & NỔI BẬT ĐẲNG CẤP
   ═════════════════════════════════════════════════════════════════════ */
.home-page .hero-event-brand,
.hero-event-brand,
:where(.home-page, body) .hero-event-board .hero-event-brand {
    display: flex !important;
    align-items: center !important;
    gap: clamp(18px, 2vw, 26px) !important;
}

/* Vòng tròn trắng chứa logo */
.home-page .hero-event-crest,
.hero-event-crest,
:where(.home-page, body) .hero-event-crest {
    width: clamp(130px, 11.5vw, 156px) !important;
    height: clamp(130px, 11.5vw, 156px) !important;
    min-width: clamp(130px, 11.5vw, 156px) !important;
    min-height: clamp(130px, 11.5vw, 156px) !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 20px 45px rgba(0, 9, 34, 0.42), inset 0 0 0 1px rgba(12, 81, 144, 0.12), 0 0 0 8px rgba(98, 221, 244, 0.08) !important;
    position: relative !important;
    z-index: 1 !important;
    flex-shrink: 0 !important;
}

/* Logo bên trong vòng tròn trắng - TO LỚN, RÕ NÉT, NỔI BẬT */
.home-page .hero-copy .hero-event-board .hero-event-crest .hero-crest,
.hero-event-crest .hero-crest,
.hero-crest,
:where(.home-page, body) .hero-event-crest img {
    width: clamp(112px, 10vw, 136px) !important;
    height: clamp(112px, 10vw, 136px) !important;
    max-width: 90% !important;
    max-height: 90% !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: drop-shadow(0 8px 18px rgba(4, 34, 67, 0.25)) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.home-page .hero-event-crest:hover .hero-crest,
.hero-event-crest:hover .hero-crest {
    transform: scale(1.05) !important;
}

/* Đốm chấm LED quay & quỹ đạo */
.home-page .hero-event-crest::before,
.hero-event-crest::before {
    inset: -10px !important;
    border: 1.5px dashed rgba(119, 226, 246, 0.7) !important;
}

.home-page .hero-event-crest::after,
.hero-event-crest::after {
    right: -2px !important;
    top: 14px !important;
    width: 18px !important;
    height: 18px !important;
    border: 3.5px solid #07346f !important;
}

@media screen and (max-width: 860px) {
    .home-page .hero-event-brand,
    .hero-event-brand {
        gap: 14px !important;
    }
    .home-page .hero-event-crest,
    .hero-event-crest {
        width: 104px !important;
        height: 104px !important;
        min-width: 104px !important;
        min-height: 104px !important;
    }
    .home-page .hero-copy .hero-event-board .hero-event-crest .hero-crest,
    .hero-event-crest .hero-crest,
    .hero-crest {
        width: 90px !important;
        height: 90px !important;
    }
    .home-page .hero-event-crest::before,
    .hero-event-crest::before {
        inset: -7px !important;
    }
    .home-page .hero-event-crest::after,
    .hero-event-crest::after {
        width: 14px !important;
        height: 14px !important;
        top: 8px !important;
        right: -2px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   NÂNG CẤP LOGO HERO & FOOTER BENTO CARD TO LỚN RỰC RỠ 100%
   ═════════════════════════════════════════════════════════════════════ */

/* Vòng tròn trắng Hero & Footer */
:where(.home-page, body) .hero-event-crest,
.home-page .hero-event-crest,
.hero-event-crest,
.footer-top-event-deck .hero-event-crest {
    padding: 6px !important;
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Ảnh Logo bên trong Vòng Tròn Trắng - TO LỚN, RÕ RÀNG, ĐẬM NÉT */
:where(.home-page, body) .hero-event-crest img,
:where(.home-page, body) .hero-event-crest .hero-crest,
.home-page .hero-copy .hero-event-board .hero-event-crest .hero-crest,
.home-page .hero-event-board .hero-crest,
.hero-event-crest .hero-crest,
.footer-top-event-deck .hero-crest,
.hero-crest {
    width: 88% !important;
    height: 88% !important;
    max-width: 88% !important;
    max-height: 88% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    object-fit: contain !important;
    display: block !important;
    margin: auto !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: drop-shadow(0 6px 14px rgba(4, 34, 67, 0.28)) !important;
    transform: none !important;
    transition: transform 0.25s ease !important;
}

:where(.home-page, body) .hero-event-crest:hover img,
:where(.home-page, body) .hero-event-crest:hover .hero-crest,
.footer-top-event-deck .hero-event-crest:hover .hero-crest {
    transform: scale(1.06) !important;
}

@media screen and (max-width: 860px) {
    :where(.home-page, body) .hero-event-crest,
    .home-page .hero-event-crest,
    .hero-event-crest,
    .footer-top-event-deck .hero-event-crest {
        padding: 4px !important;
    }
    :where(.home-page, body) .hero-event-crest img,
    :where(.home-page, body) .hero-event-crest .hero-crest,
    .hero-event-crest .hero-crest,
    .footer-top-event-deck .hero-crest,
    .hero-crest {
        width: 90% !important;
        height: 90% !important;
        max-width: 90% !important;
        max-height: 90% !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   NÂNG CẤP LOGO ĐỘI BÓNG TO LỚN & TÊN ĐỘI BÓNG ĐẬM NÉT PHÙ HỢP
   Áp dụng toàn diện cho Thẻ Đội Bóng trên Desktop & Mobile
   ═════════════════════════════════════════════════════════════════════ */

/* ── KHỐI CHỨA LOGO ĐỘI BÓNG ── */
:where(.home-page, body) .team-card-logo,
.home-page .team-card-logo,
.team-card-logo {
    width: clamp(100px, 10vw, 140px) !important;
    height: clamp(100px, 10vw, 140px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 8px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 20px !important;
    background: radial-gradient(circle at 50% 35%, #ffffff 0%, #f0f7fd 65%, #d8ebf8 100%) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.85) !important;
    box-shadow: 0 14px 28px rgba(0, 10, 35, 0.28), 0 0 0 1px rgba(12, 81, 144, 0.12), inset 0 1px 2px #ffffff !important;
    box-sizing: border-box !important;
    position: relative !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
}

:where(.home-page, body) .team-card:hover .team-card-logo,
.home-page .team-card:hover .team-card-logo,
.team-card:hover .team-card-logo {
    transform: translateY(-4px) scale(1.04) !important;
    box-shadow: 0 18px 36px rgba(0, 10, 35, 0.36), 0 0 20px rgba(56, 189, 248, 0.35) !important;
}

/* ── ẢNH LOGO ĐỘI BÓNG - TO LỚN, RÕ NÉT, NỔI BẬT ── */
:where(.home-page, body) .team-card-logo img,
.home-page .team-card-logo img,
.team-card-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 6px 12px rgba(3, 26, 61, 0.28)) !important;
    transition: transform 0.3s ease !important;
}

:where(.home-page, body) .team-card:hover .team-card-logo img,
.home-page .team-card:hover .team-card-logo img,
.team-card:hover .team-card-logo img {
    transform: scale(1.08) !important;
}

:where(.home-page, body) .team-card-logo > strong,
.home-page .team-card-logo > strong,
.team-card-logo > strong {
    color: #05275a !important;
    font: 950 24px/1 var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
}

/* ── TÊN ĐỘI BÓNG (LỚN, ĐẬM NÉT, TƯƠNG XỨNG VỚI LOGO) ── */
:where(.home-page, body) .team-card-copy > strong,
.home-page .team-card-copy > strong,
.team-card-copy > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(16px, 1.8vw, 22px) !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    margin: 10px 0 6px 0 !important;
    display: block !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 50%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(0, 8, 30, 0.6)) !important;
    text-align: center !important;
}

/* ── PILL ĐỊA PHƯƠNG (QUY NHƠN, SÀI GÒN, ...) ── */
:where(.home-page, body) .team-city-badge,
.home-page .team-city-badge,
.team-city-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 3px 10px !important;
    border-radius: 99px !important;
    background: rgba(14, 85, 185, 0.25) !important;
    border: 1px solid rgba(127, 234, 251, 0.3) !important;
    color: #a5f3fc !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    margin: 0 auto !important;
}

/* ── MOBILE RESPONSIVE TỐI ƯU TO RÕ ── */
@media screen and (max-width: 860px) {
    .home-page .team-cards,
    .team-cards {
        gap: 10px !important;
    }

    .home-page .team-card,
    .team-card {
        border-radius: 16px !important;
    }

    .home-page .team-card-main,
    .team-card-main {
        padding: 14px 10px 10px !important;
        gap: 8px !important;
        text-align: center !important;
    }

    /* Logo to gấp đôi trên Mobile */
    :where(.home-page, body) .team-card-logo,
    .home-page .team-card-logo,
    .team-card-logo {
        width: 82px !important;
        height: 82px !important;
        min-width: 82px !important;
        min-height: 82px !important;
        padding: 6px !important;
        border-radius: 16px !important;
    }

    /* Tên đội bóng to rõ, dễ đọc */
    :where(.home-page, body) .team-card-copy > strong,
    .home-page .team-card-copy > strong,
    .team-card-copy > strong {
        font-size: 15.5px !important;
        line-height: 1.2 !important;
        margin: 6px 0 4px 0 !important;
    }

    /* Pill địa phương */
    :where(.home-page, body) .team-city-badge,
    .home-page .team-city-badge,
    .team-city-badge {
        font-size: 10.5px !important;
        padding: 2px 8px !important;
    }

    /* Nút hành động xem chi tiết & Facebook */
    .home-page .team-card-actions,
    .team-card-actions {
        min-height: 38px !important;
    }

    .home-page .team-card-actions > *,
    .team-card-actions > * {
        min-height: 38px !important;
        padding: 0 8px !important;
    }

    .home-page .team-card-actions svg,
    .team-card-actions svg {
        width: 18px !important;
        height: 18px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   NÂNG CẤP V2: LOGO ĐỘI BÓNG TO LỚN HƠN NỮA, TÊN ĐỘI BÓNG TO RÕ
   ĐỊA PHƯƠNG NHỎ HƠN - ĐƠN GIẢN THANH THOÁT CÙNG ICON SVG
   ═════════════════════════════════════════════════════════════════════ */

/* ── KHỐI CHỨA LOGO ĐỘI BÓNG (TO LỚN HƠN NỮA) ── */
:where(.home-page, body) .team-card-logo,
.home-page .team-card-logo,
.team-card-logo {
    width: clamp(120px, 12vw, 156px) !important;
    height: clamp(120px, 12vw, 156px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 6px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at 50% 35%, #ffffff 0%, #f0f7fd 65%, #d8ebf8 100%) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 16px 32px rgba(0, 10, 35, 0.32), 0 0 0 1px rgba(12, 81, 144, 0.12), inset 0 1px 2px #ffffff !important;
    box-sizing: border-box !important;
    position: relative !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
}

:where(.home-page, body) .team-card:hover .team-card-logo,
.home-page .team-card:hover .team-card-logo,
.team-card:hover .team-card-logo {
    transform: translateY(-4px) scale(1.05) !important;
    box-shadow: 0 20px 42px rgba(0, 10, 35, 0.4), 0 0 25px rgba(56, 189, 248, 0.4) !important;
}

/* ── ẢNH LOGO ĐỘI BÓNG (TRÀN VIỀN 100% SẮC NÉT) ── */
:where(.home-page, body) .team-card-logo img,
.home-page .team-card-logo img,
.team-card-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 6px 14px rgba(3, 26, 61, 0.3)) !important;
    transition: transform 0.3s ease !important;
}

:where(.home-page, body) .team-card:hover .team-card-logo img,
.home-page .team-card:hover .team-card-logo img,
.team-card:hover .team-card-logo img {
    transform: scale(1.08) !important;
}

:where(.home-page, body) .team-card-logo > strong,
.home-page .team-card-logo > strong,
.team-card-logo > strong {
    color: #05275a !important;
    font: 950 28px/1 var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
}

/* ── TÊN ĐỘI BÓNG (TO LỚN, ĐẬM NÉT, TƯƠNG XỨNG VỚI LOGO) ── */
:where(.home-page, body) .team-card-copy > strong,
.home-page .team-card-copy > strong,
.team-card-copy > strong {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(18px, 2.2vw, 25px) !important;
    font-weight: 950 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.025em !important;
    text-transform: uppercase !important;
    margin: 12px 0 4px 0 !important;
    display: block !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 50%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(0, 8, 30, 0.65)) !important;
    text-align: center !important;
}

/* ── ĐỊA PHƯƠNG (NHỎ HƠN, ĐƠN GIẢN, THANH THOÁT VỚI ICON SVG) ── */
:where(.home-page, body) .team-city-badge,
.home-page .team-city-badge,
.team-city-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #7dd3fc !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    margin: 0 auto !important;
    opacity: 0.9 !important;
}

:where(.home-page, body) .team-city-badge svg,
.home-page .team-city-badge svg,
.team-city-badge svg {
    width: 11px !important;
    height: 11px !important;
    color: #38bdf8 !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    vertical-align: -1px !important;
}

/* ── MOBILE RESPONSIVE TỐI ƯU TO RÕ CỰC ĐỈNH ── */
@media screen and (max-width: 860px) {
    .home-page .team-cards,
    .team-cards {
        gap: 10px !important;
    }

    .home-page .team-card,
    .team-card {
        border-radius: 18px !important;
    }

    .home-page .team-card-main,
    .team-card-main {
        padding: 14px 8px 10px !important;
        gap: 6px !important;
        text-align: center !important;
    }

    /* Logo to lớn cực đại trên Mobile: 96px x 96px */
    :where(.home-page, body) .team-card-logo,
    .home-page .team-card-logo,
    .team-card-logo {
        width: 96px !important;
        height: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
        padding: 4px !important;
        border-radius: 18px !important;
    }

    /* Tên đội bóng to rõ, bắt mắt */
    :where(.home-page, body) .team-card-copy > strong,
    .home-page .team-card-copy > strong,
    .team-card-copy > strong {
        font-size: 17.5px !important;
        line-height: 1.15 !important;
        margin: 8px 0 2px 0 !important;
    }

    /* Địa phương nhỏ gọn, tinh tế */
    :where(.home-page, body) .team-city-badge,
    .home-page .team-city-badge,
    .team-city-badge {
        font-size: 9.5px !important;
        gap: 3px !important;
    }

    :where(.home-page, body) .team-city-badge svg,
    .home-page .team-city-badge svg,
    .team-city-badge svg {
        width: 10px !important;
        height: 10px !important;
    }

    /* Nút hành động xem chi tiết & Facebook */
    .home-page .team-card-actions,
    .team-card-actions {
        min-height: 38px !important;
    }

    .home-page .team-card-actions > *,
    .team-card-actions > * {
        min-height: 38px !important;
        padding: 0 8px !important;
    }

    .home-page .team-card-actions svg,
    .team-card-actions svg {
        width: 18px !important;
        height: 18px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   DẢI ĐỘI BÓNG CHẠY MARQUEE VÔ TẬN TRÊN TEAM.PHP NHƯ TRANG CHỦ
   ═════════════════════════════════════════════════════════════════════ */
.team-profile-promax .team-switcher-bar,
.team-switcher-bar,
.team-switcher-ticker-promax {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    padding: 10px 0 !important;
    background: linear-gradient(180deg, rgba(3, 20, 52, 0.95) 0%, rgba(2, 13, 36, 0.98) 100%) !important;
    border-bottom: 1px solid rgba(127, 234, 251, 0.18) !important;
    box-shadow: 0 10px 25px rgba(0, 5, 20, 0.4) !important;
    z-index: 10 !important;
}

.team-switcher-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    mask-image: linear-gradient(90deg, transparent 0%, #000000 3%, #000000 97%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000000 3%, #000000 97%, transparent 100%) !important;
}

.team-profile-promax .team-switcher-scroll,
.team-switcher-scroll {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: max-content !important;
    overflow: visible !important;
    animation: teamSwitcherMarqueeTrack 40s linear infinite !important;
    will-change: transform !important;
    padding-inline: 14px !important;
}

.team-switcher-bar:hover .team-switcher-scroll,
.team-switcher-bar:focus-within .team-switcher-scroll {
    animation-play-state: paused !important;
}

@keyframes teamSwitcherMarqueeTrack {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* ── CAPSULE ĐỘI BÓNG THEO ĐÚNG ẢNH THAM CHIẾU ── */
.team-switch-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 16px 6px 7px !important;
    border-radius: 99px !important;
    background: linear-gradient(135deg, rgba(10, 37, 84, 0.75) 0%, rgba(6, 26, 62, 0.85) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.22) !important;
    box-shadow: 0 4px 14px rgba(0, 5, 20, 0.35), inset 0 1px rgba(255, 255, 255, 0.12) !important;
    text-decoration: none !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.team-switch-pill:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(127, 234, 251, 0.6) !important;
    background: linear-gradient(135deg, rgba(14, 55, 125, 0.9) 0%, rgba(10, 37, 84, 0.95) 100%) !important;
    box-shadow: 0 8px 20px rgba(0, 5, 20, 0.5), 0 0 14px rgba(127, 234, 251, 0.3) !important;
}

/* Đội đang Active (đang xem trang hồ sơ) */
.team-switch-pill.is-active {
    background: linear-gradient(135deg, #0968c8 0%, #034898 100%) !important;
    border-color: #5edcf8 !important;
    box-shadow: 0 0 20px rgba(94, 220, 248, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.35) !important;
}

/* Badge Logo tròn trắng */
.team-switch-pill .pill-badge {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    padding: 3px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.team-switch-pill .pill-badge img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.team-switch-pill .pill-badge b {
    color: #05275a !important;
    font-weight: 900 !important;
    font-size: 13px !important;
}

/* Tên ngắn đội bóng */
.team-switch-pill .pill-name {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

/* Pill địa phương nhỏ */
.team-switch-pill .pill-city {
    display: inline-block !important;
    padding: 3px 9px !important;
    border-radius: 6px !important;
    background: rgba(4, 20, 48, 0.75) !important;
    border: 1px solid rgba(127, 234, 251, 0.25) !important;
    color: #a5f3fc !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

@media screen and (max-width: 860px) {
    .team-profile-promax .team-switcher-bar,
    .team-switcher-bar {
        padding: 8px 0 !important;
    }
    .team-profile-promax .team-switcher-scroll,
    .team-switcher-scroll {
        gap: 10px !important;
        animation-duration: 32s !important;
    }
    .team-switch-pill {
        padding: 5px 12px 5px 6px !important;
        gap: 8px !important;
    }
    .team-switch-pill .pill-badge {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }
    .team-switch-pill .pill-name {
        font-size: 13px !important;
    }
    .team-switch-pill .pill-city {
        font-size: 10px !important;
        padding: 2px 7px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   ĐỒNG BỘ MÀU SẮC RIÊNG BIỆT CHO MỖI ĐỘI BÓNG TRÊN DẢI CHẠY (SGTS FC ĐỎ, ...)
   ═════════════════════════════════════════════════════════════════════ */
.team-switch-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 16px 6px 7px !important;
    border-radius: 99px !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--pill-accent, #1976f3), #041432 40%) 0%, color-mix(in srgb, var(--pill-accent, #1976f3), #020b1e 75%) 100%) !important;
    border: 1.5px solid color-mix(in srgb, var(--pill-accent, #1976f3), #ffffff 28%) !important;
    box-shadow: 0 4px 14px rgba(0, 5, 20, 0.4), 0 0 10px color-mix(in srgb, var(--pill-accent, #1976f3), transparent 60%), inset 0 1px rgba(255, 255, 255, 0.18) !important;
    text-decoration: none !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.team-switch-pill:hover {
    transform: translateY(-2px) !important;
    border-color: color-mix(in srgb, var(--pill-accent, #1976f3), #ffffff 60%) !important;
    box-shadow: 0 8px 22px rgba(0, 5, 20, 0.5), 0 0 16px color-mix(in srgb, var(--pill-accent, #1976f3), transparent 30%) !important;
}

/* Đội đang Active (đang xem trang hồ sơ): Bừng sáng màu sắc chuẩn của CLB */
.team-switch-pill.is-active {
    background: linear-gradient(135deg, var(--pill-accent, #1976f3) 0%, color-mix(in srgb, var(--pill-accent, #1976f3), #000 35%) 100%) !important;
    border-color: #ffffff !important;
    box-shadow: 0 0 22px color-mix(in srgb, var(--pill-accent, #1976f3), transparent 15%), inset 0 1px 2px rgba(255, 255, 255, 0.5) !important;
}

/* Badge Logo tròn trắng */
.team-switch-pill .pill-badge {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    padding: 3px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.team-switch-pill .pill-badge img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.team-switch-pill .pill-badge b {
    color: var(--pill-accent, #05275a) !important;
    font-weight: 900 !important;
    font-size: 13px !important;
}

/* Tên ngắn đội bóng */
.team-switch-pill .pill-name {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

/* Pill địa phương đồng màu đội */
.team-switch-pill .pill-city {
    display: inline-block !important;
    padding: 3px 9px !important;
    border-radius: 6px !important;
    background: color-mix(in srgb, var(--pill-accent, #1976f3), #000 65%) !important;
    border: 1px solid color-mix(in srgb, var(--pill-accent, #1976f3), #fff 25%) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

@media screen and (max-width: 860px) {
    .team-switch-pill {
        padding: 5px 12px 5px 6px !important;
        gap: 8px !important;
    }
    .team-switch-pill .pill-badge {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }
    .team-switch-pill .pill-name {
        font-size: 13px !important;
    }
    .team-switch-pill .pill-city {
        font-size: 10px !important;
        padding: 2px 7px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   ĐỒNG BỘ DẢI MÀU 100% NHƯ CHỮ KHAI MẠC TRÊN TRANG CHỦ:
   1. TÊN ĐỘI BÓNG (SGTS FC, ...)
   2. BAN HUẤN LUYỆN
   3. TRANG PHỤC THI ĐẤU CHÍNH THỨC
   4. ĐỘI HÌNH [TÊN ĐỘI BÓNG]
   ═════════════════════════════════════════════════════════════════════ */

/* 1. TÊN ĐỘI BÓNG (SGTS FC, ...) TRÊN HERO PROFILE */
.team-profile-promax .team-profile-title,
.team-title-wrap h1,
.team-profile-title,
h1.team-profile-title,
:where(.team-profile-promax, body) .team-profile-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    padding-top: 0.08em !important;
    padding-bottom: 0.04em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.16)) !important;
}

/* 2. BAN HUẤN LUYỆN */
.team-profile-promax .staff-title-master,
.team-staff-section-master .staff-title-master,
.staff-head-master h2,
.staff-title-master,
#club-directory h2,
:where(.team-profile-promax, body) .staff-title-master {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    padding-top: 0.08em !important;
    padding-bottom: 0.04em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.16)) !important;
}

/* 3. TRANG PHỤC THI ĐẤU CHÍNH THỨC */
.team-profile-promax .staff-section-title,
.team-kits-section-vip .staff-section-title,
.kits-head-vip h2,
.staff-section-title,
#trang-phuc h2,
:where(.team-profile-promax, body) .staff-section-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    padding-top: 0.08em !important;
    padding-bottom: 0.04em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.16)) !important;
}

/* 4. ĐỘI HÌNH SGTS FC */
.team-profile-promax .roster-main-title,
.team-profile-promax .roster-main-title span,
.team-roster-section-vip .roster-main-title,
.roster-head-master h2,
.roster-main-title,
.roster-main-title span,
#doi-hinh h2,
:where(.team-profile-promax, body) .roster-main-title,
:where(.team-profile-promax, body) .roster-main-title span {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 3.4vw, 34px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    padding-top: 0.08em !important;
    padding-bottom: 0.04em !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.16)) !important;
}

@media screen and (max-width: 860px) {
    .team-profile-promax .staff-title-master,
    .team-profile-promax .staff-section-title,
    .team-profile-promax .roster-main-title,
    .staff-title-master,
    .staff-section-title,
    .roster-main-title {
        font-size: clamp(19px, 5.5vw, 24px) !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TỐI ƯU GIAO DIỆN MOBILE TRANG HỒ SƠ ĐỘI BÓNG (TEAM.PHP) GỌN GÀNG
   - Giảm khoảng cách thừa, cuộn trang nhẹ nhàng, hiển thị tinh gọn
   - Hero, Ban huấn luyện, Trang phục, Đội hình đều vừa vặn màn hình
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 860px) {
    /* 1. KHUNG CHUNG VÀ CONTAINER */
    .team-profile-promax .container {
        width: calc(100% - 20px) !important;
        padding-inline: 0 !important;
    }

    .team-profile-promax main > .section,
    .team-profile-promax .section {
        padding-block: 28px 24px !important;
    }

    .team-profile-promax .section-head {
        margin-bottom: 20px !important;
    }

    /* 2. BREADCRUMBS */
    .team-breadcrumbs-wrapper {
        margin-bottom: 12px !important;
    }
    .team-breadcrumbs-capsule {
        padding: 4px 10px !important;
        font-size: 11px !important;
        gap: 6px !important;
    }

    /* 3. HERO DOSSIER (KHỐI THÔNG TIN CHÍNH CỦA ĐỘI) */
    .team-profile-promax .team-hero-promax {
        padding: 16px 0 24px !important;
    }

    .team-profile-promax .team-hero-layout {
        border-radius: 18px !important;
        border: 1px solid rgba(127, 234, 251, 0.25) !important;
    }

    /* Vòng tròn logo khiên 3D */
    .team-profile-promax .team-crest-side {
        padding: 18px 14px 14px !important;
        gap: 12px !important;
        background: radial-gradient(circle at 50% 30%, rgba(14, 85, 185, 0.25) 0%, rgba(3, 20, 52, 0.6) 100%) !important;
    }

    .team-profile-promax .team-crest-hologram {
        width: 110px !important;
        height: 110px !important;
        flex-basis: 110px !important;
    }

    .team-profile-promax .team-crest-frame {
        width: 102px !important;
        height: 102px !important;
        padding: 6px !important;
    }

    .team-profile-promax .team-slogan-box {
        max-width: 100% !important;
    }

    .team-profile-promax .slogan-badge-pill {
        min-height: 0 !important;
        padding: 6px 14px !important;
    }

    .team-profile-promax .slogan-title {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    /* Cột thông tin chi tiết */
    .team-profile-promax .team-info-side {
        padding: 16px 14px 16px !important;
    }

    .team-profile-promax .team-identity-bar {
        margin-bottom: 8px !important;
    }

    .team-profile-promax .team-profile-title,
    .team-title-wrap h1 {
        font-size: 24px !important;
        margin-bottom: 10px !important;
        line-height: 1.15 !important;
    }

    /* Câu chuyện CLB (Thu gọn vừa mắt) */
    .team-profile-promax .team-story-box {
        padding: 12px 14px !important;
        border-radius: 12px !important;
        margin-bottom: 12px !important;
    }

    .team-profile-promax .team-story-box :where(p, li) {
        font-size: 12.5px !important;
        line-height: 1.55 !important;
    }

    /* Thẻ thống kê Bento (Trưởng đoàn, HLV, ...) */
    .team-profile-promax .team-stats-bento {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
        margin-top: 10px !important;
    }

    .team-profile-promax .team-stat-card {
        min-height: 0 !important;
        padding: 8px 10px !important;
        border-radius: 10px !important;
        gap: 8px !important;
    }

    .team-profile-promax .team-stat-card .stat-icon {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
    }

    .team-profile-promax .team-stat-card .stat-num {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }

    .team-profile-promax .team-stat-card .stat-lbl {
        font-size: 8.5px !important;
    }

    /* 4. SUBNAV ĐIỀU HƯỚNG DÍNH (STICKY TABS) */
    .team-profile-promax .team-profile-subnav {
        top: 0 !important;
    }
    .team-profile-promax .subnav-inner {
        min-height: 48px !important;
        padding: 0 6px !important;
    }
    .team-profile-promax .subnav-links {
        gap: 5px !important;
    }
    .team-profile-promax .subnav-link {
        min-width: 0 !important;
        min-height: 36px !important;
        padding: 0 10px !important;
        font-size: 10.5px !important;
        border-radius: 8px !important;
    }

    /* 5. BAN HUẤN LUYỆN (VIP CARDS 2 CỘT GỌN GÀNG) */
    .team-profile-promax .team-staff-grid-master {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .team-profile-promax .staff-pass-card {
        min-height: 0 !important;
        padding: 10px 8px 10px !important;
        border-radius: 14px !important;
    }

    .team-profile-promax .pass-avatar-pod {
        width: 64px !important;
        height: 64px !important;
        margin: 8px auto !important;
    }

    .team-profile-promax .pass-avatar-frame {
        width: 60px !important;
        height: 60px !important;
    }

    .team-profile-promax .pass-role-chip {
        font-size: 8.5px !important;
        padding: 2px 7px !important;
    }

    .team-profile-promax .pass-person-name {
        min-height: 0 !important;
        font-size: 13px !important;
        margin-bottom: 6px !important;
    }

    .team-profile-promax .pass-hotline-btn {
        min-height: 32px !important;
        font-size: 10px !important;
        padding: 0 6px !important;
        border-radius: 6px !important;
    }

    /* 6. TRANG PHỤC THI ĐẤU (2 CỘT GỌN GÀNG KHÔNG BỊ KÉO DÀI) */
    .team-profile-promax .team-kits-grid-vip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .team-profile-promax .kit-card-vip {
        padding: 10px !important;
        border-radius: 14px !important;
    }

    .team-profile-promax .kit-stage-3d {
        aspect-ratio: 1/1 !important;
        padding: 6px !important;
    }

    .team-profile-promax .kit-name-vip {
        font-size: 13px !important;
        margin-bottom: 4px !important;
    }

    .team-profile-promax .kit-type-pill {
        font-size: 8.5px !important;
        padding: 2px 6px !important;
    }

    .team-profile-promax .kit-num-badge {
        font-size: 8.5px !important;
    }

    .team-profile-promax .kit-color-tag {
        font-size: 9px !important;
        padding: 1px 5px !important;
    }

    /* 7. ĐỘI HÌNH CẦU THỦ & BỘ LỌC VỊ TRÍ */
    .team-profile-promax .tactical-filter-deck {
        display: flex !important;
        gap: 4px !important;
        padding: 4px !important;
        margin-bottom: 14px !important;
        border-radius: 10px !important;
        overflow-x: auto !important;
    }

    .team-profile-promax .tactical-deck-pill {
        min-width: 0 !important;
        padding: 5px 8px !important;
        font-size: 9.5px !important;
        border-radius: 6px !important;
        flex: 1 0 auto !important;
    }

    .team-profile-promax .tactical-deck-pill .pill-count-chip {
        font-size: 8px !important;
        padding: 1px 4px !important;
    }

    .team-profile-promax .team-roster-grid-vip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .team-profile-promax .player-card-elite {
        padding: 8px 6px !important;
        border-radius: 14px !important;
    }

    .team-profile-promax .player-hero-stage {
        aspect-ratio: 1/1 !important;
        margin-bottom: 6px !important;
    }

    .team-profile-promax .player-identity-box .player-hero-name {
        min-height: 0 !important;
        font-size: 12.5px !important;
        line-height: 1.25 !important;
        margin-bottom: 4px !important;
    }

    .team-profile-promax .spec-grid-elite {
        gap: 4px !important;
    }

    .team-profile-promax .spec-pod {
        min-height: 0 !important;
        padding: 4px 2px !important;
    }

    .team-profile-promax .spec-label {
        font-size: 7.5px !important;
    }

    .team-profile-promax .spec-value {
        font-size: 10px !important;
    }

    /* 8. KHỐI ĐIỀU HƯỚNG LIÊN QUAN CUỐI TRANG */
    .team-profile-promax .team-tournament-pathway {
        margin-top: 24px !important;
        padding: 16px 12px !important;
        border-radius: 16px !important;
    }

    .team-profile-promax .pathway-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .team-profile-promax .pathway-card {
        min-height: 0 !important;
        padding: 10px 12px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   SỬA TRIỆT ĐỂ LỖI BACKGROUND TRÊN MOBILE CHO KHỐI HERO (TEAM.PHP)
   Thiết kế đồng bộ, liền khối, nền trắng cao cấp sạch sẽ 100%
   ═════════════════════════════════════════════════════════════════════ */

/* Khung tổng thể liền mạch */
.team-profile-promax .team-hero-layout,
:where(.team-profile-promax, body) .team-hero-layout {
    background: #ffffff !important;
    border: 1.5px solid rgba(214, 241, 252, 0.95) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 40px rgba(0, 10, 35, 0.12) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Nửa trên: Logo & Slogan */
.team-profile-promax .team-crest-side,
:where(.team-profile-promax, body) .team-crest-side {
    width: 100% !important;
    background: linear-gradient(180deg, #f8fbfe 0%, #eef5fc 100%) !important;
    border-right: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 24px 16px 18px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.team-profile-promax .team-crest-side::before,
.team-profile-promax .team-crest-side::after {
    display: none !important;
}

/* Khối logo đội bóng */
.team-profile-promax .team-crest-hologram {
    width: 110px !important;
    height: 110px !important;
    min-width: 110px !important;
    min-height: 110px !important;
    margin: 0 auto 14px auto !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
}

.team-profile-promax .team-crest-frame {
    width: 100% !important;
    height: 100% !important;
    padding: 4px !important;
    display: grid !important;
    place-items: center !important;
    background: transparent !important;
}

.team-profile-promax .team-crest-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 6px 14px rgba(3, 26, 61, 0.22)) !important;
}

/* Ẩn ngôi sao xanh bay lệch lạc */
.team-profile-promax .crest-sparkle-mark,
.crest-sparkle-mark,
.crest-orbit-glow {
    display: none !important;
}

/* Khung Slogan tinh tế */
.team-profile-promax .team-slogan-box {
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
}

.team-profile-promax .slogan-badge-pill {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(0, 10, 35, 0.06) !important;
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.team-profile-promax .slogan-quote-mark {
    color: #94a3b8 !important;
    font-size: 20px !important;
    font-family: serif !important;
    line-height: 1 !important;
}

.team-profile-promax .slogan-title {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    text-align: center !important;
}

.team-profile-promax .slogan-title b {
    color: #0f172a !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
}

.team-profile-promax .slogan-title em {
    color: var(--club-accent, #c91d2a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
}

/* Nửa dưới: Thông tin CLB liền khối trên nền trắng */
.team-profile-promax .team-info-side,
:where(.team-profile-promax, body) .team-info-side {
    background: #ffffff !important;
    padding: 20px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

@media screen and (min-width: 901px) {
    .team-profile-promax .team-hero-layout {
        display: grid !important;
        grid-template-columns: 320px 1fr !important;
    }
    .team-profile-promax .team-crest-side {
        border-right: 1px solid #e2e8f0 !important;
        border-bottom: none !important;
        padding: 40px 24px !important;
    }
    .team-profile-promax .team-info-side {
        padding: 32px 28px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   NÂNG CẤP AVATAR BAN HUẤN LUYỆN TO LỚN, RÕ NÉT, NỔI BẬT
   ═════════════════════════════════════════════ */

/* Khối bao Avatar */
.team-profile-promax .pass-avatar-pod,
.pass-avatar-pod,
:where(.team-profile-promax, body) .pass-avatar-pod {
    width: clamp(96px, 12vw, 124px) !important;
    height: clamp(96px, 12vw, 124px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 16px auto 12px !important;
    position: relative !important;
    display: grid !important;
    place-items: center !important;
}

/* Khung tròn Avatar */
.team-profile-promax .pass-avatar-frame,
.pass-avatar-frame,
:where(.team-profile-promax, body) .pass-avatar-frame {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    border-radius: 50% !important;
    border: 3.5px solid #ffffff !important;
    box-shadow: 0 0 0 2px #58ddee, 0 10px 24px rgba(4, 31, 72, 0.2) !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 50% 35%, #ffffff 0%, #e8f4fc 100%) !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Ảnh chân dung bên trong - Rõ nét, căn chuẩn */
.team-profile-promax .pass-avatar-frame img,
.pass-avatar-frame img,
.pass-avatar-img,
:where(.team-profile-promax, body) .pass-avatar-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 15% !important;
    display: block !important;
}

/* Placeholder khi chưa có ảnh */
.team-profile-promax .pass-avatar-placeholder,
.pass-avatar-placeholder {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    color: #0d56b3 !important;
    background: #e2f1fc !important;
}

.team-profile-promax .pass-avatar-placeholder svg,
.pass-avatar-placeholder svg {
    width: 50% !important;
    height: 50% !important;
}

/* Tích xanh xác thực */
.team-profile-promax .pass-verified-stamp,
.pass-verified-stamp,
:where(.team-profile-promax, body) .pass-verified-stamp {
    position: absolute !important;
    z-index: 3 !important;
    right: 2px !important;
    bottom: 2px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    border: 2.5px solid #ffffff !important;
    background: #0ea5e9 !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

.team-profile-promax .pass-verified-stamp svg,
.pass-verified-stamp svg {
    width: 12px !important;
    height: 12px !important;
    stroke-width: 3 !important;
}

/* Tên nhân sự to rõ */
.team-profile-promax .pass-person-name,
.pass-person-name,
:where(.team-profile-promax, body) .pass-person-name {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(14px, 1.4vw, 17px) !important;
    font-weight: 950 !important;
    color: #031b40 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 10px 0 !important;
    text-align: center !important;
}

/* Mobile Responsive */
@media screen and (max-width: 860px) {
    .team-profile-promax .pass-avatar-pod,
    .pass-avatar-pod,
    :where(.team-profile-promax, body) .pass-avatar-pod {
        width: 96px !important;
        height: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
        margin: 12px auto 10px !important;
    }

    .team-profile-promax .pass-person-name,
    .pass-person-name {
        font-size: 14px !important;
        margin-bottom: 8px !important;
    }

    .team-profile-promax .pass-verified-stamp,
    .pass-verified-stamp {
        width: 22px !important;
        height: 22px !important;
    }

    .team-profile-promax .pass-verified-stamp svg,
    .pass-verified-stamp svg {
        width: 10px !important;
        height: 10px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   SỬA TRIỆT ĐỂ LỖI CỘT BỊ CO LỆCH VÀ NỀN LỆCH MÀU TRÊN MOBILE CHO TEAM.PHP
   ═════════════════════════════════════════════════════════════════════ */

/* ── MẶC ĐỊNH MOBILE / TOÀN BỘ MÀN HÌNH NHỎ (<= 900px) ── */
@media screen and (max-width: 900px) {
    /* Khung ngoài chuyển thành 1 cột duy nhất, không dùng grid 2 cột của desktop */
    .team-profile-promax .team-hero-layout,
    .team-hero-layout,
    :where(.team-profile-promax, body) .team-hero-layout {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        background: #ffffff !important;
        border: 1.5px solid rgba(214, 241, 252, 0.95) !important;
        border-radius: 22px !important;
        box-shadow: 0 14px 36px rgba(0, 10, 35, 0.1) !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Khối Logo & Slogan (100% chiều rộng, căn giữa tuyệt đối, không lệch trái) */
    .team-profile-promax .team-crest-side,
    .team-crest-side,
    :where(.team-profile-promax, body) .team-crest-side {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        background: #ffffff !important;
        border-right: none !important;
        border-bottom: 1px solid #edf2f7 !important;
        padding: 24px 16px 20px !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .team-profile-promax .team-crest-side::before,
    .team-profile-promax .team-crest-side::after {
        display: none !important;
    }

    /* Logo CLB căn giữa */
    .team-profile-promax .team-crest-hologram,
    .team-crest-hologram {
        width: 110px !important;
        height: 110px !important;
        min-width: 110px !important;
        min-height: 110px !important;
        margin: 0 auto 12px auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .team-profile-promax .team-crest-frame,
    .team-crest-frame {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    .team-profile-promax .team-crest-frame img,
    .team-crest-frame img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        filter: drop-shadow(0 6px 14px rgba(3, 26, 61, 0.2)) !important;
    }

    /* Ẩn các chi tiết rườm rà */
    .team-profile-promax .crest-sparkle-mark,
    .team-profile-promax .crest-orbit-glow,
    .crest-sparkle-mark,
    .crest-orbit-glow {
        display: none !important;
    }

    /* Khung Slogan căn giữa đẹp mắt */
    .team-profile-promax .team-slogan-box,
    .team-slogan-box {
        width: 100% !important;
        max-width: 380px !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
    }

    .team-profile-promax .slogan-badge-pill,
    .slogan-badge-pill {
        width: 100% !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 10, 35, 0.04) !important;
        padding: 8px 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        box-sizing: border-box !important;
    }

    .team-profile-promax .slogan-title,
    .slogan-title {
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        text-align: center !important;
    }

    .team-profile-promax .slogan-title b {
        color: #0f172a !important;
        font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
        font-size: 13.5px !important;
        font-weight: 900 !important;
        text-transform: uppercase !important;
    }

    .team-profile-promax .slogan-title em {
        color: var(--club-accent, #c91d2a) !important;
        font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        font-style: italic !important;
        text-transform: uppercase !important;
    }

    /* Khối thông tin bên dưới (100% chiều rộng, nền trắng đồng nhất) */
    .team-profile-promax .team-info-side,
    .team-info-side,
    :where(.team-profile-promax, body) .team-info-side {
        width: 100% !important;
        max-width: 100% !important;
        background: #ffffff !important;
        padding: 20px 16px !important;
        box-sizing: border-box !important;
        display: block !important;
    }
}

/* ── DESKTOP (>= 901px) ── */
@media screen and (min-width: 901px) {
    .team-profile-promax .team-hero-layout {
        display: grid !important;
        grid-template-columns: 310px minmax(0, 1fr) !important;
        background: #ffffff !important;
    }

    .team-profile-promax .team-crest-side {
        width: auto !important;
        border-right: 1px solid #edf2f7 !important;
        border-bottom: none !important;
        padding: 40px 24px !important;
    }

    .team-profile-promax .team-info-side {
        padding: 32px 28px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   KHẮC PHỤC TRIỆT ĐỂ LỖI AVATAR OVAL — ĐẢM BẢO TRÒN XOE HOÀN HẢO 100%
   ═════════════════════════════════════════════════════════════════════ */

/* Khối bao Avatar */
.team-profile-promax .pass-avatar-pod,
.pass-avatar-pod,
:where(.team-profile-promax, body) .pass-avatar-pod {
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    max-width: 104px !important;
    max-height: 104px !important;
    flex: 0 0 104px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 14px auto 10px auto !important;
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    box-sizing: border-box !important;
}

/* Khung tròn Avatar */
.team-profile-promax .pass-avatar-frame,
.pass-avatar-frame,
:where(.team-profile-promax, body) .pass-avatar-frame {
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
    max-width: 104px !important;
    max-height: 104px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    border: 3.5px solid #ffffff !important;
    box-shadow: 0 0 0 2px #58ddee, 0 8px 20px rgba(4, 31, 72, 0.18) !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 50% 35%, #ffffff 0%, #e8f4fc 100%) !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Ảnh chân dung bên trong - Tuyệt đối không bị méo */
.team-profile-promax .pass-avatar-frame img,
.pass-avatar-frame img,
.pass-avatar-img,
:where(.team-profile-promax, body) .pass-avatar-frame img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center 15% !important;
    border-radius: 50% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tích xanh xác thực */
.team-profile-promax .pass-verified-stamp,
.pass-verified-stamp,
:where(.team-profile-promax, body) .pass-verified-stamp {
    position: absolute !important;
    z-index: 3 !important;
    right: 0px !important;
    bottom: 0px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    border: 2.5px solid #ffffff !important;
    background: #0ea5e9 !important;
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

.team-profile-promax .pass-verified-stamp svg,
.pass-verified-stamp svg {
    width: 12px !important;
    height: 12px !important;
    stroke-width: 3 !important;
}

/* Mobile Responsive: Cân chỉnh tròn xoe 88px */
@media screen and (max-width: 860px) {
    .team-profile-promax .pass-avatar-pod,
    .pass-avatar-pod,
    :where(.team-profile-promax, body) .pass-avatar-pod {
        width: 88px !important;
        height: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        max-width: 88px !important;
        max-height: 88px !important;
        flex: 0 0 88px !important;
        aspect-ratio: 1 / 1 !important;
        margin: 10px auto 8px auto !important;
    }

    .team-profile-promax .pass-avatar-frame,
    .pass-avatar-frame,
    :where(.team-profile-promax, body) .pass-avatar-frame {
        width: 88px !important;
        height: 88px !important;
        min-width: 88px !important;
        min-height: 88px !important;
        max-width: 88px !important;
        max-height: 88px !important;
        aspect-ratio: 1 / 1 !important;
    }

    .team-profile-promax .pass-verified-stamp,
    .pass-verified-stamp {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   THỨ TỰ HIỂN THỊ CHUẨN: LOGO -> SGTS FC -> SÀI GÒN -> CÂU CHUYỆN
   ═════════════════════════════════════════════════════════════════════ */

.team-profile-promax .team-hero-layout--unified,
.team-hero-layout--unified,
:where(.team-profile-promax, body) .team-hero-layout--unified {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(214, 241, 252, 0.95) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 45px rgba(0, 10, 35, 0.12) !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 1 + 2 + 3: HEADER POD (LOGO -> SGTS FC -> SÀI GÒN) */
.team-hero-header-pod {
    width: 100% !important;
    background: linear-gradient(180deg, #f8fbfe 0%, #edf5fc 100%) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 28px 20px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* 1. LOGO */
.team-hero-header-pod .team-crest-hologram {
    width: 116px !important;
    height: 116px !important;
    min-width: 116px !important;
    min-height: 116px !important;
    margin: 0 auto 14px auto !important;
    display: grid !important;
    place-items: center !important;
}

.team-hero-header-pod .team-crest-frame {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    background: transparent !important;
}

.team-hero-header-pod .team-crest-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 8px 18px rgba(3, 26, 61, 0.22)) !important;
}

/* 2. SGTS FC (TÊN ĐỘI BÓNG) */
.team-hero-header-pod .team-title-wrap {
    margin: 0 0 6px 0 !important;
    text-align: center !important;
}

.team-hero-header-pod .team-profile-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(24px, 3.2vw, 36px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 8px rgba(18, 105, 232, 0.16)) !important;
}

/* 3. SÀI GÒN (ĐỊA PHƯƠNG) */
.team-hero-header-pod .team-identity-bar {
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

.team-hero-header-pod .team-city-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 12px !important;
    border-radius: 99px !important;
    background: rgba(14, 85, 185, 0.08) !important;
    border: 1px solid rgba(14, 85, 185, 0.2) !important;
    color: #034898 !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}

.team-hero-header-pod .team-city-badge svg {
    width: 12px !important;
    height: 12px !important;
    color: #0284c7 !important;
}

/* 4. CÂU CHUYỆN & THỐNG KÊ */
.team-profile-promax .team-info-side,
.team-info-side,
:where(.team-profile-promax, body) .team-info-side {
    width: 100% !important;
    background: #ffffff !important;
    padding: 28px 24px !important;
    box-sizing: border-box !important;
}

/* Slogan */
.team-profile-promax .team-slogan-box {
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto 20px auto !important;
}

.team-profile-promax .slogan-badge-pill {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 3px 10px rgba(0, 10, 35, 0.04) !important;
    padding: 10px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Nội dung câu chuyện */
.team-profile-promax .team-story-box {
    padding: 18px 20px !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}

.team-profile-promax .team-story-box :where(p, li) {
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #334155 !important;
}

@media screen and (max-width: 860px) {
    .team-hero-header-pod {
        padding: 20px 14px 16px !important;
    }
    .team-hero-header-pod .team-crest-hologram {
        width: 100px !important;
        height: 100px !important;
        min-width: 100px !important;
        min-height: 100px !important;
        margin-bottom: 10px !important;
    }
    .team-hero-header-pod .team-profile-title {
        font-size: 22px !important;
    }
    .team-hero-header-pod .team-city-badge {
        font-size: 10.5px !important;
        padding: 3px 10px !important;
    }
    .team-profile-promax .team-info-side {
        padding: 18px 14px !important;
    }
    .team-profile-promax .team-story-box {
        padding: 14px 14px !important;
    }
    .team-profile-promax .team-story-box :where(p, li) {
        font-size: 13px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   DESKTOP: LOGO TO LỚN & MỞ RỘNG FULL-WIDTH TOÀN DIỆN CHO HERO DOSSIER
   ═════════════════════════════════════════════ */

/* ── KHUNG TỔNG THỂ FULL-WIDTH ── */
.team-profile-promax .team-hero-layout--unified,
.team-hero-layout--unified,
:where(.team-profile-promax, body) .team-hero-layout--unified {
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border: 1.5px solid rgba(214, 241, 252, 0.95) !important;
    border-radius: 28px !important;
    box-shadow: 0 20px 60px rgba(0, 10, 35, 0.15) !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* ── 1. PHẦN HEADER: LOGO TO LỚN & TÊN ĐỘI BÓNG FULL-WIDTH ── */
.team-hero-header-pod,
:where(.team-profile-promax, body) .team-hero-header-pod {
    width: 100% !important;
    background: linear-gradient(180deg, #f8fbfe 0%, #edf5fc 100%) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 40px 32px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Logo to lớn trên Desktop */
.team-hero-header-pod .team-crest-hologram,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-hologram {
    width: 165px !important;
    height: 165px !important;
    min-width: 165px !important;
    min-height: 165px !important;
    margin: 0 auto 18px auto !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
}

.team-hero-header-pod .team-crest-frame,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-frame {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    background: transparent !important;
}

.team-hero-header-pod .team-crest-frame img,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 12px 28px rgba(3, 26, 61, 0.25)) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.team-hero-header-pod:hover .team-crest-frame img {
    transform: scale(1.04) !important;
}

/* Tên đội bóng (SGTS FC) to lớn, uy lực */
.team-hero-header-pod .team-title-wrap,
:where(.team-profile-promax, body) .team-hero-header-pod .team-title-wrap {
    margin: 0 !important;
    text-align: center !important;
}

.team-hero-header-pod .team-profile-title,
:where(.team-profile-promax, body) .team-hero-header-pod .team-profile-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 3.6vw, 44px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 3px 12px rgba(18, 105, 232, 0.2)) !important;
}

/* ── 2. PHẦN THÂN: CÂU CHUYỆN CLB VÀ THỐNG KÊ FULL-WIDTH ── */
.team-profile-promax .team-info-side,
.team-info-side,
:where(.team-profile-promax, body) .team-info-side {
    width: 100% !important;
    background: #ffffff !important;
    padding: 36px 40px 36px !important;
    box-sizing: border-box !important;
}

/* Slogan Banner trích dẫn sang trọng */
.team-profile-promax .team-slogan-box,
:where(.team-profile-promax, body) .team-slogan-box {
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto 28px auto !important;
}

.team-profile-promax .slogan-badge-pill,
:where(.team-profile-promax, body) .slogan-badge-pill {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgba(0, 10, 35, 0.05) !important;
    padding: 14px 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}

.team-profile-promax .slogan-quote-mark,
:where(.team-profile-promax, body) .slogan-quote-mark {
    color: #94a3b8 !important;
    font-size: 26px !important;
    font-family: serif !important;
    line-height: 1 !important;
}

.team-profile-promax .slogan-title,
:where(.team-profile-promax, body) .slogan-title {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    text-align: center !important;
}

.team-profile-promax .slogan-title b,
:where(.team-profile-promax, body) .slogan-title b {
    color: #0f172a !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
}

.team-profile-promax .slogan-title em,
:where(.team-profile-promax, body) .slogan-title em {
    color: var(--club-accent, #c91d2a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
}

/* Khối câu chuyện CLB mở rộng full-width */
.team-profile-promax .team-story-shell,
:where(.team-profile-promax, body) .team-story-shell {
    width: 100% !important;
    margin-bottom: 32px !important;
}

.team-profile-promax .team-story-box,
:where(.team-profile-promax, body) .team-story-box {
    width: 100% !important;
    padding: 26px 32px !important;
    border-radius: 20px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 18px rgba(0, 10, 35, 0.03) !important;
    box-sizing: border-box !important;
}

.team-profile-promax .team-story-box :where(p, li),
:where(.team-profile-promax, body) .team-story-box :where(p, li) {
    font-size: 15.5px !important;
    line-height: 1.75 !important;
    color: #334155 !important;
    margin-bottom: 12px !important;
}

.team-profile-promax .team-story-box > p:first-of-type,
:where(.team-profile-promax, body) .team-story-box > p:first-of-type {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin-bottom: 16px !important;
}

/* Bento 3 thẻ thống kê dàn đều 3 cột rộng rãi */
.team-profile-promax .team-stats-bento,
:where(.team-profile-promax, body) .team-stats-bento {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    width: 100% !important;
}

.team-profile-promax .team-stat-card,
:where(.team-profile-promax, body) .team-stat-card {
    min-height: 80px !important;
    padding: 16px 20px !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(0, 10, 35, 0.05) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.team-profile-promax .team-stat-card:hover {
    transform: translateY(-4px) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 10px 24px rgba(4, 31, 72, 0.12) !important;
}

.team-profile-promax .team-stat-card .stat-icon-pod,
:where(.team-profile-promax, body) .team-stat-card .stat-icon-pod {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
    border-radius: 12px !important;
    background: rgba(14, 85, 185, 0.08) !important;
    color: #0284c7 !important;
    display: grid !important;
    place-items: center !important;
}

.team-profile-promax .team-stat-card .stat-num,
:where(.team-profile-promax, body) .team-stat-card .stat-num {
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    color: #031b40 !important;
    line-height: 1.1 !important;
}

.team-profile-promax .team-stat-card .stat-lbl,
:where(.team-profile-promax, body) .team-stat-card .stat-lbl {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

/* Responsive Mobile Fallback */
@media screen and (max-width: 860px) {
    .team-hero-header-pod {
        padding: 20px 14px 16px !important;
    }
    .team-hero-header-pod .team-crest-hologram {
        width: 105px !important;
        height: 105px !important;
        min-width: 105px !important;
        min-height: 105px !important;
    }
    .team-hero-header-pod .team-profile-title {
        font-size: 24px !important;
    }
    .team-profile-promax .team-info-side {
        padding: 20px 16px !important;
    }
    .team-profile-promax .team-story-box {
        padding: 16px 14px !important;
    }
    .team-profile-promax .team-story-box :where(p, li) {
        font-size: 13.5px !important;
    }
    .team-profile-promax .team-stats-bento {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   KHU VỰC LOGO + TÊN ĐỘI BÓNG + SLOGAN NỀN TRẮNG TINH KHÔI ĐẸP MẮT
   ═════════════════════════════════════════════════════════════════════ */

/* Header Pod nền trắng sạch sẽ 100% */
.team-hero-header-pod,
:where(.team-profile-promax, body) .team-hero-header-pod {
    width: 100% !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf2f7 !important;
    padding: 38px 28px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* 1. Logo CLB to lớn */
.team-hero-header-pod .team-crest-hologram,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-hologram {
    width: 165px !important;
    height: 165px !important;
    min-width: 165px !important;
    min-height: 165px !important;
    margin: 0 auto 16px auto !important;
    display: grid !important;
    place-items: center !important;
}

.team-hero-header-pod .team-crest-frame img,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 10px 24px rgba(3, 26, 61, 0.22)) !important;
}

/* 2. Tên đội bóng (SGTS FC) */
.team-hero-header-pod .team-title-wrap,
:where(.team-profile-promax, body) .team-hero-header-pod .team-title-wrap {
    margin: 0 0 16px 0 !important;
    text-align: center !important;
}

.team-hero-header-pod .team-profile-title,
:where(.team-profile-promax, body) .team-hero-header-pod .team-profile-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 3.6vw, 44px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 3px 12px rgba(18, 105, 232, 0.2)) !important;
}

/* 3. Khung Slogan nhập chung vào khu vực này */
.team-hero-header-pod .team-slogan-box,
:where(.team-profile-promax, body) .team-hero-header-pod .team-slogan-box {
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
}

.team-hero-header-pod .slogan-badge-pill,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-badge-pill {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 14px rgba(0, 10, 35, 0.04) !important;
    padding: 12px 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    box-sizing: border-box !important;
}

.team-hero-header-pod .slogan-quote-mark,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-quote-mark {
    color: #94a3b8 !important;
    font-size: 24px !important;
    font-family: serif !important;
    line-height: 1 !important;
}

.team-hero-header-pod .slogan-title,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    text-align: center !important;
}

.team-hero-header-pod .slogan-title b,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title b {
    color: #0f172a !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.team-hero-header-pod .slogan-title em,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title em {
    color: var(--club-accent, #c91d2a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
}

/* 4. Khối câu chuyện CLB phía dưới */
.team-profile-promax .team-info-side,
.team-info-side,
:where(.team-profile-promax, body) .team-info-side {
    width: 100% !important;
    background: #ffffff !important;
    padding: 32px 36px 36px !important;
    box-sizing: border-box !important;
}

/* Mobile Responsive */
@media screen and (max-width: 860px) {
    .team-hero-header-pod {
        padding: 22px 16px 18px !important;
    }
    .team-hero-header-pod .team-crest-hologram {
        width: 105px !important;
        height: 105px !important;
        min-width: 105px !important;
        min-height: 105px !important;
        margin-bottom: 12px !important;
    }
    .team-hero-header-pod .team-title-wrap {
        margin-bottom: 12px !important;
    }
    .team-hero-header-pod .team-profile-title {
        font-size: 24px !important;
    }
    .team-hero-header-pod .slogan-badge-pill {
        padding: 8px 16px !important;
        border-radius: 12px !important;
    }
    .team-hero-header-pod .slogan-title b {
        font-size: 13.5px !important;
    }
    .team-hero-header-pod .slogan-title em {
        font-size: 12px !important;
    }
    .team-profile-promax .team-info-side {
        padding: 20px 16px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   NÂNG CẤP SLOGAN CLB TO LỚN, RÕ RÀNG, BẮT MẮT & ẤN TƯỢNG
   ═════════════════════════════════════════════════════════════════════ */

/* Khung Slogan rộng rãi */
.team-hero-header-pod .team-slogan-box,
:where(.team-profile-promax, body) .team-hero-header-pod .team-slogan-box {
    width: 100% !important;
    max-width: 680px !important;
    margin: 4px auto 0 auto !important;
    display: flex !important;
    justify-content: center !important;
}

.team-hero-header-pod .slogan-badge-pill,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-badge-pill {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 18px rgba(0, 10, 35, 0.05) !important;
    padding: 16px 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    box-sizing: border-box !important;
}

/* Dấu ngoặc kép lớn nghệ thuật */
.team-hero-header-pod .slogan-quote-mark,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-quote-mark {
    color: #0284c7 !important;
    font-size: 34px !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-weight: bold !important;
    line-height: 1 !important;
    opacity: 0.75 !important;
    user-select: none !important;
}

.team-hero-header-pod .slogan-title,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title {
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    text-align: center !important;
}

/* Dòng 1: ĐAM MÊ KHÔNG TUỔI (To lớn, đậm nét) */
.team-hero-header-pod .slogan-title b,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title b {
    color: #031b40 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(17px, 1.8vw, 22px) !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
}

/* Dòng 2: ANH EM KHÔNG KHOẢNG CÁCH (To lớn, màu CLB) */
.team-hero-header-pod .slogan-title em,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title em {
    color: var(--club-accent, #c91d2a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(15px, 1.6vw, 19.5px) !important;
    font-weight: 900 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
    letter-spacing: 0.01em !important;
    line-height: 1.2 !important;
}

/* Mobile Responsive */
@media screen and (max-width: 860px) {
    .team-hero-header-pod .slogan-badge-pill,
    :where(.team-profile-promax, body) .team-hero-header-pod .slogan-badge-pill {
        padding: 10px 20px !important;
        border-radius: 14px !important;
        gap: 8px !important;
    }
    .team-hero-header-pod .slogan-quote-mark,
    :where(.team-profile-promax, body) .team-hero-header-pod .slogan-quote-mark {
        font-size: 26px !important;
    }
    .team-hero-header-pod .slogan-title b,
    :where(.team-profile-promax, body) .team-hero-header-pod .slogan-title b {
        font-size: 16px !important;
    }
    .team-hero-header-pod .slogan-title em,
    :where(.team-profile-promax, body) .team-hero-header-pod .slogan-title em {
        font-size: 14.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   BACKGROUND TRẮNG CÁCH ĐIỆU ĐẲNG CẤP CHO KHU VỰC LOGO & TÊN ĐỘI - SLOGAN
   Vân chìm thể thao, hào quang ngọc trai và hiệu ứng kính mờ nghệ thuật
   ═════════════════════════════════════════════════════════════════════ */

.team-hero-header-pod,
:where(.team-profile-promax, body) .team-hero-header-pod {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    width: 100% !important;
    background: 
        radial-gradient(ellipse 80% 60% at 50% 20%, #ffffff 0%, #f7fbfe 60%, #edf5fc 100%) !important;
    border-bottom: 1.5px solid rgba(214, 235, 248, 0.95) !important;
    padding: 44px 32px 34px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* Vân lưới công nghệ & hào quang thể thao chìm */
.team-hero-header-pod::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    background-image: 
        radial-gradient(circle 350px at 50% 30%, rgba(56, 189, 248, 0.08), transparent 75%),
        linear-gradient(rgba(14, 85, 185, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 85, 185, 0.035) 1px, transparent 1px) !important;
    background-size: 100% 100%, 28px 28px, 28px 28px !important;
    mask-image: radial-gradient(ellipse 85% 75% at 50% 40%, #000 60%, transparent 100%) !important;
    -webkit-mask-image: radial-gradient(ellipse 85% 75% at 50% 40%, #000 60%, transparent 100%) !important;
    pointer-events: none !important;
}

/* Vòng cung ánh sáng ngọc bích phía đáy */
.team-hero-header-pod::after {
    content: '' !important;
    position: absolute !important;
    bottom: -50px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(700px, 90%) !important;
    height: 100px !important;
    border-radius: 50% !important;
    background: radial-gradient(ellipse, rgba(56, 189, 248, 0.15) 0%, transparent 70%) !important;
    filter: blur(18px) !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

/* 1. Logo CLB to lớn, bóng đổ 3D thể thao */
.team-hero-header-pod .team-crest-hologram,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-hologram {
    width: 170px !important;
    height: 170px !important;
    min-width: 170px !important;
    min-height: 170px !important;
    margin: 0 auto 18px auto !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
}

.team-hero-header-pod .team-crest-frame img,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 14px 28px rgba(3, 26, 61, 0.22)) !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.team-hero-header-pod:hover .team-crest-frame img {
    transform: translateY(-4px) scale(1.04) !important;
    filter: drop-shadow(0 18px 36px rgba(3, 26, 61, 0.28)) !important;
}

/* 2. Tên đội bóng (SGTS FC) phủ dải màu kim loại Khai Mạc */
.team-hero-header-pod .team-title-wrap,
:where(.team-profile-promax, body) .team-hero-header-pod .team-title-wrap {
    margin: 0 0 16px 0 !important;
    text-align: center !important;
}

.team-hero-header-pod .team-profile-title,
:where(.team-profile-promax, body) .team-hero-header-pod .team-profile-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 3.6vw, 44px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 3px 12px rgba(18, 105, 232, 0.2)) !important;
}

/* 3. Khung Slogan cách điệu sang trọng */
.team-hero-header-pod .team-slogan-box,
:where(.team-profile-promax, body) .team-hero-header-pod .team-slogan-box {
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
}

.team-hero-header-pod .slogan-badge-pill,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-badge-pill {
    background: rgba(255, 255, 255, 0.88) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1.5px solid rgba(203, 228, 245, 0.85) !important;
    border-radius: 18px !important;
    box-shadow: 
        0 6px 20px rgba(0, 10, 35, 0.05),
        0 1px 2px rgba(255, 255, 255, 0.8) inset !important;
    padding: 15px 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    box-sizing: border-box !important;
}

.team-hero-header-pod .slogan-quote-mark,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-quote-mark {
    color: #0284c7 !important;
    font-size: 34px !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-weight: bold !important;
    line-height: 1 !important;
    opacity: 0.8 !important;
}

.team-hero-header-pod .slogan-title b,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title b {
    color: #031b40 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(17px, 1.8vw, 22px) !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
}

.team-hero-header-pod .slogan-title em,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title em {
    color: var(--club-accent, #c91d2a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
    font-size: clamp(15px, 1.6vw, 19.5px) !important;
    font-weight: 900 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
    letter-spacing: 0.01em !important;
}

/* Mobile Responsive */
@media screen and (max-width: 860px) {
    .team-hero-header-pod {
        padding: 24px 16px 20px !important;
    }
    .team-hero-header-pod .team-crest-hologram {
        width: 110px !important;
        height: 110px !important;
        min-width: 110px !important;
        min-height: 110px !important;
        margin-bottom: 12px !important;
    }
    .team-hero-header-pod .team-title-wrap {
        margin-bottom: 12px !important;
    }
    .team-hero-header-pod .team-profile-title {
        font-size: 24px !important;
    }
    .team-hero-header-pod .slogan-badge-pill {
        padding: 10px 18px !important;
        border-radius: 14px !important;
        gap: 8px !important;
    }
    .team-hero-header-pod .slogan-quote-mark {
        font-size: 26px !important;
    }
    .team-hero-header-pod .slogan-title b {
        font-size: 16px !important;
    }
    .team-hero-header-pod .slogan-title em {
        font-size: 14.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   BACKGROUND TRẮNG CÁCH ĐIỆU SÁNG TẠO ĐỈNH CAO CHO HEADER CLB
   Họa tiết sân vận động 3D, vòng quỹ đạo hào quang & vân kim cương ngọc trai
   ═════════════════════════════════════════════════════════════════════ */

.team-hero-header-pod,
:where(.team-profile-promax, body) .team-hero-header-pod {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    width: 100% !important;
    background: 
        radial-gradient(ellipse 90% 65% at 50% 18%, #ffffff 0%, #f7fbff 50%, #e8f4fc 100%) !important;
    border-bottom: 1.5px solid rgba(200, 230, 248, 0.95) !important;
    padding: 48px 36px 36px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* ── LỚP HỌA TIẾT SÂN VẬN ĐỘNG & HÀO QUANG 3D ── */
.pod-ambient-stadium {
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Hào quang màu CLB lan tỏa mềm mại */
.stadium-glow-core {
    position: absolute !important;
    top: 50px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 380px !important;
    height: 380px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, color-mix(in srgb, var(--core-accent, #176fe3) 14%, transparent) 0%, transparent 68%) !important;
    filter: blur(28px) !important;
}

/* Vòng tròn trung tâm sân cỏ 3D nghiêng */
.stadium-pitch-circle {
    position: absolute !important;
    top: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) rotateX(58deg) !important;
    width: 440px !important;
    height: 440px !important;
    border-radius: 50% !important;
    border: 1.5px dashed rgba(14, 85, 185, 0.14) !important;
    box-shadow: 0 0 0 16px rgba(56, 189, 248, 0.03), inset 0 0 0 24px rgba(56, 189, 248, 0.02) !important;
}

/* Cung vòm sân vận động nghệ thuật 1 */
.stadium-arc-1 {
    position: absolute !important;
    top: -90px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 820px !important;
    height: 360px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(14, 85, 185, 0.07) !important;
}

/* Cung vòm sân vận động nghệ thuật 2 */
.stadium-arc-2 {
    position: absolute !important;
    top: -50px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 640px !important;
    height: 280px !important;
    border-radius: 50% !important;
    border: 1px dashed rgba(56, 189, 248, 0.12) !important;
}

/* Vân lưới kim cương thể thao công nghệ */
.team-hero-header-pod::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    background-image: 
        linear-gradient(rgba(14, 85, 185, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 85, 185, 0.03) 1px, transparent 1px) !important;
    background-size: 32px 32px !important;
    mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 45%, transparent 100%) !important;
    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 45%, transparent 100%) !important;
    pointer-events: none !important;
}

/* ── 1. LOGO CLB & VÒNG QUY ĐẠO HÀO QUANG ── */
.team-hero-header-pod .team-crest-hologram,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-hologram {
    width: 175px !important;
    height: 175px !important;
    min-width: 175px !important;
    min-height: 175px !important;
    margin: 0 auto 18px auto !important;
    display: grid !important;
    place-items: center !important;
    position: relative !important;
}

/* Vòng quỹ đạo ánh sáng quanh Logo */
.crest-orbit-ring {
    position: absolute !important;
    inset: -8px !important;
    border-radius: 50% !important;
    border: 1.5px solid rgba(88, 221, 238, 0.45) !important;
    box-shadow: 0 0 16px rgba(88, 221, 238, 0.25) !important;
    pointer-events: none !important;
    animation: crestOrbitSpin 24s linear infinite !important;
}

@keyframes crestOrbitSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.team-hero-header-pod .team-crest-frame img,
:where(.team-profile-promax, body) .team-hero-header-pod .team-crest-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 16px 32px rgba(3, 26, 61, 0.25)) !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.team-hero-header-pod:hover .team-crest-frame img {
    transform: translateY(-5px) scale(1.04) !important;
    filter: drop-shadow(0 20px 40px rgba(3, 26, 61, 0.32)) !important;
}

/* ── 2. TÊN ĐỘI BÓNG (SGTS FC) ── */
.team-hero-header-pod .team-title-wrap,
:where(.team-profile-promax, body) .team-hero-header-pod .team-title-wrap {
    margin: 0 0 16px 0 !important;
    text-align: center !important;
}

.team-hero-header-pod .team-profile-title,
:where(.team-profile-promax, body) .team-hero-header-pod .team-profile-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(30px, 3.8vw, 46px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #031b40 0%, #08275a 30%, #1269e8 65%, #08275a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 3px 12px rgba(18, 105, 232, 0.2)) !important;
}

/* ── 3. KHUNG SLOGAN KÍNH PHA LÊ SÁNG TẠO ── */
.team-hero-header-pod .team-slogan-box,
:where(.team-profile-promax, body) .team-hero-header-pod .team-slogan-box {
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
}

.team-hero-header-pod .slogan-badge-pill,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-badge-pill {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1.5px solid rgba(180, 220, 245, 0.9) !important;
    border-radius: 20px !important;
    box-shadow: 
        0 8px 24px rgba(0, 10, 35, 0.06),
        0 0 0 4px rgba(56, 189, 248, 0.06),
        inset 0 1px 2px #ffffff !important;
    padding: 16px 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    box-sizing: border-box !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.team-hero-header-pod .slogan-badge-pill:hover {
    transform: translateY(-2px) !important;
    box-shadow: 
        0 12px 30px rgba(0, 10, 35, 0.09),
        0 0 0 5px rgba(56, 189, 248, 0.12),
        inset 0 1px 2px #ffffff !important;
}

.team-hero-header-pod .slogan-quote-mark,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-quote-mark {
    color: #0284c7 !important;
    font-size: 38px !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-weight: bold !important;
    line-height: 1 !important;
    opacity: 0.85 !important;
}

.team-hero-header-pod .slogan-title b,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title b {
    color: #031b40 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(17px, 1.8vw, 22px) !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
}

.team-hero-header-pod .slogan-title em,
:where(.team-profile-promax, body) .team-hero-header-pod .slogan-title em {
    color: var(--club-accent, #c91d2a) !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(15px, 1.6vw, 19.5px) !important;
    font-weight: 900 !important;
    font-style: italic !important;
    text-transform: uppercase !important;
    letter-spacing: 0.01em !important;
}

/* Mobile Responsive */
@media screen and (max-width: 860px) {
    .team-hero-header-pod {
        padding: 26px 16px 20px !important;
    }
    .stadium-pitch-circle {
        width: 300px !important;
        height: 300px !important;
    }
    .stadium-arc-1 {
        width: 500px !important;
    }
    .team-hero-header-pod .team-crest-hologram {
        width: 115px !important;
        height: 115px !important;
        min-width: 115px !important;
        min-height: 115px !important;
        margin-bottom: 12px !important;
    }
    .crest-orbit-ring {
        inset: -5px !important;
    }
    .team-hero-header-pod .team-title-wrap {
        margin-bottom: 12px !important;
    }
    .team-hero-header-pod .team-profile-title {
        font-size: 24px !important;
    }
    .team-hero-header-pod .slogan-badge-pill {
        padding: 10px 18px !important;
        border-radius: 14px !important;
        gap: 8px !important;
    }
    .team-hero-header-pod .slogan-quote-mark {
        font-size: 28px !important;
    }
    .team-hero-header-pod .slogan-title b {
        font-size: 16px !important;
    }
    .team-hero-header-pod .slogan-title em {
        font-size: 14.5px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   HIỆU ỨNG BÓNG ĐÁ ĐẸP MẮT & SỐNG ĐỘNG CHO BACKGROUND TRẮNG CLB
   Mắt lưới khung thành 3D, quả bóng đa giác nghệ thuật & vệt quỹ đạo
   ═════════════════════════════════════════════════════════════════════ */

/* ── 1. MẮT LƯỚI KHUNG THÀNH LỤC GIÁC 3D (GOAL NET) ── */
.football-goal-net {
    position: absolute !important;
    top: 0 !important;
    width: clamp(180px, 28vw, 320px) !important;
    height: clamp(180px, 28vw, 320px) !important;
    background-image: 
        radial-gradient(circle, rgba(14, 85, 185, 0.12) 1.5px, transparent 1.5px),
        linear-gradient(30deg, rgba(14, 85, 185, 0.06) 1px, transparent 1px),
        linear-gradient(150deg, rgba(14, 85, 185, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(14, 85, 185, 0.04) 1px, transparent 1px) !important;
    background-size: 22px 22px !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.football-goal-net--left {
    left: -40px !important;
    transform: perspective(600px) rotateY(25deg) rotateZ(-10deg) !important;
    mask-image: radial-gradient(circle at 20% 20%, #000000 30%, transparent 80%) !important;
    -webkit-mask-image: radial-gradient(circle at 20% 20%, #000000 30%, transparent 80%) !important;
}

.football-goal-net--right {
    right: -40px !important;
    transform: perspective(600px) rotateY(-25deg) rotateZ(10deg) !important;
    mask-image: radial-gradient(circle at 80% 20%, #000000 30%, transparent 80%) !important;
    -webkit-mask-image: radial-gradient(circle at 80% 20%, #000000 30%, transparent 80%) !important;
}

/* ── 2. QUẢ BÓNG ĐÁ ĐA GIÁC 3D CHÌM CÁCH ĐIỆU ── */
.football-pattern-ball {
    position: absolute !important;
    width: clamp(160px, 20vw, 240px) !important;
    height: clamp(160px, 20vw, 240px) !important;
    border-radius: 50% !important;
    border: 2px dashed rgba(14, 85, 185, 0.12) !important;
    box-shadow: 
        0 0 0 8px rgba(56, 189, 248, 0.03),
        inset 0 0 24px rgba(14, 85, 185, 0.06) !important;
    background-image: 
        radial-gradient(circle at 50% 50%, rgba(14, 85, 185, 0.08) 22%, transparent 23%),
        radial-gradient(circle at 20% 20%, rgba(14, 85, 185, 0.06) 18%, transparent 19%),
        radial-gradient(circle at 80% 20%, rgba(14, 85, 185, 0.06) 18%, transparent 19%),
        radial-gradient(circle at 20% 80%, rgba(14, 85, 185, 0.06) 18%, transparent 19%),
        radial-gradient(circle at 80% 80%, rgba(14, 85, 185, 0.06) 18%, transparent 19%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
    opacity: 0.8 !important;
}

.football-pattern-ball--left {
    top: 20px !important;
    left: clamp(-60px, -2vw, -20px) !important;
    transform: rotate(-15deg) !important;
    animation: ballFloatSlowLeft 16s ease-in-out infinite alternate !important;
}

.football-pattern-ball--right {
    top: 40px !important;
    right: clamp(-60px, -2vw, -20px) !important;
    transform: rotate(20deg) !important;
    animation: ballFloatSlowRight 18s ease-in-out infinite alternate !important;
}

@keyframes ballFloatSlowLeft {
    0% { transform: translateY(0) rotate(-15deg); }
    100% { transform: translateY(12px) rotate(-8deg); }
}

@keyframes ballFloatSlowRight {
    0% { transform: translateY(0) rotate(20deg); }
    100% { transform: translateY(-10px) rotate(28deg); }
}

/* ── 3. VỆT ĐƯỜNG BÓNG LĂN UỐN LƯỢN (MOTION TRAIL) ── */
.football-motion-trail {
    position: absolute !important;
    top: 45px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(880px, 96%) !important;
    height: 180px !important;
    border-radius: 50% / 100% 100% 0 0 !important;
    border-top: 2px dashed rgba(56, 189, 248, 0.28) !important;
    mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 80%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 80%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Mobile Responsive */
@media screen and (max-width: 860px) {
    .football-goal-net {
        width: 140px !important;
        height: 140px !important;
        background-size: 16px 16px !important;
    }
    .football-goal-net--left { left: -30px !important; }
    .football-goal-net--right { right: -30px !important; }
    .football-pattern-ball {
        width: 120px !important;
        height: 120px !important;
    }
    .football-pattern-ball--left { left: -40px !important; top: 10px !important; }
    .football-pattern-ball--right { right: -40px !important; top: 20px !important; }
}


/* ═════════════════════════════════════════════════════════════════════
   3 THẺ THỐNG KÊ BENTO (CẦU THỦ, ÁO ĐẤU, FANPAGE) CÂN ĐỐI TRÊN MOBILE
   ═════════════════════════════════════════════ */

@media screen and (max-width: 860px) {
    .team-profile-promax .team-stats-bento,
    .team-stats-bento,
    :where(.team-profile-promax, body) .team-stats-bento {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        margin-top: 14px !important;
    }

    /* 2 Thẻ trên: 16 Cầu thủ & 03 Bộ trang phục (Song song 50% - 50%) */
    .team-profile-promax .team-stat-card,
    .team-stat-card,
    :where(.team-profile-promax, body) .team-stat-card {
        min-height: 56px !important;
        padding: 9px 12px !important;
        border-radius: 12px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        box-shadow: 0 2px 8px rgba(0, 10, 35, 0.03) !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        box-sizing: border-box !important;
    }

    .team-profile-promax .team-stat-card .stat-icon-pod,
    .team-stat-card .stat-icon-pod,
    :where(.team-profile-promax, body) .team-stat-card .stat-icon-pod {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        flex-basis: 34px !important;
        border-radius: 9px !important;
        background: rgba(14, 85, 185, 0.08) !important;
        color: #0284c7 !important;
        display: grid !important;
        place-items: center !important;
    }

    .team-profile-promax .team-stat-card .stat-icon-pod svg,
    .team-stat-card .stat-icon-pod svg {
        width: 17px !important;
        height: 17px !important;
    }

    .team-profile-promax .team-stat-card .stat-meta,
    .team-stat-card .stat-meta {
        display: flex !important;
        flex-direction: column !important;
        gap: 1px !important;
    }

    .team-profile-promax .team-stat-card .stat-num,
    .team-stat-card .stat-num,
    :where(.team-profile-promax, body) .team-stat-card .stat-num {
        font-family: var(--font-display, 'Be Vietnam Pro', sans-serif) !important;
        font-size: 16px !important;
        font-weight: 950 !important;
        color: #031b40 !important;
        line-height: 1.1 !important;
    }

    .team-profile-promax .team-stat-card .stat-lbl,
    .team-stat-card .stat-lbl,
    :where(.team-profile-promax, body) .team-stat-card .stat-lbl {
        font-size: 9px !important;
        font-weight: 800 !important;
        color: #64748b !important;
        letter-spacing: 0.02em !important;
        text-transform: uppercase !important;
    }

    /* Thẻ Fanpage Facebook ở dưới: Full-width dàn đều 100% cực kỳ cân đối */
    .team-profile-promax .stat-card-fanpage,
    .stat-card-fanpage,
    :where(.team-profile-promax, body) .stat-card-fanpage {
        grid-column: 1 / -1 !important;
        background: linear-gradient(135deg, rgba(24, 119, 242, 0.07) 0%, rgba(24, 119, 242, 0.02) 100%) !important;
        border: 1.5px solid rgba(24, 119, 242, 0.28) !important;
        justify-content: center !important;
        padding: 10px 16px !important;
    }

    .team-profile-promax .stat-card-fanpage .stat-icon-pod,
    .stat-card-fanpage .stat-icon-pod,
    :where(.team-profile-promax, body) .stat-card-fanpage .stat-icon-pod {
        background: #1877f2 !important;
        color: #ffffff !important;
    }

    .team-profile-promax .stat-card-fanpage .stat-meta,
    .stat-card-fanpage .stat-meta {
        flex-direction: row !important;
        align-items: baseline !important;
        gap: 6px !important;
    }

    .team-profile-promax .stat-card-fanpage .stat-num,
    .stat-card-fanpage .stat-num,
    :where(.team-profile-promax, body) .stat-card-fanpage .stat-num {
        color: #1877f2 !important;
        font-size: 13.5px !important;
    }

    .team-profile-promax .stat-card-fanpage .stat-lbl,
    .stat-card-fanpage .stat-lbl,
    :where(.team-profile-promax, body) .stat-card-fanpage .stat-lbl {
        color: #1e40af !important;
        font-size: 11px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   THANH JUMPBAR [BAN HUẤN LUYỆN] [TRANG PHỤC] [DANH SÁCH CẦU THỦ]
   HIỂN THỊ CÂN ĐỐI, GỌN GÀNG & HÀI HÒA TRÊN DESKTOP VÀ MOBILE
   ═════════════════════════════════════════════ */

.team-profile-promax .team-profile-subnav,
.team-profile-subnav,
:where(.team-profile-promax, body) .team-profile-subnav {
    position: sticky !important;
    top: 0 !important;
    z-index: 99 !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-top: 1px solid rgba(226, 232, 240, 0.8) !important;
    border-bottom: 1.5px solid rgba(200, 230, 248, 0.95) !important;
    box-shadow: 0 8px 24px rgba(5, 38, 78, 0.08) !important;
    padding: 8px 0 !important;
}

.team-profile-promax .subnav-inner,
.subnav-inner,
:where(.team-profile-promax, body) .subnav-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 52px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
}

.team-profile-promax .subnav-lead,
.subnav-lead {
    display: none !important; /* Ẩn lead để 3 nút căn giữa tuyệt đối 100% */
}

/* 3 Nút dàn đều dạng Segmented Capsule Bar */
.team-profile-promax .subnav-links,
.subnav-links,
:where(.team-profile-promax, body) .subnav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 4px !important;
    background: #f1f5f9 !important;
    border-radius: 99px !important;
    border: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
}

/* Mỗi nút bấm */
.team-profile-promax .subnav-link,
.subnav-link,
:where(.team-profile-promax, body) .subnav-link {
    flex: 1 1 0 !important;
    min-height: 42px !important;
    padding: 6px 16px !important;
    border-radius: 99px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #475569 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

.team-profile-promax .subnav-link:hover,
.subnav-link:hover {
    color: #031b40 !important;
    background: rgba(255, 255, 255, 0.7) !important;
}

.team-profile-promax .subnav-link .nav-link-icon,
.subnav-link .nav-link-icon {
    width: 22px !important;
    height: 22px !important;
    display: grid !important;
    place-items: center !important;
    color: inherit !important;
    background: transparent !important;
}

.team-profile-promax .subnav-link .nav-link-icon svg,
.subnav-link .nav-link-icon svg {
    width: 16px !important;
    height: 16px !important;
}

/* Nút đang Active: Nổi bật với Navy & Cyan Glow */
.team-profile-promax .subnav-link.is-active,
.subnav-link.is-active,
.team-profile-promax .subnav-link[aria-current="location"],
:where(.team-profile-promax, body) .subnav-link.is-active {
    background: linear-gradient(135deg, #031b40 0%, #08275a 40%, #0d4e9f 100%) !important;
    color: #ffffff !important;
    border-color: #1269e8 !important;
    box-shadow: 0 4px 14px rgba(3, 27, 64, 0.25) !important;
}

.team-profile-promax .subnav-link.is-active .nav-link-icon,
.subnav-link.is-active .nav-link-icon {
    color: #38bdf8 !important;
}

/* ── MOBILE RESPONSIVE (CÂN ĐỐI, GỌN GÀNG, VỪA VẶN TRÊN MÀN HÌNH ĐIỆN THOẠI) ── */
@media screen and (max-width: 860px) {
    .team-profile-promax .team-profile-subnav,
    .team-profile-subnav {
        padding: 6px 0 !important;
    }

    .team-profile-promax .subnav-inner,
    .subnav-inner {
        padding: 0 8px !important;
        min-height: 44px !important;
    }

    .team-profile-promax .subnav-links,
    .subnav-links {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 3px !important;
        border-radius: 14px !important;
    }

    .team-profile-promax .subnav-link,
    .subnav-link {
        min-height: 38px !important;
        padding: 4px 4px !important;
        border-radius: 11px !important;
        font-size: 10.5px !important;
        gap: 4px !important;
        text-align: center !important;
        justify-content: center !important;
    }

    .team-profile-promax .subnav-link .nav-link-icon,
    .subnav-link .nav-link-icon {
        width: 16px !important;
        height: 16px !important;
    }

    .team-profile-promax .subnav-link .nav-link-icon svg,
    .subnav-link .nav-link-icon svg {
        width: 13px !important;
        height: 13px !important;
    }
}

@media screen and (max-width: 400px) {
    .team-profile-promax .subnav-link,
    .subnav-link {
        font-size: 9.5px !important;
        padding: 3px 2px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TỐI ƯU HÓA TOÀN DIỆN KHOẢNG CÁCH TRÊN TRANG CHỦ DESKTOP
   (Harmonious Golden Ratio Rhythm & Compact Spacing)
   ═════════════════════════════════════════════════════════════════════ */

@media screen and (min-width: 992px) {
    /* 1. Nhịp điệu đệm cho tất cả các Section chính trên trang chủ */
    body.home-page main > .section,
    body.home-page .section,
    body.home-page .tournament-manifesto-hero,
    body.home-page .tournament-slogan,
    body.home-page .trailers-stage,
    body.home-page .regulations-teaser,
    body.home-page .awards-teaser-promax,
    body.home-page .teams-showcase,
    body.home-page .tournament-timeline,
    body.home-page .stadium-section,
    body.home-page .destination-travel,
    body.home-page .fixtures-section-pro-max,
    body.home-page .live-center-section,
    body.home-page .newsroom-section,
    body.home-page .gallery-section,
    body.home-page .sponsors-section {
        padding-block: clamp(42px, 4.2vw, 62px) !important;
    }

    /* 2. Tiêu đề các Section & Khoảng cách tới nội dung */
    body.home-page .section-head,
    body.home-page .teams-heading,
    body.home-page .timeline-heading,
    body.home-page .fixtures-pro-head,
    body.home-page .newsroom-head {
        margin-bottom: clamp(24px, 2.5vw, 36px) !important;
    }

    /* 3. Khối Hero Manifesto & Slogan */
    body.home-page .tournament-manifesto-hero {
        padding-top: clamp(28px, 3vw, 42px) !important;
        padding-bottom: clamp(32px, 3.5vw, 48px) !important;
    }

    body.home-page .tournament-slogan {
        padding-block: clamp(32px, 3.2vw, 46px) !important;
    }

    /* 4. Khối Trailer Stage */
    body.home-page .trailers-stage {
        padding-block: clamp(40px, 4vw, 56px) !important;
    }

    /* 5. Khối Điều Lệ & Giải Thưởng */
    body.home-page .regulations-teaser {
        padding-block: clamp(44px, 4.2vw, 60px) !important;
    }

    body.home-page .awards-teaser-promax {
        padding-block: clamp(44px, 4.2vw, 60px) !important;
    }

    /* 6. Khối Đội Bóng Tham Dự */
    body.home-page .teams-showcase {
        padding-block: clamp(46px, 4.5vw, 64px) !important;
    }

    body.home-page .team-cards {
        gap: 18px !important;
    }

    /* 7. Khối Lộ Trình 3 Ngày Kết Nối */
    body.home-page .tournament-timeline {
        padding-block: clamp(46px, 4.5vw, 64px) !important;
    }

    body.home-page .timeline-track {
        gap: 18px !important;
    }

    /* 8. Khối Sân Thi Đấu Nguyễn Thị Định */
    body.home-page .stadium-section {
        padding-block: clamp(44px, 4.2vw, 60px) !important;
    }

    body.home-page .stadium-shell {
        gap: 28px !important;
    }

    /* 9. Khối Điểm Đến (HƠN CẢ MỘT GIẢI ĐẤU) */
    body.home-page .destination-travel {
        padding-block: clamp(44px, 4.2vw, 60px) !important;
    }

    /* 10. Khối Lịch Thi Đấu & Match Center */
    body.home-page .fixtures-section-pro-max {
        padding-block: clamp(46px, 4.5vw, 64px) !important;
    }

    body.home-page .fixtures-luxury-grid {
        gap: 16px !important;
    }

    /* 11. Khối Tin Tức & Thư Viện */
    body.home-page .newsroom-section {
        padding-block: clamp(46px, 4.5vw, 64px) !important;
    }

    body.home-page .gallery-section {
        padding-block: clamp(46px, 4.5vw, 64px) !important;
    }

    /* 12. Khối Nhà Tài Trợ & Chân Trang */
    body.home-page .sponsors-section {
        padding-block: clamp(42px, 4vw, 58px) !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   ĐỒNG NHẤT BACKGROUND KHỐI SÂN VẬN ĐỘNG VỚI KHỐI LỘ TRÌNH (DARK NAVY)
   ═════════════════════════════════════════════ */

body.home-page .stadium-section,
.stadium-section,
:where(body.home-page, body) .stadium-section {
    position: relative !important;
    overflow: hidden !important;
    color: #ffffff !important;
    border: 0 !important;
    background: 
        radial-gradient(circle at 12% 10%, rgba(37, 199, 242, 0.22), transparent 28%),
        radial-gradient(circle at 90% 85%, rgba(20, 94, 224, 0.3), transparent 32%),
        linear-gradient(145deg, #020e29 0%, #05285b 48%, #063f82 100%) !important;
    box-shadow: none !important;
}

body.home-page .stadium-section::before,
.stadium-section::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    opacity: 0.28 !important;
    background-image: 
        linear-gradient(rgba(112, 219, 255, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(112, 219, 255, 0.1) 1px, transparent 1px) !important;
    background-size: 72px 72px !important;
    mask-image: radial-gradient(ellipse 90% 80% at 50% 50%, #000 60%, transparent 100%) !important;
    -webkit-mask-image: radial-gradient(ellipse 90% 80% at 50% 50%, #000 60%, transparent 100%) !important;
    z-index: 0 !important;
}

body.home-page .stadium-section::after,
.stadium-section::after {
    display: none !important;
}

/* Khung vỏ bọc */
body.home-page .stadium-shell,
.stadium-shell {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.3fr) minmax(360px, 0.7fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

/* Khung hình ảnh sân vận động */
body.home-page .stadium-visual,
.stadium-visual {
    position: relative !important;
    border-radius: 24px !important;
    border: 1.5px solid rgba(88, 221, 238, 0.35) !important;
    box-shadow: 0 20px 50px rgba(0, 5, 20, 0.45) !important;
    overflow: hidden !important;
    background: #03142e !important;
}

body.home-page .stadium-visual img,
.stadium-visual img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.home-page .stadium-visual:hover img {
    transform: scale(1.03) !important;
}

/* Panel thông tin sân vận động & Google Maps (Kính mờ Dark Glass) */
body.home-page .stadium-map-panel,
.stadium-map-panel {
    background: rgba(3, 20, 48, 0.82) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1.5px solid rgba(88, 221, 238, 0.3) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 50px rgba(0, 5, 20, 0.4) !important;
    padding: 32px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* Tiêu đề Tên Sân */
body.home-page .stadium-panel-heading,
.stadium-panel-heading {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 2.4vw, 30px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;
    color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

body.home-page .stadium-panel-heading em,
.stadium-panel-heading em {
    font-size: clamp(14px, 1.4vw, 17px) !important;
    font-weight: 800 !important;
    font-style: normal !important;
    color: #38bdf8 !important;
    letter-spacing: 0.02em !important;
}

/* Thẻ thông tin (Ngày thi đấu, Địa điểm) */
body.home-page .stadium-location-facts,
.stadium-location-facts {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
}

body.home-page .stadium-fact-card,
.stadium-fact-card {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

body.home-page .stadium-fact-icon,
.stadium-fact-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    border-radius: 10px !important;
    background: rgba(56, 189, 248, 0.15) !important;
    color: #38bdf8 !important;
    display: grid !important;
    place-items: center !important;
}

body.home-page .stadium-fact-body,
.stadium-fact-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

body.home-page .stadium-fact-body small,
.stadium-fact-body small {
    color: #94a3b8 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

body.home-page .stadium-fact-body strong,
.stadium-fact-body strong {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

/* Nút chỉ đường Google Maps */
body.home-page .stadium-map-action,
.stadium-map-action {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    border: 1px solid #38bdf8 !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.35) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

body.home-page .stadium-map-action:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 30px rgba(2, 132, 199, 0.5) !important;
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
}

body.home-page .stadium-map-pin,
.stadium-map-pin {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #0284c7 !important;
    display: grid !important;
    place-items: center !important;
}

body.home-page .stadium-map-copy,
.stadium-map-copy {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
}

body.home-page .stadium-map-copy strong,
.stadium-map-copy strong {
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

body.home-page .stadium-map-copy em,
.stadium-map-copy em {
    color: #e0f2fe !important;
    font-size: 11px !important;
    font-style: normal !important;
}

body.home-page .stadium-map-arrow,
.stadium-map-arrow {
    color: #ffffff !important;
    display: grid !important;
    place-items: center !important;
}

/* Mobile Responsive */
@media screen and (max-width: 900px) {
    body.home-page .stadium-shell {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    body.home-page .stadium-visual {
        min-height: 220px !important;
    }
    body.home-page .stadium-map-panel {
        padding: 22px 18px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   ĐỒNG NHẤT 100% BACKGROUND KHỐI SÂN BÓNG ĐÁ VÀ KHỐI LỘ TRÌNH (XANH NAVY)
   ═════════════════════════════════════════════════════════════════════ */

#san-thi-dau,
.stadium-section,
section.stadium-section,
body.home-page #san-thi-dau,
body.home-page .stadium-section,
html body .stadium-section,
:where(body.home-page, body) .stadium-section {
    position: relative !important;
    overflow: hidden !important;
    color: #ffffff !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: #03183d !important;
    background-image: 
        radial-gradient(circle at 12% 10%, rgba(37, 199, 242, 0.24), transparent 28%),
        radial-gradient(circle at 90% 85%, rgba(20, 94, 224, 0.32), transparent 32%),
        linear-gradient(145deg, #020e29 0%, #05285b 48%, #063f82 100%) !important;
    box-shadow: none !important;
}

#san-thi-dau::before,
.stadium-section::before,
body.home-page .stadium-section::before,
:where(body.home-page, body) .stadium-section::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    opacity: 0.32 !important;
    background-image: 
        linear-gradient(rgba(112, 219, 255, 0.11) 1px, transparent 1px),
        linear-gradient(90deg, rgba(112, 219, 255, 0.11) 1px, transparent 1px) !important;
    background-size: 72px 72px !important;
    mask-image: radial-gradient(ellipse 90% 80% at 50% 50%, #000 60%, transparent 100%) !important;
    -webkit-mask-image: radial-gradient(ellipse 90% 80% at 50% 50%, #000 60%, transparent 100%) !important;
    z-index: 0 !important;
}

#san-thi-dau::after,
.stadium-section::after,
body.home-page .stadium-section::after {
    display: none !important;
}

/* Khung vỏ bọc */
#san-thi-dau .stadium-shell,
body.home-page .stadium-shell,
.stadium-shell {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.3fr) minmax(360px, 0.7fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

/* Khung hình ảnh sân vận động */
#san-thi-dau .stadium-visual,
body.home-page .stadium-visual,
.stadium-visual {
    position: relative !important;
    border-radius: 24px !important;
    border: 1.5px solid rgba(88, 221, 238, 0.35) !important;
    box-shadow: 0 20px 50px rgba(0, 5, 20, 0.45) !important;
    overflow: hidden !important;
    background: #03142e !important;
}

#san-thi-dau .stadium-visual img,
body.home-page .stadium-visual img,
.stadium-visual img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Panel thông tin sân vận động & Google Maps (Kính mờ Dark Glass) */
#san-thi-dau .stadium-map-panel,
body.home-page .stadium-map-panel,
.stadium-map-panel {
    background: rgba(3, 20, 48, 0.85) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1.5px solid rgba(88, 221, 238, 0.3) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 50px rgba(0, 5, 20, 0.4) !important;
    padding: 32px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* Tiêu đề Tên Sân */
#san-thi-dau .stadium-panel-heading,
body.home-page .stadium-panel-heading,
.stadium-panel-heading {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 2.4vw, 30px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;
    color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

#san-thi-dau .stadium-panel-heading em,
body.home-page .stadium-panel-heading em,
.stadium-panel-heading em {
    font-size: clamp(14px, 1.4vw, 17px) !important;
    font-weight: 800 !important;
    font-style: normal !important;
    color: #38bdf8 !important;
    letter-spacing: 0.02em !important;
}

/* Thẻ thông tin (Ngày thi đấu, Địa điểm) */
#san-thi-dau .stadium-location-facts,
body.home-page .stadium-location-facts,
.stadium-location-facts {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
}

#san-thi-dau .stadium-fact-card,
body.home-page .stadium-fact-card,
.stadium-fact-card {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

#san-thi-dau .stadium-fact-icon,
body.home-page .stadium-fact-icon,
.stadium-fact-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    border-radius: 10px !important;
    background: rgba(56, 189, 248, 0.15) !important;
    color: #38bdf8 !important;
    display: grid !important;
    place-items: center !important;
}

#san-thi-dau .stadium-fact-body small,
body.home-page .stadium-fact-body small,
.stadium-fact-body small {
    color: #94a3b8 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

#san-thi-dau .stadium-fact-body strong,
body.home-page .stadium-fact-body strong,
.stadium-fact-body strong {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

/* Nút chỉ đường Google Maps */
#san-thi-dau .stadium-map-action,
body.home-page .stadium-map-action,
.stadium-map-action {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    border: 1px solid #38bdf8 !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.35) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

#san-thi-dau .stadium-map-action:hover,
body.home-page .stadium-map-action:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 30px rgba(2, 132, 199, 0.5) !important;
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
}

#san-thi-dau .stadium-map-pin,
body.home-page .stadium-map-pin,
.stadium-map-pin {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #0284c7 !important;
    display: grid !important;
    place-items: center !important;
}

#san-thi-dau .stadium-map-copy strong,
body.home-page .stadium-map-copy strong {
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

#san-thi-dau .stadium-map-copy em,
body.home-page .stadium-map-copy em {
    color: #e0f2fe !important;
    font-size: 11px !important;
    font-style: normal !important;
}

#san-thi-dau .stadium-map-arrow,
body.home-page .stadium-map-arrow {
    color: #ffffff !important;
}

@media screen and (max-width: 900px) {
    #san-thi-dau .stadium-shell,
    body.home-page .stadium-shell {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    #san-thi-dau .stadium-visual,
    body.home-page .stadium-visual {
        min-height: 220px !important;
    }
    #san-thi-dau .stadium-map-panel,
    body.home-page .stadium-map-panel {
        padding: 22px 18px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   BACKGROUND SÂN BÓNG ĐÁ NGUYỄN THỊ ĐỊNH (CHUẨN 100% THEO ẢNH MẪU):
   Nền Xanh Navy Sapphire + Lưới công nghệ thể thao + Vòng cung ánh sáng
   ═════════════════════════════════════════════════════════════════════ */

#san-thi-dau,
.stadium-section,
section.stadium-section,
body.home-page #san-thi-dau,
body.home-page .stadium-section,
html body .stadium-section,
:where(body.home-page, body) .stadium-section {
    position: relative !important;
    overflow: hidden !important;
    color: #ffffff !important;
    border: none !important;
    background: #020e29 !important;
    background-image: 
        radial-gradient(circle at 12% 10%, rgba(37, 199, 242, 0.28), transparent 30%),
        radial-gradient(circle at 92% 80%, rgba(20, 94, 224, 0.35), transparent 35%),
        linear-gradient(145deg, #020e29 0%, #05285b 48%, #063f82 100%) !important;
    box-shadow: none !important;
}

/* 1. Lưới công nghệ thể thao chìm 72px x 72px */
#san-thi-dau::before,
.stadium-section::before,
body.home-page .stadium-section::before,
:where(body.home-page, body) .stadium-section::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    opacity: 0.45 !important;
    background-image: 
        linear-gradient(rgba(112, 219, 255, 0.14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(112, 219, 255, 0.14) 1px, transparent 1px) !important;
    background-size: 72px 72px !important;
    z-index: 1 !important;
}

/* 2. Vòng cung hào quang thể thao lớn (giống ảnh mẫu người dùng cung cấp) */
#san-thi-dau::after,
.stadium-section::after,
body.home-page .stadium-section::after,
:where(body.home-page, body) .stadium-section::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    right: -10vw !important;
    bottom: -15vw !important;
    width: clamp(340px, 46vw, 650px) !important;
    height: clamp(340px, 46vw, 650px) !important;
    border: 1.5px solid rgba(114, 227, 255, 0.28) !important;
    border-radius: 50% !important;
    box-shadow: 
        0 0 0 clamp(40px, 6vw, 80px) rgba(31, 157, 231, 0.05),
        0 0 0 clamp(80px, 12vw, 160px) rgba(31, 157, 231, 0.03) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* 3. Nội dung bên trong nằm trên z-index 2 */
#san-thi-dau .stadium-shell,
body.home-page .stadium-shell,
.stadium-shell {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.3fr) minmax(360px, 0.7fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

/* Khung hình ảnh sân vận động */
#san-thi-dau .stadium-visual,
body.home-page .stadium-visual,
.stadium-visual {
    position: relative !important;
    border-radius: 24px !important;
    border: 1.5px solid rgba(88, 221, 238, 0.4) !important;
    box-shadow: 0 20px 50px rgba(0, 5, 20, 0.5) !important;
    overflow: hidden !important;
    background: #03142e !important;
}

#san-thi-dau .stadium-visual img,
body.home-page .stadium-visual img,
.stadium-visual img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Panel thông tin sân vận động & Google Maps (Kính mờ Dark Glass) */
#san-thi-dau .stadium-map-panel,
body.home-page .stadium-map-panel,
.stadium-map-panel {
    background: rgba(2, 18, 44, 0.88) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1.5px solid rgba(88, 221, 238, 0.35) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 50px rgba(0, 5, 20, 0.45) !important;
    padding: 32px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* Tiêu đề Tên Sân */
#san-thi-dau .stadium-panel-heading,
body.home-page .stadium-panel-heading,
.stadium-panel-heading {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(22px, 2.4vw, 30px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    margin: 0 0 20px 0 !important;
    color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

#san-thi-dau .stadium-panel-heading em,
body.home-page .stadium-panel-heading em,
.stadium-panel-heading em {
    font-size: clamp(14px, 1.4vw, 17px) !important;
    font-weight: 800 !important;
    font-style: normal !important;
    color: #38bdf8 !important;
    letter-spacing: 0.02em !important;
}

/* Thẻ thông tin (Ngày thi đấu, Địa điểm) */
#san-thi-dau .stadium-location-facts,
body.home-page .stadium-location-facts,
.stadium-location-facts {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
}

#san-thi-dau .stadium-fact-card,
body.home-page .stadium-fact-card,
.stadium-fact-card {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

#san-thi-dau .stadium-fact-icon,
body.home-page .stadium-fact-icon,
.stadium-fact-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    border-radius: 10px !important;
    background: rgba(56, 189, 248, 0.15) !important;
    color: #38bdf8 !important;
    display: grid !important;
    place-items: center !important;
}

#san-thi-dau .stadium-fact-body small,
body.home-page .stadium-fact-body small,
.stadium-fact-body small {
    color: #94a3b8 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

#san-thi-dau .stadium-fact-body strong,
body.home-page .stadium-fact-body strong,
.stadium-fact-body strong {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

/* Nút chỉ đường Google Maps */
#san-thi-dau .stadium-map-action,
body.home-page .stadium-map-action,
.stadium-map-action {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    border: 1px solid #38bdf8 !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.35) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

#san-thi-dau .stadium-map-action:hover,
body.home-page .stadium-map-action:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 30px rgba(2, 132, 199, 0.5) !important;
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
}

#san-thi-dau .stadium-map-pin,
body.home-page .stadium-map-pin,
.stadium-map-pin {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #0284c7 !important;
    display: grid !important;
    place-items: center !important;
}

#san-thi-dau .stadium-map-copy strong,
body.home-page .stadium-map-copy strong {
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

#san-thi-dau .stadium-map-copy em,
body.home-page .stadium-map-copy em {
    color: #e0f2fe !important;
    font-size: 11px !important;
    font-style: normal !important;
}

#san-thi-dau .stadium-map-arrow,
body.home-page .stadium-map-arrow {
    color: #ffffff !important;
}

@media screen and (max-width: 900px) {
    #san-thi-dau .stadium-shell,
    body.home-page .stadium-shell {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    #san-thi-dau .stadium-visual,
    body.home-page .stadium-visual {
        min-height: 220px !important;
    }
    #san-thi-dau .stadium-map-panel,
    body.home-page .stadium-map-panel {
        padding: 22px 18px !important;
    }
}


/* ==========================================================================
   ULTIMATE MOBILE RESPONSIVE FIX: ZERO OVERLAP FOR LOGO & QUY NHON (2026)
   ========================================================================== */
@media screen and (max-width: 768px) {
    /* 1. KHỐI LOGO & THƯƠNG HIỆU PHÍA TRÊN */
    :where(.home-page, body) .hero-event-brand,
    .home-page .hero-event-brand,
    .footer-top-event-deck .hero-event-brand,
    .hero-event-brand {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 12px 10px !important;
        min-height: auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    :where(.home-page, body) .hero-event-crest,
    .home-page .hero-event-crest,
    .footer-top-event-deck .hero-event-crest,
    .hero-event-crest {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        flex: 0 0 58px !important;
        padding: 3px !important;
        border-radius: 50% !important;
        background: radial-gradient(circle at 38% 28%, #ffffff 0%, #e0f2fe 70%, #bae6fd 100%) !important;
        border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
        margin: 0 !important;
        position: relative !important;
        display: grid !important;
        place-items: center !important;
    }

    /* Ẩn các vòng tròn viền đứt nét / orbit lấn chiếm không gian */
    .hero-event-crest::before,
    .hero-event-crest::after,
    .home-page .hero-event-crest::before,
    .home-page .hero-event-crest::after,
    .footer-top-event-deck .hero-event-crest::before,
    .footer-top-event-deck .hero-event-crest::after,
    .crest-orbit-glow {
        display: none !important;
    }

    :where(.home-page, body) .hero-crest,
    .home-page .hero-crest,
    .footer-top-event-deck .hero-crest,
    .hero-crest {
        width: 82% !important;
        height: 82% !important;
        max-width: 82% !important;
        max-height: 82% !important;
        object-fit: contain !important;
        display: block !important;
        margin: auto !important;
        filter: drop-shadow(0 2px 6px rgba(0, 20, 50, 0.3)) !important;
    }

    :where(.home-page, body) .hero-side-label,
    .home-page .hero-event-board .hero-side-label,
    .footer-top-event-deck .hero-side-label,
    .hero-side-label {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 2px !important;
        margin: 0 !important;
        text-align: left !important;
    }

    .home-page .hero-event-board .hero-side-label > span,
    .footer-top-event-deck .brand-kicker-tag {
        font-size: 8px !important;
        font-weight: 800 !important;
        letter-spacing: 0.1em !important;
        line-height: 1 !important;
        color: #38bdf8 !important;
        margin-bottom: 2px !important;
    }

    .home-page .hero-event-board .hero-side-label > strong,
    .footer-top-event-deck .brand-main-title,
    .brand-main-title {
        font-size: clamp(13.5px, 4vw, 17px) !important;
        font-weight: 900 !important;
        color: #ffffff !important;
        line-height: 1.15 !important;
        letter-spacing: -0.01em !important;
        white-space: normal !important;
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        margin: 0 !important;
        max-width: 100% !important;
    }

    .home-page .hero-event-board .hero-side-label b,
    .footer-top-event-deck .brand-season-badge,
    .brand-season-badge {
        font-size: clamp(11px, 3.4vw, 14px) !important;
        font-weight: 800 !important;
        color: #38bdf8 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        margin-top: 2px !important;
    }

    /* 2. KHỐI NGÀY & ĐỊA ĐIỂM PHÍA DƯỚI */
    :where(.home-page, body) .hero-event-facts,
    .home-page .hero-event-facts,
    .footer-top-event-deck .hero-event-facts,
    .hero-event-facts {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
        padding: 8px !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
        min-height: auto !important;
    }

    .home-page .hero-event-board .hero-date,
    .home-page .hero-event-board .hero-location,
    .footer-top-event-deck .hero-fact-card,
    .hero-fact-card {
        min-width: 0 !important;
        min-height: auto !important;
        padding: 8px 4px !important;
        border-radius: 8px !important;
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 0 !important;
    }

    .footer-top-event-deck .hero-fact-header {
        position: static !important;
        margin-bottom: 2px !important;
        display: flex !important;
        justify-content: center !important;
    }

    .footer-top-event-deck .fact-header-label {
        font-size: 6.5px !important;
        font-weight: 800 !important;
        color: #64748b !important;
        letter-spacing: 0.05em !important;
    }

    .home-page .hero-event-board .hero-date-value,
    .home-page .hero-event-board .hero-location-value,
    .footer-top-event-deck .hero-fact-body,
    .footer-top-event-deck .hero-date-value,
    .footer-top-event-deck .hero-location-value {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-around !important;
        gap: 3px !important;
        min-width: 0 !important;
        width: 100% !important;
        flex-wrap: nowrap !important;
    }

    .home-page .hero-event-board .hero-date strong,
    .footer-top-event-deck .fact-main-num,
    .footer-top-event-deck .hero-date-value > strong,
    .fact-main-num {
        font-size: clamp(14px, 4.2vw, 17px) !important;
        font-weight: 900 !important;
        color: #073b79 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        letter-spacing: -0.03em !important;
    }

    .home-page .hero-event-board .hero-location strong,
    .footer-top-event-deck .fact-main-city,
    .footer-top-event-deck .hero-location-value > strong,
    .fact-main-city {
        font-size: clamp(11px, 3.2vw, 13.5px) !important;
        font-weight: 900 !important;
        color: #073b79 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        letter-spacing: -0.02em !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .home-page .hero-event-board .hero-date span,
    .home-page .hero-event-board .hero-location span,
    .footer-top-event-deck .date-text-stack,
    .footer-top-event-deck .location-text-stack {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 1px !important;
        padding-left: 4px !important;
        border-left: 1.5px solid #94a3b8 !important;
        min-width: 0 !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
    }

    .home-page .hero-event-board .hero-date span,
    .home-page .hero-event-board .hero-location span,
    .footer-top-event-deck .date-text-stack span,
    .footer-top-event-deck .location-text-stack span {
        font-size: clamp(5.8px, 1.7vw, 7.2px) !important;
        font-weight: 800 !important;
        line-height: 1.18 !important;
        letter-spacing: 0.01em !important;
        white-space: nowrap !important;
        color: #334155 !important;
        text-transform: uppercase !important;
        display: block !important;
    }
}


/* ══════════════════════════════════════════════════════════════════════
   FIX TRÀN MÀN HÌNH HERO ĐIỀU LỆ TRÊN MOBILE (PERFECT MOBILE FIT)
   ══════════════════════════════════════════════════════════════════════ */
body.regulations-grand-page .awards-page-hero,
body.regulations-grand-page .regulations-hero-grand {
    min-height: auto !important;
    padding: clamp(36px, 6vw, 64px) 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body.regulations-grand-page .awards-page-hero::after {
    display: none !important;
}

body.regulations-grand-page .awards-page-hero-inner,
body.regulations-grand-page .reg-hero-centered-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 900px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    grid-template-columns: 1fr !important;
    box-sizing: border-box !important;
}

body.regulations-grand-page .awards-page-hero-copy,
body.regulations-grand-page .reg-hero-copy-centered {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* 1. SEAL BADGE */
body.regulations-grand-page .reg-hero-royal-seal {
    display: inline-flex !important;
    margin: 0 auto 12px auto !important;
}

body.regulations-grand-page .seal-inner-badge {
    padding: 4px 12px !important;
    border-radius: 999px !important;
    gap: 7px !important;
}

/* 2. KICKER */
body.regulations-grand-page .awards-page-kicker,
body.regulations-grand-page .reg-kicker-centered {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100% !important;
    width: auto !important;
    margin: 0 auto 12px auto !important;
    padding: 5px 12px !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-align: center !important;
    font-size: clamp(8px, 2.4vw, 10.5px) !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
}

/* 3. H1 TITLE */
body.regulations-grand-page .awards-page-hero h1,
body.regulations-grand-page .reg-main-h1 {
    font-size: clamp(22px, 5.8vw, 52px) !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 0 auto 16px auto !important;
    max-width: 100% !important;
    width: 100% !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-wrap: balance !important;
    box-sizing: border-box !important;
}

/* 4. THREE FACTS PILLS */
body.regulations-grand-page .reg-hero-facts-deck {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 640px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

body.regulations-grand-page .reg-hero-fact-pill {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 7px 4px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    gap: 3px !important;
}

body.regulations-grand-page .fact-pill-icon-wrap {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 6px !important;
}

body.regulations-grand-page .fact-pill-icon-wrap svg {
    width: 12px !important;
    height: 12px !important;
}

body.regulations-grand-page .fact-pill-info {
    align-items: center !important;
    text-align: center !important;
    min-width: 0 !important;
    width: 100% !important;
}

body.regulations-grand-page .fact-pill-num {
    font-size: clamp(14px, 3.8vw, 20px) !important;
    line-height: 1 !important;
}

body.regulations-grand-page .fact-pill-lbl {
    font-size: clamp(6.8px, 1.8vw, 9px) !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-align: center !important;
    word-break: break-word !important;
}

@media screen and (max-width: 768px) {
    body.regulations-grand-page .reg-hero-pitch {
        display: none !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   DEEP SAPPHIRE NAVY GLASS THEME FOR AWARDS TEASER (HOMEPAGE SYNC)
   ═════════════════════════════════════════════════════════════════════ */
:where(body, html, .home-page, body.home-page) .awards-teaser-section {
    position: relative !important;
    padding: 72px 0 84px !important;
    background: radial-gradient(circle at 85% 15%, rgba(245, 158, 11, 0.12), transparent 50%),
                radial-gradient(circle at 15% 85%, rgba(14, 165, 233, 0.15), transparent 50%),
                linear-gradient(180deg, #020b22 0%, #031338 50%, #020e29 100%) !important;
    color: #ffffff !important;
    border-top: 1px solid rgba(56, 189, 248, 0.22) !important;
    border-bottom: 1px solid rgba(56, 189, 248, 0.22) !important;
    overflow: hidden !important;
}

:where(body, html, .home-page, body.home-page) .awards-teaser-head-copy h2 {
    font-size: clamp(30px, 3.8vw, 44px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    text-shadow: 0 0 25px rgba(56, 189, 248, 0.55) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

/* ── 3 BENTO CARDS DEEP SAPPHIRE GLASS ── */
:where(body, html, .home-page, body.home-page) .awards-card-light {
    background: linear-gradient(165deg, rgba(2, 18, 54, 0.88) 0%, rgba(1, 10, 32, 0.96) 100%) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border-radius: 22px !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 18px !important;
    position: relative !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), inset 0 0 24px rgba(14, 165, 233, 0.05) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light:hover {
    transform: translateY(-7px) !important;
}

:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-a {
    border: 1.5px solid rgba(245, 158, 11, 0.55) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(245, 158, 11, 0.18) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-a:hover {
    border-color: rgba(251, 191, 36, 0.95) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75), 0 0 35px rgba(245, 158, 11, 0.35) !important;
}

:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-b {
    border: 1.5px solid rgba(56, 189, 248, 0.5) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(14, 165, 233, 0.18) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-b:hover {
    border-color: rgba(125, 211, 252, 0.95) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75), 0 0 35px rgba(14, 165, 233, 0.35) !important;
}

:where(body, html, .home-page, body.home-page) .awards-card-light.is-purple {
    border: 1.5px solid rgba(192, 132, 252, 0.5) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), 0 0 25px rgba(168, 85, 247, 0.18) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-purple:hover {
    border-color: rgba(216, 180, 254, 0.95) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.75), 0 0 35px rgba(168, 85, 247, 0.35) !important;
}

/* Card Titles */
:where(body, html, .home-page, body.home-page) .awards-card-main-title {
    font-size: 19px !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-a .awards-card-main-title {
    color: #fde047 !important;
    text-shadow: 0 0 15px rgba(250, 204, 21, 0.45) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-serie-b .awards-card-main-title {
    color: #7dd3fc !important;
    text-shadow: 0 0 15px rgba(56, 189, 248, 0.45) !important;
}
:where(body, html, .home-page, body.home-page) .awards-card-light.is-purple .awards-card-main-title {
    color: #e9d5ff !important;
    text-shadow: 0 0 15px rgba(192, 132, 252, 0.45) !important;
}

/* Prize Box Inner */
.awards-prize-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
}
.awards-prize-card.is-gold {
    border-left: 4px solid #f59e0b !important;
}
.awards-prize-card.is-blue {
    border-left: 4px solid #38bdf8 !important;
}
.awards-prize-card.is-purple {
    border-left: 4px solid #c084fc !important;
}

.awards-prize-text {
    color: #cbd5e1 !important;
}
.awards-prize-text strong {
    color: #ffffff !important;
}

/* Subcategories */
.awards-subcategories-title {
    color: #94a3b8 !important;
}
.awards-chip-item {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #f1f5f9 !important;
}

/* Action Buttons */
.awards-teaser-action-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 11px 16px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    backdrop-filter: blur(10px) !important;
}
.awards-teaser-action-btn.is-gold {
    background: rgba(245, 158, 11, 0.16) !important;
    border: 1.2px solid rgba(245, 158, 11, 0.45) !important;
    color: #fef08a !important;
}
.awards-teaser-action-btn.is-gold:hover {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(245, 158, 11, 0.4) !important;
}

.awards-teaser-action-btn.is-blue {
    background: rgba(2, 132, 199, 0.16) !important;
    border: 1.2px solid rgba(56, 189, 248, 0.45) !important;
    color: #bae6fd !important;
}
.awards-teaser-action-btn.is-blue:hover {
    background: linear-gradient(135deg, #0284c7, #0369a1) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(2, 132, 199, 0.4) !important;
}

.awards-teaser-action-btn.is-purple {
    background: rgba(147, 51, 234, 0.16) !important;
    border: 1.2px solid rgba(192, 132, 252, 0.45) !important;
    color: #e9d5ff !important;
}
.awards-teaser-action-btn.is-purple:hover {
    background: linear-gradient(135deg, #9333ea, #7e22ce) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(147, 51, 234, 0.4) !important;
}

/* Header Pills */
.awards-pill-badge.is-gold { background: rgba(245, 158, 11, 0.2) !important; border: 1px solid rgba(245, 158, 11, 0.4) !important; color: #fef08a !important; }
.awards-pill-badge.is-gold .awards-pill-num, .awards-pill-badge.is-gold .awards-pill-name { color: #fef08a !important; }

.awards-pill-badge.is-blue { background: rgba(14, 165, 233, 0.2) !important; border: 1px solid rgba(56, 189, 248, 0.4) !important; color: #bae6fd !important; }
.awards-pill-badge.is-blue .awards-pill-num, .awards-pill-badge.is-blue .awards-pill-name { color: #bae6fd !important; }

.awards-pill-badge.is-purple { background: rgba(168, 85, 247, 0.2) !important; border: 1px solid rgba(192, 132, 252, 0.4) !important; color: #e9d5ff !important; }
.awards-pill-badge.is-purple .awards-pill-num, .awards-pill-badge.is-purple .awards-pill-name { color: #e9d5ff !important; }

.awards-chip.is-gold { background: rgba(245, 158, 11, 0.18) !important; color: #fde047 !important; border: 1px solid rgba(245, 158, 11, 0.4) !important; }
.awards-chip.is-blue { background: rgba(14, 165, 233, 0.18) !important; color: #7dd3fc !important; border: 1px solid rgba(56, 189, 248, 0.4) !important; }
.awards-chip.is-purple { background: rgba(168, 85, 247, 0.18) !important; color: #e9d5ff !important; border: 1px solid rgba(192, 132, 252, 0.4) !important; }


/* ═════════════════════════════════════════════════════════════════════
   ULTRA LUXURY DEEP SAPPHIRE AWARDS TEASER (PERFECT CONTRAST & BEAUTY)
   ═════════════════════════════════════════════════════════════════════ */

.awards-teaser-section {
    position: relative !important;
    padding: clamp(60px, 7vw, 92px) 0 !important;
    background: radial-gradient(circle at 50% 0%, rgba(14, 165, 233, 0.18) 0%, transparent 60%),
                radial-gradient(circle at 88% 75%, rgba(245, 158, 11, 0.12) 0%, transparent 50%),
                linear-gradient(180deg, #020b22 0%, #031338 50%, #01081f 100%) !important;
    color: #ffffff !important;
    border-top: 1.5px solid rgba(56, 189, 248, 0.25) !important;
    border-bottom: 1.5px solid rgba(56, 189, 248, 0.25) !important;
    overflow: hidden !important;
}

.awards-teaser-kicker {
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0.14em !important;
    color: #fbbf24 !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    text-shadow: 0 0 12px rgba(251, 191, 36, 0.45) !important;
}

.awards-teaser-head-copy h2#awards-teaser-title {
    font-size: clamp(28px, 3.8vw, 44px) !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    text-shadow: 0 0 28px rgba(56, 189, 248, 0.55), 0 2px 8px rgba(0, 0, 0, 0.8) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.03em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

.awards-btn-main {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 26px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%) !important;
    color: #020b22 !important;
    font-weight: 950 !important;
    font-size: 13px !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-btn-main:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(245, 158, 11, 0.65) !important;
    background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%) !important;
}
.awards-btn-main-arrow {
    width: 22px !important;
    height: 22px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: rgba(2, 11, 34, 0.22) !important;
    color: #020b22 !important;
}

/* ── 3 PODIUM CARDS LUXURY ── */
.awards-teaser-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
    margin-top: 36px !important;
}

.awards-podium-card {
    background: rgba(3, 16, 46, 0.88) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 24px !important;
    padding: 26px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 20px !important;
    position: relative !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    color: #ffffff !important;
    box-shadow: 0 20px 50px rgba(0, 4, 18, 0.75), inset 0 0 25px rgba(56, 189, 248, 0.04) !important;
}
.awards-podium-card:hover {
    transform: translateY(-8px) !important;
}

/* Serie A Card */
.awards-podium-card.is-serie-a {
    border: 1.5px solid rgba(245, 158, 11, 0.6) !important;
    box-shadow: 0 20px 50px rgba(0, 4, 18, 0.75), 0 0 30px rgba(245, 158, 11, 0.18) !important;
}
.awards-podium-card.is-serie-a:hover {
    border-color: #fbbf24 !important;
    box-shadow: 0 25px 65px rgba(0, 4, 18, 0.85), 0 0 45px rgba(245, 158, 11, 0.45) !important;
}

/* Serie B Card */
.awards-podium-card.is-serie-b {
    border: 1.5px solid rgba(56, 189, 248, 0.55) !important;
    box-shadow: 0 20px 50px rgba(0, 4, 18, 0.75), 0 0 30px rgba(14, 165, 233, 0.18) !important;
}
.awards-podium-card.is-serie-b:hover {
    border-color: #7dd3fc !important;
    box-shadow: 0 25px 65px rgba(0, 4, 18, 0.85), 0 0 45px rgba(14, 165, 233, 0.45) !important;
}

/* Individual Card */
.awards-podium-card.is-purple {
    border: 1.5px solid rgba(192, 132, 252, 0.55) !important;
    box-shadow: 0 20px 50px rgba(0, 4, 18, 0.75), 0 0 30px rgba(168, 85, 247, 0.18) !important;
}
.awards-podium-card.is-purple:hover {
    border-color: #d8b4fe !important;
    box-shadow: 0 25px 65px rgba(0, 4, 18, 0.85), 0 0 45px rgba(168, 85, 247, 0.45) !important;
}

/* Card Header */
.awards-podium-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
.awards-podium-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 12px !important;
    border-radius: 8px !important;
}
.awards-podium-pill.is-gold { background: rgba(245, 158, 11, 0.22) !important; border: 1.2px solid rgba(245, 158, 11, 0.55) !important; color: #fef08a !important; }
.awards-podium-pill.is-blue { background: rgba(14, 165, 233, 0.22) !important; border: 1.2px solid rgba(56, 189, 248, 0.55) !important; color: #bae6fd !important; }
.awards-podium-pill.is-purple { background: rgba(168, 85, 247, 0.22) !important; border: 1.2px solid rgba(192, 132, 252, 0.55) !important; color: #e9d5ff !important; }
.awards-podium-pill .pill-num { font-size: 13.5px !important; font-weight: 950 !important; }
.awards-podium-pill .pill-name { font-size: 10.5px !important; font-weight: 900 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }

.awards-podium-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    padding: 5px 10px !important;
    border-radius: 7px !important;
    text-transform: uppercase !important;
}
.awards-podium-chip.is-gold { background: rgba(245, 158, 11, 0.18) !important; color: #fde047 !important; border: 1px solid rgba(245, 158, 11, 0.45) !important; }
.awards-podium-chip.is-blue { background: rgba(14, 165, 233, 0.18) !important; color: #7dd3fc !important; border: 1px solid rgba(56, 189, 248, 0.45) !important; }
.awards-podium-chip.is-purple { background: rgba(168, 85, 247, 0.18) !important; color: #e9d5ff !important; border: 1px solid rgba(192, 132, 252, 0.45) !important; }

/* Visual Icon */
.awards-podium-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 0 !important;
}
.awards-podium-icon-box {
    width: 72px !important;
    height: 72px !important;
    border-radius: 20px !important;
    display: grid !important;
    place-items: center !important;
    box-sizing: border-box !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-podium-card:hover .awards-podium-icon-box {
    transform: scale(1.1) !important;
}
.awards-podium-icon-box.is-gold {
    background: radial-gradient(circle, rgba(254, 240, 138, 0.25) 0%, rgba(245, 158, 11, 0.15) 100%) !important;
    border: 1.5px solid rgba(245, 158, 11, 0.6) !important;
    box-shadow: 0 10px 25px rgba(245, 158, 11, 0.25) !important;
}
.awards-podium-icon-box.is-blue {
    background: radial-gradient(circle, rgba(186, 230, 253, 0.25) 0%, rgba(2, 132, 199, 0.15) 100%) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.6) !important;
    box-shadow: 0 10px 25px rgba(14, 165, 233, 0.25) !important;
}
.awards-podium-icon-box.is-purple {
    background: radial-gradient(circle, rgba(243, 232, 255, 0.25) 0%, rgba(147, 51, 234, 0.15) 100%) !important;
    border: 1.5px solid rgba(192, 132, 252, 0.6) !important;
    box-shadow: 0 10px 25px rgba(147, 51, 234, 0.25) !important;
}

/* Titles */
.awards-podium-title {
    font-size: 20px !important;
    font-weight: 950 !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
}
.awards-podium-title.is-gold { color: #fbbf24 !important; text-shadow: 0 0 18px rgba(251, 191, 36, 0.55) !important; }
.awards-podium-title.is-blue { color: #38bdf8 !important; text-shadow: 0 0 18px rgba(56, 189, 248, 0.55) !important; }
.awards-podium-title.is-purple { color: #c084fc !important; text-shadow: 0 0 18px rgba(192, 132, 252, 0.55) !important; }

/* Prize Box Inner */
.awards-podium-prize-box {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    box-sizing: border-box !important;
}
.awards-podium-prize-box.is-gold { border-left: 4px solid #fbbf24 !important; }
.awards-podium-prize-box.is-blue { border-left: 4px solid #38bdf8 !important; }
.awards-podium-prize-box.is-purple { border-left: 4px solid #c084fc !important; }

.awards-podium-prize-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.awards-podium-prize-icon.is-gold { background: rgba(245, 158, 11, 0.25) !important; color: #fde047 !important; }
.awards-podium-prize-icon.is-blue { background: rgba(14, 165, 233, 0.25) !important; color: #7dd3fc !important; }
.awards-podium-prize-icon.is-purple { background: rgba(168, 85, 247, 0.25) !important; color: #e9d5ff !important; }
.awards-podium-prize-icon svg { width: 17px !important; height: 17px !important; }

.awards-podium-prize-text {
    font-size: 12.5px !important;
    color: #e2e8f0 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
.awards-podium-prize-text strong {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* Subcategories */
.awards-podium-subcategories {
    margin-top: 4px !important;
}
.subcategories-label {
    display: block !important;
    font-weight: 800 !important;
    color: #94a3b8 !important;
    margin-bottom: 7px !important;
    font-size: 10.5px !important;
    letter-spacing: 0.04em !important;
}
.subcategories-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
.chip-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 9px !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #f8fafc !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

/* Action Buttons */
.awards-podium-action-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 18px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    backdrop-filter: blur(10px) !important;
}
.awards-podium-action-btn.is-gold {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.25) 0%, rgba(217, 119, 6, 0.35) 100%) !important;
    border: 1.2px solid rgba(245, 158, 11, 0.6) !important;
    color: #fef08a !important;
}
.awards-podium-card.is-serie-a:hover .awards-podium-action-btn.is-gold {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.5) !important;
}

.awards-podium-action-btn.is-blue {
    background: linear-gradient(135deg, rgba(2, 132, 199, 0.25) 0%, rgba(3, 105, 161, 0.35) 100%) !important;
    border: 1.2px solid rgba(56, 189, 248, 0.6) !important;
    color: #bae6fd !important;
}
.awards-podium-card.is-serie-b:hover .awards-podium-action-btn.is-blue {
    background: linear-gradient(135deg, #0284c7, #0369a1) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(2, 132, 199, 0.5) !important;
}

.awards-podium-action-btn.is-purple {
    background: linear-gradient(135deg, rgba(147, 51, 234, 0.25) 0%, rgba(126, 34, 206, 0.35) 100%) !important;
    border: 1.2px solid rgba(192, 132, 252, 0.6) !important;
    color: #e9d5ff !important;
}
.awards-podium-card.is-purple:hover .awards-podium-action-btn.is-purple {
    background: linear-gradient(135deg, #9333ea, #7e22ce) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(147, 51, 234, 0.5) !important;
}
.awards-podium-action-btn svg { width: 15px !important; height: 15px !important; transition: transform 0.2s ease !important; }
.awards-podium-card:hover .awards-podium-action-btn svg { transform: translateX(4px) !important; }

@media (max-width: 900px) {
    .awards-teaser-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   PERFECT BALANCED AWARDS PODIUM (NO WORD BREAKS & FLAWLESS ALIGNMENT)
   ═════════════════════════════════════════════════════════════════════ */

.awards-podium-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
}

.awards-podium-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}
.awards-podium-pill .pill-num { font-size: 13px !important; font-weight: 950 !important; line-height: 1 !important; }
.awards-podium-pill .pill-name { font-size: 10px !important; font-weight: 850 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; line-height: 1 !important; }

.awards-podium-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}
.awards-podium-chip svg {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
    display: block !important;
    flex-shrink: 0 !important;
}
.awards-podium-chip span {
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

/* Equal Height & Spacing across 3 Cards */
.awards-podium-card {
    min-height: 480px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.awards-podium-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
}

.awards-podium-prize-box {
    min-height: 62px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
}

.awards-podium-prize-text {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: #cbd5e1 !important;
    margin: 0 !important;
    text-align: left !important;
}

.awards-podium-subcategories {
    min-height: 68px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}
.subcategories-label {
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #94a3b8 !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 6px !important;
    text-align: center !important;
    display: block !important;
}
.subcategories-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    align-items: center !important;
}
.chip-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}
.chip-svg {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
    flex-shrink: 0 !important;
}


/* ═════════════════════════════════════════════════════════════════════
   CYBER SAPPHIRE NEON GLASS THEME FOR AWARDS (MATCHES REGULATIONS PRO)
   ═════════════════════════════════════════════════════════════════════ */

.awards-teaser-section {
    position: relative !important;
    padding: clamp(64px, 7.5vw, 96px) 0 !important;
    background:
        radial-gradient(circle at 14% 18%, rgba(24, 189, 242, 0.18), transparent 36%),
        radial-gradient(circle at 88% 78%, rgba(18, 99, 199, 0.22), transparent 38%),
        linear-gradient(120deg, #020817 0%, #061a3d 46%, #0a3678 100%) !important;
    color: #ffffff !important;
    border-top: 1.5px solid rgba(127, 234, 251, 0.3) !important;
    border-bottom: 1.5px solid rgba(127, 234, 251, 0.3) !important;
    overflow: hidden !important;
}

/* Header */
.awards-cyber-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin-bottom: 38px !important;
}

.awards-cyber-kicker {
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0.14em !important;
    color: #7feafb !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    text-shadow: 0 0 12px rgba(127, 234, 251, 0.6) !important;
}

.awards-cyber-main-heading {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4vw, 44px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 40%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 18px rgba(127, 234, 251, 0.55)) !important;
    margin: 0 !important;
    text-transform: uppercase !important;
}

.awards-cyber-top-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 18px 10px 22px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(6, 32, 75, 0.95) 0%, rgba(14, 85, 185, 0.6) 60%, rgba(56, 189, 248, 0.3) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.5) !important;
    box-shadow: 0 8px 24px rgba(0, 7, 26, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.35), 0 0 20px rgba(127, 234, 251, 0.25) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 12.5px !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-cyber-top-btn:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(127, 234, 251, 0.9) !important;
    box-shadow: 0 12px 32px rgba(0, 7, 26, 0.65), 0 0 30px rgba(127, 234, 251, 0.45) !important;
    background: linear-gradient(135deg, rgba(14, 85, 185, 0.9) 0%, rgba(56, 189, 248, 0.7) 100%) !important;
}
.btn-arrow-circle {
    width: 24px !important;
    height: 24px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: rgba(127, 234, 251, 0.2) !important;
    border: 1px solid rgba(127, 234, 251, 0.5) !important;
    color: #7feafb !important;
}
.btn-arrow-circle svg {
    width: 13px !important;
    height: 13px !important;
    transition: transform 0.25s ease !important;
}
.awards-cyber-top-btn:hover .btn-arrow-circle svg {
    transform: translateX(3px) !important;
}

/* Grid & Cards */
.awards-cyber-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.awards-cyber-card {
    background: linear-gradient(145deg, rgba(6, 28, 68, 0.94) 0%, rgba(10, 48, 108, 0.7) 60%, rgba(2, 14, 40, 0.96) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.45) !important;
    border-radius: 22px !important;
    padding: 24px !important;
    box-shadow: 0 16px 45px rgba(0, 6, 24, 0.65), inset 0 1px 1px rgba(255, 255, 255, 0.35), 0 0 25px rgba(127, 234, 251, 0.15) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 480px !important;
    text-decoration: none !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
}

.awards-cyber-card:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(127, 234, 251, 0.9) !important;
    box-shadow: 0 24px 60px rgba(0, 6, 24, 0.8), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 0 40px rgba(127, 234, 251, 0.45) !important;
}

.cyber-card-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
    gap: 18px !important;
}

/* Card Top Bar */
.cyber-card-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
}

.cyber-num-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 10px 4px 4px !important;
    border-radius: 10px !important;
    background: rgba(127, 234, 251, 0.1) !important;
    border: 1.2px solid rgba(127, 234, 251, 0.4) !important;
}
.cyber-num-badge b {
    min-width: 32px !important;
    height: 26px !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, rgba(127, 234, 251, 0.35), rgba(25, 118, 243, 0.45)) !important;
    border: 1px solid rgba(127, 234, 251, 0.7) !important;
    display: grid !important;
    place-items: center !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    text-shadow: 0 0 8px rgba(127, 234, 251, 0.8) !important;
}
.cyber-num-badge strong {
    font-size: 11px !important;
    font-weight: 900 !important;
    color: #7feafb !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.cyber-chip-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 5px 11px !important;
    border-radius: 999px !important;
    background: rgba(14, 85, 185, 0.3) !important;
    border: 1px solid rgba(127, 234, 251, 0.4) !important;
    color: #e0f8fc !important;
    font-size: 9.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}
.cyber-chip-tag svg {
    width: 12px !important;
    height: 12px !important;
    display: block !important;
    flex-shrink: 0 !important;
    color: #7feafb !important;
}

/* Center Visual */
.cyber-visual-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 0 !important;
}
.cyber-crystal-disc {
    width: 72px !important;
    height: 72px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(127, 234, 251, 0.25) 0%, rgba(14, 85, 185, 0.35) 60%, rgba(6, 32, 75, 0.5) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.6) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 20px rgba(127, 234, 251, 0.35) !important;
    display: grid !important;
    place-items: center !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.awards-cyber-card:hover .cyber-crystal-disc {
    transform: scale(1.1) !important;
}
.cyber-vector-icon {
    width: 44px !important;
    height: 44px !important;
    display: block !important;
}

/* Title & Content */
.cyber-card-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
}

.cyber-card-title {
    font-size: 20px !important;
    font-weight: 950 !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    letter-spacing: -0.02em !important;
    text-transform: uppercase !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 50%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(127, 234, 251, 0.4)) !important;
}

.cyber-prize-row {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(127, 234, 251, 0.25) !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 56px !important;
    box-sizing: border-box !important;
}
.cyber-prize-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: rgba(127, 234, 251, 0.18) !important;
    border: 1px solid rgba(127, 234, 251, 0.45) !important;
    color: #7feafb !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.cyber-prize-icon svg {
    width: 17px !important;
    height: 17px !important;
}
.cyber-prize-text {
    font-size: 12px !important;
    color: #e0f2fe !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    text-align: left !important;
}
.cyber-prize-text strong {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* Subcategories */
.cyber-sub-wrap {
    min-height: 64px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}
.cyber-sub-label {
    font-size: 9.5px !important;
    font-weight: 850 !important;
    color: #7feafb !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.cyber-chips-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px !important;
    align-items: center !important;
}
.cyber-sub-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 9px !important;
    border-radius: 6px !important;
    background: rgba(14, 85, 185, 0.25) !important;
    border: 1px solid rgba(127, 234, 251, 0.3) !important;
    color: #f0fdfa !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}
.cyber-sub-chip svg {
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
    flex-shrink: 0 !important;
    color: #7feafb !important;
}

/* Action Button */
.cyber-action-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 18px !important;
    border-radius: 12px !important;
    font-size: 12.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, rgba(6, 32, 75, 0.95) 0%, rgba(14, 85, 185, 0.7) 60%, rgba(56, 189, 248, 0.4) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.5) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(0, 7, 26, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
    transition: all 0.28s ease !important;
}
.awards-cyber-card:hover .cyber-action-btn {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    border-color: rgba(127, 234, 251, 0.9) !important;
    box-shadow: 0 10px 28px rgba(14, 165, 233, 0.5) !important;
}
.cyber-action-btn .btn-arrow-circle {
    width: 22px !important;
    height: 22px !important;
}

@media (max-width: 900px) {
    .awards-cyber-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   TIÊU ĐỀ 'VINH DANH ĐỈNH CAO' - PHONG CÁCH 100% 'TÌNH ANH EM GẮN KẾT'
   (WHITE TO CYAN-BLUE GRADIENT PRO MAX)
   ═════════════════════════════════════════════════════════════════════ */
.awards-cyber-main-heading,
#awards-teaser-title,
.awards-cyber-main-heading > span,
#awards-teaser-title > span,
:where(.home-page, body) .awards-cyber-main-heading {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(28px, 4.2vw, 48px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    padding-top: 0.15em !important;
    padding-bottom: 0.05em !important;
    margin: 0 !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 14px rgba(94, 220, 248, 0.35)) !important;
}

.awards-cyber-main-heading::after,
#awards-teaser-title::after {
    content: '' !important;
    display: block !important;
    width: 64px !important;
    height: 3.5px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 10px rgba(94, 220, 248, 0.55) !important;
    margin: 10px 0 0 0 !important;
}

@media screen and (max-width: 860px) {
    .awards-cyber-main-heading,
    #awards-teaser-title,
    .awards-cyber-main-heading > span,
    #awards-teaser-title > span {
        font-size: 24px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        display: block !important;
    }
    .awards-cyber-main-heading::after,
    #awards-teaser-title::after {
        margin: 8px auto 0 !important;
        width: 46px !important;
        height: 3px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS TEASER - 100% EXACT BACKGROUND MATCH WITH REGULATIONS TEASER
   ═════════════════════════════════════════════════════════════════════ */

.awards-teaser-section,
:where(.home-page, body) .awards-teaser-section,
body.home-page .awards-teaser-section {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding-block: clamp(88px, 8.6vw, 132px) !important;
    background:
        linear-gradient(rgba(113, 225, 245, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(113, 225, 245, 0.045) 1px, transparent 1px),
        radial-gradient(circle at 8% 14%, rgba(24, 142, 226, 0.28), transparent 27%),
        radial-gradient(circle at 92% 78%, rgba(22, 202, 230, 0.15), transparent 30%),
        linear-gradient(135deg, #020d25 0%, #05285c 52%, #07538a 100%) !important;
    background-size: 64px 64px, 64px 64px, auto, auto, auto !important;
    border-top: 1px solid rgba(176, 241, 250, 0.15) !important;
    border-bottom: 1px solid rgba(176, 241, 250, 0.15) !important;
}

.awards-teaser-section::before {
    content: 'AWARDS' !important;
    position: absolute !important;
    right: -0.03em !important;
    bottom: -0.12em !important;
    color: transparent !important;
    -webkit-text-stroke: 1px rgba(195, 246, 252, 0.055) !important;
    font-size: clamp(120px, 18vw, 280px) !important;
    line-height: 0.72 !important;
    letter-spacing: -0.09em !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-weight: 950 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.awards-teaser-inner {
    position: relative !important;
    z-index: 2 !important;
}


/* ═════════════════════════════════════════════════════════════════════
   CLEAN SOFT BACKGROUND (XÓA BỎ HOÀN TOÀN CÁC ĐỐM SÁNG VÒNG TRÒN THỪA)
   ═════════════════════════════════════════════════════════════════════ */

.awards-teaser-bg-decor,
.awards-decor-circle,
.awards-teaser-section .awards-decor-circle {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.awards-teaser-section,
:where(.home-page, body) .awards-teaser-section,
body.home-page .awards-teaser-section {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding-block: clamp(72px, 7vw, 108px) !important;
    background:
        linear-gradient(rgba(113, 225, 245, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(113, 225, 245, 0.035) 1px, transparent 1px),
        linear-gradient(135deg, #020d25 0%, #05285c 52%, #07538a 100%) !important;
    background-size: 64px 64px, 64px 64px, auto !important;
    border-top: 1px solid rgba(176, 241, 250, 0.15) !important;
    border-bottom: 1px solid rgba(176, 241, 250, 0.15) !important;
}

.awards-teaser-section::before {
    display: none !important;
}


/* ═════════════════════════════════════════════════════════════════════
   VECTOR ATMOSPHERE CONCENTRIC RINGS & FIELD LINES (MATCHES OTHER SECTIONS)
   ═════════════════════════════════════════════════════════════════════ */

.awards-teaser-atmosphere {
    position: absolute !important;
    z-index: 1 !important;
    inset: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    display: block !important;
}

.awards-teaser-atmosphere::before,
.awards-teaser-atmosphere::after {
    content: '' !important;
    position: absolute !important;
    border: 1px solid rgba(142, 234, 249, 0.13) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

.awards-teaser-atmosphere::before {
    width: 510px !important;
    height: 510px !important;
    left: -220px !important;
    bottom: -220px !important;
    box-shadow: 0 0 0 58px rgba(125, 227, 246, 0.025), 0 0 0 116px rgba(125, 227, 246, 0.016) !important;
}

.awards-teaser-atmosphere::after {
    width: 460px !important;
    height: 460px !important;
    right: -220px !important;
    top: -220px !important;
    box-shadow: 0 0 0 52px rgba(86, 194, 242, 0.028) !important;
}

.awards-teaser-atmosphere i {
    position: absolute !important;
    width: 46vw !important;
    height: 1px !important;
    left: -8vw !important;
    background: linear-gradient(90deg, transparent, rgba(133, 235, 248, 0.24), transparent) !important;
    transform: rotate(-28deg) !important;
    pointer-events: none !important;
}

.awards-teaser-atmosphere i:first-child {
    top: 24% !important;
}

.awards-teaser-atmosphere i:nth-child(2) {
    top: 68% !important;
    left: 42% !important;
    width: 34vw !important;
    opacity: 0.62 !important;
    transform: rotate(47deg) !important;
}

.awards-teaser-atmosphere b {
    display: none !important;
}

.awards-teaser-inner {
    position: relative !important;
    z-index: 3 !important;
}


/* ═════════════════════════════════════════════════════════════════════
   MOBILE UX PRO MAX: HORIZONTAL SWIPE SNAP (GỌN GÀNG, HẠN CHẾ LƯỚT)
   ═════════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 768px) {
    .awards-teaser-section {
        padding-block: 42px 46px !important;
    }

    .awards-cyber-header {
        margin-bottom: 22px !important;
        text-align: center !important;
        justify-content: center !important;
    }

    .awards-cyber-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 14px !important;
        padding: 6px 16px 14px !important;
        margin: 0 -16px !important;
        scrollbar-width: none !important;
    }
    .awards-cyber-grid::-webkit-scrollbar {
        display: none !important;
    }

    .awards-cyber-card {
        flex: 0 0 min(84vw, 310px) !important;
        width: min(84vw, 310px) !important;
        min-height: auto !important;
        scroll-snap-align: center !important;
        scroll-snap-stop: always !important;
        padding: 18px 16px !important;
        border-radius: 18px !important;
        box-shadow: 0 10px 30px rgba(0, 6, 24, 0.6) !important;
    }

    .cyber-card-inner {
        gap: 14px !important;
    }

    .cyber-crystal-disc {
        width: 56px !important;
        height: 56px !important;
    }
    .cyber-vector-icon {
        width: 34px !important;
        height: 34px !important;
    }

    .cyber-card-title {
        font-size: 17px !important;
    }

    .cyber-prize-row {
        min-height: 48px !important;
        padding: 8px 10px !important;
        gap: 8px !important;
    }
    .cyber-prize-icon {
        width: 26px !important;
        height: 26px !important;
    }
    .cyber-prize-icon svg {
        width: 14px !important;
        height: 14px !important;
    }
    .cyber-prize-text {
        font-size: 11px !important;
    }

    .cyber-sub-wrap {
        min-height: 52px !important;
    }
    .cyber-sub-chip {
        padding: 3px 7px !important;
        font-size: 9.5px !important;
    }

    .cyber-action-btn {
        padding: 9px 14px !important;
        font-size: 11px !important;
        border-radius: 10px !important;
    }

    /* Mobile Indicator Dots */
    .awards-mobile-dots {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        margin-top: 14px !important;
        margin-bottom: 18px !important;
    }
    .awards-mobile-dots .dot {
        width: 7px !important;
        height: 7px !important;
        border-radius: 999px !important;
        background: rgba(127, 234, 251, 0.25) !important;
        border: 1px solid rgba(127, 234, 251, 0.4) !important;
        transition: all 0.25s ease !important;
    }
    .awards-mobile-dots .dot.is-active {
        width: 22px !important;
        background: #7feafb !important;
        box-shadow: 0 0 10px rgba(127, 234, 251, 0.8) !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   100% PERFECT CENTERING & NO WORD BREAKS FOR AWARDS TEASER
   ═════════════════════════════════════════════════════════════════════ */

/* 1. Header Centered */
.awards-cyber-header,
.awards-cyber-header.is-centered {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin-bottom: 38px !important;
}

.awards-cyber-header-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

.awards-cyber-main-heading,
#awards-teaser-title {
    text-align: center !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.awards-cyber-main-heading::after,
#awards-teaser-title::after {
    margin: 10px auto 0 !important;
}

/* 2. Card Content Centered */
.cyber-card-inner {
    align-items: center !important;
    text-align: center !important;
}

.cyber-card-body {
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
}

/* 3. Prize Box Centered & Balanced Typography (No Word Breaks) */
.cyber-prize-row,
.cyber-prize-row.is-centered {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 10px 14px !important;
    gap: 8px !important;
    min-height: 56px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.cyber-prize-text {
    font-size: 11.5px !important;
    color: #e0f2fe !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    text-align: center !important;
    flex: 1 1 auto !important;
    word-break: normal !important;
    white-space: normal !important;
}

.cyber-prize-text strong {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* 4. Subcategories Centered */
.cyber-sub-wrap,
.cyber-sub-wrap.is-centered {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

.cyber-sub-label {
    text-align: center !important;
}

.cyber-chips-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
}

/* 5. CTA Button Centered */
.cyber-action-btn,
.cyber-action-btn.is-centered {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
    padding: 12px 18px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

@media screen and (max-width: 768px) {
    .awards-cyber-header,
    .awards-cyber-header.is-centered {
        margin-bottom: 22px !important;
    }
    .cyber-prize-text {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }
    .cyber-action-btn,
    .cyber-action-btn.is-centered {
        padding: 9px 14px !important;
        font-size: 11px !important;
    }
}


/* ═════════════════════════════════════════════════════════════════════
   AWARDS.PHP CYBER SAPPHIRE NEON GLASS FULL PAGE SUITE (UI/UX PRO MAX)
   ═════════════════════════════════════════════════════════════════════ */

/* 1. Page Global */
body.awards-page {
    background: #020d25 !important;
    color: #ffffff !important;
    overflow-x: hidden !important;
}

/* 2. Hero Section */
.awards-page-hero {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding: clamp(64px, 8vw, 108px) 0 48px !important;
    background:
        linear-gradient(rgba(113, 225, 245, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(113, 225, 245, 0.035) 1px, transparent 1px),
        linear-gradient(135deg, #020d25 0%, #05285c 52%, #07538a 100%) !important;
    background-size: 64px 64px, 64px 64px, auto !important;
    border-bottom: 1.5px solid rgba(127, 234, 251, 0.25) !important;
    text-align: center !important;
}

.awards-page-hero-inner {
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.awards-page-hero-copy {
    max-width: 860px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.awards-hero-main-title {
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(32px, 5.2vw, 56px) !important;
    font-weight: 950 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    margin: 0 0 16px 0 !important;
    display: inline-block !important;
    position: relative !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f4ff 35%, #5edcf8 70%, #1976f3 100%) !important;
    background-size: 100% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 18px rgba(94, 220, 248, 0.4)) !important;
}

.awards-hero-main-title::after {
    content: '' !important;
    display: block !important;
    width: 72px !important;
    height: 4px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, #5edcf8 0%, #1976f3 100%) !important;
    box-shadow: 0 2px 12px rgba(94, 220, 248, 0.6) !important;
    margin: 12px auto 0 !important;
}

.awards-hero-lead {
    font-size: clamp(14px, 1.35vw, 16.5px) !important;
    line-height: 1.65 !important;
    color: #d0e8f8 !important;
    max-width: 680px !important;
    margin: 0 auto 36px !important;
    text-align: center !important;
}

/* 3 Bento Stats Cyber Box */
.awards-hero-stats-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 820px !important;
}

.awards-stat-box {
    background: linear-gradient(145deg, rgba(6, 28, 68, 0.92) 0%, rgba(10, 48, 108, 0.65) 60%, rgba(2, 14, 40, 0.95) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.4) !important;
    border-radius: 18px !important;
    padding: 16px 20px !important;
    box-shadow: 0 12px 32px rgba(0, 6, 24, 0.55), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
}
.awards-stat-box:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(127, 234, 251, 0.8) !important;
    box-shadow: 0 16px 40px rgba(0, 6, 24, 0.7), 0 0 25px rgba(127, 234, 251, 0.35) !important;
}

.awards-stat-num-box {
    min-width: 46px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, rgba(127, 234, 251, 0.25), rgba(25, 118, 243, 0.4)) !important;
    border: 1.2px solid rgba(127, 234, 251, 0.6) !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
.awards-stat-num-box b {
    font-size: 20px !important;
    font-weight: 950 !important;
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(127, 234, 251, 0.8) !important;
}
.awards-stat-num-box.is-highlight {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.35), rgba(217, 119, 6, 0.45)) !important;
    border-color: rgba(251, 191, 36, 0.8) !important;
}
.awards-stat-num-box.is-highlight b {
    color: #fef08a !important;
    text-shadow: 0 0 10px rgba(251, 191, 36, 0.8) !important;
}

.awards-stat-meta {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
    gap: 2px !important;
}
.awards-stat-meta strong {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    letter-spacing: 0.02em !important;
}
.awards-stat-meta small {
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #7feafb !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

/* 3. Awards Directory & Sections */
.awards-page-directory {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding: clamp(54px, 6vw, 84px) 0 96px !important;
    background:
        linear-gradient(rgba(113, 225, 245, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(113, 225, 245, 0.035) 1px, transparent 1px),
        linear-gradient(135deg, #020d25 0%, #05285c 52%, #07538a 100%) !important;
    background-size: 64px 64px, 64px 64px, auto !important;
}

.awards-page-directory-inner {
    position: relative !important;
    z-index: 3 !important;
}

.awards-directory-head {
    max-width: 820px !important;
    margin: 0 auto 38px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.awards-directory-lead {
    font-size: 14.5px !important;
    color: #d0e8f8 !important;
    line-height: 1.6 !important;
    margin: 14px auto 0 !important;
}

/* Floating Cockpit Jumpbar */
.awards-cyber-jumpbar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    margin: 0 auto 54px !important;
    flex-wrap: wrap !important;
}

.cyber-jump-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(6, 32, 75, 0.92) 0%, rgba(14, 85, 185, 0.6) 60%, rgba(56, 189, 248, 0.3) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.45) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(0, 7, 26, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    transition: all 0.28s ease !important;
}
.cyber-jump-btn:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(127, 234, 251, 0.9) !important;
    box-shadow: 0 12px 30px rgba(14, 165, 233, 0.45) !important;
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
}
.jump-num {
    min-width: 26px !important;
    height: 22px !important;
    border-radius: 6px !important;
    background: rgba(127, 234, 251, 0.25) !important;
    border: 1px solid rgba(127, 234, 251, 0.6) !important;
    display: grid !important;
    place-items: center !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    color: #7feafb !important;
}
.jump-label {
    font-size: 11.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}
.jump-arrow {
    width: 14px !important;
    height: 14px !important;
    color: #7feafb !important;
}

/* Section Wrapper */
.awards-cyber-section {
    margin-bottom: 64px !important;
    scroll-margin-top: 100px !important;
}

.awards-section-title-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    margin-bottom: 28px !important;
    gap: 8px !important;
}

.awards-section-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 5px 14px !important;
    border-radius: 999px !important;
    background: rgba(14, 85, 185, 0.35) !important;
    border: 1.2px solid rgba(127, 234, 251, 0.45) !important;
}
.awards-section-badge b {
    min-width: 24px !important;
    height: 20px !important;
    border-radius: 4px !important;
    background: rgba(127, 234, 251, 0.3) !important;
    display: grid !important;
    place-items: center !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}
.awards-section-badge span {
    font-size: 11px !important;
    font-weight: 900 !important;
    color: #7feafb !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.awards-section-title {
    font-size: clamp(22px, 3.2vw, 32px) !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0, 7, 26, 0.8) !important;
}

/* Grand Champion Card */
.awards-grand-champion-card {
    background: linear-gradient(145deg, rgba(6, 28, 68, 0.94) 0%, rgba(14, 60, 130, 0.75) 60%, rgba(2, 14, 40, 0.96) 100%) !important;
    border: 1.8px solid rgba(127, 234, 251, 0.5) !important;
    border-radius: 24px !important;
    padding: 32px 28px !important;
    box-shadow: 0 20px 50px rgba(0, 6, 24, 0.7), inset 0 1px 2px rgba(255, 255, 255, 0.4), 0 0 30px rgba(127, 234, 251, 0.2) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    margin-bottom: 24px !important;
    transition: all 0.35s ease !important;
}
.awards-grand-champion-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(127, 234, 251, 0.9) !important;
    box-shadow: 0 28px 65px rgba(0, 6, 24, 0.85), 0 0 45px rgba(127, 234, 251, 0.4) !important;
}

.champion-card-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 18px !important;
}

.champion-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

.champion-tag-pill {
    font-size: 10.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    color: #7feafb !important;
    text-transform: uppercase !important;
}

.champion-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    background: rgba(251, 191, 36, 0.2) !important;
    border: 1px solid rgba(251, 191, 36, 0.6) !important;
    color: #fef08a !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}
.champion-chip svg {
    width: 12px !important;
    height: 12px !important;
}

.cyber-crystal-disc.is-grand {
    width: 88px !important;
    height: 88px !important;
}
.cyber-vector-icon.is-grand {
    width: 54px !important;
    height: 54px !important;
}

.champion-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 620px !important;
}

.champion-title {
    font-size: clamp(22px, 3.2vw, 30px) !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0f8fc 50%, #7feafb 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 12px rgba(127, 234, 251, 0.45)) !important;
}

.champion-prize-box {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1.2px solid rgba(127, 234, 251, 0.35) !important;
    border-radius: 14px !important;
    padding: 12px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.champion-prize-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
    background: rgba(127, 234, 251, 0.2) !important;
    border: 1px solid rgba(127, 234, 251, 0.5) !important;
    color: #7feafb !important;
    display: grid !important;
    place-items: center !important;
    flex-shrink: 0 !important;
}
.champion-prize-icon svg {
    width: 20px !important;
    height: 20px !important;
}
.champion-prize-text {
    font-size: 13px !important;
    color: #e0f2fe !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
.champion-prize-text strong {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* Sub Cards 3-Column Grid */
.awards-sub-grid,
.awards-individual-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

.awards-cyber-sub-card {
    background: linear-gradient(145deg, rgba(6, 28, 68, 0.92) 0%, rgba(10, 48, 108, 0.65) 60%, rgba(2, 14, 40, 0.95) 100%) !important;
    border: 1.5px solid rgba(127, 234, 251, 0.4) !important;
    border-radius: 20px !important;
    padding: 22px 18px !important;
    box-shadow: 0 14px 38px rgba(0, 6, 24, 0.6), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    transition: all 0.32s ease !important;
}
.awards-cyber-sub-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(127, 234, 251, 0.85) !important;
    box-shadow: 0 20px 48px rgba(0, 6, 24, 0.75), 0 0 30px rgba(127, 234, 251, 0.35) !important;
}

.sub-card-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
}

.sub-card-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 10px !important;
    width: 100% !important;
}

.sub-card-title {
    font-size: 16px !important;
    font-weight: 950 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    line-height: 1.3 !important;
}

.sub-prize-box {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(127, 234, 251, 0.25) !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.sub-prize-text {
    font-size: 11.5px !important;
    color: #d0e8f8 !important;
    margin: 0 !important;
    line-height: 1.35 !important;
}

/* Individual Awards */
.awards-cyber-card.is-individual {
    min-height: auto !important;
}

@media (max-width: 900px) {
    .awards-hero-stats-row {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .awards-sub-grid,
    .awards-individual-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .awards-cyber-jumpbar {
        gap: 8px !important;
    }
    .cyber-jump-btn {
        padding: 8px 14px !important;
        font-size: 10.5px !important;
    }
    .champion-topbar {
        flex-direction: column !important;
        gap: 8px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   XÓA TRIỆT ĐỂ DẢI MÀU ACCENT STRIPE TRÊN KHỐI TIN TỨC THEO YÊU CẦU
   ═════════════════════════════════════════════════════════════════════ */
.newsroom-section::before,
body.home-page .newsroom-section::before,
.news-section::before,
body.home-page .news-section::before,
#tin-tuc::before,
.section#tin-tuc::before {
    display: none !important;
    content: none !important;
    height: 0 !important;
    max-height: 0 !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* ═════════════════════════════════════════════════════════════════════
   TIMELINE STADIUM SHOWCASE - TRÁNH RỚT CHỮ TRÊN DESKTOP
   ═════════════════════════════════════════════════════════════════════ */
.timeline-stadium-showcase .std-wrap {
    grid-template-columns: minmax(0, 1.12fr) minmax(380px, 0.88fr) !important;
    gap: clamp(20px, 2.6vw, 36px) !important;
}
.timeline-stadium-showcase .std-panel {
    padding: clamp(22px, 2.8vw, 36px) clamp(20px, 2.2vw, 28px) !important;
}
.timeline-stadium-showcase .std-heading {
    font-size: clamp(18px, 1.6vw, 23px) !important;
    line-height: 1.3 !important;
    text-wrap: balance !important;
}
.timeline-stadium-showcase .std-heading span {
    display: block !important;
    text-wrap: balance !important;
}
@media (min-width: 961px) {
    .timeline-stadium-showcase .std-heading,
    .timeline-stadium-showcase .std-heading span {
        white-space: nowrap !important;
        font-size: clamp(18px, 1.55vw, 23px) !important;
    }
}
@media (max-width: 960px) {
    .timeline-stadium-showcase .std-wrap {
        grid-template-columns: 1fr !important;
    }
    .timeline-stadium-showcase .std-heading,
    .timeline-stadium-showcase .std-heading span {
        white-space: normal !important;
        text-wrap: balance !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   HERO TITLE LOCKUP - VÒNG TRÒN BACKGROUND CÂN ĐỐI & TINH TẾ
   ═════════════════════════════════════════════════════════════════════ */
.home-page .hero-title-lockup {
    overflow: hidden !important;
}
.home-page .hero-title-lockup::before {
    content: '' !important;
    position: absolute !important;
    z-index: -1 !important;
    width: 180px !important;
    height: 180px !important;
    top: 50% !important;
    right: clamp(28px, 4vw, 46px) !important;
    transform: translateY(-50%) !important;
    border: 1.5px solid rgba(138, 237, 249, 0.16) !important;
    border-radius: 50% !important;
    background: radial-gradient(
        circle at center,
        rgba(126, 234, 251, 0.4) 0,
        rgba(126, 234, 251, 0.4) 3px,
        transparent 4.5px,
        rgba(56, 189, 248, 0.05) 5px,
        transparent 70%
    ) !important;
    box-shadow:
        0 0 0 24px rgba(126, 234, 251, 0.045),
        0 0 0 52px rgba(126, 234, 251, 0.02),
        inset 0 0 20px rgba(126, 234, 251, 0.04) !important;
    pointer-events: none !important;
}
@media (max-width: 900px) {
    .home-page .hero-title-lockup::before {
        width: 135px !important;
        height: 135px !important;
        right: 16px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        box-shadow:
            0 0 0 16px rgba(126, 234, 251, 0.04),
            0 0 0 34px rgba(126, 234, 251, 0.018),
            inset 0 0 14px rgba(126, 234, 251, 0.035) !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   TRAILER SECTION - CHUYỂN LOGO SANG BÊN GÓC PHẢI (DESKTOP & MOBILE)
   ═════════════════════════════════════════════════════════════════════ */
.trailer-identity,
.home-page .trailer-identity,
.home-page .trailer-copy .trailer-identity {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding-right: clamp(4px, 1.2vw, 12px) !important;
}

.trailer-logo-standalone,
.home-page .trailer-logo-standalone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 76px !important;
    height: 76px !important;
    padding: 7px !important;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.14) 0%, rgba(2, 132, 199, 0.2) 70%, rgba(2, 6, 23, 0.45) 100%) !important;
    border: 2px solid rgba(56, 189, 248, 0.45) !important;
    border-radius: 50% !important;
    box-shadow: 0 10px 28px rgba(0, 8, 28, 0.4), 0 0 20px rgba(56, 189, 248, 0.35), inset 0 1px rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.trailer-logo-standalone:hover,
.home-page .trailer-logo-standalone:hover {
    transform: scale(1.08) translateY(-2px) !important;
    border-color: #38bdf8 !important;
    box-shadow: 0 16px 36px rgba(2, 132, 199, 0.45), 0 0 30px rgba(56, 189, 248, 0.5) !important;
}

.trailer-logo-crest,
.home-page .trailer-logo-crest {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.45)) !important;
}

@media (max-width: 768px) {
    .trailer-identity,
    .home-page .trailer-identity,
    .home-page .trailer-copy .trailer-identity {
        margin: 0 0 10px 0 !important;
        padding-right: 2px !important;
    }
    .trailer-logo-standalone,
    .home-page .trailer-logo-standalone {
        width: 58px !important;
        height: 58px !important;
        padding: 5.5px !important;
        box-shadow: 0 6px 18px rgba(0, 8, 28, 0.35), 0 0 14px rgba(56, 189, 248, 0.28) !important;
    }
}

@media (max-width: 480px) {
    .trailer-identity,
    .home-page .trailer-identity,
    .home-page .trailer-copy .trailer-identity {
        margin: 0 0 8px 0 !important;
    }
    .trailer-logo-standalone,
    .home-page .trailer-logo-standalone {
        width: 48px !important;
        height: 48px !important;
        padding: 4.5px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   TOURNAMENT TIMELINE - THAY TOÀN BỘ MÀU VÀNG BẰNG MÀU TRẮNG
   ═════════════════════════════════════════════════════════════════════ */
.tournament-timeline,
.home-page .tournament-timeline {
    --timeline-yellow: #ffffff !important;
}

/* 1. Số '03' trong huy hiệu 03 NGÀY KẾT NỐI */
.timeline-heading-mark strong,
.home-page .timeline-heading-mark strong,
:where(.home-page, body) .timeline-heading-mark strong {
    color: #ffffff !important;
    text-shadow: 0 0 24px rgba(255, 255, 255, 0.45) !important;
}

/* 2. Cột mốc giờ sự kiện (09:00, 10:30, 13:30, 14:30, 16:00, 18:30, 08:00, 09:30,...) */
.timeline-event > time,
.home-page .timeline-event > time,
.timeline-events time,
:where(.home-page, body) .timeline-event > time {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.25) !important;
    font-weight: 850 !important;
}

/* 3. Thẻ Ngày 02 và các điểm nhấn accent Ngày 02 (chuyển vàng sang trắng sáng) */
.timeline-day-card:nth-of-type(2),
.home-page .timeline-day-card:nth-of-type(2),
:where(.home-page, body) .timeline-day-card:nth-of-type(2) {
    --day-accent: #ffffff !important;
    border-top-color: #ffffff !important;
}

.home-page .timeline-day-card:nth-of-type(2) > header::after {
    background: #ffffff !important;
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.5) !important;
}

.home-page .timeline-day-card:nth-of-type(2) > header > span i {
    color: #ffffff !important;
}

.home-page .timeline-day-card:nth-of-type(2) .timeline-event-icon {
    border-color: rgba(255, 255, 255, 0.6) !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2) !important;
}

.home-page .timeline-day-card:nth-of-type(2) .timeline-event:not(:last-child) .timeline-event-icon::after {
    background: linear-gradient(#ffffff, rgba(255, 255, 255, 0.12)) !important;
}

/* ═════════════════════════════════════════════════════════════════════
   LIỀN MẠCH KHOẢNG CÁCH: LỘ TRÌNH ➔ SÓNG BIỂN ➔ ĐIỂM ĐẾN QUY NHƠN
   ═════════════════════════════════════════════════════════════════════ */
.tournament-timeline,
.home-page .tournament-timeline,
:where(.home-page, body) .tournament-timeline {
    margin-bottom: 0 !important;
    padding-bottom: clamp(32px, 4vw, 56px) !important;
}

.quynhon-ocean-waves,
.home-page .quynhon-ocean-waves,
:where(.home-page, body) .quynhon-ocean-waves {
    position: relative !important;
    width: 100% !important;
    height: clamp(46px, 5.5vw, 68px) !important;
    margin-top: -1px !important;
    margin-bottom: -1px !important;
    background: linear-gradient(180deg, #05285c 0%, #031c42 100%) !important;
    overflow: hidden !important;
    pointer-events: none !important;
    line-height: 0 !important;
    z-index: 3 !important;
}

.quynhon-ocean-waves svg {
    position: relative !important;
    display: block !important;
    width: calc(200% + 1.3px) !important;
    height: 100% !important;
}

.wave-parallax > use:nth-child(1) {
    fill: rgba(14, 165, 233, 0.42) !important;
}
.wave-parallax > use:nth-child(2) {
    fill: rgba(56, 189, 248, 0.72) !important;
}
.wave-parallax > use:nth-child(3) {
    fill: #ffffff !important;
}

/* Khối Điểm Đến: Xóa hoàn toàn margin/border-radius gây đứt đoạn khoảng cách */
.home-page .destination.destination-travel,
.destination.destination-travel,
:where(.home-page, body) .destination.destination-travel {
    margin: 0 !important;
    border-radius: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
    background: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Tối ưu hiển thị liền mạch trên Mobile & Tablet */
@media (max-width: 900px) {
    .home-page .destination.destination-travel,
    .destination.destination-travel {
        margin: 0 !important;
        border-radius: 0 !important;
        padding: 16px 14px 28px !important;
        background: #ffffff !important;
    }

    /* Gắn liền khung ảnh Quy Nhơn và khung nội dung thành 1 thẻ thống nhất liền mạch */
    .home-page .destination-travel .destination-photo {
        min-height: 200px !important;
        max-height: 230px !important;
        border-radius: 18px 18px 0 0 !important;
        border: 1.5px solid rgba(14, 165, 233, 0.22) !important;
        border-bottom: none !important;
        margin-bottom: 0 !important;
        box-shadow: none !important;
    }

    .home-page .destination-travel .destination-photo::after {
        inset: 6px !important;
        border-radius: 13px 13px 0 0 !important;
    }

    .home-page .destination-travel .destination-panel {
        width: 100% !important;
        margin: 0 !important;
        padding: 18px 16px 16px !important;
        border-radius: 0 0 18px 18px !important;
        border: 1.5px solid rgba(14, 165, 233, 0.22) !important;
        border-top: 1px dashed rgba(14, 165, 233, 0.2) !important;
        background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
        box-shadow: 0 12px 28px rgba(8, 39, 90, 0.07) !important;
    }

    .home-page .destination-travel .destination-panel h2 {
        font-size: clamp(20px, 5.2vw, 24px) !important;
        line-height: 1.25 !important;
        margin-bottom: 8px !important;
    }

    .home-page .destination-travel .destination-panel > p {
        font-size: 13px !important;
        line-height: 1.65 !important;
        margin: 6px 0 14px 0 !important;
    }

    .home-page .destination-travel .trip-stats {
        gap: 8px !important;
        margin: 12px 0 0 0 !important;
        padding: 12px 0 0 0 !important;
        border-top: 1px solid rgba(8, 39, 90, 0.08) !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   THIẾT KẾ LẠI: "06 ĐIỀU LỆ. 01 TINH THẦN CHUNG." (UI/UX PRO MAX)
   THEO PHONG CÁCH, KIỂU CHỮ, MÀU SẮC ẢNH THAM CHIẾU (CYAN OCEAN DUAL-TONE)
   ═════════════════════════════════════════════════════════════════════ */

/* 1. Xóa hoàn toàn Kicker "MÙA IV • QUY NHƠN · 2026" theo yêu cầu người dùng */
.regulations-teaser-kicker-promax {
    display: none !important;
}

/* 2. Headline chính "06 ĐIỀU LỆ. 01 TINH THẦN CHUNG." */
.home-page .regulations-teaser .regulations-teaser-copy h2#rulebook-title,
.regulations-teaser-copy h2#rulebook-title,
#rulebook-title,
:where(.home-page, body) .regulations-teaser .regulations-teaser-copy h2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 2px !important;
    margin: 0 0 16px 0 !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 650px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

#rulebook-title::after,
#rulebook-title > span > b::after {
    display: none !important;
    content: none !important;
}

/* 3. Từng dòng chữ: 06 ĐIỀU LỆ. & 01 TINH THẦN CHUNG.
   FIX TRIỆT ĐỂ LỖI MẤT DẤU TIẾNG VIỆT (DẤU HUYỀN, DẤU MŨ, DẤU NẶNG)
   Bằng inline-block + padding-top 0.38em (đủ bao trọn dấu huyền trên chữ Ê/Â) + margin âm bù trừ + line-height 1.35 */
.home-page .regulations-teaser .regulations-teaser-copy h2 > span,
.home-page .regulations-teaser .regulations-teaser-copy h2 > em,
.regulations-teaser-copy #rulebook-title > span,
.regulations-teaser-copy #rulebook-title > em,
#rulebook-title > span,
#rulebook-title > em,
:where(.home-page, body) #rulebook-title > span,
:where(.home-page, body) #rulebook-title > em {
    display: inline-block !important;
    width: fit-content !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0.38em 0.05em 0.22em 0.05em !important;
    margin: -0.38em 0 -0.22em 0 !important;
    border: none !important;
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 38%, #7dd3fc 65%, #38bdf8 84%, #0284c7 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #e0f2fe !important;
    box-shadow: none !important;
    font-style: normal !important;
    font-family: var(--font-display, 'Be Vietnam Pro', system-ui, sans-serif) !important;
    font-size: clamp(32px, 4.2vw, 52px) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.03em !important;
    text-transform: uppercase !important;
    overflow: visible !important;
    filter: drop-shadow(0 4px 18px rgba(2, 132, 199, 0.35)) !important;
    transition: filter 0.3s ease !important;
}

#rulebook-title:hover > span,
#rulebook-title:hover > em {
    filter: drop-shadow(0 4px 22px rgba(56, 189, 248, 0.55)) brightness(1.06) !important;
}

/* 4. Triệt tiêu hoàn toàn ô hộp quanh số 06 & 01, chuyển thành chữ đồ họa đồng điệu */
#rulebook-title > span > b,
#rulebook-title > em > i {
    all: unset !important;
    display: inline !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    font-style: normal !important;
    color: inherit !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0.18em 0 0 !important;
    filter: none !important;
    transform: none !important;
    -webkit-text-fill-color: inherit !important;
}

/* 5. Chữ STRONG đi cùng dòng */
#rulebook-title > span > strong,
#rulebook-title > em > strong {
    all: unset !important;
    display: inline !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    font-style: normal !important;
    color: inherit !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    filter: none !important;
    -webkit-text-fill-color: inherit !important;
}

/* 6. GỌN GÀNG HIỂN THỊ TRÊN MOBILE - TRÁNH LƯỚT NHIỀU */
@media (max-width: 768px) {
    /* Thu gọn padding toàn bộ section */
    .regulations-teaser,
    :where(.home-page, body) .regulations-teaser {
        padding: 24px 0 20px !important;
    }

    .regulations-teaser-inner,
    :where(.home-page, body) .regulations-teaser-inner {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    /* Thẻ chính tinh gọn */
    .regulations-teaser-copy,
    :where(.home-page, body) .regulations-teaser-copy {
        padding: 18px 16px 16px !important;
        border-radius: 16px !important;
        box-shadow: 0 10px 26px rgba(1, 14, 40, 0.25) !important;
    }

    /* Kicker nhỏ gọn */
    .regulations-teaser-kicker-promax {
        margin-bottom: 8px !important;
        gap: 7px !important;
    }
    .reg-kicker-badge {
        padding: 2.5px 8px !important;
        font-size: 9.5px !important;
    }
    .reg-kicker-meta {
        font-size: 10.5px !important;
    }

    /* Tiêu đề 06 Điều Lệ vừa vặn, không mất dấu, không tốn diện tích */
    .home-page .regulations-teaser .regulations-teaser-copy h2#rulebook-title,
    .regulations-teaser-copy h2#rulebook-title,
    #rulebook-title,
    :where(.home-page, body) #rulebook-title {
        gap: 1px !important;
        margin: 0 0 12px 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    .home-page .regulations-teaser .regulations-teaser-copy h2 > span,
    .home-page .regulations-teaser .regulations-teaser-copy h2 > em,
    .regulations-teaser-copy #rulebook-title > span,
    .regulations-teaser-copy #rulebook-title > em,
    #rulebook-title > span,
    #rulebook-title > em,
    :where(.home-page, body) #rulebook-title > span,
    :where(.home-page, body) #rulebook-title > em {
        display: inline-block !important;
        font-size: clamp(22px, 6.2vw, 28px) !important;
        line-height: 1.35 !important;
        letter-spacing: -0.025em !important;
        padding: 0.38em 0.05em 0.22em 0.05em !important;
        margin: -0.38em 0 -0.22em 0 !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* Nút bấm tinh gọn */
    .regulations-teaser-action,
    .home-page .regulations-teaser .regulations-teaser-action {
        min-height: 44px !important;
        padding: 6px 6px 6px 14px !important;
        margin-top: 4px !important;
        border-radius: 12px !important;
        width: 100% !important;
    }
    .regulations-teaser-action small {
        font-size: 7.5px !important;
    }
    .regulations-teaser-action strong {
        font-size: 12px !important;
    }
    .home-page .regulations-teaser-action > b {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
    }

    /* 3 Khối Điều Lệ Nổi Bật phía dưới cũng thu gọn để tránh lướt nhiều */
    .regulations-teaser-board,
    :where(.home-page, body) .regulations-teaser-board {
        gap: 8px !important;
    }
    .regulations-board-head {
        margin-bottom: 6px !important;
        padding: 0 4px !important;
    }
    .regulation-spotlight-card,
    :where(.home-page, body) .regulation-spotlight-card {
        padding: 10px 12px !important;
        gap: 10px !important;
        border-radius: 12px !important;
    }
    .regulation-spotlight-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }
    .regulation-spotlight-icon svg {
        width: 18px !important;
        height: 18px !important;
    }
    .regulation-spotlight-copy small {
        font-size: 8.5px !important;
    }
    .regulation-spotlight-copy strong {
        font-size: 12.5px !important;
        line-height: 1.25 !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   7. TIMELINE HEADING MARK: FIX LỖI RỚT CHỮ (03 NGÀY KẾT NỐI)
   ═════════════════════════════════════════════════════════════════════ */
.timeline-heading-mark,
.home-page .timeline-heading-mark,
:where(.home-page, body) .timeline-heading-mark {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    width: fit-content !important;
    min-width: 0 !important;
    padding: 16px 22px !important;
    overflow: visible !important;
}

.timeline-heading-mark span,
.home-page .timeline-heading-mark span,
:where(.home-page, body) .timeline-heading-mark span {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.timeline-heading-mark small,
.home-page .timeline-heading-mark small,
:where(.home-page, body) .timeline-heading-mark small,
.timeline-mark-label {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #e4f3ff !important;
}

.timeline-mark-label .mark-line-1,
.timeline-mark-label .mark-line-2 {
    display: block !important;
    white-space: nowrap !important;
}

/* ═════════════════════════════════════════════════════════════════════
   8. TRIỆT TIÊU HOÀN TOÀN DẢI MÀU ĐỎ - XANH - XANH NHẠT TRÊN HOMEPAGE
   ═════════════════════════════════════════════════════════════════════ */
:where(html, body, .home-page) .newsroom-section::before,
:where(html, body, .home-page) .newsroom-section::after,
:where(html, body, .home-page) .news-section::before,
:where(html, body, .home-page) #tin-tuc::before,
:where(html, body, .home-page) .newsroom-promax::before,
:where(html, body, .home-page) .newsroom-v3::before,
:where(html, body, .home-page) .newsroom-v3 .news-feature::before,
:where(html, body, .home-page) .newsroom-v3 .newsroom-signal::before,
:where(html, body, .home-page) .live-center-section::after,
:where(html, body, .home-page) .live-center-waiting::after,
:where(html, body, .home-page) #match-center::after,
.newsroom-section::before,
.news-section::before,
#tin-tuc::before,
.newsroom-promax::before,
.newsroom-v3::before,
.newsroom-signal::before {
    display: none !important;
    content: none !important;
    height: 0 !important;
    max-height: 0 !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    border: none !important;
}



/* ═════════════════════════════════════════════════════════════════════
   MOBILE DESTINATION PHOTO: 16/9 EXPANDED FULL VIEW (NO CROPPED IMAGE)
   ═════════════════════════════════════════════════════════════════════ */
@media (max-width: 780px) {
    .home-page .destination.destination-travel .destination-photo,
    .destination-travel .destination-photo,
    .destination-photo {
        min-height: 215px !important;
        height: clamp(215px, 58vw, 250px) !important;
        max-height: 260px !important;
        aspect-ratio: 16 / 9 !important;
        border-radius: 14px !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        overflow: hidden !important;
    }

    .home-page .destination-travel .destination-photo::after {
        inset: 6px !important;
        border-radius: 10px !important;
    }
}

/* ═════════════════════════════════════════════════════════════════════
   PREVENT ANY MOBILE HORIZONTAL OVERFLOW & FIX DESTINATION STATS
   ═════════════════════════════════════════════ */
@media (max-width: 780px) {
    .destination.destination-travel,
    .home-page .destination.destination-travel,
    .destination-panel,
    .destination-photo {
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .home-page .destination-travel .trip-stats,
    .destination-travel .trip-stats,
    .trip-stats {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 14px 0 0 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .home-page .destination-travel .trip-stats::before,
    .home-page .destination-travel .trip-stats::after,
    .destination-travel .trip-stats::before,
    .destination-travel .trip-stats::after,
    .trip-stats::before,
    .trip-stats::after,
    .trip-stats > div::before,
    .trip-stats > div::after {
        display: none !important;
        content: none !important;
    }

    .home-page .destination-travel .trip-stats > div,
    .destination-travel .trip-stats > div,
    .trip-stats > div {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
}