/* MONZARA BETCO STYLE - MOBILE V1 */

:root {
    --mb-bg: #1b1c1c;
    --mb-panel: #292c2c;
    --mb-line: #414646;
    --mb-accent: #12d7c8;
    --mb-text: #f1f1f1;
    --mb-muted: #bfc3c3;
}

#monzara-site-shell > nav.fixed.top-0 {
    background: var(--mb-bg) !important;
    border-bottom: 2px solid var(--mb-accent) !important;
    backdrop-filter: none !important;
}

#monzara-site-shell .monzara-betco-mobile-nav {
    display: none;
}

@media (max-width: 767px) {
    #monzara-site-shell > nav.fixed.top-0 {
        height: 52px !important;
        min-height: 52px !important;
        box-shadow: 0 3px 12px rgba(0,0,0,.35) !important;
    }

    #monzara-site-shell > nav.fixed.top-0 > div {
        height: 50px !important;
    }

    #monzara-site-shell > nav.fixed.top-0 > div > div {
        height: 50px !important;
        min-height: 50px !important;
    }

    #monzara-site-shell .vakko-header-left {
        display: flex;
        align-items: center;
        min-width: 0;
    }

    #monzara-site-shell .vakko-header-left img {
        max-width: 145px !important;
        max-height: 43px !important;
        width: auto !important;
        object-fit: contain;
    }

    #monzara-site-shell .monzara-betco-mobile-nav {
        display: flex !important;
        position: fixed;
        z-index: 59;
        top: 52px;
        left: 0;
        right: 0;
        height: 47px;
        align-items: stretch;
        justify-content: space-between;
        gap: 0;
        padding: 0 5px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        background: #303333;
        border-bottom: 1px solid #505454;
    }

    #monzara-site-shell .monzara-betco-mobile-nav::-webkit-scrollbar {
        display: none;
    }

    #monzara-site-shell .monzara-betco-mobile-nav a {
        display: flex;
        flex: 1 0 auto;
        min-width: 58px;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 0 9px;
        color: #e4e6e6 !important;
        text-decoration: none !important;
        white-space: nowrap;
        font-size: 12px;
        border-bottom: 3px solid transparent;
    }

    #monzara-site-shell .monzara-betco-mobile-nav a:first-child {
        min-width: 42px;
        font-size: 17px;
    }

    #monzara-site-shell .monzara-betco-mobile-nav a i {
        font-size: 16px;
        color: #d9dddd;
    }

    #monzara-site-shell .monzara-betco-mobile-nav a:active,
    #monzara-site-shell .monzara-betco-mobile-nav a:focus-visible {
        color: var(--mb-accent) !important;
        border-bottom-color: var(--mb-accent);
    }

    #monzara-site-shell .monzara-betco-mobile-nav a:active i {
        color: var(--mb-accent);
    }

    #monzara-site-shell main {
        padding-top: 104px !important;
    }

    #monzara-site-shell .monzara-category-section {
        margin-top: 12px !important;
    }
}

@media (min-width: 768px) {
    #monzara-site-shell .monzara-betco-mobile-nav {
        display: none !important;
    }
}

/* MONZARA BETCO V2 - SLIDER AND SPORTS */

/* Mobil slider: görselin doğal oranını koru, boş yüksekliği kaldır */
@media (max-width: 767px) {
    #monzara-site-shell section:has(.home-slider) {
        height: auto !important;
        min-height: 0 !important;
        margin-top: 4px !important;
        margin-bottom: 10px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        overflow: hidden !important;
    }

    #monzara-site-shell .home-slider,
    #monzara-site-shell .home-slider .swiper-wrapper,
    #monzara-site-shell .home-slider .swiper-slide {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    #monzara-site-shell .home-slider .swiper-slide > a,
    #monzara-site-shell .home-slider .swiper-slide > div.relative {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    #monzara-site-shell .home-slider .swiper-slide img {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    #monzara-site-shell .home-slider .swiper-pagination {
        bottom: 5px !important;
    }
}

/* Spor alanı: antrasit ve turkuaz */
#monzara-site-shell #vk-live-matches .vk-sp-shell {
    background: #202323 !important;
    border: 1px solid #3b4242 !important;
    border-radius: 8px !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-heading {
    background: #252929 !important;
    border-bottom: 1px solid #414747 !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-heading h2,
#monzara-site-shell #vk-live-matches .vk-sp-topbar .vk-sp-active {
    color: #f3f5f5 !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-heading > a,
#monzara-site-shell #vk-live-matches .vk-sp-team-score,
#monzara-site-shell #vk-live-matches .vk-sp-match-foot strong {
    color: #12d7c8 !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-topbar {
    background: #292d2d !important;
    border-color: #414747 !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-sidebar,
#monzara-site-shell #vk-live-matches .vk-sp-main {
    background: #202323 !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-league {
    color: #e2e6e6 !important;
    border-color: #393f3f !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-league:hover,
#monzara-site-shell #vk-live-matches .vk-sp-league.active {
    color: #16dfd0 !important;
    background: #153432 !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-main-title {
    color: #16dfd0 !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-main-title span {
    color: #071b19 !important;
    background: #16dfd0 !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-match {
    color: #f2f4f4 !important;
    background: #2c3030 !important;
    border-color: #414747 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-match:hover {
    border-color: #12bdb0 !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-match-head .vk-sp-live {
    color: #12d7c8 !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-match-foot {
    border-color: #424848 !important;
}

#monzara-site-shell #vk-live-matches .vk-sp-bet-link {
    background: #12d7c8 !important;
    color: #081c1a !important;
}

/* Ana sayfadaki mevcut maç kartları */
#monzara-site-shell .match-card {
    color: #f0f2f2 !important;
    background: #252929 !important;
    border-color: #3b4242 !important;
    box-shadow: none !important;
}

#monzara-site-shell .match-card .text-yellow-400,
#monzara-site-shell .match-card .text-amber-400 {
    color: #12d7c8 !important;
}

/* MONZARA BETCO V3 - GAME STRIP */

#monzara-site-shell .monzara-betco-discovery {
    width: 100%;
    margin: 0 auto 12px;
    overflow: hidden;
    color: #f3f5f5;
}

#monzara-site-shell .mb-game-strip {
    display: flex;
    align-items: stretch;
    gap: 4px;
    width: 100%;
    padding: 8px 8px 5px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    background: #292c2c;
    border-bottom: 1px solid #414646;
}

#monzara-site-shell .mb-game-strip::-webkit-scrollbar,
#monzara-site-shell .mb-sport-filter-strip::-webkit-scrollbar {
    display: none;
}

#monzara-site-shell .mb-game-item {
    display: flex;
    flex: 1 0 66px;
    min-width: 66px;
    max-width: 94px;
    min-height: 69px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    padding: 1px 3px 5px;
    color: #f1f3f3 !important;
    text-decoration: none !important;
    text-align: center;
    font-size: 10px;
    line-height: 1.2;
    border-bottom: 3px solid transparent;
}

#monzara-site-shell .mb-game-item img {
    display: block;
    width: 34px;
    height: 34px;
    object-fit: contain;
    border-radius: 5px;
}

#monzara-site-shell .mb-game-item > span:last-child {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#monzara-site-shell .mb-game-item:active,
#monzara-site-shell .mb-game-item:focus-visible {
    border-bottom-color: #12d7c8;
}

