/* Game Addict's requested native slideshow artwork and live Arabic copy. */
.gz-home-hero-swiper.ga-gameon-slider {
    height: 380px;
    border: 1px solid color-mix(in srgb, var(--brand-accent) 24%, var(--gz-line));
    border-radius: 24px;
    background: var(--gz-card);
    box-shadow: 0 16px 42px var(--gz-shadow);
}
.ga-gameon-slider .swiper-wrapper,
.ga-gameon-slider .swiper-slide { height: 100%; }
.gz-hero-slide.ga-gameon-slide {
    --ga-promo-art-wash: transparent;
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    background: var(--gz-card);
    color: var(--gz-ink);
    text-align: right;
    text-decoration: none;
}
.ga-gameon-art {
    position: absolute;
    z-index: -3;
    inset: 0;
    pointer-events: none;
    background-image: var(--ga-site-background);
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat;
}
.ga-gameon-art::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--ga-promo-art-wash);
}
.ga-gameon-slide::after {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to left,
        var(--gz-card) 0%,
        color-mix(in srgb, var(--gz-card) 98%, transparent) 37%,
        color-mix(in srgb, var(--gz-card) 72%, transparent) 53%,
        transparent 74%);
}
.ga-gameon-energy {
    position: absolute;
    z-index: -1;
    width: 38%;
    height: 130%;
    top: -15%;
    right: -7%;
    pointer-events: none;
    transform: skewX(-13deg);
    border-inline-start: 1px solid color-mix(in srgb, var(--brand-accent) 18%, transparent);
    background: linear-gradient(125deg,
        color-mix(in srgb, var(--brand-accent) 9%, transparent),
        color-mix(in srgb, var(--brand-bright) 3%, transparent) 68%,
        transparent);
}
.ga-gameon-copy {
    width: 59%;
    min-width: 0;
    margin-inline-end: auto;
    padding: 30px 66px 34px 28px;
}
.ga-gameon-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 12px;
    color: var(--brand-accent);
    font-size: 11px;
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: .11em;
}
.ga-gameon-kicker::before {
    content: "";
    width: 24px;
    height: 3px;
    background: var(--brand-accent);
    transform: skewX(-28deg);
}
.ga-gameon-title {
    display: grid;
    gap: 0;
    margin: 0;
    color: var(--gz-ink);
    font-size: clamp(42px, 4.5vw, 66px);
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: -.025em;
}
.ga-gameon-title > span,
.ga-gameon-title > strong { display: block; font-weight: 900; }
.ga-gameon-title > strong { color: var(--brand-accent); }
.ga-gameon-subtitle {
    max-width: 450px;
    margin: 16px 0 0;
    color: var(--gz-muted);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8;
}
.ga-gameon-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    min-height: 46px;
    margin-top: 21px;
    border: 1px solid var(--brand-action);
    border-radius: 11px;
    padding: 9px 22px;
    background: var(--brand-action);
    color: var(--brand-on-action);
    box-shadow: 0 6px 19px color-mix(in srgb, var(--brand-action) 17%, transparent);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.5;
    transition: background-color .18s, border-color .18s, transform .18s;
}
.ga-gameon-cta-arrow { font-size: 22px; font-weight: 400; line-height: 1; }
.ga-gameon-slide:hover .ga-gameon-cta {
    border-color: var(--brand-hover);
    background: var(--brand-hover);
    color: var(--brand-on-action);
    transform: translateY(-1px);
}
.ga-gameon-slide:focus-visible { outline: 3px solid var(--brand-focus); outline-offset: -5px; }
.ga-gameon-slide:active .ga-gameon-cta { transform: translateY(1px); }
html[data-theme="dark"] .ga-gameon-slide {
    --ga-promo-art-wash: color-mix(in srgb, var(--gz-bg) 35%, transparent);
}
.ga-gameon-slider .gz-home-swiper-pagination { bottom: 11px; }
@media (max-width: 900px) {
    .ga-gameon-copy { width: 63%; padding-inline: 40px 22px; }
    .ga-gameon-title { font-size: 46px; }
    .ga-gameon-subtitle { font-size: 14px; }
}
@media (max-width: 640px) {
    .gz-home-hero-swiper.ga-gameon-slider { height: 480px; border-radius: 18px; }
    .gz-hero-slide.ga-gameon-slide { align-items: flex-end; }
    .ga-gameon-art { inset: 0 0 auto; height: 278px; background-position: left top; }
    .ga-gameon-slide::after {
        background: linear-gradient(to bottom,
            transparent 0%,
            color-mix(in srgb, var(--gz-card) 8%, transparent) 35%,
            color-mix(in srgb, var(--gz-card) 92%, transparent) 53%,
            var(--gz-card) 64%);
    }
    .ga-gameon-energy { top: auto; right: -18%; bottom: -8%; width: 63%; height: 64%; }
    .ga-gameon-copy { width: 100%; margin: 0; padding: 22px 26px 34px; }
    .ga-gameon-kicker { margin-bottom: 9px; font-size: 10px; }
    .ga-gameon-title { font-size: clamp(30px, 8.5vw, 38px); line-height: 1.1; }
    .ga-gameon-subtitle { max-width: 330px; margin-top: 11px; font-size: 13px; line-height: 1.65; }
    .ga-gameon-cta { min-height: 43px; margin-top: 15px; padding: 8px 18px; font-size: 13px; }
    .ga-gameon-slider .gz-home-swiper-button { top: 27%; width: 32px; height: 32px; font-size: 16px; }
    .ga-gameon-slider .gz-home-swiper-prev { inset-inline-start: 8px; }
    .ga-gameon-slider .gz-home-swiper-next { inset-inline-end: 8px; }
}
@media (max-width: 360px) {
    .ga-gameon-copy { padding-inline: 21px; }
    .ga-gameon-title { font-size: 30px; }
}
@media (prefers-reduced-motion: reduce) {
    .ga-gameon-cta { transition: none; }
}