/* ═══ HOME PAGE — VMAX cohesive layout ═══ */
body.hz-has-fixed-header.home .page > .wrap,
body.hz-has-fixed-header.blog .page > .wrap,
body.hz-has-fixed-header.front-page .page > .wrap{padding-top:var(--hz-page-offset-mobile,76px);padding-bottom:24px}
body.hz-no-fixed-header.home .page > .wrap,
body.hz-no-fixed-header.blog .page > .wrap,
body.hz-no-fixed-header.front-page .page > .wrap{padding-top:16px;padding-bottom:24px}
@media(min-width:768px){body.hz-has-fixed-header.home .page > .wrap,body.hz-has-fixed-header.blog .page > .wrap,body.hz-has-fixed-header.front-page .page > .wrap{padding-top:var(--hz-page-offset-desktop,100px);padding-bottom:32px}body.hz-no-fixed-header.home .page > .wrap,body.hz-no-fixed-header.blog .page > .wrap,body.hz-no-fixed-header.front-page .page > .wrap{padding-top:20px;padding-bottom:32px}}

body.home::before,body.front-page::before{content:'';position:fixed;top:-15%;right:-5%;width:40vw;height:40vh;background:radial-gradient(circle,rgba(3,109,54,.03) 0%,transparent 60%);z-index:-1;pointer-events:none}
html.dark body.home::before,html.dark body.front-page::before,html[data-theme="dark"] body.home::before,html[data-theme="dark"] body.front-page::before{background:radial-gradient(circle,rgba(128,217,150,.04) 0%,transparent 60%)}

.sa-sec{background:var(--hz-card);border:1px solid var(--hz-border);border-radius:22px;box-shadow:var(--hz-shadow);margin-bottom:18px;overflow:hidden}
.sec-head,.st-h,.op-h,.vid-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px}
.sec-head h2,.st-h h3,.op-h h3,.vid-head h2{font-size:18px;font-weight:900;color:var(--hz-text)}
.sec-head a,.st-btn{color:var(--hz-primary);font-weight:800;font-size:13px}

.ticker{padding:12px 0;background:linear-gradient(180deg,var(--hz-card),var(--hz-card-hover))}
.ticker-track{display:flex;gap:12px;overflow:auto;padding:0 12px 2px;scroll-snap-type:x proximity}
.tk{min-width:260px;background:var(--hz-bg);border:1px solid var(--hz-border);border-radius:18px;padding:12px 14px;display:block;scroll-snap-align:start}
.tk.live{border-color:rgba(239,68,68,.35);box-shadow:0 0 0 1px rgba(239,68,68,.08) inset}
.tk-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.tk-league,.tk-live-tag{font-size:11px;font-weight:900;color:var(--hz-text-muted)}
.tk-live-tag{color:#ef4444;display:flex;align-items:center;gap:5px}
.tk-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;display:inline-block}
.tk-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.tk-team{display:flex;align-items:center;gap:8px;min-width:0}
.tk-team span{font-size:12px;font-weight:800;color:var(--hz-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-logo{width:30px;height:30px;border-radius:50%;background:var(--hz-card);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--hz-border)}
.tk-logo img{width:22px;height:22px;object-fit:contain}
.tk-score,.tk-vs{font-family:'Lexend',sans-serif;font-size:17px;font-weight:900;color:var(--hz-text);padding:0 4px}
.tk-vs{font-size:14px;color:var(--hz-primary)}

.grid-main{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}
@media(min-width:1100px){.grid-main{grid-template-columns:minmax(0,1fr) 320px}.grid-main>.sidebar{display:flex !important}}
.grid-main>.sidebar{display:none;flex-direction:column;gap:18px;position:sticky;top:calc(var(--hz-page-offset-desktop,100px) + 8px)}

.hero3{display:grid;grid-template-columns:1fr;gap:14px;padding:14px}
@media(min-width:900px){.hero3{grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr)}}
.h3-main,.h3-side{position:relative;overflow:hidden;border-radius:20px;display:block;background:var(--hz-card-hover);min-height:220px}
.h3-main img,.h3-side img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.h3-main:hover img,.h3-side:hover img{transform:scale(1.04)}
.h3-main{min-height:360px}
.h3-main::after,.h3-side::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.16) 55%,transparent)}
.h3-ov,.h3-side-ov{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:18px;color:#fff}
.h3-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(16,185,129,.9);font-size:11px;font-weight:900;margin-bottom:10px}
.h3-main h2{font-size:clamp(24px,3.2vw,36px);font-weight:900;line-height:1.45;margin:0 0 10px}
.h3-side h3{font-size:16px;font-weight:900;line-height:1.6}
.h3-meta{display:flex;flex-wrap:wrap;gap:8px;color:rgba(255,255,255,.9);font-size:12px;font-weight:800}