#monzara-site-shell .mb-sport-emoji {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    font-size: 25px;
}

#monzara-site-shell .mb-sport-filter-strip {
    display: flex;
    gap: 7px;
    padding: 9px 10px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    background: #202323;
    border-bottom: 1px solid #414646;
}

#monzara-site-shell .mb-filter-chip {
    flex: 0 0 auto;
    padding: 7px 13px;
    border: 1px solid #515656;
    border-radius: 20px;
    background: #373b3b;
    color: #f1f3f3 !important;
    font-size: 11px;
    white-space: nowrap;
    text-decoration: none !important;
}

#monzara-site-shell .mb-filter-active {
    color: #12d7c8 !important;
    border-color: #168f87;
    background: #173431;
}

@media (min-width: 768px) {
    #monzara-site-shell .mb-game-strip {
        justify-content: flex-start;
        padding-left: 16px;
    }

    #monzara-site-shell .mb-game-item {
        flex: 0 0 90px;
    }

    #monzara-site-shell .mb-sport-filter-strip {
        padding-left: 16px;
    }
}

/* MONZARA BETCO V4 - GAME THUMBNAILS */

#monzara-site-shell .mb-game-strip {
    gap: 5px !important;
    padding: 9px 8px 5px !important;
    align-items: stretch !important;
}

#monzara-site-shell .mb-game-item {
    flex: 0 0 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    min-height: 84px !important;
    padding: 2px 3px 5px !important;
    gap: 5px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
}

#monzara-site-shell .mb-game-item img {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 8px !important;
    background: #171b20 !important;
    border: 1px solid #414747 !important;
}

#monzara-site-shell .mb-game-item > span:last-child {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
}

#monzara-site-shell .mb-game-item:active img {
    border-color: #12d7c8 !important;
}

#monzara-site-shell .mb-sport-emoji {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
}

/* MONZARA BETCO V5 - COMPACT MOBILE MATCHES */

@media (max-width: 767px) {
    #monzara-site-shell #vk-live-matches {
        margin: 8px auto !important;
        padding: 0 5px !important;
        max-width: 100% !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-shell {
        border-radius: 5px !important;
        background: #292d2d !important;
        border-color: #454a4a !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-heading {
        padding: 10px 8px !important;
        background: #303434 !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-topbar {
        display: flex !important;
        gap: 0 !important;
        justify-content: space-between !important;
        min-height: 40px !important;
        padding: 0 5px !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        font-size: 11px !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-layout {
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-sidebar {
        display: none !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-main {
        padding: 5px !important;
        min-width: 0 !important;
        background: #242828 !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-main-title {
        padding: 8px 6px !important;
        font-size: 12px !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-match {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(138px, 44%) !important;
        grid-template-rows: auto auto auto auto !important;
        align-items: center !important;
        gap: 3px 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 5px 0 !important;
        padding: 7px !important;
        text-align: left !important;
        background: #303434 !important;
        border: 0 !important;
        border-bottom: 1px solid #555b5b !important;
        border-radius: 3px !important;
        box-shadow: none !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-match-head {
        grid-column: 1 / -1 !important;
        display: flex !important;
        justify-content: space-between !important;
        gap: 6px !important;
        min-width: 0 !important;
        padding-bottom: 4px !important;
        border-bottom: 1px solid #454a4a !important;
        font-size: 10px !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-match .vk-sp-team {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        min-width: 0 !important;
        min-height: 22px !important;
        padding: 1px 0 !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-team img {
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 16px !important;
        object-fit: contain !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-team-name {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 11px !important;
        color: #f0f2f2 !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-team-score {
        margin-left: auto !important;
        color: #12d7c8 !important;
        font-size: 12px !important;
        font-weight: 800 !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-match > div[style*="grid-template-columns"] {
        grid-column: 2 !important;
        grid-row: 2 / span 2 !important;
        align-self: center !important;
        gap: 3px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-match > div[style*="grid-template-columns"] > div {
        min-width: 0 !important;
        padding: 6px 1px !important;
        border: 1px solid #424949 !important;
        border-radius: 3px !important;
        background: #3a3f3f !important;
        color: #12d7c8 !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-match > div[style*="grid-template-columns"] > div > div:first-child {
        font-size: 9px !important;
        color: #c4cccc !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-match > div[style*="grid-template-columns"] > div > div:last-child {
        font-size: 12px !important;
        font-weight: 800 !important;
        overflow-wrap: normal !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-match-foot {
        grid-column: 1 / -1 !important;
        display: flex !important;
        justify-content: space-between !important;
        gap: 6px !important;
        padding-top: 4px !important;
        font-size: 10px !important;
        border-top: 1px solid #454a4a !important;
    }
}

/* MONZARA TOP 20 GAME SHOWCASE */
.monzara-top20-casino,
.monzara-top20-live {
    color: #f4f5f7;
}

.monzara-top20-casino h2,
.monzara-top20-live h2 {
    color: #f4f5f7 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.monzara-top20-casino > div > div:first-child,
.monzara-top20-live > div > div:first-child {
    margin-bottom: 10px !important;
    padding: 8px 2px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(18,215,200,.25) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.monzara-top20-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
    overflow: visible !important;
    padding: 0 0 8px !important;
}

.monzara-top20-card {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    flex: initial !important;
    overflow: hidden !important;
    border: 1px solid #303943 !important;
    border-radius: 9px !important;
    background: #111722 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.22) !important;
    text-decoration: none !important;
}

.monzara-top20-cover {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    aspect-ratio: 1.55 / 1 !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #202633 !important;
}

.monzara-top20-cover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.monzara-top20-placeholder {
    font-size: 30px;
}

.monzara-top20-name {
    display: block !important;
    min-height: 34px !important;
    padding: 7px 5px !important;
    overflow: hidden !important;
    color: #f4f5f7 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
}

.monzara-top20-more {
    display: flex !important;
    width: min(100%, 270px) !important;
    min-height: 44px !important;
    margin: 12px auto 18px !important;
    padding: 10px 16px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    border: 1px solid #12d7c8 !important;
    border-radius: 7px !important;
    color: #12d7c8 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.monzara-top20-more:active {
    background: rgba(18,215,200,.10) !important;
}

@media (min-width: 768px) {
    .monzara-top20-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    .monzara-top20-name {
        font-size: 13px !important;
    }
}

/* MONZARA BETCO V8 — PREMIUM MOBILE FOOTER */

#monzara-site-shell .vakko-global-footer {
    position: relative;
    isolation: isolate;
    margin-top: 26px !important;
    padding: 24px 14px calc(100px + env(safe-area-inset-bottom)) !important;
    overflow: hidden;
    color: #e6e9f5 !important;
    background:
        radial-gradient(ellipse at 15% 0%, rgba(103, 65, 210, .16), transparent 48%),
        radial-gradient(ellipse at 95% 35%, rgba(28, 104, 205, .10), transparent 45%),
        linear-gradient(180deg, #0c1020 0%, #080b15 100%) !important;
    border-top: 1px solid rgba(145, 105, 255, .30);
}

#monzara-site-shell .vakko-global-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(167, 119, 255, .8),
        rgba(69, 143, 255, .7),
        transparent
    );
    pointer-events: none;
}

#monzara-site-shell .vakko-footer-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 auto 26px !important;
    width: 100% !important;
    max-width: 760px !important;
}

#monzara-site-shell .vakko-footer-links details {
    overflow: hidden;
    border: 1px solid rgba(139, 151, 195, .17) !important;
    border-radius: 11px !important;
    background: linear-gradient(
        110deg,
        rgba(26, 30, 53, .94),
        rgba(15, 20, 37, .94)
    ) !important;
}

#monzara-site-shell .vakko-footer-links details[open] {
    border-color: rgba(153, 111, 255, .48) !important;
    background: linear-gradient(
        110deg,
        rgba(39, 31, 72, .82),
        rgba(15, 22, 43, .98)
    ) !important;
}

#monzara-site-shell .vakko-footer-links summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 48px !important;
    padding: 0 15px !important;
    color: #f2f2ff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer;
    list-style: none !important;
}

#monzara-site-shell .vakko-footer-links summary::-webkit-details-marker {
    display: none;
}

#monzara-site-shell .vakko-footer-arrow {
    color: #a98aff !important;
    font-size: 18px !important;
    transition: transform .2s ease;
}

#monzara-site-shell .vakko-footer-links details[open] .vakko-footer-arrow {
    transform: rotate(180deg);
}

#monzara-site-shell .vakko-footer-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 0 10px 12px !important;
}

#monzara-site-shell .vakko-footer-menu a {
    display: block !important;
    padding: 10px 9px !important;
    border: 1px solid rgba(139, 151, 195, .12) !important;
    border-radius: 7px !important;
    background: rgba(8, 12, 26, .52) !important;
    color: #bfc7e1 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    transition: border-color .2s ease, color .2s ease;
}

#monzara-site-shell .vakko-footer-menu a:hover {
    color: #ffffff !important;
    border-color: rgba(153, 111, 255, .55) !important;
}

