/* 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);
           }
       }

       /* ---------- Footer grid ---------- */
.footer-grid {
    display: grid;
    gap: 26px;
    max-width: 1200px;
    margin: 30px auto;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.footer-col h4 {
    color: var(--lp-col-1);
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 14px;
    letter-spacing: .3px;
}

.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.footer-col a {
    color: var(--lp-text-muted);
    text-decoration: none;
    font-size: 13.5px;
    transition: color .25s var(--lp-ease);
}

.footer-col a:hover {
    color: var(--lp-gold);
}