            /* Safety: avoid horizontal overflow & keep media fluid */
            body {
                overflow-x: hidden;
            }
        
            img,
            picture,
            video,
            canvas,
            svg {
                max-width: 100%;
            }
        
            /* ============ Tablet and below (<= 991px) ============ */
            @media (max-width: 991px) {
                .home-inner-container {
                    gap: 14px;
                    margin-bottom: 26px;
                }
        
                .home-progressive-jackpot .border-container {
                    gap: 24px;
                }
        
                .home-progressive-jackpot .jackpot-container {
                    font-size: 30px;
                    letter-spacing: 3px;
                }
        
                .footer-sitemap-section {
                    padding-right: 0;
                }
            }
        
            /* ============ Mobile (<= 767px) ============ */
            @media (max-width: 767px) {
        
                /* Jackpot + Lottery: stack vertically, full width */
                .home-inner-container {
                    flex-direction: column;
                    align-items: stretch;
                    gap: 14px;
                    margin: 12px 0 26px;
                }
        
                .home-inner-container [data-section="jackpot"],
                .home-inner-container [data-section="lottery"] {
                    width: 100%;
                }
        
                .home-inner-container [data-section="lottery"] .lottery-result-container {
                    max-width: 420px;
                    margin: 0 auto;
                }
        
                /* Progressive jackpot: shrink nested paddings, gaps & fonts so it fits */
                .home-progressive-jackpot {
                    padding: 6px;
                    border-radius: 18px;
                }
        
                .home-progressive-jackpot .outer-container,
                .home-progressive-jackpot .inner-container {
                    padding: 6px;
                }
        
                .home-progressive-jackpot .border-container {
                    gap: 12px;
                    padding: 6px;
                }
        
                .home-progressive-jackpot .jackpot-play-section {
                    margin-left: 8px;
                }
        
                .home-progressive-jackpot .jackpot-play-section img {
                    width: 62px;
                }
        
                .home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
                    font-size: 18px;
                }
        
                .home-progressive-jackpot .jackpot-container {
                    font-size: 22px;
                    letter-spacing: 1px;
                    padding: 6px;
                }
        
                .home-progressive-jackpot .jackpot-inner-container,
                .home-progressive-jackpot .jackpot-border-container {
                    padding: 6px;
                    line-height: 32px;
                }
        
                .home-progressive-jackpot .jackpot-currency {
                    margin-right: 5px;
                }
        
                /* Announcement bar: stack title / marquee / date */
                .announcement-container {
                    flex-direction: column;
                    align-items: stretch;
                    gap: 6px;
                    padding: 8px 12px;
                }
        
                .announcement-container>[data-section="announcements"] {
                    width: 100%;
                }
        
                .announcement-container [data-section="date"] {
                    font-size: 11px;
                    text-align: left;
                }
        
                /* Banner navigation arrows: closer to edges & smaller */
                .nav-btn {
                    width: 34px;
                    height: 34px;
                    padding: 6px;
                }
        
                .nav-btn.main-prev {
                    left: 8px;
                }
        
                .nav-btn.main-next {
                    right: 8px;
                }
        
                .nav-btn img {
                    width: 16px;
                    height: 16px;
                }
        
                /* Topbar: allow wrapping instead of squeezing into 46%/54% */
                .topbar-container .row {
                    flex-wrap: wrap;
                    row-gap: 6px;
                }
        
                .topbar-left-container,
                .topbar-right-container {
                    width: 100%;
                }
        
                /* Footer sitemap: wrap the 5 columns */
                .footer-sitemap-section {
                    flex-wrap: wrap;
                    row-gap: 14px;
                }
        
                .footer-sitemap-section>div {
                    width: 50%;
                }
        
                /* Game carousels: fewer, larger tiles (still horizontally scrollable) */
                .game-list .game-item {
                    width: calc((100% - (5px * 3.2 * 2)) / 3.2);
                }
        
                .container-content .game-list .game-item {
                    width: calc((100% - (5px * 3.2 * 2)) / 3.2);
                }
        
                .popular-game-title-container .container-content .game-list .game-item {
                    width: calc((100% - (5px * 3.2 * 2)) / 3.2);
                }
        
                /* Section title chevrons: less side padding */
                .container-title span,
                .popular-game-title-container .container-title span {
                    padding: 5px 26px;
                }
        
                /* Footer sub-sections: stack & prevent right-edge overflow */
                .site-footer .row {
                    margin-left: 0;
                    margin-right: 0;
                }
        
                .footer-featured-product-section>div {
                    width: 100%;
                    min-width: 0;
                }
        
                .footer-featured-product-section .site-info-description {
                    min-width: 0;
                }
        
                .footer-banking-section .banking-footer-section .bank-service-container {
                    grid-template-columns: 1fr;
                    margin: 14px;
                    gap: 12px;
                }
        
                .footer-banking-section .bank-list-container {
                    margin: 14px;
                    padding: 16px;
                }
        
                .footer-copyright-section .col-md-12 {
                    flex-wrap: wrap;
                    gap: 14px;
                }
        
                .footer-copyright-section .col-md-12 .copyright {
                    margin-left: 0;
                }
        
                .footer-description-section .site-description h1 {
                    font-size: 20px;
                    line-height: 1.3;
                }
        
                .footer-description-section .site-description p {
                    text-align: left !important;
                }
        
                .footer-description-section h4,
                .footer-description-section .site-description {
                    overflow-wrap: break-word;
                    word-break: break-word;
                }
            }
        
            /* ============ Small phones (<= 480px) ============ */
            @media (max-width: 480px) {
                .footer-sitemap-section>div {
                    width: 100%;
                }
        
                .home-progressive-jackpot .jackpot-container {
                    font-size: 18px;
                }
        
                .home-progressive-jackpot .jackpot-play-section .jackpot-play-text {
                    font-size: 15px;
                }
        
                .home-progressive-jackpot .jackpot-play-section img {
                    width: 52px;
                }
        
                /* Game carousels: ~2.4 tiles per row on very small screens */
                .game-list .game-item {
                    width: calc((100% - (5px * 2.4 * 2)) / 2.4);
                }
        
                .container-content .game-list .game-item {
                    width: calc((100% - (5px * 2.4 * 2)) / 2.4);
                }
        
                .popular-game-title-container .container-content .game-list .game-item {
                    width: calc((100% - (5px * 2.4 * 2)) / 2.4);
                }
            }
        