/* Sponsor section */
#monzara-site-shell .vakko-footer-sponsor {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto 22px !important;
    padding: 18px 12px 15px !important;
    border: 1px solid rgba(137, 119, 213, .18) !important;
    border-radius: 14px !important;
    background: linear-gradient(
        145deg,
        rgba(22, 26, 47, .94),
        rgba(10, 14, 27, .96)
    ) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
}

#monzara-site-shell .vakko-footer-sponsor .vakko-footer-title {
    margin: 0 0 17px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(148, 124, 221, .18) !important;
    color: #c5b2ff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 1.8px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* Existing sponsor images remain dynamically loaded */
#monzara-site-shell .vakko-footer-admin-logos {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 9px !important;
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
}

#monzara-site-shell .vakko-footer-admin-logos > .vakko-footer-admin-logo {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 70px !important;
    padding: 9px !important;
    overflow: hidden !important;
    border: 1px solid rgba(137, 151, 194, .19) !important;
    border-radius: 9px !important;
    background: linear-gradient(
        145deg,
        rgba(30, 35, 56, .96),
        rgba(13, 17, 31, .98)
    ) !important;
    box-sizing: border-box !important;
    transition: border-color .2s ease, background .2s ease;
}

#monzara-site-shell .vakko-footer-admin-logos > .vakko-footer-admin-logo:active {
    border-color: rgba(157, 119, 255, .75) !important;
}

#monzara-site-shell .vakko-footer-admin-logos > .vakko-footer-admin-logo img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
}

#monzara-site-shell .vakko-footer-admin-logos > .vakko-footer-admin-logo:first-child {
    grid-column: 1 / -1 !important;
    width: 145px !important;
    max-width: 100% !important;
    height: 76px !important;
    justify-self: center !important;
}

#monzara-site-shell .vakko-footer-admin-logos > .vakko-footer-admin-logo:last-child:nth-child(even) {
    grid-column: auto !important;
    width: 100% !important;
    justify-self: stretch !important;
}

#monzara-site-shell .vakko-license-corner {
    position: absolute !important;
    right: 5px !important;
    bottom: 5px !important;
    padding: 4px 6px !important;
    border: 1px solid rgba(174, 144, 255, .45) !important;
    border-radius: 5px !important;
    background: rgba(9, 12, 24, .92) !important;
    color: #d7c8ff !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

#monzara-site-shell .vakko-footer-empty {
    color: #9ca7c5 !important;
    font-size: 12px !important;
    text-align: center !important;
}

@media (min-width: 768px) {
    #monzara-site-shell .vakko-global-footer {
        padding: 32px 24px 36px !important;
    }

    #monzara-site-shell .vakko-footer-links {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: start !important;
    }

    #monzara-site-shell .vakko-footer-links summary {
        min-height: 52px !important;
    }
}

@media (max-width: 380px) {
    #monzara-site-shell .vakko-footer-admin-logos {
        gap: 7px !important;
    }

    #monzara-site-shell .vakko-footer-admin-logos > .vakko-footer-admin-logo {
        height: 62px !important;
        padding: 6px !important;
    }

    #monzara-site-shell .vakko-footer-menu {
        gap: 5px !important;
    }
}

/* MONZARA PREMIUM — PAYMENT, CONTACT & COPYRIGHT */

#monzara-site-shell .vakko-footer-section:not(.vakko-footer-sponsor) {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 21px 8px;
    border-bottom: 1px solid rgba(143, 151, 196, .12);
    text-align: center;
}

#monzara-site-shell .vakko-footer-section .vakko-footer-title {
    margin: 0 0 17px !important;
    color: #c4b5fd !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-align: center !important;
}

/* Payment methods */
#monzara-site-shell .vakko-payment-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 460px !important;
    margin: 0 auto !important;
}

#monzara-site-shell .vakko-payment-admin-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 88px !important;
    min-width: 0 !important;
    height: 43px !important;
    padding: 6px 9px !important;
    overflow: hidden !important;
    border: 1px solid rgba(148, 163, 204, .19) !important;
    border-radius: 9px !important;
    background: linear-gradient(
        145deg,
        rgba(25, 30, 50, .95),
        rgba(10, 14, 27, .98)
    ) !important;
    box-sizing: border-box !important;
    transition: border-color .2s ease, transform .2s ease;
}

#monzara-site-shell .vakko-payment-admin-item img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

#monzara-site-shell .vakko-payment-admin-item:active {
    border-color: rgba(167, 139, 250, .8) !important;
    transform: scale(.97);
}

/* Contact / crypto logos */
#monzara-site-shell .vakko-crypto-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 auto !important;
}

#monzara-site-shell .vakko-crypto-row img {
    display: block !important;
    width: 46px !important;
    height: 46px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    border: 1px solid rgba(167, 139, 250, .35) !important;
    border-radius: 50% !important;
    padding: 5px !important;
    background: radial-gradient(
        circle at 35% 25%,
        rgba(104, 75, 180, .24),
        rgba(9, 13, 27, .98) 75%
    ) !important;
    box-shadow: 0 0 18px rgba(124, 58, 237, .10);
}

/* Brand and copyright area */
#monzara-site-shell .vakko-global-footer > div:last-child {
    text-align: center;
}

#monzara-site-shell .vakko-global-footer {
    --monzara-purple: #a78bfa;
    --monzara-blue: #60a5fa;
}

#monzara-site-shell .vakko-global-footer .monzara-footer-brand {
    background: linear-gradient(
        90deg,
        #ffffff 5%,
        #c4b5fd 48%,
        #60a5fa 95%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 480px) {
    #monzara-site-shell .vakko-footer-section:not(.vakko-footer-sponsor) {
        padding: 19px 4px !important;
    }

    #monzara-site-shell .vakko-payment-row {
        gap: 7px !important;
    }

    #monzara-site-shell .vakko-payment-admin-item {
        width: 82px !important;
        height: 40px !important;
        padding: 5px 7px !important;
    }

    #monzara-site-shell .vakko-crypto-row {
        gap: 10px !important;
    }
}

