/* Compatibility fixes for the offline copy. */
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body > .row {
    width: 1170px;
    max-width: calc(100% - 30px);
    margin-right: auto;
    margin-left: auto;
}

.banner,
.banner-carousel,
.banner-carousel > div,
.banner-carousel a {
    width: 100%;
}

.banner-carousel img {
    display: block;
    width: 100%;
    height: auto;
}

.home-progressive-jackpot,
.popular-games,
.games-group,
.site-info,
.provider-section,
.download-apk-container {
    min-width: 0;
}

.game-list,
.popular-game-list,
.hover-list {
    padding-left: 0;
}

.game-item,
.game-wrapper,
.provider-container,
.site-info-container {
    min-width: 0;
}

/* Keep the popular-slots area aligned like the desktop reference. */
.popular-games {
    display: grid !important;
    grid-template-columns: 232px 455px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    min-height: 470px;
    background-image: url("https://d2rzzcn1jnr24x.cloudfront.net/Images/v-normad-alpha/red-white/desktop/home/popular-games-background.webp?v=20250529") !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
    background-size: 430px auto !important;
}

.popular-games > [data-section="left"] {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start !important;
    gap: 10px;
    width: 232px !important;
}

.popular-games > [data-section="left"] .section-title,
.popular-games > [data-section="left"] .jackpot-winners,
.popular-games > [data-section="left"] > a {
    width: 232px !important;
    margin: 0 !important;
}

.popular-games > [data-section="left"] .jackpot-winners {
    position: static !important;
}

.popular-games > [data-section="right"] {
    width: 455px !important;
    min-width: 0;
}

.popular-games .target-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    width: 455px !important;
    height: 55px !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.popular-games .target-tabs > li {
    display: none !important;
    width: auto !important;
    margin: 0 !important;
}

.popular-games .target-tabs > li:nth-child(-n+3) {
    display: block !important;
}

.popular-games .target-tabs > li > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 55px !important;
    padding: 4px !important;
}

.popular-games .target-tabs img {
    display: block;
    max-width: 120px;
    max-height: 45px;
}

.popular-games .tab-content {
    width: 455px !important;
    overflow: hidden;
}

.popular-games .tab-content > .tab-pane {
    display: none !important;
}

.popular-games .tab-content > .tab-pane.active,
.popular-games .tab-content > .tab-pane:first-child {
    display: block !important;
}

.popular-games .tab-pane .game-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    width: 455px !important;
}

.popular-games .tab-pane .game-item,
.popular-games .tab-pane .game-wrapper {
    width: 100% !important;
    margin: 0 !important;
}

.site-footer > .container > .row:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.site-footer .footer-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 0;
    margin: 0;
}

.site-footer .copyright {
    white-space: normal;
    text-align: right;
}

.site-footer .provider-section,
.site-footer .provider-section .container,
.site-footer .provider-section .row,
.site-footer .provider-section .col-md-12 {
    max-width: 100%;
}

.site-footer .provider-container {
    vertical-align: top;
}

.site-footer .hover-list {
    align-content: flex-start;
    max-width: 100%;
}

.site-footer .hover-list img {
    max-width: 100%;
    height: auto;
}

.download-apk-container .download-apk > div {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

.download-apk-container .download-apk {
    overflow: hidden;
}

.download-apk-container .download-apk > div:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

.download-apk-container .download-apk > div:first-child picture {
    display: none;
}

.download-apk-container .download-apk > div:first-child::before {
    content: "";
    display: block;
    width: 245px;
    height: 340px;
    border: 6px solid #350505;
    border-radius: 28px;
    background: #160303 url("https://res.cloudinary.com/dr9tteswc/image/upload/v1784711740/ampblog_tyddaj.png") center/cover no-repeat;
    box-shadow: 0 18px 36px rgba(45, 0, 0, .38), inset 0 0 0 2px rgba(255, 201, 86, .55);
}

@media (max-width: 767px) {
    body > .row {
        max-width: calc(100% - 20px);
    }

    .site-footer > .container > .row:first-child {
        display: block;
    }

    .site-footer .footer-links {
        justify-content: center;
        margin-bottom: 12px;
    }

    .site-footer .copyright {
        text-align: center;
    }

    .popular-games {
        display: block !important;
        min-height: 0;
        background-image: none !important;
    }

    .popular-games > [data-section="left"],
    .popular-games > [data-section="right"],
    .popular-games > [data-section="left"] .section-title,
    .popular-games > [data-section="left"] .jackpot-winners,
    .popular-games > [data-section="left"] > a,
    .popular-games .target-tabs,
    .popular-games .tab-content,
    .popular-games .tab-pane .game-list {
        width: 100% !important;
    }

    .popular-games > [data-section="right"] {
        margin-top: 12px;
    }

    .download-apk-container .download-apk > div:first-child {
        display: none;
    }

    .download-apk-container .download-apk > div:last-child {
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .container {
        width: calc(100% - 30px);
    }

    .top-menu {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .popular-games {
        grid-template-columns: 232px minmax(0, 1fr);
        background-image: none !important;
    }

    .popular-games > [data-section="right"],
    .popular-games .target-tabs,
    .popular-games .tab-content,
    .popular-games .tab-pane .game-list {
        width: 100% !important;
    }
}
