@font-face {
        font-family: "Gelirse Coolvetica";
        src: url("../fonts/coolvetica-latin-ext.woff2") format("woff2");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    body.gelirse-menu-variant-2 {
        --gelirse-mobile-app-nav-offset: 0px;
        --gelirse-rail-width-collapsed: 56px;
        --gelirse-rail-width-expanded: 260px;
        --gelirse-rail-layout-offset-collapsed: 52px;
        --gelirse-rail-layout-offset-expanded: 260px;
        --gelirse-rail-width: var(--gelirse-rail-width-collapsed);
        --gelirse-rail-layout-offset: var(--gelirse-rail-layout-offset-collapsed);
        --gelirse-rail-surface: #101216;
        --gelirse-rail-surface-2: #090c11;
        --gelirse-rail-panel: rgba(16, 18, 23, 0.98);
        --gelirse-rail-card: rgba(25, 28, 35, 0.86);
        --gelirse-rail-card-active: rgba(45, 83, 171, 0.24);
        --gelirse-rail-line: rgba(255, 255, 255, 0.075);
        --gelirse-rail-line-soft: rgba(255, 255, 255, 0.045);
        --gelirse-rail-copy: #eef1f6;
        --gelirse-rail-muted: #9ca3b2;
        --gelirse-rail-icon: #a8afbd;
        --gelirse-rail-active: #f0f3f8;
        --gelirse-rail-accent: rgba(240, 243, 248, 0.92);
        --gelirse-rail-accent-soft: rgba(255, 255, 255, 0.045);
        --gelirse-rail-badge: #ffcc00;
        --gelirse-rail-transition: 0.18s cubic-bezier(0.22, 1, 0.36, 1);
        --gelirse-rail-layout-transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
        --gelirse-rail-copy-transition: 0.14s cubic-bezier(0.22, 1, 0.36, 1);
        --gelirse-popover-motion-offset-x: 10px;
        --gelirse-popover-motion-offset-y: -4px;
        --gelirse-popover-motion-scale: 0.965;
        --gelirse-popover-motion-opacity-duration: 180ms;
        --gelirse-popover-motion-transform-duration: 210ms;
        --gelirse-popover-motion-duration-ms: 210;
        --gelirse-popover-motion-buffer-ms: 40;
        --gelirse-popover-close-duration: 135ms;
        --gelirse-popover-close-duration-ms: 135;
        --gelirse-popover-close-buffer-ms: 30;
        --gelirse-popover-motion-easing: cubic-bezier(0.22, 1, 0.36, 1);
        --gelirse-popover-motion-direction-x: 1;
        --gelirse-popover-motion-origin-x: 100%;
        --gelirse-popover-motion-origin-y: 0;
        --gelirse-popover-motion-origin: var(--gelirse-popover-motion-origin-x) var(--gelirse-popover-motion-origin-y);
        --gelirse-popover-motion-closed-transform: translate3d(calc(var(--gelirse-popover-motion-direction-x, 1) * var(--gelirse-popover-motion-offset-x, 10px)), var(--gelirse-popover-motion-offset-y, -4px), 0) scale(var(--gelirse-popover-motion-scale, 0.965));
        --gelirse-popover-motion-open-transform: translate3d(0, 0, 0) scale(1);
        --gelirse-rail-font-ui: "Gelirse Coolvetica", "Manrope", Inter, "Segoe UI", Arial, Helvetica, sans-serif;
        --gelirse-rail-font-display: "Gelirse Coolvetica", "Avenir Next Condensed", "Franklin Gothic Medium", "Arial Narrow", "Manrope", "Segoe UI", Arial, Helvetica, sans-serif;
        --gelirse-rail-icon-slot: 32px;
        --gelirse-rail-row-height: 46px;
        --gelirse-rail-stack-gap: 24px;
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded {
        --gelirse-rail-width: var(--gelirse-rail-width-expanded);
        --gelirse-rail-layout-offset: var(--gelirse-rail-layout-offset-expanded);
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-mobile-open {
        overflow: hidden;
    }

    body.gelirse-menu-variant-2.gelirse-rail-state-changing .gelirseLeftRail,
    body.gelirse-menu-variant-2.gelirse-rail-state-changing .gelirseDesktopRailBackdrop {
        pointer-events: none;
    }

    body.gelirse-menu-variant-2.gelirse-rail-closing,
    body.gelirse-menu-variant-2.gelirse-rail-state-changing,
    body.gelirse-menu-variant-2.gelirse-rail-flip-measuring,
    body.gelirse-menu-variant-2.gelirse-rail-flip-active {
        background:
            radial-gradient(circle at top left, rgba(111, 72, 255, 0.32), transparent 26%),
            radial-gradient(circle at top right, rgba(27, 78, 216, 0.4), transparent 30%),
            linear-gradient(180deg, #09122e 0%, #111b42 48%, #181f3f 100%) !important;
    }

    body.gelirse-menu-variant-2.gelirse-rail-state-changing .homepageOuter,
    body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .homepageOuter,
    body.gelirse-menu-variant-2.gelirse-rail-flip-active .homepageOuter,
    body.gelirse-menu-variant-2.gelirse-rail-closing .homepageOuter > .container,
    body.gelirse-menu-variant-2.gelirse-rail-state-changing .homepageOuter > .container,
    body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .homepageOuter > .container,
    body.gelirse-menu-variant-2.gelirse-rail-flip-active .homepageOuter > .container,
    body.gelirse-menu-variant-2.gelirse-rail-closing .homepageLazySection,
    body.gelirse-menu-variant-2.gelirse-rail-state-changing .homepageLazySection,
    body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .homepageLazySection,
    body.gelirse-menu-variant-2.gelirse-rail-flip-active .homepageLazySection,
    body.gelirse-menu-variant-2.gelirse-rail-state-changing .homepageTopHeroBand,
    body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .homepageTopHeroBand,
    body.gelirse-menu-variant-2.gelirse-rail-flip-active .homepageTopHeroBand,
    body.gelirse-menu-variant-2.gelirse-rail-state-changing .navbarPreHeroSlot.is-default-top-shell,
    body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .navbarPreHeroSlot.is-default-top-shell,
    body.gelirse-menu-variant-2.gelirse-rail-flip-active .navbarPreHeroSlot.is-default-top-shell {
        background: linear-gradient(180deg, rgba(8, 14, 29, 0.98) 0%, rgba(10, 18, 38, 0.98) 100%);
    }

    @media (min-width: 1440px) {
        body.gelirse-menu-variant-2.gelirse-rail-state-changing .homepageOuter,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .homepageOuter,
        body.gelirse-menu-variant-2.gelirse-rail-flip-active .homepageOuter,
        body.gelirse-menu-variant-2.gelirse-rail-closing .homepageOuter > .container,
        body.gelirse-menu-variant-2.gelirse-rail-state-changing .homepageOuter > .container,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .homepageOuter > .container,
        body.gelirse-menu-variant-2.gelirse-rail-flip-active .homepageOuter > .container,
        body.gelirse-menu-variant-2.gelirse-rail-closing .homepageLazySection,
        body.gelirse-menu-variant-2.gelirse-rail-state-changing .homepageLazySection,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .homepageLazySection,
        body.gelirse-menu-variant-2.gelirse-rail-flip-active .homepageLazySection,
        body.gelirse-menu-variant-2.gelirse-rail-state-changing .homepageTopHeroBand,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .homepageTopHeroBand,
        body.gelirse-menu-variant-2.gelirse-rail-flip-active .homepageTopHeroBand,
        body.gelirse-menu-variant-2.gelirse-rail-state-changing .navbarPreHeroSlot.is-default-top-shell,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .navbarPreHeroSlot.is-default-top-shell,
        body.gelirse-menu-variant-2.gelirse-rail-flip-active .navbarPreHeroSlot.is-default-top-shell {
            background: transparent;
        }

        body.gelirse-menu-variant-2.gelirse-rail-closing .homepageLazySection.is-loading,
        body.gelirse-menu-variant-2.gelirse-rail-state-changing .homepageLazySection.is-loading,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .homepageLazySection.is-loading,
        body.gelirse-menu-variant-2.gelirse-rail-flip-active .homepageLazySection.is-loading {
            background: rgba(12, 18, 30, 0.22);
        }

        body.gelirse-menu-variant-2 .campaignLineOuter .container,
        body.gelirse-menu-variant-2 .timedPromoShellOuter .container,
        body.gelirse-menu-variant-2 .navbarTopOuter > .container,
        body.gelirse-menu-variant-2 .navbarOuter > .container,
        body.gelirse-menu-variant-2 .customFormPageOuter > .container,
        body.gelirse-menu-variant-2 .homepageOuter > .container,
        body.gelirse-menu-variant-2 .gamesPageOuter > .container,
        body.gelirse-menu-variant-2 .contentPageOuter > .container,
        body.gelirse-menu-variant-2 .gelirseMessagesPage > .container,
        body.gelirse-menu-variant-2 .footerOuter > .container {
            padding-left: var(--gelirse-rail-layout-offset) !important;
            transition: padding-left var(--gelirse-rail-transition);
        }

        body.gelirse-menu-variant-2 .homepageTopHeroBand {
            padding-left: var(--gelirse-rail-layout-offset);
            transition: padding-left var(--gelirse-rail-transition);
        }

        body.gelirse-menu-variant-2 .campaignLineOuter,
        body.gelirse-menu-variant-2 .timedPromoShellOuter,
        body.gelirse-menu-variant-2 .navbarTopOuter,
        body.gelirse-menu-variant-2 .navbarOuter,
        body.gelirse-menu-variant-2 .navbarPreHeroSlot.is-default-top-shell,
        body.gelirse-menu-variant-2 .customFormPageOuter,
        body.gelirse-menu-variant-2 .homepageOuter,
        body.gelirse-menu-variant-2 .gamesPageOuter,
        body.gelirse-menu-variant-2 .contentPageOuter,
        body.gelirse-menu-variant-2 .gelirseMessagesPage,
        body.gelirse-menu-variant-2 .footerOuter {
            width: calc(100% - var(--gelirse-rail-layout-offset));
            margin-left: var(--gelirse-rail-layout-offset);
            transition: none;
            will-change: auto;
        }

        body.gelirse-menu-variant-2 .campaignLineOuter .container,
        body.gelirse-menu-variant-2 .timedPromoShellOuter .container,
        body.gelirse-menu-variant-2 .navbarTopOuter > .container,
        body.gelirse-menu-variant-2 .navbarOuter > .container,
        body.gelirse-menu-variant-2 .customFormPageOuter > .container,
        body.gelirse-menu-variant-2 .homepageOuter > .container,
        body.gelirse-menu-variant-2 .gamesPageOuter > .container,
        body.gelirse-menu-variant-2 .contentPageOuter > .container,
        body.gelirse-menu-variant-2 .gelirseMessagesPage > .container,
        body.gelirse-menu-variant-2 .footerOuter > .container {
            padding-left: 12px !important;
            transition: none;
        }

        body.gelirse-menu-variant-2 .homepageTopHeroBand {
            width: calc(100% - var(--gelirse-rail-layout-offset));
            margin-left: var(--gelirse-rail-layout-offset);
            padding-left: 0;
            transition: none;
            will-change: auto;
        }

        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .campaignLineOuter,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .timedPromoShellOuter,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .navbarTopOuter,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .navbarOuter,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .navbarPreHeroSlot.is-default-top-shell,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .customFormPageOuter,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .homepageOuter,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .gamesPageOuter,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .contentPageOuter,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .gelirseMessagesPage,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .footerOuter,
        body.gelirse-menu-variant-2.gelirse-rail-flip-measuring .homepageTopHeroBand {
            transition: none !important;
        }

        body.gelirse-menu-variant-2.gelirse-rail-state-changing .navbarPreHeroSlot.is-default-top-shell,
        body.gelirse-menu-variant-2.gelirse-rail-state-changing .homepageOuter,
        body.gelirse-menu-variant-2.gelirse-rail-state-changing .homepageTopHeroBand {
            transition: none !important;
            will-change: auto;
        }

        body.gelirse-menu-variant-2.gelirse-rail-flip-active .navbarPreHeroSlot.is-default-top-shell,
        body.gelirse-menu-variant-2.gelirse-rail-flip-active .homepageOuter,
        body.gelirse-menu-variant-2.gelirse-rail-flip-active .homepageTopHeroBand {
            transition: transform var(--gelirse-rail-layout-transition) !important;
            will-change: transform;
        }
    }

    @media (min-width: 1024px) and (max-width: 1439px) {
        body.gelirse-menu-variant-2 {
            --gelirse-rail-transition: 0.12s cubic-bezier(0.22, 1, 0.36, 1);
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailToggle {
            left: 32px;
        }

        body.gelirse-menu-variant-2 .campaignLineOuter,
        body.gelirse-menu-variant-2 .timedPromoShellOuter,
        body.gelirse-menu-variant-2 .navbarTopOuter,
        body.gelirse-menu-variant-2 .navbarOuter,
        body.gelirse-menu-variant-2 .navbarPreHeroSlot.is-default-top-shell,
        body.gelirse-menu-variant-2 .customFormPageOuter,
        body.gelirse-menu-variant-2 .homepageOuter,
        body.gelirse-menu-variant-2 .gamesPageOuter,
        body.gelirse-menu-variant-2 .contentPageOuter,
        body.gelirse-menu-variant-2 .gelirseMessagesPage,
        body.gelirse-menu-variant-2 .footerOuter,
        body.gelirse-menu-variant-2 .homepageTopHeroBand {
            width: 100%;
            margin-left: 0;
            transition: none;
        }

        body.gelirse-menu-variant-2 .campaignLineOuter .container,
        body.gelirse-menu-variant-2 .timedPromoShellOuter .container,
        body.gelirse-menu-variant-2 .navbarTopOuter > .container,
        body.gelirse-menu-variant-2 .navbarOuter > .container,
        body.gelirse-menu-variant-2 .customFormPageOuter > .container,
        body.gelirse-menu-variant-2 .homepageOuter > .container,
        body.gelirse-menu-variant-2 .gamesPageOuter > .container,
        body.gelirse-menu-variant-2 .contentPageOuter > .container,
        body.gelirse-menu-variant-2 .gelirseMessagesPage > .container,
        body.gelirse-menu-variant-2 .footerOuter > .container {
            padding-left: 18px !important;
            transition: none;
        }

        body.gelirse-menu-variant-2 .homepageTopHeroBand {
            padding-left: 0;
        }

        @media (max-width: 1139px) {
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .campaignLineOuter,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .timedPromoShellOuter,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .navbarTopOuter,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .navbarOuter,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .navbarPreHeroSlot.is-default-top-shell,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .customFormPageOuter,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .homepageOuter,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gamesPageOuter,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .contentPageOuter,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseMessagesPage,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .footerOuter,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .homepageTopHeroBand {
                width: calc(100% - var(--gelirse-rail-width-collapsed));
                margin-left: var(--gelirse-rail-width-collapsed);
            }

            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .campaignLineOuter .container,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .timedPromoShellOuter .container,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .navbarTopOuter > .container,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .navbarOuter > .container,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .customFormPageOuter > .container,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .homepageOuter > .container,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gamesPageOuter > .container,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .contentPageOuter > .container,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseMessagesPage > .container,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .footerOuter > .container {
                padding-left: 12px !important;
            }

            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .homepageTopHeroBand {
                padding-left: 0;
            }

            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded):has(.homepageTopHeroBand.is-homepage-main) .navbarTopOuter::before,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded):has(.homepageTopHeroBand.is-casino-layout) .navbarTopOuter::before,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded):has(.sportsbookPageOuter) .navbarTopOuter::before,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded):has(.promotionsPageOuter) .navbarTopOuter::before,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded):has(.earnRewardsPage) .navbarTopOuter::before,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded):has(.learnDocsPage) .navbarTopOuter::before,
            body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded):has(.gameDetailOuter) .navbarTopOuter::before {
                left: -33px;
            }
        }

        .gelirseLeftRail {
            z-index: 141;
            transform: translateX(-100%);
            transition: width var(--gelirse-rail-transition), box-shadow var(--gelirse-rail-transition), transform var(--gelirse-rail-transition);
        }

        body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRail {
            transform: translateX(0);
            box-shadow: none;
        }

        .gelirseDesktopRailBackdrop {
            display: block !important;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: var(--gelirse-rail-width-expanded);
            z-index: 136;
            background: rgba(8, 13, 26, 0.66);
            opacity: 0;
            pointer-events: none;
            transition: opacity var(--gelirse-rail-transition);
        }

        body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseDesktopRailBackdrop {
            opacity: 1;
            pointer-events: auto;
        }
    }

    @media (min-width: 900px) and (max-width: 1439px) {
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .campaignLineOuter,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .timedPromoShellOuter,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .navbarTopOuter,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .navbarOuter,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .navbarPreHeroSlot.is-default-top-shell,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .customFormPageOuter,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .homepageOuter,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gamesPageOuter,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .contentPageOuter,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseMessagesPage,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .footerOuter,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .homepageTopHeroBand {
            width: calc(100% - var(--gelirse-rail-width-collapsed));
            margin-left: var(--gelirse-rail-width-collapsed);
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .campaignLineOuter .container,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .timedPromoShellOuter .container,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .navbarTopOuter > .container,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .navbarOuter > .container,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .customFormPageOuter > .container,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .homepageOuter > .container,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gamesPageOuter > .container,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .contentPageOuter > .container,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseMessagesPage > .container,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .footerOuter > .container {
            padding-left: 12px !important;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .homepageTopHeroBand {
            padding-left: 0;
        }
    }

    .gelirseDesktopRailBackdrop {
        display: none;
        will-change: opacity;
    }

    @keyframes gelirseRailCopyFadeIn {
        0% {
            opacity: 0;
            transform: translateX(-10px);
        }

        35% {
            opacity: 0.42;
            transform: translateX(-5px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .gelirseMobileRailBackdrop,
    .gelirseMobileRailClose {
        display: none;
    }

    .gelirseMobileAppNav {
        display: none;
    }

    .gelirseMobileRailBackdrop {
        will-change: opacity;
    }

    .gelirseLeftRailShell {
        position: relative;
        z-index: 160;
    }

    body.gelirse-menu-variant-2 .navbarTopOuter,
    body.gelirse-menu-variant-2 .navbarOuter {
        position: relative;
        z-index: 42;
    }

    body.gelirse-menu-variant-2 .navbarTopInfoMenu,
    body.gelirse-menu-variant-2 .navbarTopAccountNotification,
    body.gelirse-menu-variant-2 .navbarTopAccountLanguage,
    body.gelirse-menu-variant-2 .navbarTopAccountIdentityMenu,
    body.gelirse-menu-variant-2 .navbarTopAccountWalletMenu {
        z-index: 44;
    }

    body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-homepage-main) .navbarTopOuter,
    body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-casino-layout) .navbarTopOuter,
    body.gelirse-menu-variant-2:has(.sportsbookPageOuter) .navbarTopOuter,
    body.gelirse-menu-variant-2:has(.promotionsPageOuter) .navbarTopOuter,
    body.gelirse-menu-variant-2:has(.earnRewardsPage) .navbarTopOuter,
    body.gelirse-menu-variant-2:has(.learnDocsPage) .navbarTopOuter,
    body.gelirse-menu-variant-2:has(.gameDetailOuter) .navbarTopOuter {
        isolation: isolate;
    }

    body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-homepage-main) .navbarTopOuter::before,
    body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-casino-layout) .navbarTopOuter::before,
    body.gelirse-menu-variant-2:has(.sportsbookPageOuter) .navbarTopOuter::before,
    body.gelirse-menu-variant-2:has(.promotionsPageOuter) .navbarTopOuter::before,
    body.gelirse-menu-variant-2:has(.earnRewardsPage) .navbarTopOuter::before,
    body.gelirse-menu-variant-2:has(.learnDocsPage) .navbarTopOuter::before,
    body.gelirse-menu-variant-2:has(.gameDetailOuter) .navbarTopOuter::before {
        content: "";
        position: absolute;
        top: 0;
        left: calc(var(--gelirse-rail-width) - 33px);
        z-index: 0;
        width: 42px;
        height: 48px;
        background: #1c1e24;
        clip-path: path("M0 0 H42 C31 8 30 17 29 25 C27 37 18 45 0 48 Z");
        pointer-events: none;
    }

    body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-homepage-main) .navbarTopOuter > .container,
    body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-casino-layout) .navbarTopOuter > .container,
    body.gelirse-menu-variant-2:has(.sportsbookPageOuter) .navbarTopOuter > .container,
    body.gelirse-menu-variant-2:has(.promotionsPageOuter) .navbarTopOuter > .container,
    body.gelirse-menu-variant-2:has(.earnRewardsPage) .navbarTopOuter > .container,
    body.gelirse-menu-variant-2:has(.learnDocsPage) .navbarTopOuter > .container,
    body.gelirse-menu-variant-2:has(.gameDetailOuter) .navbarTopOuter > .container {
        position: relative;
        z-index: 1;
    }

    @media (min-width: 1440px) {
        body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-homepage-main) .navbarTopOuter::before,
        body.gelirse-menu-variant-2:has(.homepageTopHeroBand.is-casino-layout) .navbarTopOuter::before,
        body.gelirse-menu-variant-2:has(.sportsbookPageOuter) .navbarTopOuter::before,
        body.gelirse-menu-variant-2:has(.promotionsPageOuter) .navbarTopOuter::before,
        body.gelirse-menu-variant-2:has(.earnRewardsPage) .navbarTopOuter::before,
        body.gelirse-menu-variant-2:has(.learnDocsPage) .navbarTopOuter::before,
        body.gelirse-menu-variant-2:has(.gameDetailOuter) .navbarTopOuter::before {
            left: calc(var(--gelirse-rail-width) - var(--gelirse-rail-layout-offset) - 33px);
        }
    }

    body.gelirse-menu-variant-2 .navbarTopInfoDropdown,
    body.gelirse-menu-variant-2 .navbarTopAccountDropdown,
    body.gelirse-menu-variant-2 .menuNotificationDropdown,
    body.gelirse-menu-variant-2 .navbarCenterLanguageDropdown {
        z-index: 180;
    }

    .gelirseLeftRail {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 120;
        width: var(--gelirse-rail-width);
        display: flex;
        flex-direction: column;
        background:
            radial-gradient(circle at 88% 7%, rgba(103, 116, 137, 0.13), transparent 26%),
            radial-gradient(circle at 2% 35%, rgba(80, 91, 112, 0.11), transparent 28%),
            linear-gradient(180deg, var(--gelirse-rail-surface) 0%, #0d1015 58%, var(--gelirse-rail-surface-2) 100%);
        box-shadow: 28px 0 54px rgba(0, 0, 0, 0.28);
        border-radius: 0;
        overflow: hidden;
        transition: width var(--gelirse-rail-transition), box-shadow var(--gelirse-rail-transition);
        will-change: width, transform;
        transform: translateZ(0);
        backface-visibility: hidden;
        contain: layout paint;
        font-family: var(--gelirse-rail-font-ui);
        font-feature-settings: "tnum" 1, "ss01" 1;
        text-rendering: optimizeLegibility;
    }

    .gelirseLeftRail::before {
        display: none;
    }

    .gelirseLeftRailScroll {
        position: relative;
        z-index: 1;
        flex: 1;
        display: flex;
        flex-direction: column;
        min-height: 0;
        margin-bottom: 156px;
        padding: 18px 20px 18px;
        overflow-y: auto;
        gap: var(--gelirse-rail-stack-gap);
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        scrollbar-color: rgba(132, 142, 167, 0.22) transparent;
    }

    .gelirseLeftRailTop,
    .gelirseLeftRailBottom,
    .gelirseLeftRailPrimary {
        display: flex;
        flex-direction: column;
        gap: 22px;
    }

    .gelirseLeftRailTop {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    .gelirseLeftRailPrimary {
        flex: 0 0 auto;
        min-height: 0;
        gap: 12px;
    }

    .gelirseLeftRailBottom {
        margin-top: 0;
        padding-top: 0;
        gap: 12px;
    }

    .gelirseLeftRailSeparator {
        width: 100%;
        height: 1px;
        margin: -4px 0 -8px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.11) 72%, transparent);
        flex: 0 0 auto;
    }

    .gelirseLeftRailSectionLabel {
        padding: 0;
        color: rgba(156, 163, 178, 0.66);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.055em;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gelirseLeftRailAccountLink,
    .gelirseLeftRailPromoLink,
    .gelirseRailAppInstallEntry,
    .gelirseRailNavLink,
    .gelirseRailNavTrigger,
    .gelirseRailUtilityAction,
    .gelirseRailUtilityMini,
    .gelirseRailLanguageAction {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 46px;
        padding: 0;
        border-radius: 14px;
        border: 0;
        background: transparent;
        color: var(--gelirse-rail-copy);
        font-weight: 500;
        text-decoration: none !important;
        transition:
            background var(--gelirse-rail-transition),
            border-color var(--gelirse-rail-transition),
            transform var(--gelirse-rail-transition),
            color var(--gelirse-rail-transition);
    }

    .gelirseRailNavTrigger,
    .gelirseRailNavLink,
    .gelirseRailNavSubLink {
        justify-content: flex-start;
        text-align: left;
    }

    .gelirseRailNavTrigger {
        cursor: pointer;
    }

    @media (min-width: 1024px) {
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRail,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailScroll {
            cursor: ew-resize;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailScroll {
            margin-bottom: 140px;
            padding: 18px 10px 18px;
            gap: var(--gelirse-rail-stack-gap);
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRail a,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRail button,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRail [role="button"] {
            cursor: pointer;
        }
    }

    .gelirseLeftRailAccountLink:hover,
    .gelirseRailAppInstallEntry:hover,
    .gelirseRailNavLink:hover,
    .gelirseRailNavTrigger:hover,
    .gelirseRailUtilityAction:hover,
    .gelirseRailUtilityMini:hover,
    .gelirseRailLanguageAction:hover,
    .gelirseLeftRailAccountLink:focus-visible,
    .gelirseRailAppInstallEntry:focus-visible,
    .gelirseRailNavLink:focus-visible,
    .gelirseRailNavTrigger:focus-visible,
    .gelirseRailUtilityAction:focus-visible,
    .gelirseRailUtilityMini:focus-visible,
    .gelirseRailLanguageAction:focus-visible {
        background: transparent;
        border-color: transparent;
        transform: none;
        color: var(--gelirse-rail-active);
    }

    .gelirseLeftRailAccountLink:hover,
    .gelirseLeftRailAccountLink:focus-visible {
        color: var(--gelirse-rail-copy);
        box-shadow: none;
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink,
    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink:hover,
    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink:focus-visible,
    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink:active,
    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink.authModalLaunchTrigger,
    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink.authModalLaunchTrigger.is-launching {
        background: transparent !important;
        box-shadow: none !important;
        color: var(--gelirse-rail-copy);
        outline: 0;
        transform: none !important;
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink.authModalLaunchTrigger::before {
        opacity: 0 !important;
        animation: none !important;
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink.authModalLaunchTrigger::after,
    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink.authModalLaunchTrigger.is-launching::after {
        position: static;
        width: 7px;
        height: 7px;
        margin: 0 0 0 auto;
        border-radius: 0;
        border: 0;
        border-top: 1.7px solid rgba(174, 182, 196, 0.86);
        border-right: 1.7px solid rgba(174, 182, 196, 0.86);
        opacity: 1;
        transform: rotate(45deg);
        animation: none !important;
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink:hover .gelirseLeftRailIcon,
    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink:focus-visible .gelirseLeftRailIcon,
    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink:active .gelirseLeftRailIcon,
    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink.authModalLaunchTrigger .gelirseLeftRailIcon,
    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink.authModalLaunchTrigger.is-launching .gelirseLeftRailIcon {
        background:
            radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.17), transparent 42%),
            rgba(255, 255, 255, 0.025);
        border-color: rgba(255, 255, 255, 0.09);
        box-shadow:
            inset 0 0 18px rgba(255, 255, 255, 0.035),
            0 8px 20px rgba(0, 0, 0, 0.14);
        color: rgba(240, 244, 250, 0.76);
        filter: none;
        transform: none;
    }

    .gelirseLeftRailAccountLink:hover .gelirseLeftRailIcon,
    .gelirseRailAppInstallEntry:hover .gelirseRailAppInstallIcon,
    .gelirseRailNavLink:hover .gelirseRailNavIcon,
    .gelirseRailNavTrigger:hover .gelirseRailNavIcon,
    .gelirseRailUtilityAction:hover .gelirseRailUtilityIcon,
    .gelirseRailUtilityMini:hover .gelirseRailUtilityIcon,
    .gelirseRailLanguageAction:hover .gelirseRailUtilityIcon,
    .gelirseLeftRailAccountLink:focus-visible .gelirseLeftRailIcon,
    .gelirseRailAppInstallEntry:focus-visible .gelirseRailAppInstallIcon,
    .gelirseRailNavLink:focus-visible .gelirseRailNavIcon,
    .gelirseRailNavTrigger:focus-visible .gelirseRailNavIcon,
    .gelirseRailUtilityAction:focus-visible .gelirseRailUtilityIcon,
    .gelirseRailUtilityMini:focus-visible .gelirseRailUtilityIcon,
    .gelirseRailLanguageAction:focus-visible .gelirseRailUtilityIcon {
        color: #f8fafc;
        background: transparent;
        filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.16));
    }

    .gelirseRailNavLink.is-active,
    .gelirseRailUtilityAction.is-active,
    .gelirseRailLanguageAction.is-active {
        background: transparent;
        border-color: transparent;
        color: var(--gelirse-rail-active);
        box-shadow: none;
    }

    .gelirseRailNavGroup.is-active > .gelirseRailNavTrigger {
        background: transparent;
        border-color: transparent;
        color: var(--gelirse-rail-active);
        box-shadow: none;
    }

    .gelirseLeftRailIcon,
    .gelirseRailAppInstallIcon,
    .gelirseRailNavIcon,
    .gelirseRailUtilityIcon {
        width: var(--gelirse-rail-icon-slot);
        height: var(--gelirse-rail-icon-slot);
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        color: var(--gelirse-rail-icon);
        background: transparent;
        font-size: 17px;
        transition:
            color var(--gelirse-rail-transition),
            background var(--gelirse-rail-transition),
            filter var(--gelirse-rail-transition);
    }

    .gelirseRailIconSvg {
        width: 18px;
        height: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .gelirseRailIconSvg svg {
        width: 18px;
        height: 18px;
        display: block;
    }

    .gelirseRailIconSvg svg path,
    .gelirseRailIconSvg svg rect,
    .gelirseRailIconSvg svg circle {
        fill: currentColor !important;
    }

    .gelirseLeftRailAccountLink {
        min-height: var(--gelirse-rail-row-height);
        padding: 0;
        border-radius: 0;
        gap: 10px;
    }

    .gelirseLeftRailAccountIdentity {
        min-width: 0;
    }

    .cmsPresenceControl--gelirse-rail {
        position: relative;
        display: none;
    }

    .cmsPresenceControl--gelirse-rail .cmsPresenceControlTrigger {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 22px;
        width: 100%;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--gelirse-rail-copy);
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2;
        text-align: left;
        cursor: pointer;
        transition: color var(--gelirse-rail-transition);
    }

    .cmsPresenceControl--gelirse-rail .cmsPresenceControlChevron {
        margin-left: auto;
        width: 7px;
        height: 7px;
        border-width: 0 1px 1px 0;
        margin-top: -3px;
        opacity: 0.72;
        transition: transform var(--gelirse-rail-transition), border-color var(--gelirse-rail-transition);
    }

    .cmsPresenceControl--gelirse-rail.is-opening .cmsPresenceControlChevron,
    .cmsPresenceControl--gelirse-rail.is-open .cmsPresenceControlChevron {
        transform: rotate(225deg);
        border-color: rgba(255, 209, 85, 0.9);
    }

    .cmsPresenceControl--gelirse-rail .cmsPresenceControlTrigger:focus-visible {
        color: var(--gelirse-rail-copy);
        outline: 0;
    }

    .cmsPresenceControl--gelirse-rail .cmsPresenceControlMenu {
        left: 0;
        right: auto;
        top: calc(100% + 8px);
        bottom: auto;
        z-index: 24;
        width: min(248px, calc(100vw - 32px));
        gap: 4px;
        padding: 10px;
        border: 1px solid rgba(219, 225, 237, 0.95);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.98);
        box-shadow:
            0 22px 45px rgba(9, 18, 40, 0.18),
            0 1px 0 rgba(255, 255, 255, 0.9) inset;
        color: #24324d;
        transform: translate3d(0, -6px, 0);
        transition:
            opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1),
            transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .cmsPresenceControl--gelirse-rail.is-opening .cmsPresenceControlMenu,
    .cmsPresenceControl--gelirse-rail.is-open .cmsPresenceControlMenu {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        pointer-events: auto;
    }

    .cmsPresenceControl--gelirse-rail .cmsPresenceControlOptions {
        max-height: none;
    }

    .cmsPresenceControl--gelirse-rail .cmsPresenceControlMenu .cmsPresenceControlOption {
        width: 100%;
        min-height: 42px;
        padding: 8px 10px;
        border: 0;
        border-radius: 13px;
        background: transparent;
        color: #24324d;
        font: inherit;
        font-size: 13px;
        font-weight: 800;
        text-align: left;
        cursor: pointer;
        transition: color 0.16s ease, background 0.16s ease;
    }

    .cmsPresenceControl--gelirse-rail .cmsPresenceControlOption .cmsPresenceControlDot {
        justify-self: center;
    }

    .cmsPresenceControl--gelirse-rail .cmsPresenceControlOption > span:not(.cmsPresenceControlDot) {
        white-space: nowrap;
    }

    .cmsPresenceControl--gelirse-rail .cmsPresenceControlMenu .cmsPresenceControlOption.is-active,
    .cmsPresenceControl--gelirse-rail .cmsPresenceControlMenu .cmsPresenceControlOption:hover,
    .cmsPresenceControl--gelirse-rail .cmsPresenceControlMenu .cmsPresenceControlOption:focus-visible {
        background: rgba(245, 248, 252, 0.98);
        color: #121d33;
        outline: 0;
        transform: none;
    }

    .cmsPresenceControl--gelirse-rail .cmsPresenceControlPrivacyLink {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
        min-height: 40px;
        margin-top: 6px;
        padding: 0 12px;
        border: 0;
        border-top: 1px solid rgba(112, 126, 156, 0.16);
        background: transparent;
        color: #566276;
        font-size: 12px;
        font-weight: 700;
        text-align: left;
        cursor: pointer;
        transition: color 0.16s ease, background 0.16s ease;
    }

    .cmsPresenceControl--gelirse-rail .cmsPresenceControlPrivacyLink:hover,
    .cmsPresenceControl--gelirse-rail .cmsPresenceControlPrivacyLink:focus-visible {
        color: #121d33;
        background: rgba(245, 248, 252, 0.98);
        outline: 0;
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .cmsPresenceControl--gelirse-rail,
    .gelirseLeftRailShell.is-mobile-open .cmsPresenceControl--gelirse-rail {
        display: block;
        margin: -3px 0 8px calc(var(--gelirse-rail-icon-slot) + 14px);
    }

    @media (min-width: 1024px) {
        .gelirseLeftRail:has(.cmsPresenceControl--gelirse-rail.is-opening),
        .gelirseLeftRail:has(.cmsPresenceControl--gelirse-rail.is-open),
        .gelirseLeftRail:has(.cmsPresenceControl--gelirse-rail.is-closing) {
            overflow: visible;
            contain: layout;
            z-index: 141;
        }

        .gelirseLeftRailScroll:has(.cmsPresenceControl--gelirse-rail.is-opening),
        .gelirseLeftRailScroll:has(.cmsPresenceControl--gelirse-rail.is-open),
        .gelirseLeftRailScroll:has(.cmsPresenceControl--gelirse-rail.is-closing) {
            overflow: visible;
        }

        .cmsPresenceControl--gelirse-rail .cmsPresenceControlMenu {
            top: 0;
            left: calc(100% + 12px);
        }

        .cmsPresenceControl--gelirse-rail .cmsPresenceControlMenu::before {
            content: "";
            position: absolute;
            top: 18px;
            left: -7px;
            width: 14px;
            height: 14px;
            border-bottom: 1px solid rgba(219, 225, 237, 0.95);
            border-left: 1px solid rgba(219, 225, 237, 0.95);
            border-radius: 0 0 0 3px;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: -2px 2px 8px rgba(9, 18, 40, 0.035);
            transform: rotate(45deg);
        }
    }

    @media (max-width: 1023px) {
        .cmsPresenceControl--gelirse-rail .cmsPresenceControlMenu {
            left: calc(-1 * (var(--gelirse-rail-icon-slot) + 14px));
            width: min(248px, calc(var(--gelirse-mobile-rail-width) - 24px));
        }
    }

    .gelirseRailTopHomeLink + .gelirseLeftRailAccountLink {
        margin-top: 0;
    }

    .gelirseLeftRailAccountLink::after {
        content: "";
        width: 7px;
        height: 7px;
        margin-left: auto;
        border-top: 1.7px solid rgba(174, 182, 196, 0.86);
        border-right: 1.7px solid rgba(174, 182, 196, 0.86);
        transform: rotate(45deg);
        flex: 0 0 auto;
    }

    .gelirseLeftRailAccountLink .gelirseLeftRailIcon {
        position: relative;
        width: var(--gelirse-rail-icon-slot);
        height: var(--gelirse-rail-icon-slot);
        border-radius: 12px;
        border: 1px solid rgba(255, 255, 255, 0.09);
        background:
            radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.17), transparent 42%),
            rgba(255, 255, 255, 0.025);
        color: rgba(240, 244, 250, 0.76);
        box-shadow:
            inset 0 0 18px rgba(255, 255, 255, 0.035),
            0 8px 20px rgba(0, 0, 0, 0.14);
        font-size: 17px;
    }

    .gelirseLeftRailAccountLink .gelirseLeftRailIcon::after {
        content: "";
        position: absolute;
        top: 5px;
        right: 5px;
        width: 6px;
        height: 6px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.16);
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink {
        flex: 0 0 var(--gelirse-rail-icon-slot);
        gap: 0;
        min-height: var(--gelirse-rail-icon-slot);
        width: var(--gelirse-rail-icon-slot);
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink::after,
    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink .gelirseLeftRailCopy {
        display: none;
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink .gelirseLeftRailIcon,
    .gelirseLeftRailShell.is-mobile-open .gelirseLeftRailLoginLink .gelirseLeftRailIcon {
        background: transparent;
        border: 0;
        box-shadow: none;
        color: var(--gelirse-rail-icon);
        filter: none;
        font-size: 17px;
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink:hover .gelirseLeftRailIcon,
    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink:focus-visible .gelirseLeftRailIcon,
    .gelirseLeftRailShell.is-mobile-open .gelirseLeftRailLoginLink:hover .gelirseLeftRailIcon,
    .gelirseLeftRailShell.is-mobile-open .gelirseLeftRailLoginLink:focus-visible .gelirseLeftRailIcon {
        background: transparent;
        color: #f8fafc;
        filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.16));
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLoginLink .gelirseLeftRailIcon::after,
    .gelirseLeftRailShell.is-mobile-open .gelirseLeftRailLoginLink .gelirseLeftRailIcon::after {
        display: none;
    }

    .gelirseRailNavStack,
    .gelirseRailUtilityStack {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .gelirseRailNavLink.is-active .gelirseRailNavIcon,
    .gelirseRailNavGroup.is-active > .gelirseRailNavTrigger .gelirseRailNavIcon,
    .gelirseRailNavLink.is-active .gelirseRailUtilityIcon,
    .gelirseRailLanguageAction.is-active .gelirseRailUtilityIcon {
        color: var(--gelirse-rail-active);
        background: transparent;
    }

    .gelirseLeftRailCasinoSearch {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 8px;
        flex: 0 0 auto;
        z-index: 16;
    }

    .gelirseRailCasinoSearchToggle {
        gap: 10px;
        min-height: 50px;
        cursor: pointer;
    }

    .gelirseLeftRailCasinoSearchInlineSurface {
        --gelirse-rail-search-popover-max-height: 360px;
        min-width: 0;
        display: grid;
        gap: 8px;
        padding: 0 6px;
    }

    .gelirseLeftRailCasinoSearchField {
        position: relative;
        z-index: 1;
        width: 100%;
        min-width: 0;
        min-height: 52px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 7px 0 15px;
        border: 1px solid rgba(30, 45, 78, 0.1);
        border-radius: 20px;
        background: #f4f7ff;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.9),
            0 12px 24px rgba(31, 52, 99, 0.08);
        transition:
            background var(--gelirse-rail-transition),
            border-color var(--gelirse-rail-transition),
            box-shadow var(--gelirse-rail-transition);
    }

    .gelirseLeftRailCasinoSearchField .gelirseRailNavIcon {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        cursor: default;
        color: #52617f;
    }

    .gelirseLeftRailCasinoSearchField .gelirseRailNavIcon i {
        font-size: 15px;
    }

    .gelirseLeftRailCasinoSearchInlineInput {
        flex: 1 1 auto;
        min-width: 0;
        height: 46px;
        padding: 0;
        border: 0;
        background: transparent;
        color: #141a2b;
        font-family: var(--gelirse-rail-font-ui);
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 0;
        outline: 0;
        box-shadow: none;
        appearance: none;
    }

    .gelirseLeftRailCasinoSearchInlineInput::placeholder {
        color: #7e8aa5;
        opacity: 1;
        font-weight: 400;
    }

    .gelirseLeftRailCasinoSearchInlineInput:focus::placeholder {
        color: #9aa4b9;
    }

    .gelirseLeftRailCasinoSearchPanel:focus-within .gelirseLeftRailCasinoSearchField {
        border-color: rgba(240, 182, 63, 0.34);
        background: #ffffff;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.95),
            0 0 0 4px rgba(240, 182, 63, 0.12),
            0 16px 34px rgba(31, 52, 99, 0.12);
    }

    .gelirseLeftRailCasinoSearchField .gelirseLeftRailCasinoSearchAll {
        position: relative;
        overflow: hidden;
        width: 36px;
        flex: 0 0 auto;
        min-height: 36px;
        justify-content: center;
        padding: 0;
        border-radius: 999px;
        cursor: pointer;
        background: linear-gradient(135deg, #ffd75f 0%, #f0b63f 100%);
        color: #171d2d !important;
        font-size: 12px;
        box-shadow: 0 12px 24px rgba(240, 182, 63, 0.24);
    }

    .gelirseLeftRailCasinoSearchField .gelirseLeftRailCasinoSearchAll::before {
        content: "";
        position: absolute;
        top: -40%;
        bottom: -40%;
        left: -75%;
        width: 46%;
        border-radius: inherit;
        background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.46) 48%, transparent 100%);
        opacity: 0;
        transform: translateX(0) skewX(-18deg);
        pointer-events: none;
    }

    .gelirseLeftRailCasinoSearchField .gelirseLeftRailCasinoSearchAll:hover,
    .gelirseLeftRailCasinoSearchField .gelirseLeftRailCasinoSearchAll:focus-visible {
        background: linear-gradient(135deg, #ffd75f 0%, #f0b63f 100%);
        box-shadow: 0 14px 28px rgba(240, 182, 63, 0.32);
    }

    .gelirseLeftRailCasinoSearchField .gelirseLeftRailCasinoSearchAll:hover::before,
    .gelirseLeftRailCasinoSearchField .gelirseLeftRailCasinoSearchAll:focus-visible::before {
        opacity: 1;
        transform: translateX(390%) skewX(-18deg);
        transition: transform 0.74s cubic-bezier(0.2, 0.72, 0.16, 1), opacity 0.18s ease;
    }

    .gelirseLeftRailCasinoSearch.is-open .gelirseRailCasinoSearchToggle {
        color: #ffffff;
    }

    .gelirseLeftRailCasinoSearch.is-open .gelirseRailCasinoSearchToggle .gelirseRailNavIcon {
        color: #ffffff;
        filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));
    }

    .gelirseLeftRailCasinoSearchPanel {
        --gelirse-popover-motion-offset-y: -14px;
        --gelirse-popover-motion-scale: 0.992;
        --gelirse-popover-motion-origin-x: 0%;
        --gelirse-popover-motion-origin: var(--gelirse-popover-motion-origin-x) var(--gelirse-popover-motion-origin-y);
        --gelirse-popover-motion-closed-transform: translate3d(0, var(--gelirse-popover-motion-offset-y, -14px), 0) scale(var(--gelirse-popover-motion-scale, 0.992));
        --gelirse-rail-search-popover-left: 68px;
        --gelirse-rail-search-popover-top: 90px;
        --gelirse-rail-search-popover-width: 380px;
        --gelirse-rail-search-popover-max-height: 540px;
        position: fixed;
        left: var(--gelirse-rail-search-popover-left);
        top: var(--gelirse-rail-search-popover-top);
        z-index: 6120;
        width: var(--gelirse-rail-search-popover-width);
        max-width: calc(100vw - 24px);
        max-height: var(--gelirse-rail-search-popover-max-height);
        display: block;
        opacity: 0;
        pointer-events: none;
        transform: var(--gelirse-popover-motion-closed-transform);
        transform-origin: var(--gelirse-popover-motion-origin);
        transition:
            opacity var(--gelirse-popover-motion-opacity-duration, 180ms) ease-out,
            transform var(--gelirse-popover-motion-transform-duration, 210ms) var(--gelirse-popover-motion-easing, cubic-bezier(0.22, 1, 0.36, 1)),
            visibility 0s linear var(--gelirse-popover-motion-transform-duration, 210ms);
        visibility: hidden;
    }

    .gelirseLeftRailCasinoSearchPanel::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -26px;
        width: 32px;
        pointer-events: auto;
    }

    .gelirseLeftRailCasinoSearchPanel::after {
        content: "";
        position: absolute;
        top: 25px;
        left: -9px;
        width: 11px;
        height: 16px;
        border: 0;
        background:
            linear-gradient(180deg, #f4f7ff 0%, #f8faff 100%);
        clip-path: polygon(100% 0, 0 50%, 100% 100%);
        box-shadow: none;
        transform: none;
        pointer-events: none;
    }

    .gelirseLeftRailCasinoSearchPanel[hidden] {
        display: none;
    }

    .gelirseLeftRailCasinoSearchSurface {
        position: relative;
        z-index: 1;
        width: 100%;
        max-height: inherit;
        display: grid;
        gap: 12px;
        padding: 16px;
        border-radius: 28px;
        border: 1px solid rgba(17, 33, 67, 0.08);
        background:
            radial-gradient(circle at 6% 0%, rgba(15, 71, 255, 0.1), transparent 36%),
            linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
        box-shadow:
            0 28px 60px rgba(4, 12, 32, 0.24),
            0 8px 24px rgba(18, 45, 103, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.95);
        transform: scale(1);
        transform-origin: top left;
        transition: none;
        opacity: 1;
        backface-visibility: hidden;
    }

    .gelirseLeftRailCasinoSearchHeader {
        position: relative;
        z-index: 1;
        min-width: 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 14px;
    }

    .gelirseLeftRailCasinoSearchHeader div {
        min-width: 0;
        display: grid;
        gap: 4px;
    }

    .gelirseLeftRailCasinoSearchHeader strong {
        color: #10182b;
        font-family: "NunitoSans Black", "NunitoSans Bold", var(--bs-body-font-family, "NunitoSans Regular"), sans-serif;
        font-size: 18px;
        font-weight: 900;
        line-height: 1.05;
    }

    .gelirseLeftRailCasinoSearchHeader span {
        color: #69748d;
        font-family: var(--gelirse-rail-font-ui);
        font-size: 12px;
        font-weight: 700;
        line-height: 1.3;
    }

    .gelirseLeftRailCasinoSearchPanel.is-opening,
    .gelirseLeftRailCasinoSearchPanel.is-open {
        opacity: 1;
        pointer-events: auto;
        transform: var(--gelirse-popover-motion-open-transform);
        visibility: visible;
        transition:
            opacity var(--gelirse-popover-motion-opacity-duration, 180ms) ease-out,
            transform var(--gelirse-popover-motion-transform-duration, 210ms) var(--gelirse-popover-motion-easing, cubic-bezier(0.22, 1, 0.36, 1)),
            visibility 0s;
    }

    .gelirseLeftRailCasinoSearchPanel.is-opening {
        will-change: opacity, transform;
    }

    .gelirseLeftRailCasinoSearchPanel.is-opening .gelirseLeftRailCasinoSearchSurface {
        animation: gelirseRailSearchSurfaceSettle 240ms cubic-bezier(0.18, 0.9, 0.22, 1) both;
        will-change: transform;
    }

    .gelirseLeftRailCasinoSearchPanel.is-closing {
        opacity: 0;
        pointer-events: none;
        transform: translate3d(-8px, 0, 0) scale(0.985);
        visibility: visible;
        animation: gelirseRailSearchPanelSnapAway var(--gelirse-popover-close-duration, 135ms) cubic-bezier(0.22, 0.8, 0.24, 1) both;
        transition:
            visibility 0s linear var(--gelirse-popover-close-duration, 135ms);
    }

    .gelirseLeftRailCasinoSearchPanel.is-closing {
        will-change: opacity, transform;
    }

    .gelirseLeftRailCasinoSearchPanel.is-closing .gelirseLeftRailCasinoSearchSurface {
        animation: gelirseRailSearchSurfaceSnapAway var(--gelirse-popover-close-duration, 135ms) cubic-bezier(0.22, 0.8, 0.24, 1) both;
        will-change: transform;
    }

    .gelirseLeftRailCasinoSearchPanel.is-loading {
        min-height: 186px;
    }

    .gelirseLeftRailCasinoSearchPanel[hidden].is-loading {
        display: none;
    }

    .gelirseLeftRailCasinoSearchBody {
        position: relative;
        z-index: 1;
        min-width: 0;
        display: grid;
        gap: 8px;
    }

    .gelirseLeftRailCasinoSearchState {
        min-height: 18px;
        color: #6b7690;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.35;
    }

    .gelirseLeftRailCasinoSearchState.is-loading {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        min-height: 10px;
        overflow: hidden;
        color: transparent;
        font-size: 0;
        line-height: 0;
    }

    .gelirseLeftRailCasinoSearchState.is-loading::after {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        margin-left: 0;
        border-radius: 999px;
        background: #0f47ff;
        box-shadow: 10px 0 0 rgba(15, 71, 255, 0.48), 20px 0 0 rgba(15, 71, 255, 0.24);
        animation: gelirseRailSearchPulse 0.82s ease-in-out infinite;
    }

    .gelirseLeftRailCasinoSearchPanel.is-suggestions-loading .gelirseLeftRailCasinoSearchState {
        min-height: 112px;
        width: 100%;
    }

    .gelirseLeftRailCasinoSearchPanel.is-suggestions-loading .gelirseLeftRailCasinoSearchState.is-loading::after {
        width: 28px;
        height: 28px;
        border: 3px solid rgba(15, 71, 255, 0.14);
        border-top-color: #0f47ff;
        background: transparent;
        box-shadow: none;
        animation: gelirseRailSearchSpin 0.72s linear infinite;
    }

    .gelirseLeftRailCasinoSearchPanel.is-suggestions-loading .gelirseLeftRailCasinoSearchResults {
        display: none;
    }

    @keyframes gelirseRailSearchSurfaceSettle {
        0% {
            opacity: 0.98;
            transform: scale(0.996);
        }

        45% {
            opacity: 1;
            transform: scale(1.005);
        }

        72% {
            opacity: 1;
            transform: scale(0.999);
        }

        100% {
            opacity: 1;
            transform: scale(1);
        }
    }

    @keyframes gelirseRailSearchPanelSnapAway {
        0% {
            opacity: 1;
            transform: translate3d(0, 0, 0) scale(1);
        }

        100% {
            opacity: 0;
            transform: translate3d(-8px, 0, 0) scale(0.985);
        }
    }

    @keyframes gelirseRailSearchSurfaceSnapAway {
        0% {
            transform: scale(1);
        }

        38% {
            transform: scale(1.003);
        }

        100% {
            transform: scale(0.996);
        }
    }

    @keyframes gelirseRailSearchSpin {
        to {
            transform: rotate(360deg);
        }
    }

    @keyframes gelirseRailSearchPulse {
        0%, 100% {
            opacity: 0.45;
            transform: translateY(0);
        }
        50% {
            opacity: 1;
            transform: translateY(-1px);
        }
    }

    .gelirseLeftRailCasinoSearchResults {
        display: grid;
        gap: 8px;
        max-height: min(384px, calc(var(--gelirse-rail-search-popover-max-height) - 134px));
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(94, 111, 150, 0.28) transparent;
    }

    .gelirseLeftRailCasinoSearchResult {
        min-width: 0;
        min-height: 60px;
        display: grid;
        grid-template-columns: 46px minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        padding: 7px 10px 7px 7px;
        border-radius: 18px;
        border: 1px solid rgba(17, 33, 67, 0.08);
        background: rgba(247, 249, 255, 0.92);
        color: #141a2b;
        text-decoration: none !important;
        transition: none;
    }

    .gelirseLeftRailCasinoSearchResult:hover,
    .gelirseLeftRailCasinoSearchResult:focus-visible {
        border-color: rgba(17, 33, 67, 0.08);
        background: rgba(247, 249, 255, 0.92);
        transform: none;
        outline: 0;
    }

    .gelirseLeftRailCasinoSearchThumb {
        width: 46px;
        height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: 14px;
        background: #e9eefb;
        color: #192646;
        font-size: 15px;
        font-weight: 800;
    }

    .gelirseLeftRailCasinoSearchThumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .gelirseLeftRailCasinoSearchCopy {
        min-width: 0;
        display: grid;
        gap: 3px;
    }

    .gelirseLeftRailCasinoSearchCopy strong,
    .gelirseLeftRailCasinoSearchCopy small {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .gelirseLeftRailCasinoSearchCopy strong {
        color: #141a2b;
        font-size: 13px;
        font-weight: 800;
        line-height: 1.1;
    }

    .gelirseLeftRailCasinoSearchCopy small {
        color: #6f7a92;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.1;
    }

    .gelirseLeftRailCasinoSearchResult em {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 24px;
        padding: 0 8px;
        border-radius: 999px;
        background: rgba(15, 71, 255, 0.08);
        color: #0f47ff;
        font-size: 10px;
        font-style: normal;
        font-weight: 850;
        white-space: nowrap;
    }

    .gelirseLeftRailCasinoSearchAll {
        min-height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 0 12px;
        border-radius: 12px;
        background: linear-gradient(135deg, #ffd75f 0%, #f0b63f 100%);
        color: #171d2d !important;
        font-size: 12px;
        font-weight: 900;
        text-decoration: none !important;
        box-shadow: 0 14px 28px rgba(240, 182, 63, 0.18);
    }

    .gelirseLeftRailCopy,
    .gelirseRailAppInstallCopy,
    .gelirseRailNavCopy,
    .gelirseRailPromoCopy,
    .gelirseRailUtilityCopy {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 2px;
        flex: 1;
        align-items: flex-start;
        text-align: left;
        overflow: hidden;
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
        transition:
            opacity var(--gelirse-rail-copy-transition),
            transform var(--gelirse-rail-copy-transition),
            visibility 0s linear 0s;
        will-change: opacity, transform;
    }

    .gelirseLeftRailTitle,
    .gelirseRailAppInstallTitle,
    .gelirseRailNavLabel,
    .gelirseRailUtilityTitle,
    .gelirseRailPromoTitle {
        font-size: 14.2px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gelirseLeftRailMeta,
    .gelirseRailAppInstallMeta,
    .gelirseRailNavMeta,
    .gelirseRailUtilityMeta,
    .gelirseRailPromoMeta {
        font-size: 13px;
        color: var(--gelirse-rail-muted);
        line-height: 1.1;
        letter-spacing: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gelirseLeftRailTitle {
        font-size: 16px;
        font-weight: 760;
        letter-spacing: 0;
        line-height: 1.12;
    }

    .gelirseLeftRailMeta {
        font-size: 13px;
        color: var(--gelirse-rail-muted);
    }

    .gelirseRailAppInstallEntry {
        min-height: var(--gelirse-rail-row-height);
        margin-top: 0;
        padding: 0;
        gap: 10px;
        border-radius: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .gelirseRailAppInstallEntry[hidden],
    body.polarisInstallStandalone .gelirseRailAppInstallEntry,
    body.cms-native-app .gelirseRailAppInstallEntry,
    body.cms-app-shell .gelirseRailAppInstallEntry,
    body.is-native-app .gelirseRailAppInstallEntry,
    body.is-app-shell .gelirseRailAppInstallEntry {
        display: none !important;
    }

    .gelirseRailAppInstallEntry::after {
        display: none;
    }

    .gelirseRailAppInstallEntry:hover,
    .gelirseRailAppInstallEntry:focus-visible {
        background: transparent;
        color: var(--gelirse-rail-active);
    }

    .gelirseRailAppInstallIcon {
        border: 0;
        background: transparent;
        color: var(--gelirse-rail-icon);
        box-shadow: none;
    }

    .gelirseRailAppInstallTitle,
    .gelirseRailAppInstallMeta {
        max-width: 100%;
    }

    .gelirseRailAppInstallTitle {
        color: rgba(243, 246, 251, 0.96);
        font-size: 14.2px;
        font-weight: 455;
        line-height: 1;
    }

    .gelirseRailAppInstallMeta {
        color: var(--gelirse-rail-muted);
        font-size: 13px;
        font-weight: 400;
        line-height: 1.1;
    }

    .gelirseRailAppInstallTitle--desktop,
    .gelirseRailAppInstallMeta--desktop {
        display: inline;
    }

    .gelirseRailAppInstallTitle--mobile,
    .gelirseRailAppInstallMeta--mobile {
        display: none;
    }

    @media (max-width: 1023.98px) {
        .gelirseRailAppInstallTitle--desktop,
        .gelirseRailAppInstallMeta--desktop {
            display: none;
        }

        .gelirseRailAppInstallTitle--mobile,
        .gelirseRailAppInstallMeta--mobile {
            display: inline;
        }

        .gelirseRailCasinoSearchToggle {
            display: none;
        }

        .gelirseLeftRailCasinoSearchInlineSurface {
            padding: 0;
        }
    }

    .gelirseRailNavLabel {
        color: rgba(243, 246, 251, 0.96);
    }

    .gelirseRailNavSubLink .gelirseRailNavLabel {
        font-size: 14px;
        font-weight: 455;
        color: rgba(232, 237, 247, 0.88);
    }

    .gelirseLeftRail .gelirseLeftRailTitle,
    .gelirseLeftRail .gelirseRailNavLabel,
    .gelirseLeftRail .gelirseRailUtilityTitle {
        font-family: "Manrope", var(--gelirse-rail-font-ui);
        font-weight: 455 !important;
        letter-spacing: 0;
        text-transform: none;
    }

    .gelirseLeftRail .gelirseLeftRailTitle {
        font-weight: 740 !important;
    }

    .gelirseRailNavSubLink .gelirseRailNavLabel {
        font-weight: 420 !important;
    }

    .gelirseLeftRail .gelirseLeftRailMeta,
    .gelirseLeftRail .gelirseRailNavMeta,
    .gelirseLeftRail .gelirseRailUtilityMeta {
        font-family: var(--gelirse-rail-font-ui);
        font-weight: 400 !important;
    }

    .gelirseLeftRailArrow,
    .gelirseRailNavChevron {
        margin-left: auto;
        color: rgba(143, 149, 160, 0.72);
        flex: 0 0 auto;
        transition: transform var(--gelirse-rail-transition);
    }

    .gelirseRailNavGroup.is-open > .gelirseRailNavTrigger .gelirseRailNavChevron {
        transform: rotate(180deg);
    }

    .gelirseLeftRailPromoLink {
        min-height: 74px;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 0 15px;
        border: 1px solid var(--gelirse-rail-line);
        border-radius: 18px;
        background:
            radial-gradient(circle at 88% 48%, rgba(255, 255, 255, 0.09), transparent 26%),
            linear-gradient(135deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.014) 58%),
            var(--gelirse-rail-card);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.045),
            0 18px 30px rgba(0, 0, 0, 0.12);
        overflow: hidden;
    }

    .gelirseLeftRailPromoLink::after {
        display: none;
    }

    .gelirseRailPromoTitle {
        max-width: 78px;
        color: #f3f5fa;
        font-size: 15px;
        font-weight: 600 !important;
        line-height: 1.28;
        white-space: normal;
    }

    .gelirseRailPromoMark {
        width: 43px;
        height: 43px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        color: rgba(209, 215, 226, 0.38);
        background: rgba(255, 255, 255, 0.026);
        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.05),
            inset 0 0 18px rgba(255, 255, 255, 0.028);
        flex: 0 0 auto;
    }

    .gelirseRailPromoMark svg {
        width: 28px;
        height: 28px;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.8;
    }

    .gelirseRailPromoMark svg path:last-child {
        opacity: 0.62;
        stroke-width: 1.45;
    }

    .gelirseRailBadge {
        min-width: 20px;
        height: 20px;
        padding: 0 6px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--gelirse-rail-badge);
        color: #1a2236;
        font-size: 10px;
        font-weight: 700;
        line-height: 1;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.42),
            0 8px 16px rgba(255, 204, 0, 0.18);
        flex: 0 0 auto;
        margin-left: auto;
        margin-right: 8px;
    }

    .gelirseRailNavPanel {
        position: relative;
        display: grid;
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transform: translateY(-8px);
        gap: 3px;
        margin: 0;
        padding-left: 0;
        padding-top: 0;
        pointer-events: none;
        transition: max-height 0.26s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease, transform 0.22s ease, padding-top 0.22s ease;
        will-change: max-height, opacity, transform;
    }

    .gelirseRailNavPanel[hidden] {
        display: grid !important;
    }

    .gelirseRailNavPanel::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 4px;
        left: 0;
        width: 1px;
        background: rgba(255, 255, 255, 0.075);
    }

    .gelirseRailNavSubLink {
        position: relative;
        min-height: 43px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 12px;
        border-radius: 11px;
        border: 0;
        background: transparent;
        color: var(--gelirse-rail-copy);
        text-decoration: none !important;
        transition: background var(--gelirse-rail-transition), border-color var(--gelirse-rail-transition), color var(--gelirse-rail-transition);
    }

    .gelirseRailNavSubLink.is-active {
        background: transparent;
        border-color: transparent;
        color: var(--gelirse-rail-active);
        box-shadow: none;
    }

    .gelirseRailNavSubLink--overview {
        color: rgba(234, 225, 205, 0.94);
    }

    .gelirseRailNavSubLink .gelirseRailNavIcon {
        width: var(--gelirse-rail-icon-slot);
        height: var(--gelirse-rail-icon-slot);
        margin-left: 0;
        font-size: 15px;
        flex-shrink: 0;
    }

    .gelirseRailNavGroup.is-open > .gelirseRailNavPanel {
        max-height: 360px;
        opacity: 1;
        transform: translateY(0);
        margin: 2px 0 8px 12px;
        padding-left: 13px;
        padding-top: 0;
        pointer-events: auto;
    }

    .gelirseRailUtilityCard {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 12px;
        border-radius: 16px;
        border: 1px solid rgba(255, 255, 255, 0.06);
        background: rgba(255, 255, 255, 0.018);
    }

    .gelirseRailUtilityHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .gelirseRailUtilityHeader strong {
        font-size: 12px;
        font-weight: 700;
        color: var(--gelirse-rail-copy);
    }

    .gelirseRailUtilityHeader span {
        font-size: 10px;
        color: var(--gelirse-rail-muted);
        white-space: nowrap;
    }

    .gelirseRailUtilityGrid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .gelirseLeftRailQuickActions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .gelirseLeftRailQuickActions--single {
        grid-template-columns: minmax(0, 1fr);
    }

    .gelirseLeftRailQuickActions .gelirseRailUtilityMini {
        width: 100%;
    }

    .gelirseRailChatTrigger.is-hidden {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-4px);
    }

    .gelirseRailUtilityMini {
        min-height: 70px;
        flex-direction: column;
        justify-content: center;
        gap: 8px;
        padding: 10px 6px;
        text-align: center;
        border-radius: 16px;
    }

    .gelirseRailUtilityMini .gelirseRailUtilityIcon {
        width: 30px;
        height: 30px;
        border-radius: 10px;
        font-size: 14px;
    }

    .gelirseRailUtilityMini .gelirseRailUtilityTitle {
        font-size: 11px;
    }

    .gelirseRailSocialRow,
    .gelirseRailSupportRow {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 8px;
    }

    .gelirseRailSupportRow {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gelirseRailLanguageRow {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .gelirseRailLanguageAction {
        min-height: 40px;
        padding: 0 10px;
        border-radius: 14px;
        gap: 8px;
        width: auto;
        flex: 0 0 auto;
    }

    .gelirseRailLanguageAction img {
        width: 18px;
        height: 18px;
        border-radius: 999px;
        object-fit: cover;
        flex: 0 0 auto;
    }

    .gelirseLeftRailLanguageDock {
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: calc(16px + env(safe-area-inset-bottom, 0px));
        z-index: 8;
        opacity: 1;
        transition: opacity var(--gelirse-rail-transition);
    }

    .gelirseLeftRailLanguageDock:hover,
    .gelirseLeftRailLanguageDock:focus-within,
    .gelirseLeftRailLanguageDock.is-open {
        opacity: 1;
    }

    .gelirseLeftRailLanguageDock::before {
        content: "";
        position: absolute;
        left: -2px;
        right: -2px;
        bottom: -16px;
        height: 102px;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(13, 16, 21, 0), rgba(13, 16, 21, 0.96) 36%, rgba(9, 12, 17, 1) 100%);
        z-index: -1;
    }

    .gelirseLeftRailSupportDock {
        position: absolute;
        left: 18px;
        right: 18px;
        bottom: calc(86px + env(safe-area-inset-bottom, 0px));
        z-index: 7;
        opacity: 1;
        transition: opacity var(--gelirse-rail-transition);
    }

    .gelirseLeftRailSupportDock::before {
        content: "";
        position: absolute;
        left: -4px;
        right: -4px;
        top: -18px;
        bottom: -88px;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(13, 16, 21, 0), rgba(13, 16, 21, 0.96) 25%, rgba(9, 12, 17, 1) 100%);
        z-index: -1;
    }

    .gelirseRailSupportDockButton {
        position: relative;
        min-height: 48px;
        padding: 0 14px;
        overflow: hidden;
        border: 1px solid rgba(255, 209, 85, 0.18);
        border-radius: 16px;
        background:
            linear-gradient(135deg, rgba(255, 209, 85, 0.1), rgba(255, 209, 85, 0.032) 48%, rgba(255, 255, 255, 0.035)),
            rgba(255, 209, 85, 0.04);
        color: #f5f7ff;
        box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);
    }

    .gelirseRailSupportDockButton::before {
        content: "";
        position: absolute;
        inset: 1px auto 1px 1px;
        width: 3px;
        border-radius: 14px 0 0 14px;
        background: linear-gradient(180deg, rgba(255, 209, 85, 0.86), rgba(255, 209, 85, 0.24));
        opacity: 0.86;
    }

    .gelirseRailSupportDockButton .gelirseRailNavIcon {
        position: relative;
        color: #ffd155;
    }

    .gelirseRailSupportDockButton .gelirseRailNavIcon::after {
        content: "";
        position: absolute;
        inset: 6px;
        border-radius: 999px;
        border: 2px solid rgba(255, 209, 85, 0.24);
        border-top-color: #ffd155;
        opacity: 0;
        pointer-events: none;
        animation: none;
        transition: opacity 0.16s ease;
    }

    .gelirseRailSupportDockButton.is-loading {
        pointer-events: none;
    }

    .gelirseRailSupportDockButton.is-loading .gelirseRailNavIcon i {
        opacity: 0;
    }

    .gelirseRailSupportDockButton.is-loading .gelirseRailNavIcon::after {
        opacity: 1;
        animation: authModalButtonSpin 0.95s linear infinite;
    }

    .gelirseRailSupportDockButton .gelirseRailNavMeta {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: rgba(255, 209, 85, 0.78);
    }

    .gelirseRailSupportDockButton .gelirseRailNavMeta::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 999px;
        background: #68f2a0;
        box-shadow: 0 0 0 4px rgba(104, 242, 160, 0.11);
        flex: 0 0 auto;
    }

    .gelirseRailSupportDockButton:hover,
    .gelirseRailSupportDockButton:focus-visible {
        border-color: rgba(255, 209, 85, 0.28);
        background:
            linear-gradient(135deg, rgba(255, 209, 85, 0.13), rgba(255, 209, 85, 0.052) 48%, rgba(255, 255, 255, 0.045)),
            rgba(255, 209, 85, 0.045);
        color: #ffffff;
        box-shadow: 0 18px 36px rgba(0, 0, 0, 0.2);
    }

    .gelirseLeftRailLanguageBox {
        position: relative;
        width: 100%;
    }

    .gelirseLeftRailLanguageButton {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
        min-height: 56px;
        padding: 0 14px;
        border: 1px solid rgba(120, 142, 181, 0.07);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.035);
        color: #f5f7ff;
        text-align: left;
        cursor: pointer;
        transition:
            border-color var(--gelirse-rail-transition),
            background var(--gelirse-rail-transition),
            box-shadow var(--gelirse-rail-transition),
            color var(--gelirse-rail-transition);
    }

    .gelirseLeftRailLanguageButton:hover,
    .gelirseLeftRailLanguageButton:focus-visible,
    .gelirseLeftRailLanguageDock.is-open .gelirseLeftRailLanguageButton {
        border-color: rgba(255, 209, 85, 0.24);
        background: rgba(255, 255, 255, 0.05);
        color: #ffffff;
        box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
        outline: 0;
    }

    .gelirseLeftRailLanguageMeta {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
    }

    .gelirseLeftRailLanguageMeta img,
    .gelirseLeftRailLanguageOptions a img {
        width: 24px;
        height: 18px;
        border-radius: 4px;
        object-fit: cover;
        flex: 0 0 auto;
        filter: saturate(1) brightness(1);
        opacity: 1;
        transition: filter 0.18s ease, opacity 0.18s ease;
    }

    .gelirseLeftRailLanguageButton:hover .gelirseLeftRailLanguageMeta img,
    .gelirseLeftRailLanguageButton:focus-visible .gelirseLeftRailLanguageMeta img,
    .gelirseLeftRailLanguageDock.is-open .gelirseLeftRailLanguageMeta img,
    .gelirseLeftRailLanguageOptions a:hover img,
    .gelirseLeftRailLanguageOptions a.is-active:hover img {
        filter: saturate(1) brightness(1);
        opacity: 1;
    }

    .gelirseLeftRailLanguageCopy {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 2px;
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
        transition:
            opacity var(--gelirse-rail-copy-transition),
            transform var(--gelirse-rail-copy-transition),
            visibility 0s linear 0s;
    }

    .gelirseLeftRailLanguageCopy span {
        display: block;
        color: #8690a5;
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
    }

    .gelirseLeftRailLanguageCopy strong {
        display: block;
        max-width: 138px;
        color: #ffffff;
        font-size: 15px;
        font-weight: 650;
        line-height: 1.1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gelirseLeftRailLanguageButton:hover .gelirseLeftRailLanguageCopy span,
    .gelirseLeftRailLanguageButton:focus-visible .gelirseLeftRailLanguageCopy span,
    .gelirseLeftRailLanguageDock.is-open .gelirseLeftRailLanguageCopy span {
        color: #8690a5;
    }

    .gelirseLeftRailLanguageButton:hover .gelirseLeftRailLanguageCopy strong,
    .gelirseLeftRailLanguageButton:focus-visible .gelirseLeftRailLanguageCopy strong,
    .gelirseLeftRailLanguageDock.is-open .gelirseLeftRailLanguageCopy strong {
        color: #ffffff;
    }

    .gelirseLeftRailLanguageChevron,
    .gelirseLeftRailLanguageDock .siteFooterChevron {
        width: 10px;
        height: 10px;
        border-right: 2px solid rgba(255, 255, 255, 0.75);
        border-bottom: 2px solid rgba(255, 255, 255, 0.75);
        transform: rotate(45deg);
        margin-top: -4px;
        flex: 0 0 auto;
        transition: transform var(--gelirse-rail-transition), border-color var(--gelirse-rail-transition);
    }

    .gelirseLeftRailLanguageDock.is-open .gelirseLeftRailLanguageChevron,
    .gelirseLeftRailLanguageDock.is-open .siteFooterChevron {
        transform: rotate(225deg);
        border-color: rgba(255, 209, 85, 0.9);
    }

    .gelirseLeftRailLanguageDropdown {
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc(100% + 8px);
        display: grid;
        gap: 8px;
        padding: 10px;
        border-radius: 18px;
        border: 1px solid rgba(118, 146, 255, 0.14);
        background: linear-gradient(180deg, rgba(20, 28, 45, 0.985) 0%, rgba(15, 23, 36, 0.99) 100%);
        box-shadow: 0 26px 48px rgba(0, 0, 0, 0.34);
        opacity: 0;
        visibility: hidden;
        transform: translateY(8px);
        pointer-events: none;
        transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
        z-index: 24;
    }

    .gelirseLeftRailLanguageDock.is-open .gelirseLeftRailLanguageDropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
        box-shadow:
            0 0 0 999px rgba(3, 7, 16, 0.68),
            0 26px 48px rgba(0, 0, 0, 0.34);
    }

    .gelirseLeftRailLanguageDock .siteFooterLanguageSearchShell {
        position: relative;
    }

    .gelirseLeftRailLanguageDock .siteFooterLanguageSearchShell i {
        position: absolute;
        left: 14px;
        top: 50%;
        transform: translateY(-50%);
        color: rgba(191, 203, 231, 0.66);
        pointer-events: none;
    }

    .gelirseLeftRailLanguageDock .siteFooterLanguageSearchInput {
        width: 100%;
        min-height: 42px;
        padding: 0 14px 0 40px;
        border: 1px solid rgba(120, 142, 181, 0.12);
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.04);
        color: #f7f9ff;
        font-size: 13px;
        font-weight: 600;
    }

    .gelirseLeftRailLanguageDock .siteFooterLanguageSearchInput::placeholder {
        color: rgba(163, 176, 205, 0.7);
    }

    .gelirseLeftRailLanguageOptions {
        display: grid;
        gap: 6px;
        max-height: 232px;
        overflow-y: auto;
        padding-right: 2px;
        scrollbar-width: thin;
        scrollbar-color: rgba(132, 142, 167, 0.24) transparent;
    }

    .gelirseLeftRailLanguageOptions a,
    .gelirseLeftRailLanguageOptions .cmsPresenceControlOption {
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        min-height: 44px;
        padding: 0 12px;
        border-radius: 12px;
        color: rgba(245, 247, 255, 0.68);
        text-decoration: none !important;
        background: rgba(255, 255, 255, 0.012);
        transition: background 0.18s ease, transform 0.18s ease, color 0.18s ease, opacity 0.18s ease;
    }

    .gelirseLeftRailLanguageOptions a.is-active,
    .gelirseLeftRailLanguageOptions .cmsPresenceControlOption.is-active {
        background: rgba(255, 209, 85, 0.045);
        color: rgba(255, 255, 255, 0.84);
    }

    .gelirseLeftRailLanguageOptions a:hover,
    .gelirseLeftRailLanguageOptions a.is-active:hover,
    .gelirseLeftRailLanguageOptions .cmsPresenceControlOption:hover,
    .gelirseLeftRailLanguageOptions .cmsPresenceControlOption.is-active:hover {
        background: rgba(255, 209, 85, 0.08);
        color: #ffffff;
        transform: none;
    }

    .gelirseLeftRailLanguageOptions a span,
    .gelirseLeftRailLanguageOptions .cmsPresenceControlOption > span:not(.cmsPresenceControlDot) {
        min-width: 0;
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .gelirseLeftRailLanguageOptions a small {
        min-width: 38px;
        min-height: 24px;
        padding: 0 8px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.035);
        color: rgba(225, 232, 250, 0.62);
        font-size: 11px;
        font-weight: 700;
    }

    .gelirseLeftRailLanguageOptions a:hover small,
    .gelirseLeftRailLanguageOptions a.is-active:hover small {
        background: rgba(255, 255, 255, 0.06);
        color: rgba(225, 232, 250, 0.86);
    }

    .gelirseLeftRailLanguageDock .siteFooterLanguageEmpty {
        display: none;
        min-height: 36px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.03);
        color: rgba(163, 176, 205, 0.76);
        font-size: 13px;
        font-weight: 600;
    }

    .gelirseLeftRailLanguageDock .siteFooterLanguageEmpty:not([hidden]) {
        display: flex;
    }

    .gelirseRailSupportBadge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 46px;
        height: 24px;
        padding: 0 10px;
        border-radius: 999px;
        background: rgba(98, 182, 153, 0.12);
        color: #d9f4e7;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .gelirseLeftRailToggle {
        position: fixed;
        top: clamp(280px, calc(44vh - 60px), 350px);
        left: calc(var(--gelirse-rail-width) + 12px);
        right: auto;
        width: 34px;
        height: 74px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 15px 15px 0;
        border: 0;
        background: var(--gelirse-rail-surface);
        color: var(--gelirse-rail-icon);
        box-shadow: none;
        transform: translate(-50%, -50%);
        transition:
            left var(--gelirse-rail-transition),
            transform var(--gelirse-rail-transition);
        z-index: 220;
        cursor: pointer;
        will-change: left;
        isolation: isolate;
        overflow: visible;
    }

    .gelirseLeftRailToggle::before {
        display: none;
    }

    body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailToggle {
        left: calc(var(--gelirse-rail-width-collapsed) + 12px);
    }

    .gelirseLeftRailToggle:hover,
    .gelirseLeftRailToggle:focus-visible {
        background: var(--gelirse-rail-surface);
        color: var(--gelirse-rail-active);
        box-shadow: none;
        transform: translate(-50%, -50%);
        outline: none;
    }

    .gelirseMobileRailLauncher {
        display: none;
    }

    .gelirseLeftRailToggleIcon {
        display: none;
        position: relative;
        width: 13px;
        height: 18px;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }

    .gelirseLeftRailToggleIcon::before,
    .gelirseLeftRailToggleIcon::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 6px;
        height: 6px;
        border-top: 1.4px solid currentColor;
        border-right: 1.4px solid currentColor;
        transform-origin: center;
        margin-top: -3px;
        opacity: 0.92;
    }

    .gelirseLeftRailToggleIcon--collapsed::before,
    .gelirseLeftRailToggleIcon--collapsed::after {
        transform: rotate(45deg);
    }

    .gelirseLeftRailToggleIcon--collapsed::before {
        left: 1px;
    }

    .gelirseLeftRailToggleIcon--collapsed::after {
        left: 6px;
    }

    .gelirseLeftRailToggleIcon--expanded::before,
    .gelirseLeftRailToggleIcon--expanded::after {
        transform: rotate(-135deg);
    }

    .gelirseLeftRailToggleIcon--expanded::before {
        left: 1px;
    }

    .gelirseLeftRailToggleIcon--expanded::after {
        left: 6px;
    }

    body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailToggleIcon--collapsed,
    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailToggleIcon--expanded {
        display: inline-flex;
    }

    .gelirseRailNavTooltip::after,
    .gelirseRailTooltip::after {
        content: attr(data-rail-tooltip);
        position: absolute;
        left: calc(100% + 12px);
        top: 50%;
        transform: translateY(-50%) translateX(-6px);
        min-height: 34px;
        padding: 0 12px;
        border-radius: 12px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        background: rgba(13, 18, 28, 0.98);
        color: #f2f5fb;
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        font-size: 12px;
        font-weight: 700;
        opacity: 0;
        pointer-events: none;
        transition: opacity var(--gelirse-rail-transition), transform var(--gelirse-rail-transition);
        z-index: 5;
    }

    .gelirseRailHoverTooltip {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 260;
        min-height: 38px;
        max-width: min(270px, calc(100vw - 84px));
        display: inline-flex;
        align-items: center;
        gap: 9px;
        padding: 0 14px 0 12px;
        border: 1px solid rgba(255, 255, 255, 0.11);
        border-radius: 999px;
        background:
            linear-gradient(180deg, rgba(33, 38, 49, 0.96), rgba(15, 18, 25, 0.98)),
            rgba(14, 18, 26, 0.98);
        color: rgba(248, 250, 253, 0.96);
        box-shadow:
            0 20px 40px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.11);
        font-family: var(--gelirse-rail-font-ui);
        font-size: 12px;
        font-weight: 760;
        line-height: 1;
        letter-spacing: 0.01em;
        opacity: 0;
        pointer-events: none;
        transform: translate3d(var(--gelirse-rail-tooltip-x, 70px), var(--gelirse-rail-tooltip-y, 0), 0) scale(0.96);
        transform-origin: left center;
        transition:
            opacity 0.16s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.2s cubic-bezier(0.22, 1, 0.36, 1);
        overflow: visible;
        white-space: nowrap;
        will-change: opacity, transform;
    }

    .gelirseRailHoverTooltipText {
        position: relative;
        z-index: 1;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .gelirseRailHoverTooltip::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.88);
        box-shadow:
            0 0 0 4px rgba(255, 255, 255, 0.055),
            0 0 18px rgba(255, 255, 255, 0.24);
        flex: 0 0 auto;
    }

    .gelirseRailHoverTooltip::after {
        content: "";
        position: absolute;
        left: -5px;
        top: 50%;
        width: 10px;
        height: 10px;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(20, 24, 32, 0.98);
        transform: translateY(-50%) rotate(45deg);
    }

    .gelirseRailHoverTooltip.is-visible {
        opacity: 1;
        transform: translate3d(var(--gelirse-rail-tooltip-x, 70px), var(--gelirse-rail-tooltip-y, 0), 0) scale(1);
    }

    @media (min-width: 1024px) {
        .gelirseLeftRail {
            transition:
                width var(--gelirse-rail-layout-transition),
                box-shadow var(--gelirse-rail-transition),
                transform var(--gelirse-rail-transition);
            will-change: width, transform;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailAccountLink:hover,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavLink:hover,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavTrigger:hover,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityAction:hover,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityMini:hover,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailLanguageAction:hover,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailAccountLink:focus-visible,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavLink:focus-visible,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavTrigger:focus-visible,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityAction:focus-visible,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityMini:focus-visible,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailLanguageAction:focus-visible {
            background: transparent !important;
            border-color: transparent;
            color: var(--gelirse-rail-active);
            transform: none;
            outline: none;
            box-shadow: none !important;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavTooltip:hover::after,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavTooltip:focus-visible::after,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailTooltip:hover::after,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailTooltip:focus-visible::after {
            opacity: 0;
            transform: translateY(-50%) translateX(-6px);
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailAccountLink:hover .gelirseLeftRailIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavLink:hover .gelirseRailNavIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavTrigger:hover .gelirseRailNavIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityAction:hover .gelirseRailUtilityIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityMini:hover .gelirseRailUtilityIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailLanguageAction:hover .gelirseRailUtilityIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailAccountLink:focus-visible .gelirseLeftRailIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavLink:focus-visible .gelirseRailNavIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavTrigger:focus-visible .gelirseRailNavIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityAction:focus-visible .gelirseRailUtilityIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityMini:focus-visible .gelirseRailUtilityIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailLanguageAction:focus-visible .gelirseRailUtilityIcon {
            color: #f8fafc;
            background: transparent;
            filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.16));
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailSectionLabel,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityHeader,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailSupportBadge {
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavPanel {
            display: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailAppInstallEntry {
            min-height: var(--gelirse-rail-row-height);
            justify-content: center;
            margin-top: 0;
            padding: 0;
            border-color: transparent;
            background: transparent;
            box-shadow: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailAppInstallEntry::after {
            display: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailCasinoSearchToggle {
            min-height: var(--gelirse-rail-row-height);
            justify-content: center;
        }

        body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseRailCasinoSearchToggle {
            display: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailCasinoSearchInlineSurface {
            display: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailCasinoSearchToggle .gelirseLeftRailCasinoSearchAll {
            display: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailCasinoSearchToggle .gelirseLeftRailCasinoSearchInlineInput {
            display: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailCopy,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailAppInstallCopy,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailPromoCopy,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavCopy,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityCopy {
            flex: 0 1 0;
            max-width: 0;
            opacity: 0;
            transform: translateX(-6px);
            visibility: hidden;
            pointer-events: none;
            transition:
                opacity 0.1s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.1s cubic-bezier(0.22, 1, 0.36, 1),
                visibility 0s linear 0.1s,
                max-width 0.12s cubic-bezier(0.22, 1, 0.36, 1);
        }

        body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailCopy,
        body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseRailAppInstallCopy,
        body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseRailPromoCopy,
        body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseRailNavCopy,
        body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseRailUtilityCopy {
            max-width: 174px;
            opacity: 1;
            transform: translateX(0);
            visibility: visible;
            transition-delay: 0.08s, 0.08s, 0s, 0s;
        }

        body.gelirse-menu-variant-2.gelirse-left-rail-expanded.gelirse-rail-opening .gelirseLeftRailCopy,
        body.gelirse-menu-variant-2.gelirse-left-rail-expanded.gelirse-rail-opening .gelirseRailAppInstallCopy,
        body.gelirse-menu-variant-2.gelirse-left-rail-expanded.gelirse-rail-opening .gelirseRailPromoCopy,
        body.gelirse-menu-variant-2.gelirse-left-rail-expanded.gelirse-rail-opening .gelirseRailNavCopy,
        body.gelirse-menu-variant-2.gelirse-left-rail-expanded.gelirse-rail-opening .gelirseRailUtilityCopy {
            opacity: 0;
            transform: translateX(-10px);
            transition:
                visibility 0s linear 0s,
                max-width 0.18s cubic-bezier(0.22, 1, 0.36, 1) 0s;
            animation: gelirseRailCopyFadeIn 0.28s cubic-bezier(0.22, 1, 0.36, 1) 0.03s both;
        }

        body.gelirse-menu-variant-2.gelirse-rail-closing .gelirseLeftRailCopy,
        body.gelirse-menu-variant-2.gelirse-rail-closing .gelirseRailAppInstallCopy,
        body.gelirse-menu-variant-2.gelirse-rail-closing .gelirseRailPromoCopy,
        body.gelirse-menu-variant-2.gelirse-rail-closing .gelirseRailNavCopy,
        body.gelirse-menu-variant-2.gelirse-rail-closing .gelirseRailUtilityCopy {
            opacity: 0;
            transform: translateX(-4px);
            transition-delay: 0s;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavChevron {
            width: 0;
            margin-left: 0;
            opacity: 0;
            transform: translateX(-3px);
            visibility: hidden;
            overflow: hidden;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailAccountLink::after {
            display: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailAccountLink {
            display: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailAccountLink .gelirseLeftRailIcon {
            width: 32px;
            height: 32px;
            border-radius: 12px;
            border-color: transparent;
            background: transparent;
            box-shadow: none;
            font-size: 17px;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailAccountLink .gelirseLeftRailIcon::after {
            display: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailAccountLink,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailPromoLink,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailAppInstallEntry,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavLink,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavTrigger,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityAction,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityMini,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailLanguageAction {
            justify-content: center;
            gap: 0;
            padding-left: 0;
            padding-right: 0;
            background: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailScroll {
            margin-bottom: 140px;
            padding: 18px 10px 18px;
            scrollbar-gutter: auto;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailSupportDock {
            left: 10px;
            right: 10px;
            bottom: calc(74px + env(safe-area-inset-bottom, 0px));
            opacity: 0.76;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailSupportDockButton {
            justify-content: center;
            min-height: 46px;
            width: 36px;
            min-width: 36px;
            max-width: 36px;
            padding: 0;
            border-color: transparent;
            background: transparent;
            box-shadow: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailSupportDockButton::before {
            display: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailLanguageDock {
            left: 10px;
            right: 10px;
            bottom: calc(16px + env(safe-area-inset-bottom, 0px));
            opacity: 0.72;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailLanguageButton {
            justify-content: center;
            min-height: 46px;
            width: 36px;
            min-width: 36px;
            max-width: 36px;
            padding: 0;
            border-color: transparent;
            background: transparent;
            color: rgba(245, 247, 255, 0.72);
            box-shadow: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailLanguageButton:hover,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailLanguageButton:focus-visible,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailLanguageDock.is-open .gelirseLeftRailLanguageButton {
            background: transparent;
            border-color: transparent;
            box-shadow: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailLanguageMeta {
            gap: 0;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailLanguageMeta img {
            width: 26px;
            height: 20px;
            border-radius: 5px;
            filter: saturate(0.74) brightness(0.98);
            opacity: 0.85;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailLanguageCopy,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailLanguageChevron {
            width: 0;
            max-width: 0;
            opacity: 0;
            visibility: hidden;
            overflow: hidden;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailLanguageDropdown {
            left: calc(100% + 12px);
            right: auto;
            bottom: 0;
            width: 238px;
            transform: translateX(-6px);
            transform-origin: left bottom;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailLanguageDock.is-open .gelirseLeftRailLanguageDropdown {
            transform: translateX(0);
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailAccountLink,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailPromoLink,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavLink,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavTrigger,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityAction,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityMini,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailLanguageAction {
            width: 32px;
            min-width: 32px;
            max-width: 32px;
            margin-right: 0;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityIcon,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailPromoMark {
            width: 32px;
            height: 32px;
            flex-basis: 32px;
            margin: 0;
            color: var(--gelirse-rail-icon);
            background: transparent !important;
            box-shadow: none !important;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavLink.is-active,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavGroup.is-active > .gelirseRailNavTrigger,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityAction.is-active,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailLanguageAction.is-active {
            background: transparent !important;
            border-color: transparent !important;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavLink.is-active:hover,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavGroup.is-active > .gelirseRailNavTrigger:hover,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityAction.is-active:hover,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailLanguageAction.is-active:hover,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavLink.is-active:focus-visible,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailNavGroup.is-active > .gelirseRailNavTrigger:focus-visible,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityAction.is-active:focus-visible,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailLanguageAction.is-active:focus-visible {
            background: transparent !important;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityCard {
            padding: 0;
            border-color: transparent;
            background: transparent;
            box-shadow: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityGrid,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailSocialRow,
        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailSupportRow {
            grid-template-columns: 1fr;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailLanguageRow {
            justify-content: center;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailUtilityMini {
            min-height: 46px;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailPromoLink {
            min-height: 46px;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseLeftRailPromoLink::after {
            display: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailPromoMark {
            width: 32px;
            height: 32px;
            background: transparent;
            box-shadow: none;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailPromoMark svg {
            width: 20px;
            height: 20px;
        }

        body.gelirse-menu-variant-2:not(.gelirse-left-rail-expanded) .gelirseRailBadge {
            position: absolute;
            top: 7px;
            right: 7px;
            min-width: 18px;
            height: 18px;
            padding: 0 4px;
            font-size: 9px;
        }
    }

    @media (max-width: 899px) {
        html {
            background: #0c121e;
            overflow-x: hidden;
            overscroll-behavior-x: none;
        }

        body {
            overscroll-behavior-x: none;
        }

        .gelirseLeftRailToggle {
            display: none;
        }

        body.gelirse-menu-variant-2 {
            --gelirse-mobile-rail-width: min(320px, calc(100vw - 64px));
            --gelirse-rail-width-expanded: var(--gelirse-mobile-rail-width);
            --gelirse-mobile-app-nav-offset: calc(78px + env(safe-area-inset-bottom, 0px));
            background: #0c121e;
            color-scheme: dark;
            padding-bottom: var(--gelirse-mobile-app-nav-offset);
            overflow-x: hidden;
        }

        .gelirseLeftRailShell,
        .gelirseMobileRailBackdrop,
        .gelirseLeftRail {
            touch-action: pan-y;
            overscroll-behavior-x: contain;
        }

        body.gelirse-menu-variant-2 .campaignLineOuter .container,
        body.gelirse-menu-variant-2 .timedPromoShellOuter .container,
        body.gelirse-menu-variant-2 .navbarTopOuter > .container,
        body.gelirse-menu-variant-2 .navbarOuter > .container,
        body.gelirse-menu-variant-2 .homepageOuter > .container,
        body.gelirse-menu-variant-2 .gamesPageOuter > .container,
        body.gelirse-menu-variant-2 .contentPageOuter > .container,
        body.gelirse-menu-variant-2 .footerOuter > .container {
            padding-left: 18px !important;
        }

        body.gelirse-menu-variant-2 .homepageTopHeroBand {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        body.gelirse-menu-variant-2 .homepageTopHeroLogo {
            left: 16px;
            transform: none;
        }

        .gelirseMobileRailLauncher {
            display: none;
        }

        .gelirseMobileAppNav {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 150;
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 8px;
            padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px));
            border-radius: 0;
            background: #0c121e;
            box-shadow: 0 -14px 32px rgba(3, 8, 18, 0.18);
            backdrop-filter: blur(14px);
        }


        .gelirseMobileAppNavItem {
            min-height: 56px;
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 6px;
            padding: 6px 4px;
            border: 0;
            border-radius: 18px;
            background: transparent;
            color: rgba(230, 237, 248, 0.78);
            text-decoration: none !important;
            cursor: pointer;
            box-shadow: inset 0 0 0 1px transparent;
            transition: background var(--gelirse-rail-transition), color var(--gelirse-rail-transition), box-shadow var(--gelirse-rail-transition), transform var(--gelirse-rail-transition);
        }

        .gelirseMobileAppNavItem i {
            font-size: 18px;
        }

        .gelirseMobileAppNavItem span {
            font-size: 11px;
            font-weight: 800;
            letter-spacing: -0.01em;
            line-height: 1;
        }

        .gelirseMobileAppNavItem.is-active,
        .gelirseMobileAppNavItem:focus-visible {
            background:
                radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.16), transparent 34%),
                rgba(255, 255, 255, 0.08);
            color: #ffffff;
            box-shadow:
                inset 0 0 0 1px rgba(255, 255, 255, 0.06),
                0 10px 22px rgba(0, 0, 0, 0.14);
            transform: translateY(-1px);
        }

        @media (hover: hover) and (pointer: fine) {
            .gelirseMobileAppNavItem:hover {
                background:
                    radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.16), transparent 34%),
                    rgba(255, 255, 255, 0.08);
                color: #ffffff;
                box-shadow:
                    inset 0 0 0 1px rgba(255, 255, 255, 0.06),
                    0 10px 22px rgba(0, 0, 0, 0.14);
                transform: translateY(-1px);
            }
        }

        @supports selector(body:has(.gelirseMobileAppNav.is-type_2)) {
            body.gelirse-menu-variant-2:has(.gelirseMobileAppNav.is-type_2) {
                --gelirse-mobile-app-nav-offset: calc(72px + env(safe-area-inset-bottom, 0px));
            }
        }

        .gelirseMobileAppNav.is-type_2 {
            --gelirse-mobile-nav-item-count: 5;
            --gelirse-mobile-nav-gap: 0px;
            --gelirse-mobile-nav-padding-x: 5px;
            font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", sans-serif;
            left: 50%;
            right: auto;
            bottom: max(11px, env(safe-area-inset-bottom, 0px));
            width: min(calc(100vw - 20px), 456px);
            min-height: 58px;
            overflow: hidden;
            gap: 0;
            padding: 5px;
            border-radius: 22px;
            isolation: isolate;
            background:
                radial-gradient(ellipse at 50% -18%, rgba(255, 255, 255, 0.32), transparent 48%),
                radial-gradient(ellipse at 16% 12%, rgba(255, 221, 143, 0.08), transparent 34%),
                radial-gradient(ellipse at 88% 90%, rgba(122, 193, 255, 0.08), transparent 44%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.115), rgba(255, 255, 255, 0.036) 46%, rgba(4, 9, 20, 0.08)),
                rgba(9, 15, 28, 0.42);
            border: 1px solid rgba(255, 255, 255, 0.13);
            box-shadow:
                0 18px 44px rgba(0, 0, 0, 0.28),
                0 4px 16px rgba(13, 24, 48, 0.14),
                inset 0 1px 0 rgba(255, 255, 255, 0.24),
                inset 0 -10px 20px rgba(4, 8, 18, 0.11);
            -webkit-backdrop-filter: blur(30px) saturate(1.72) brightness(1.1) contrast(1.035);
            backdrop-filter: blur(30px) saturate(1.72) brightness(1.1) contrast(1.035);
            transform: translateX(-50%);
            view-transition-name: gelirse-mobile-bottom-nav;
        }

        .gelirseMobileAppNav.is-type_2::before,
        .gelirseMobileAppNav.is-type_2::after {
            content: "";
            position: absolute;
            pointer-events: none;
            border-radius: inherit;
        }

        .gelirseMobileAppNav.is-type_2::before {
            inset: 1px;
            z-index: 0;
            background:
                linear-gradient(110deg, transparent 6%, rgba(255, 255, 255, 0.18) 34%, transparent 62%),
                radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.18), transparent 52%);
            opacity: 0.82;
        }

        .gelirseMobileAppNav.is-type_2::after {
            inset: auto 2px 2px;
            z-index: 0;
            height: 38%;
            background:
                linear-gradient(180deg, transparent, rgba(2, 7, 18, 0.12)),
                radial-gradient(ellipse at 50% 100%, rgba(255, 255, 255, 0.045), transparent 62%);
            opacity: 0.78;
        }

        .gelirseMobileAppNavLens {
            display: none;
        }

        .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavLens {
            display: block;
            position: absolute;
            top: 5px;
            bottom: 5px;
            left: var(--gelirse-mobile-nav-padding-x);
            z-index: 1;
            width: calc((100% - (var(--gelirse-mobile-nav-padding-x) * 2) - (var(--gelirse-mobile-nav-gap) * 4)) / var(--gelirse-mobile-nav-item-count));
            opacity: 0;
            border-radius: 18px;
            background:
                radial-gradient(ellipse at 50% -8%, rgba(255, 255, 255, 0.62), transparent 42%),
                radial-gradient(ellipse at 50% 92%, rgba(255, 223, 145, 0.1), transparent 58%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.205), rgba(255, 255, 255, 0.078) 50%, rgba(255, 255, 255, 0.032)),
                rgba(255, 255, 255, 0.035);
            border: 1px solid rgba(255, 255, 255, 0.16);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.38),
                inset 0 -10px 18px rgba(4, 9, 22, 0.085),
                0 8px 18px rgba(0, 0, 0, 0.1),
                0 0 18px rgba(255, 255, 255, 0.045);
            transform: translate3d(0, 0, 0);
            transition:
                transform 360ms cubic-bezier(0.18, 1.14, 0.22, 1),
                opacity 90ms ease-out;
            view-transition-name: gelirse-mobile-bottom-nav-lens;
            pointer-events: none;
        }

        .gelirseMobileAppNav.is-type_2.is-route-priming .gelirseMobileAppNavLens,
        .gelirseMobileAppNav.is-type_2.has-active-item .gelirseMobileAppNavLens {
            opacity: 1;
        }

        .gelirseMobileAppNav.is-type_2.is-active-index-0 .gelirseMobileAppNavLens {
            transform: translate3d(0, 0, 0);
        }

        .gelirseMobileAppNav.is-type_2.is-active-index-1 .gelirseMobileAppNavLens {
            transform: translate3d(100%, 0, 0);
        }

        .gelirseMobileAppNav.is-type_2.is-active-index-2 .gelirseMobileAppNavLens {
            transform: translate3d(200%, 0, 0);
        }

        .gelirseMobileAppNav.is-type_2.is-active-index-3 .gelirseMobileAppNavLens {
            transform: translate3d(300%, 0, 0);
        }

        .gelirseMobileAppNav.is-type_2.is-active-index-4 .gelirseMobileAppNavLens {
            transform: translate3d(400%, 0, 0);
        }

        .gelirseMobileAppNav.is-type_2.is-menu-transient .gelirseMobileAppNavLens {
            transform: translate3d(0, 0, 0);
        }

        .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem {
            position: relative;
            z-index: 2;
            min-height: 48px;
            gap: 3px;
            padding: 3px 2px 4px;
            border-radius: 16px;
            color: rgba(228, 237, 252, 0.62);
            background: transparent;
            box-shadow: none;
            transform: none;
            -webkit-tap-highlight-color: transparent;
            transition:
                color 180ms ease,
                opacity 180ms ease,
                transform 180ms ease,
                text-shadow 180ms ease;
        }

        .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem i {
            width: 20px;
            height: 20px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 18.5px;
            line-height: 1;
            opacity: 0.68;
            filter: brightness(0.94) drop-shadow(0 1px 3px rgba(0, 0, 0, 0.18));
            transition: opacity 180ms ease, color 180ms ease, filter 180ms ease;
        }

        .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem span {
            max-width: 100%;
            font-size: 10.8px;
            font-weight: 650;
            letter-spacing: 0;
            line-height: 0.98;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            opacity: 0.64;
            transition: opacity 180ms ease, color 180ms ease, font-weight 180ms ease;
        }

        .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem.is-active,
        .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem:focus-visible {
            background: transparent;
            color: var(--gelirse-rail-badge);
            box-shadow: none;
            transform: none;
        }

        .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem.is-active {
            text-shadow: 0 1px 12px rgba(255, 204, 0, 0.2);
        }

        .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem.is-active::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 4px;
            width: 16px;
            height: 1.5px;
            border-radius: 999px;
            background: linear-gradient(90deg, transparent, rgba(255, 222, 148, 0.64), transparent);
            transform: translateX(-50%);
            opacity: 0.76;
            pointer-events: none;
        }

        .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem.is-active i {
            color: var(--gelirse-rail-badge);
            opacity: 1;
            filter:
                brightness(1.12)
                drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2))
                drop-shadow(0 0 8px rgba(255, 204, 0, 0.2));
        }

        .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem.is-active span {
            color: var(--gelirse-rail-badge);
            opacity: 1;
            font-weight: 760;
        }

        .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem:active {
            transform: scale(0.982);
        }

        .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem:focus-visible {
            outline: 2px solid rgba(255, 210, 75, 0.78);
            outline-offset: -4px;
        }

        @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
            .gelirseMobileAppNav.is-type_2 {
                background:
                    linear-gradient(180deg, rgba(31, 42, 68, 0.96), rgba(10, 17, 31, 0.94)),
                    rgba(12, 18, 30, 0.94);
            }
        }

        @media (hover: hover) and (pointer: fine) {
            .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem:hover {
                color: #ffffff;
                opacity: 0.96;
                transform: none;
            }

            .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem:hover i,
            .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem:hover span {
                opacity: 0.94;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .gelirseMobileAppNav.is-type_2,
            .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavLens,
            .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem {
                transition: none;
            }

            .gelirseMobileAppNav.is-type_2 .gelirseMobileAppNavItem:active {
                transform: none;
            }
        }

        @supports (view-transition-name: none) {
            @keyframes gelirseType2ContentOut {
                from {
                    opacity: 1;
                    transform: translate3d(0, 0, 0);
                }
                to {
                    opacity: 0.9;
                    transform: translate3d(0, -2px, 0);
                }
            }

            @keyframes gelirseType2ContentIn {
                from {
                    opacity: 0.92;
                    transform: translate3d(0, 4px, 0);
                }
                to {
                    opacity: 1;
                    transform: translate3d(0, 0, 0);
                }
            }

            ::view-transition-group(gelirse-mobile-bottom-nav),
            ::view-transition-group(gelirse-mobile-bottom-nav-lens) {
                animation-duration: 360ms;
                animation-timing-function: cubic-bezier(0.18, 1.14, 0.22, 1);
            }

            ::view-transition-old(gelirse-mobile-bottom-nav),
            ::view-transition-new(gelirse-mobile-bottom-nav) {
                animation-duration: 1ms;
                animation-timing-function: linear;
                mix-blend-mode: normal;
            }

            ::view-transition-old(gelirse-mobile-bottom-nav-lens),
            ::view-transition-new(gelirse-mobile-bottom-nav-lens) {
                animation-duration: 360ms;
                animation-timing-function: cubic-bezier(0.18, 1.14, 0.22, 1);
                mix-blend-mode: normal;
            }

            ::view-transition-old(root),
            ::view-transition-new(root) {
                animation-duration: 210ms;
                animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
            }

            ::view-transition-old(root) {
                animation-name: gelirseType2ContentOut;
            }

            ::view-transition-new(root) {
                animation-name: gelirseType2ContentIn;
            }
        }

        .gelirseMobileRailClose {
            width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            position: fixed;
            top: calc(13px + env(safe-area-inset-top, 0px));
            left: auto;
            right: calc(12px + env(safe-area-inset-right, 0px));
            z-index: 6100;
            border-radius: 0;
            border: 0;
            background: transparent !important;
            color: #f3f5fb;
            box-shadow: none !important;
            -webkit-tap-highlight-color: transparent;
            opacity: 0;
            pointer-events: none;
            transform: translate3d(8px, -3px, 0) scale(0.88);
            transition:
                opacity 0.14s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.18s cubic-bezier(0.22, 1, 0.36, 1),
                background 0.18s cubic-bezier(0.22, 1, 0.36, 1);
            will-change: opacity, transform;
        }

        .gelirseMobileRailBackdrop {
            position: fixed;
            inset: 0;
            z-index: 6000;
            display: block;
            background: rgba(2, 6, 14, 0.66);
            backdrop-filter: blur(0);
            opacity: 0;
            pointer-events: none;
            transform: translate3d(-10px, 0, 0) scale(1.018);
            transition:
                opacity 0.16s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.2s cubic-bezier(0.22, 1, 0.36, 1),
                backdrop-filter 0.16s cubic-bezier(0.22, 1, 0.36, 1);
            will-change: opacity, transform;
        }

        .gelirseLeftRail {
            z-index: 181;
            width: var(--gelirse-rail-width);
            max-width: var(--gelirse-mobile-rail-width);
            display: flex;
            pointer-events: none;
            transform: translateX(-104%);
            transition:
                width var(--gelirse-rail-transition),
                transform var(--gelirse-rail-transition),
                box-shadow var(--gelirse-rail-transition);
            will-change: transform;
        }

        .gelirseLeftRailShell.is-mobile-swiping .gelirseMobileRailBackdrop {
            opacity: var(--gelirse-mobile-rail-drag-progress, 0);
            pointer-events: auto;
            transform: translate3d(0, 0, 0) scale(1);
            transition: none;
        }

        .gelirseLeftRailShell.is-mobile-swiping .gelirseLeftRail {
            width: var(--gelirse-mobile-rail-width);
            max-width: var(--gelirse-mobile-rail-width);
            pointer-events: auto;
            transform: translate3d(var(--gelirse-mobile-rail-drag-x, -104%), 0, 0);
            transition: none;
            box-shadow: 28px 0 54px rgba(0, 0, 0, 0.28);
            user-select: none;
        }

        .gelirseLeftRailScroll {
            margin-bottom: 160px;
            padding: 18px 14px 18px;
            overscroll-behavior: contain;
        }

        .gelirseLeftRailSupportDock {
            left: 14px;
            right: 14px;
            bottom: calc(88px + env(safe-area-inset-bottom, 0px));
        }

        .gelirseLeftRailLanguageDock {
            left: 14px;
            right: 14px;
            bottom: calc(18px + env(safe-area-inset-bottom, 0px));
        }

        .gelirseLeftRailShell.is-mobile-open .gelirseLeftRailLanguageDock {
            opacity: 1;
        }

        .gelirseLeftRailShell.is-mobile-open .gelirseLeftRailLanguageMeta img {
            filter: saturate(1) brightness(1);
            opacity: 1;
        }

        .gelirseLeftRailShell.is-mobile-open .gelirseMobileRailBackdrop {
            opacity: 1;
            pointer-events: auto;
            transform: translate3d(0, 0, 0) scale(1);
            backdrop-filter: none;
        }

        .gelirseLeftRailShell.is-mobile-open .gelirseMobileRailClose {
            opacity: 1;
            pointer-events: auto;
            transform: translate3d(0, 0, 0) scale(1);
        }

        .gelirseLeftRailShell.is-mobile-open .gelirseLeftRail {
            z-index: 6050;
            pointer-events: auto;
            transform: translateX(0);
            box-shadow: 28px 0 54px rgba(0, 0, 0, 0.28);
        }

        body.gelirse-left-rail-mobile-open .polarisInstallBar,
        body.gelirse-left-rail-mobile-open .polarisInstallBar *,
        body:has(.gelirseLeftRailShell.is-mobile-open) .polarisInstallBar,
        body:has(.gelirseLeftRailShell.is-mobile-open) .polarisInstallBar * {
            pointer-events: none;
            opacity: 0;
            transform: translateY(-12px);
        }

        .gelirseLeftRailShell.is-mobile-open .gelirseLeftRailAccountLink {
            display: flex;
        }

        .gelirseLeftRailShell.is-mobile-open .gelirseLeftRailTop {
            flex-direction: row;
            align-items: center;
            gap: 10px;
        }

        .gelirseLeftRailShell.is-mobile-open .gelirseRailTopHomeLink,
        .gelirseLeftRailShell.is-mobile-open .gelirseLeftRailLoginLink {
            flex: 0 0 var(--gelirse-rail-icon-slot);
            gap: 0;
            min-height: var(--gelirse-rail-icon-slot);
            width: var(--gelirse-rail-icon-slot);
        }

        .gelirseLeftRailShell.is-mobile-open .gelirseLeftRailLoginLink::after,
        .gelirseLeftRailShell.is-mobile-open .gelirseLeftRailLoginLink .gelirseLeftRailCopy {
            display: none;
        }
    }

    @media (max-width: 599px) {
        body.gelirse-menu-variant-2 .navbarTopOuter > .container:has(.navbarTopWalletChrome) {
            padding-left: 4px !important;
            padding-right: 4px !important;
        }

        body.gelirse-menu-variant-2 .navbarTopOuter > .container:has(.navbarTopWalletChrome) .navbarTopInner:has(.navbarTopWalletChrome) {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        body.gelirse-menu-variant-2 *,
        body.gelirse-menu-variant-2 *::before,
        body.gelirse-menu-variant-2 *::after {
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.01ms !important;
            scroll-behavior: auto !important;
        }

        .gelirseLeftRailCasinoSearchPanel.is-opening .gelirseLeftRailCasinoSearchSurface {
            animation: none !important;
            transform: scale(1) !important;
            opacity: 1 !important;
            will-change: auto;
        }

        .gelirseLeftRailCasinoSearchPanel.is-closing {
            animation: none !important;
            transform: translate3d(-3px, 0, 0) scale(1) !important;
            opacity: 0 !important;
        }

        .gelirseLeftRailCasinoSearchPanel.is-closing .gelirseLeftRailCasinoSearchSurface {
            animation: none !important;
            transform: scale(1) !important;
            will-change: auto;
        }
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLanguageDock {
        opacity: 1;
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLanguageButton {
        background: rgba(255, 255, 255, 0.035);
        color: #f5f7ff;
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLanguageMeta img {
        filter: saturate(1) brightness(1);
        opacity: 1;
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLanguageCopy span {
        color: #8690a5;
    }

    body.gelirse-menu-variant-2.gelirse-left-rail-expanded .gelirseLeftRailLanguageCopy strong {
        color: #ffffff;
    }