/* MONZARA FOOTER — FLAT ACCORDION, NO CARDS */

#monzara-site-shell .vakko-footer-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 auto 24px !important;
    padding: 0 7px !important;
    max-width: 760px !important;
    border-top: 1px solid rgba(155, 164, 198, .14) !important;
}

#monzara-site-shell .vakko-footer-links details,
#monzara-site-shell .vakko-footer-links details[open] {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(155, 164, 198, .14) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#monzara-site-shell .vakko-footer-links summary {
    min-height: 48px !important;
    padding: 0 7px !important;
    color: #dce2f4 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    background: transparent !important;
}

#monzara-site-shell .vakko-footer-links summary:hover {
    color: #c4b5fd !important;
}

#monzara-site-shell .vakko-footer-arrow {
    color: #9f8bff !important;
    font-size: 16px !important;
}

#monzara-site-shell .vakko-footer-menu {
    gap: 0 !important;
    padding: 0 7px 10px !important;
    background: transparent !important;
}

#monzara-site-shell .vakko-footer-menu a {
    padding: 10px 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #9da9c5 !important;
    font-size: 12px !important;
}

#monzara-site-shell .vakko-footer-menu a:hover {
    color: #c4b5fd !important;
    border: 0 !important;
}

@media (min-width: 768px) {
    #monzara-site-shell .vakko-footer-links {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 24px !important;
        border-top: 0 !important;
    }

    #monzara-site-shell .vakko-footer-links details {
        flex: 1 !important;
        border-top: 1px solid rgba(155, 164, 198, .14) !important;
    }
}

/* MONZARA FOOTER — ONLY SHOW LINKS */

#monzara-site-shell .vakko-footer-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
}

#monzara-site-shell .vakko-footer-links details,
#monzara-site-shell .vakko-footer-links details[open] {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Oyunlar / Hesap / Destek basliklarini ve oklarini gizle */
#monzara-site-shell .vakko-footer-links details > summary {
    display: none !important;
}

/* Acik veya kapali olmasindan bagimsiz baglantilari goster */
#monzara-site-shell .vakko-footer-links details > .vakko-footer-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 16px !important;
    padding: 8px 0 12px !important;
    margin: 0 !important;
    background: transparent !important;
}

#monzara-site-shell .vakko-footer-links details > .vakko-footer-menu a {
    display: block !important;
    padding: 10px 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #b9c3dc !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
}

#monzara-site-shell .vakko-footer-links details > .vakko-footer-menu a:hover {
    color: #c4b5fd !important;
}

@media (min-width: 768px) {
    #monzara-site-shell .vakko-footer-links {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }
}

/* MONZARA FOOTER — CLEAN PREMIUM LINKS V14 */

#monzara-site-shell .vakko-footer-links details > .vakko-footer-menu a[href*="/login"],
#monzara-site-shell .vakko-footer-links details > .vakko-footer-menu a[href*="/register"] {
    display: none !important;
}

#monzara-site-shell .vakko-footer-links {
    display: block !important;
    width: 100% !important;
    max-width: 540px !important;
    margin: 0 auto 24px !important;
    padding: 8px 14px 16px !important;
    border: 0 !important;
}

#monzara-site-shell .vakko-footer-links details,
#monzara-site-shell .vakko-footer-links details[open] {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#monzara-site-shell .vakko-footer-links details > summary {
    display: none !important;
}

#monzara-site-shell .vakko-footer-links details > .vakko-footer-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 3px 22px !important;
    margin: 0 !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(148, 163, 204, .13) !important;
    background: transparent !important;
}

#monzara-site-shell .vakko-footer-links details > .vakko-footer-menu a {
    display: flex !important;
    align-items: center !important;
    min-height: 39px !important;
    margin: 0 !important;
    padding: 8px 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #c1c9df !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    transition: color .18s ease !important;
}

#monzara-site-shell .vakko-footer-links details > .vakko-footer-menu a:hover {
    color: #bda5ff !important;
    background: transparent !important;
}

/* Hesap menüsünde giriş/kayıt gizlenince boş alan bırakma */
#monzara-site-shell .vakko-footer-links details > .vakko-footer-menu:has(a[href*="/login"]:only-child),
#monzara-site-shell .vakko-footer-links details > .vakko-footer-menu:empty {
    display: none !important;
}

@media (min-width: 768px) {
    #monzara-site-shell .vakko-footer-links {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        max-width: 900px !important;
        gap: 24px !important;
    }

    #monzara-site-shell .vakko-footer-links details > .vakko-footer-menu {
        gap: 4px 14px !important;
    }
}

/* MONZARA FOOTER V15 — CORRECT DIVIDER POSITIONS */

/* Ana footer alaninda cift cizgileri kaldir */
#monzara-site-shell .vakko-footer-links {
    gap: 0 !important;
    padding-top: 0 !important;
    border: 0 !important;
}

/* Basliksiz ve bos kalan Hesap grubunu kaldir */
#monzara-site-shell .vakko-footer-links details:not(:has(.vakko-footer-menu a:not([href*="/login"]):not([href*="/register"]))) {
    display: none !important;
}

/* Her baglanti grubu tek bir bolum olsun */
#monzara-site-shell .vakko-footer-links details,
#monzara-site-shell .vakko-footer-links details[open] {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Eski menu cizgisini kaldir */
#monzara-site-shell .vakko-footer-links details > .vakko-footer-menu {
    border-bottom: 0 !important;
    margin: 0 !important;
    padding: 4px 0 12px !important;
}

/* Cizgiyi sadece dolu gruplarin altina koy */
#monzara-site-shell .vakko-footer-links details:has(.vakko-footer-menu a:not([href*="/login"]):not([href*="/register"])) {
    border-bottom: 1px solid rgba(148, 163, 204, .15) !important;
    margin-bottom: 8px !important;
}

/* Baglantilari hizali tut */
#monzara-site-shell .vakko-footer-links details > .vakko-footer-menu a {
    min-height: 36px !important;
    padding: 8px 3px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}


/* MONZARA FOOTER V16 — TIGHT SPACING + CLEAR DIVIDERS */

#monzara-site-shell .vakko-global-footer .vakko-footer-links {
    margin: 0 auto 10px !important;
    padding: 0 10px !important;
    gap: 0 !important;
    border: 0 !important;
}

#monzara-site-shell .vakko-global-footer .vakko-footer-links details,
#monzara-site-shell .vakko-global-footer .vakko-footer-links details[open] {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Başlıkları gizli tut */
#monzara-site-shell .vakko-global-footer .vakko-footer-links summary {
    display: none !important;
}

/* Bağlantı grupları */
#monzara-site-shell .vakko-global-footer .vakko-footer-links details > .vakko-footer-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 18px !important;
    margin: 0 !important;
    padding: 2px 0 7px !important;
    border: 0 !important;
    background: transparent !important;
}

/* Bağlantıların yüksekliğini azalt */
#monzara-site-shell .vakko-global-footer .vakko-footer-links details > .vakko-footer-menu a {
    min-height: 34px !important;
    margin: 0 !important;
    padding: 7px 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #c3cce2 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