.news-list{padding:0 18px 18px;display:grid;gap:12px}
.nl-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-top:1px dashed var(--hz-border)}
.nl-item:first-child{border-top:none;padding-top:0}
.nl-item p{font-size:15px;font-weight:800;line-height:1.7;color:var(--hz-text)}
.nl-dot{width:10px;height:10px;border-radius:50%;background:var(--hz-primary);margin-top:8px;flex-shrink:0}

.clubs{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:760px){.clubs{grid-template-columns:repeat(2,1fr)}}
.club-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--hz-border)}
.club-head h3{font-size:18px;font-weight:900}
.club-head a{font-size:12px;font-weight:800;color:var(--hz-primary)}
.club-head.hilal{background:linear-gradient(90deg,rgba(59,130,246,.12),transparent)}
.club-head.nassr{background:linear-gradient(90deg,rgba(234,179,8,.12),transparent)}
.club-head.ahli{background:linear-gradient(90deg,rgba(34,197,94,.12),transparent)}
.club-head.ittihad{background:linear-gradient(90deg,rgba(249,115,22,.12),transparent)}
.c-card{display:grid;grid-template-columns:78px 1fr;gap:12px;padding:14px 18px;border-top:1px solid var(--hz-border)}
.c-card:hover{background:var(--hz-card-hover)}
.c-card-img{width:78px;height:58px;border-radius:12px;overflow:hidden;background:var(--hz-poll-bg)}
.c-card-img img{width:100%;height:100%;object-fit:cover}
.c-card-body h4{font-size:15px;font-weight:900;line-height:1.6;margin-bottom:6px;color:var(--hz-text)}
.c-card-body span{font-size:12px;color:var(--hz-text-muted);font-weight:800}

.vid-head{justify-content:flex-start;gap:10px}
.vids{padding:0 18px 18px;display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:760px){.vids{grid-template-columns:repeat(3,1fr)}}
.vid{display:block}
.vid-thumb{position:relative;border-radius:18px;overflow:hidden;background:var(--hz-poll-bg);aspect-ratio:16/9;margin-bottom:10px}
.vid-thumb img{width:100%;height:100%;object-fit:cover}
.vid-play{position:absolute;inset:auto 12px 12px auto;width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.vid h4{font-size:15px;font-weight:900;line-height:1.65;color:var(--hz-text)}

.st,.op,.vote,.nt{background:var(--hz-card);border:1px solid var(--hz-border);border-radius:22px;box-shadow:var(--hz-shadow);overflow:hidden}
.st-grid{display:grid;grid-template-columns:34px 1fr 54px 54px;gap:10px;align-items:center;padding:0 16px 16px}
.st-hdr{font-size:11px;font-weight:900;color:var(--hz-text-muted)}
.st-num,.st-played,.st-pts{font-family:'Lexend',sans-serif;font-weight:900;color:var(--hz-text);font-size:14px;text-align:center}
.st-pts{color:var(--hz-primary)}
.st-tm{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:800;color:var(--hz-text)}
.st-tm-logo{width:26px;height:26px;border-radius:50%;background:var(--hz-bg);display:flex;align-items:center;justify-content:center;border:1px solid var(--hz-border);flex-shrink:0}
.st-tm-logo img{width:18px;height:18px;object-fit:contain}.st-btn{display:block;padding:14px 16px;border-top:1px solid var(--hz-border);text-align:center;background:var(--hz-card-hover)}

.op-item{display:block;padding:14px 16px;border-top:1px solid var(--hz-border)}
.op-item:hover{background:var(--hz-card-hover)}
.op-item h4{font-size:15px;font-weight:900;line-height:1.65;color:var(--hz-text);margin-bottom:8px}.op-auth{font-size:12px;font-weight:800;color:var(--hz-text-muted)}

.vote{padding:18px}
.vote h3{font-size:18px;font-weight:900;color:var(--hz-text);margin-bottom:8px}
.vote-q{font-size:14px;font-weight:800;color:var(--hz-text);margin-bottom:14px}
.vote-opt{position:relative;background:var(--hz-bg);border:1px solid var(--hz-border);border-radius:14px;overflow:hidden;margin-top:10px}
.vote-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--hz-primary-light),rgba(16,185,129,.2));z-index:1}
.vote-label{position:relative;z-index:2;display:flex;justify-content:space-between;gap:10px;padding:12px 14px;font-size:13px;font-weight:900;color:var(--hz-text)}

.nt{display:flex;align-items:center;gap:14px;padding:16px 18px}
.nt:hover{transform:translateY(-2px)}
.nt-icon{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--hz-primary),#0f9c72);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 24px rgba(16,185,129,.18)}
.nt-body h4{font-size:16px;font-weight:900;color:var(--hz-text);margin-bottom:4px}
.nt-body p{font-size:12px;font-weight:800;color:var(--hz-text-muted)}
.nt-arrow{margin-inline-start:auto;color:var(--hz-primary);font-size:18px;font-weight:900}