/* Her dolu grubun altında net ayraç */
#monzara-site-shell .vakko-global-footer .vakko-footer-links details:has(.vakko-footer-menu a:not([href*="/login"]):not([href*="/register"])) {
    border-bottom: 1px solid rgba(157, 139, 255, .32) !important;
    margin-bottom: 5px !important;
    padding-bottom: 2px !important;
}

/* Sponsor alanına geçişteki gereksiz boşluk */
#monzara-site-shell .vakko-global-footer .vakko-footer-sponsor {
    margin-top: 8px !important;
    margin-bottom: 16px !important;
}

/* Footer içindeki genel alt boşlukları sınırla */
#monzara-site-shell .vakko-global-footer {
    padding-bottom: calc(30px + env(safe-area-inset-bottom)) !important;
}

@media (max-width: 480px) {
    #monzara-site-shell .vakko-global-footer .vakko-footer-links {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    #monzara-site-shell .vakko-global-footer .vakko-footer-links details > .vakko-footer-menu {
        gap: 0 12px !important;
    }
}


/* MONZARA MOBILE SIDEBAR V17 */

@media (max-width: 767px) {

    #mobileSidebar {
        background: linear-gradient(
            180deg,
            #202323 0%,
            #151818 100%
        ) !important;

        border-right: 1px solid #404949 !important;
        box-shadow: 14px 0 35px rgba(0,0,0,.45) !important;
    }

    #mobileSidebar .vms-inner {
        padding: 12px 12px 85px !important;
    }

    /* Bölüm başlıkları */
    #mobileSidebar .vms-title {
        color: #16d9cc !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        letter-spacing: 1.5px !important;
        margin-bottom: 8px !important;
    }

    /* Menü satırları */
    #mobileSidebar .vms-item {
        min-height: 45px !important;
        padding: 8px 10px !important;
        margin: 2px 0 !important;
        border-radius: 8px !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        color: #edf0f0 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        box-shadow: none !important;
    }

    #mobileSidebar .vms-item:hover,
    #mobileSidebar .vms-item:focus-visible {
        background: #243938 !important;
        border-color: rgba(18,215,200,.25) !important;
        color: #1be2d4 !important;
    }

    /* İkon alanları */
    #mobileSidebar .vms-icon {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 5px !important;
        border-radius: 8px !important;
        background: #2b3232 !important;
        border: 1px solid #425050 !important;
        box-shadow: none !important;
    }

    #mobileSidebar .vms-icon img,
    #mobileSidebar .vms-icon svg {
        width: 22px !important;
        height: 22px !important;
        object-fit: contain !important;
    }

    #mobileSidebar .vms-arrow {
        color: #7d9290 !important;
        font-size: 17px !important;
    }

    #mobileSidebar .vms-divider {
        height: 1px !important;
        border: 0 !important;
        background: #3b4444 !important;
        margin: 12px 6px !important;
    }
}

/* MONZARA MOBILE SIDEBAR V18 */
@media (max-width: 767px){

    /* Menü üstteki siyah header + gri hızlı menünün altından başlasın */
    #mobileSidebar{
        top: 108px !important;
        width: 300px !important;
        background:
            radial-gradient(circle at top left, rgba(118,67,255,.10), transparent 28%),
            linear-gradient(180deg, #1c1f20 0%, #121516 100%) !important;
        border-right: 1px solid rgba(78,255,241,.16) !important;
        box-shadow: 18px 0 45px rgba(0,0,0,.45) !important;
    }

    /* üstte sıkışan logo/görsel alanını tamamen kaldır */
    #mobileSidebar .vms-top{
        display:none !important;
    }

    #mobileSidebar .vms-inner{
        padding: 16px 14px 90px !important;
        height: 100% !important;
        overflow-y: auto !important;
        scrollbar-width: none !important;
    }

    #mobileSidebar .vms-inner::-webkit-scrollbar{
        display:none !important;
    }

    /* Casino / Spor üst bloğu biraz daha düzgün görünsün */
    #mobileSidebar .vms-toggle,
    #mobileSidebar .vms-switch,
    #mobileSidebar .vms-tabs,
    #mobileSidebar .vms-top-switch{
        margin-top: 0 !important;
        margin-bottom: 16px !important;
    }

    /* Bölüm blokları */
    #mobileSidebar .vms-section{
        margin-bottom: 22px !important;
    }

    #mobileSidebar .vms-title{
        margin: 0 0 10px !important;
        color: #37e9e0 !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        letter-spacing: 4px !important;
        text-transform: uppercase !important;
    }

    #mobileSidebar .vms-item{
        min-height: 72px !important;
        padding: 12px 12px !important;
        margin: 0 0 12px !important;
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        border-radius: 18px !important;
        background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)) !important;
        border: 1px solid rgba(120,150,150,.20) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.03),
            0 8px 24px rgba(0,0,0,.18) !important;
        color: #f2f5f5 !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }

    #mobileSidebar .vms-item:hover,
    #mobileSidebar .vms-item:active{
        transform: translateY(-1px);
        background: linear-gradient(180deg, rgba(44,54,54,.92), rgba(27,33,33,.96)) !important;
        border-color: rgba(55,233,224,.26) !important;
    }

    #mobileSidebar .vms-icon{
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 16px !important;
        background: linear-gradient(180deg, #364143 0%, #2b3436 100%) !important;
        border: 1px solid rgba(142,164,168,.28) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.05),
            0 4px 12px rgba(0,0,0,.18) !important;
    }

    #mobileSidebar .vms-icon img,
    #mobileSidebar .vms-icon svg{
        width: 28px !important;
        height: 28px !important;
        object-fit: contain !important;
    }

    #mobileSidebar .vms-item span:not(.vms-icon):not(.vms-arrow){
        line-height: 1.2 !important;
    }

    #mobileSidebar .vms-arrow{
        margin-left: auto !important;
        color: #8ea4a6 !important;
        font-size: 28px !important;
        line-height: 1 !important;
    }

    #mobileSidebar .vms-divider{
        height: 1px !important;
        margin: 12px 2px 20px !important;
        border: 0 !important;
        background: linear-gradient(
            90deg,
            rgba(55,233,224,0),
            rgba(55,233,224,.30),
            rgba(55,233,224,0)
        ) !important;
    }

    /* logout varsa diğerlerinden ayrı ve sade dursun */
    #mobileSidebar .vms-logout{
        min-height: 58px !important;
        justify-content: center !important;
        background: rgba(255,255,255,.03) !important;
        border: 1px solid rgba(255,255,255,.08) !important;
    }
}

/* MONZARA SIDEBAR V19 — COMPACT */

@media (max-width:767px){

    #mobileSidebar{
        width:290px !important;
    }

    #mobileSidebar .vms-inner{
        padding:10px 12px 70px !important;
    }

    #mobileSidebar .vms-top{
        display:none !important;
    }

    #mobileSidebar .vms-section{
        margin-bottom:12px !important;
    }

    #mobileSidebar .vms-title{
        font-size:10px !important;
        letter-spacing:1.5px !important;
        margin:10px 0 5px !important;
    }

    #mobileSidebar .vms-item{
        min-height:46px !important;
        height:auto !important;
        padding:6px 9px !important;
        margin:2px 0 !important;
        gap:10px !important;

        border-radius:9px !important;
        background:transparent !important;
        border:1px solid transparent !important;
        box-shadow:none !important;

        font-size:12px !important;
        font-weight:600 !important;
    }

    #mobileSidebar .vms-icon{
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        padding:5px !important;
        border-radius:8px !important;
        box-shadow:none !important;
    }

    #mobileSidebar .vms-icon img,
    #mobileSidebar .vms-icon svg{
        width:20px !important;
        height:20px !important;
    }

    #mobileSidebar .vms-arrow{
        font-size:17px !important;
    }

    #mobileSidebar .vms-divider{
        margin:8px 4px 12px !important;
    }

    #mobileSidebar .vms-logout{
        min-height:44px !important;
    }
}

/* MONZARA RIGHT PROFILE MENU V20 */

@media (max-width: 767px) {

    /* Ana panel */
    #monzara-site-shell #member-profile-dropdown {
        position: fixed !important;
        top: 103px !important;
        right: 8px !important;
        left: auto !important;

        width: min(320px, calc(100vw - 16px)) !important;
        max-width: 320px !important;
        max-height: calc(100dvh - 119px) !important;

        padding: 12px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;

        background: linear-gradient(180deg,#1d2225,#111619) !important;
        border: 1px solid #344848 !important;
        border-radius: 14px !important;
        box-shadow: 0 15px 40px rgba(0,0,0,.48) !important;
        z-index: 100 !important;
    }

    /* Menü içi genel aralık */
    #member-profile-dropdown > div {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    /* Kullanıcı ve bakiye kartı */
    #member-profile-dropdown .vakko-profile-user-card {
        display: flex !important;
        align-items: center !important;
        gap: 11px !important;
        min-height: 65px !important;
        padding: 10px !important;
        margin: 0 0 10px !important;

        background: #242c30 !important;
        border: 1px solid #405151 !important;
        border-radius: 11px !important;
        box-shadow: none !important;
    }

    #member-profile-dropdown .vakko-profile-avatar {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 10px !important;
        background: #303b3e !important;
        border: 1px solid #4b6160 !important;
        box-shadow: none !important;
    }

    #member-profile-dropdown .vakko-profile-avatar svg {
        width: 24px !important;
        height: 24px !important;
        color: #18d6c8 !important;
    }

    #member-profile-dropdown .vakko-profile-username {
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.3 !important;
        color: #fff !important;
    }

    #member-profile-dropdown .vakko-profile-balance {
        display: inline-block !important;
        margin-top: 4px !important;
        padding: 4px 9px !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        color: #1be1d2 !important;
        background: #162d2b !important;
        border: 1px solid #356b66 !important;
        border-radius: 7px !important;
        box-shadow: none !important;
    }

    /* VIP seviyesi */
    #member-profile-dropdown .px-3.pb-2 {
        padding: 0 0 8px !important;
        margin: 0 !important;
    }

    #member-profile-dropdown .p-3.rounded-lg {
        padding: 11px !important;
        border: 1px solid #3a484b !important;
        border-radius: 10px !important;
        background: #20282c !important;
        box-shadow: none !important;
    }

    #member-profile-dropdown .p-3.rounded-lg .flex.items-center.gap-3 {
        gap: 10px !important;
        align-items: center !important;
    }

    #member-profile-dropdown .relative.w-10.h-10 {
        width: 35px !important;
        height: 35px !important;
        min-width: 35px !important;
        border-radius: 8px !important;
    }

    #member-profile-dropdown .mt-2.h-2 {
        height: 5px !important;
        margin-top: 7px !important;
        background: #303b3e !important;
        border: 0 !important;
        border-radius: 8px !important;
    }

    #member-profile-dropdown .mt-2.h-2 > div {
        background: linear-gradient(90deg,#12d7c8,#6c83ff) !important;
        border-radius: 8px !important;
    }

    /* Menü bağlantıları */
    #member-profile-dropdown a,
    #member-profile-dropdown form button {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;

        width: 100% !important;
        min-height: 42px !important;
        height: auto !important;

        margin: 2px 0 !important;
        padding: 9px 12px !important;

        color: #d9e1e2 !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        border-radius: 8px !important;

        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    #member-profile-dropdown a::before,
    #member-profile-dropdown form button::before {
        flex: 0 0 19px !important;
        width: 19px !important;
        height: 19px !important;
        margin: 0 !important;
        color: #12d7c8 !important;
    }

    #member-profile-dropdown a:hover,
    #member-profile-dropdown a:focus-visible,
    #member-profile-dropdown form button:hover {
        background: #253937 !important;
        border-color: #37635f !important;
        color: #fff !important;
    }

    /* Para yatır butonu */
    #member-profile-dropdown a[href*="para-yatir"] {
        min-height: 44px !important;
        background: linear-gradient(100deg,#12cfc0,#10aaa8) !important;
        border: 1px solid #24e6d6 !important;
        border-radius: 9px !important;
        color: #071c1b !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        box-shadow: none !important;
    }

    #member-profile-dropdown a[href*="para-yatir"]::before {
        color: #082321 !important;
    }

    /* Çizgiler */
    #member-profile-dropdown hr {
        margin: 8px 4px !important;
        border: 0 !important;
        border-top: 1px solid #344142 !important;
    }
}


/* MONZARA ACCOUNT PANEL V21 */

#member-profile-menu #member-profile-dropdown {
    width: 460px !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 76px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #191d20 !important;
    border: 1px solid rgba(32,218,209,.55) !important;
    border-top: 3px solid #21d4cc !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 55px rgba(0,0,0,.60) !important;
    color: #f5f7f9 !important;
    padding: 0 !important;
    scrollbar-width: thin;
    scrollbar-color: #22bdb8 #191d20;
}

#member-profile-menu #member-profile-dropdown .vakko-profile-user-card {
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    padding: 17px 16px !important;
    margin: 0 !important;
    min-height: 76px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(32,218,209,.35) !important;
    border-radius: 0 !important;
    background: #191d20 !important;
    box-shadow: none !important;
}

#member-profile-menu #member-profile-dropdown .vakko-profile-avatar {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border: 2px solid #20d5cc !important;
    border-radius: 12px !important;
    background: #252d30 !important;
    color: #21d4cc !important;
}

#member-profile-menu #member-profile-dropdown .vakko-profile-username {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere;
}

#member-profile-menu #member-profile-dropdown .vakko-profile-balance {
    display: none !important;
}

#member-profile-menu #member-profile-dropdown .mz-account-balances {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 5px !important;
    padding: 17px 9px !important;
    border-bottom: 1px solid rgba(32,218,209,.40) !important;
    background: #1d2124 !important;
    text-align: center !important;
}

#member-profile-menu #member-profile-dropdown .mz-account-balances > div {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
}

#member-profile-menu #member-profile-dropdown .mz-account-balances span {
    color: #27d6ce !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
}

#member-profile-menu #member-profile-dropdown .mz-account-balances strong {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

#member-profile-menu #member-profile-dropdown > .py-2 {
    padding: 12px 10px 18px !important;
    background: #191d20 !important;
}

#member-profile-menu #member-profile-dropdown .px-3.pb-2 {
    padding: 0 3px 14px !important;
    margin: 0 !important;
}

#member-profile-menu #member-profile-dropdown .p-3.rounded-lg {
    background: #22282b !important;
    border: 1px solid rgba(32,218,209,.25) !important;
    border-radius: 11px !important;
    padding: 11px !important;
    margin: 0 !important;
}

#member-profile-menu #member-profile-dropdown .mz-account-tiles {
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 7px 3px !important;
    padding: 15px 0 !important;
    border-top: 1px solid rgba(32,218,209,.30) !important;
    border-bottom: 1px solid rgba(32,218,209,.30) !important;
}

#member-profile-menu #member-profile-dropdown .mz-account-tile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 10px 3px !important;
    min-width: 0 !important;
    min-height: 86px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #e7eded !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere;
}

#member-profile-menu #member-profile-dropdown .mz-account-tile::before,
#member-profile-menu #member-profile-dropdown .mz-account-tile::after {
    display: none !important;
    content: none !important;
}

#member-profile-menu #member-profile-dropdown .mz-account-tile:hover {
    background: rgba(32,218,209,.10) !important;
    color: #fff !important;
}

#member-profile-menu #member-profile-dropdown .mz-tile-icon {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid rgba(35,211,202,.40) !important;
    border-radius: 10px !important;
    background: #242c2e !important;
    color: #20dcd2 !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

#member-profile-menu #member-profile-dropdown hr {
    border-color: rgba(32,218,209,.22) !important;
    margin: 12px 0 !important;
}

#member-profile-menu #member-profile-dropdown form button[type="submit"] {
    display: block !important;
    width: min(220px,90%) !important;
    margin: 14px auto 0 !important;
    padding: 12px 16px !important;
    border: 2px solid #23d4cc !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #25d5cd !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

@media(max-width:767px) {
    #member-profile-menu #member-profile-dropdown {
        position: fixed !important;
        top: 60px !important;
        right: 7px !important;
        left: auto !important;
        width: min(430px,calc(100vw - 14px)) !important;
        max-width: calc(100vw - 14px) !important;
        max-height: calc(100dvh - 75px) !important;
    }

    #member-profile-menu #member-profile-dropdown .mz-account-tiles {
        grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    }

    #member-profile-menu #member-profile-dropdown .mz-account-tile {
        font-size: 10px !important;
    }

    #member-profile-menu #member-profile-dropdown .mz-account-balances strong {
        font-size: 13px !important;
    }
}

@media(max-width:360px) {
    #member-profile-menu #member-profile-dropdown .mz-account-tiles {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

/* MONZARA CUSTOM ACCOUNT ICONS V22 */
#member-profile-dropdown .mz-account-tile .mz-tile-icon {
    width: 46px !important;
    height: 46px !important;
    padding: 8px !important;
    border: 1px solid rgba(40,222,211,.48) !important;
    border-radius: 13px !important;
    background: linear-gradient(145deg,#26363a,#191d26) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}
#member-profile-dropdown .mz-account-tile .mz-tile-icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
#member-profile-dropdown .mz-account-tile:hover .mz-tile-icon {
    border-color: #28ded3 !important;
    box-shadow: 0 0 16px rgba(40,222,211,.18) !important;
}


/* MONZARA ACCOUNT REFERENCE FIX V23 */

/* Eski menu stillerinin cizdigi fazladan kutulari kaldir */
#member-profile-menu #member-profile-dropdown .mz-account-tiles,
#member-profile-menu #member-profile-dropdown .mz-account-tiles::before,
#member-profile-menu #member-profile-dropdown .mz-account-tiles::after {
    box-shadow: none !important;
    outline: none !important;
}

#member-profile-menu #member-profile-dropdown .mz-account-tile,
#member-profile-menu #member-profile-dropdown .mz-account-tile::before,
#member-profile-menu #member-profile-dropdown .mz-account-tile::after {
    box-shadow: none !important;
    outline: none !important;
}

/* Para Yatir ustundeki eski dekoratif cizgiyi gizle */
#member-profile-menu #member-profile-dropdown .mz-account-tile::before,
#member-profile-menu #member-profile-dropdown .mz-account-tile::after {
    content: none !important;
    display: none !important;
}

#member-profile-menu #member-profile-dropdown .mz-account-tile:first-child {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Ikon grubu referanstaki gibi daha duz olsun */
#member-profile-menu #member-profile-dropdown .mz-account-tiles {
    gap: 8px 2px !important;
    padding: 20px 0 22px !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(33,211,204,.48) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* Eski cikis ikonlarini ve dekoratif isaretleri kaldir */
#member-profile-menu #member-profile-dropdown form button[type="submit"]::before,
#member-profile-menu #member-profile-dropdown form button[type="submit"]::after {
    content: none !important;
    display: none !important;
}

/* Cikis formu kendi kutusunu olusturmasin */
#member-profile-menu #member-profile-dropdown form {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Referanstaki sade cikis butonu */
#member-profile-menu #member-profile-dropdown form button[type="submit"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 160px !important;
    max-width: 85% !important;
    min-height: 45px !important;
    height: auto !important;
    margin: 20px auto 10px !important;
    padding: 10px 12px !important;
    background: transparent !important;
    border: 2px solid #2bd8d0 !important;
    border-radius: 10px !important;
    color: #2bd8d0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: .3px !important;
    box-shadow: none !important;
    text-indent: 0 !important;
}

#member-profile-menu #member-profile-dropdown form button[type="submit"]:hover {
    background: rgba(43,216,208,.10) !important;
}

@media(max-width:767px) {
    #member-profile-menu #member-profile-dropdown .mz-account-tiles {
        padding: 14px 0 18px !important;
        row-gap: 5px !important;
    }

    #member-profile-menu #member-profile-dropdown form button[type="submit"] {
        width: 145px !important;
        min-height: 42px !important;
        margin: 17px auto 8px !important;
        font-size: 13px !important;
    }
}


/* MONZARA EXPLORER MENU V24 */
#monzara-site-shell #mobileSidebar {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  z-index: 9999 !important;
  background: #171e1d !important;
  border: 0 !important;
  box-shadow: none !important;
}
#mobileSidebar > .vms-inner,
#mobileSidebar > #vakko-new-mobile-sidebar-style {
  display: none !important;
}
#mobileSidebar .mz-explorer {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
  background: #202827 !important;
  color: #e9eeee !important;
  font-family: inherit !important;
}
#mobileSidebar .mz-explorer * {box-sizing:border-box}
#mobileSidebar .mz-explorer-head {
  flex: 0 0 70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 17px;
  border-bottom:2px solid #20d9d0;
  background:#191b1d;
}
#mobileSidebar .mz-explorer-logo {
  display:block;
  width:auto;
  max-width:165px;
  max-height:48px;
  object-fit:contain;
}
#mobileSidebar .mz-explorer-close {
  border:0;
  background:transparent;
  color:#28dcd3;
  font-size:42px;
  font-weight:300;
  line-height:1;
  cursor:pointer;
}
#mobileSidebar .mz-explorer-body {
  flex:1;
  min-height:0;
  display:grid;
  grid-template-columns:105px minmax(0,1fr);
  gap:8px;
  padding:9px 8px;
}
#mobileSidebar .mz-explorer-categories,
#mobileSidebar .mz-explorer-content,
#mobileSidebar .mz-explorer-list {
  min-height:0;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#3c6260 transparent;
}
#mobileSidebar .mz-explorer-categories {
  display:flex;
  flex-direction:column;
  gap:8px;
}
#mobileSidebar .mz-cat {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:91px;
  padding:9px 4px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:12px;
  background:#192120;
  color:#bfc9c8;
  font-size:12px;
  line-height:1.3;
  text-align:center;
  cursor:pointer;
}
#mobileSidebar .mz-cat.active {
  background:#127f7c;
  border-color:#1bbdb6;
  color:#fff;
}
#mobileSidebar .mz-cat-icon {
  display:block;
  font-size:25px;
  color:#36d7cd;
}
#mobileSidebar .mz-cat.active .mz-cat-icon {color:#fff}
#mobileSidebar .mz-explorer-content {
  display:flex;
  flex-direction:column;
  gap:8px;
}
#mobileSidebar .mz-search-box {
  flex:0 0 55px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border-radius:12px;
  background:#17201f;
  color:#8eaba8;
}
#mobileSidebar .mz-search-box > span {font-size:31px}
#mobileSidebar #mz-explorer-search {
  display:block;
  min-width:0;
  width:100%;
  height:100%;
  padding:0;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#fff !important;
  font-size:14px;
}
#mobileSidebar .mz-explorer-list {
  flex:1;
  padding:6px 5px 24px;
  border-radius:12px;
  background:#192220;
}
#mobileSidebar .mz-explorer-panel {display:none}
#mobileSidebar .mz-explorer-panel.active {display:block}
#mobileSidebar .mz-explorer-group {
  margin:4px 0 12px;
  border:0;
  background:transparent;
}
#mobileSidebar .mz-explorer-group summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:12px 10px;
  border-radius:10px;
  background:#293431;
  color:#cdd6d5;
  font-size:13px;
  line-height:1.5;
  cursor:pointer;
  list-style:none;
}
#mobileSidebar .mz-explorer-group summary::-webkit-details-marker {
  display:none;
}
#mobileSidebar .mz-explorer-group summary span {
  color:#22d8d0;
  font-size:18px;
}
#mobileSidebar .mz-explorer-group a {
  display:block;
  padding:12px 10px;
  color:#c8d3d1;
  text-decoration:none;
  font-size:13px;
  line-height:1.35;
}
#mobileSidebar .mz-explorer-group a:hover {
  color:#30e7dc;
  background:rgba(34,216,208,.08);
}
#mobileSidebar .mz-explorer-group a[hidden],
#mobileSidebar .mz-explorer-group[hidden],
#mobileSidebar .mz-explorer-panel .vk-promo-menu[hidden] {
  display:none !important;
}
#mobileSidebar .mz-explorer-panel .vk-promo-menu {
  margin:12px 0;
}
#mobileSidebar .mz-search-empty {
  padding:16px 10px;
  color:#a9c1be;
  font-size:13px;
}
#mobileSidebar .mz-search-empty[hidden]{display:none !important}
@media(min-width:768px){
  #monzara-site-shell #mobileSidebar {
    width:min(900px,100vw) !important;
    max-width:min(900px,100vw) !important;
  }
  #mobileSidebar .mz-explorer-body {
    grid-template-columns:190px minmax(0,1fr);
    gap:15px;
    padding:15px;
  }
  #mobileSidebar .mz-cat {min-height:95px}
  #mobileSidebar .mz-explorer-head {padding:10px 25px}
}

/* MONZARA POPULAR PRAGMATIC STRIP V25 */
.mz-popular-strip {
    display: flex !important;
    align-items: flex-start !important;
    gap: 13px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 11px 12px 14px !important;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.mz-popular-strip::-webkit-scrollbar {
    display: none;
}
.mz-popular-strip .mb-game-item {
    flex: 0 0 83px !important;
    width: 83px !important;
    min-width: 83px !important;
    max-width: 83px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 7px !important;
    text-align: center !important;
    text-decoration: none !important;
    scroll-snap-align: start;
}
.mz-popular-strip .mz-pragmatic-game img,
.mz-popular-strip .mb-game-item > img {
    display: block !important;
    width: 67px !important;
    height: 67px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    border: 1px solid rgba(45,218,209,.25) !important;
}
.mz-popular-strip .mb-game-item > span:last-child {
    display: block !important;
    width: 100% !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    color: #e3e6e9 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
.mz-popular-strip .mb-sport-emoji {
    display: grid !important;
    place-items: center !important;
    width: 67px !important;
    height: 67px !important;
    font-size: 34px !important;
    line-height: 1 !important;
}

/* MONZARA GAME STRIP CLEAN V26 */

/* Sadece Pragmatic oyun isimlerini gizle */
.mz-popular-strip .mz-pragmatic-game > span:last-child {
    display: none !important;
}

/* Oyun gorsellerini esit boyutla */
.mz-popular-strip .mz-pragmatic-game {
    flex: 0 0 76px !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    gap: 0 !important;
    padding: 0 !important;
}

/* Gorseller */
.mz-popular-strip .mz-pragmatic-game img {
    width: 72px !important;
    height: 72px !important;
    object-fit: cover !important;
    border-radius: 13px !important;
    border: 1px solid rgba(43,216,208,.28) !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.22) !important;
}

/* Seridin yuksekligini kucult */
.mz-popular-strip {
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 10px !important;
}

/* Dokunma efekti */
.mz-popular-strip .mz-pragmatic-game:active {
    transform: scale(.96);
}



/* MONZARA COUNTRY LEAGUE PANEL */
#mz-country-strip {display:flex;gap:7px;overflow-x:auto;white-space:nowrap}
#mz-country-strip .mb-filter-chip {flex:0 0 auto}
#mz-country-leagues button:hover {border-color:#e8c681!important;color:#e8c681!important}


/* MONZARA PC GAME GRID + SPORTS WIDTH FIX */
@media (min-width: 1024px) {

    /* TOP 20 bölümleri: kullanılabilir masaüstü genişliğini kullan */
    #monzara-site-shell .monzara-top20-casino,
    #monzara-site-shell .monzara-top20-live {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
        padding: 12px 20px !important;
    }

    #monzara-site-shell .monzara-top20-casino > div,
    #monzara-site-shell .monzara-top20-live > div {
        width: 100% !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Kartları eşit aralıklı, sıkı bir ızgaraya al */
    #monzara-site-shell .monzara-top20-grid {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        grid-auto-rows: max-content !important;
        align-items: start !important;
        align-content: start !important;
        justify-content: stretch !important;
        gap: 14px !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 0 0 12px !important;
    }

    #monzara-site-shell .monzara-top20-card {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        height: auto !important;
        flex: initial !important;
        align-self: start !important;
        overflow: hidden !important;
    }

    #monzara-site-shell .monzara-top20-cover {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1.15 / 1 !important;
        overflow: hidden !important;
    }

    #monzara-site-shell .monzara-top20-cover img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    #monzara-site-shell .monzara-top20-name {
        min-height: 0 !important;
        height: auto !important;
        padding: 8px 5px !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        overflow-wrap: anywhere !important;
    }

    #monzara-site-shell .monzara-top20-more {
        margin: 12px auto 20px !important;
    }

    /* Geniş ekranlarda daha fazla oyun yan yana */
    #monzara-site-shell .monzara-top20-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1440px) {
    #monzara-site-shell .monzara-top20-grid {
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
}

/* Ana sayfa spor paneli */
@media (min-width: 1024px) {
    #monzara-site-shell #vk-live-matches {
        width: calc(100% - 32px) !important;
        max-width: none !important;
        margin: 16px auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-layout {
        width: 100% !important;
        grid-template-columns: 245px minmax(0, 1fr) !important;
    }

    #monzara-site-shell #vk-live-matches .vk-sp-matches {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}