/* Requested assets fit the reference's existing display areas. */
.site-header .logo {
    background-image: radial-gradient(ellipse at center top, rgba(212, 175, 55, .42), transparent 70%) !important;
}
.site-header .logo img {
    object-fit: contain;
}
.banner .slick-slide img.banner-img {
    object-fit: contain;
    background: #060606;
}
.qqkuda-slide-arrow {
    position: absolute;
    z-index: 3;
    transform: translateY(-50%);
    width: 36px;
    height: 44px;
    padding: 0;
    border: 1px solid #c9a349;
    border-radius: 6px;
    color: #f4d987;
    background: rgba(8, 8, 7, .78);
    font: 32px/1 Arial, sans-serif;
    cursor: pointer;
}
.qqkuda-slide-arrow.main-prev { left: 12px; }
.qqkuda-slide-arrow.main-next { right: 12px; }
.qqkuda-slide-pause {
    position: absolute;
    right: 12px;
    z-index: 4;
    width: 30px;
    height: 25px;
    border: 1px solid #c9a349;
    border-radius: 4px;
    color: #f4d987;
    background: rgba(8, 8, 7, .85);
    cursor: pointer;
}
.qqkuda-slide-arrow:focus-visible,
.qqkuda-slide-pause:focus-visible { outline: 2px solid #fff2cd; outline-offset: 3px; }
.download-apk [data-section="image"] img,
.lottery-numbers [data-lottery-number] { filter: sepia(1) saturate(1.1); }
.login-button, .register-button,
.standard-primary-button, .standard-secondary-button,
.btn-primary, .play-now { color: #fff0bf; }

/* Bright yellow-gold assets and larger original favicon, requested revision. */
.site-header { isolation: isolate; border-bottom: 3px solid #ffd700; }
.site-header::before, .site-header::after { content: ""; position: absolute; top: 0; bottom: 0; width: min(30%, 270px); z-index: -1; pointer-events: none; background-image: url(../assets/brand/horse-header.webp); background-repeat: no-repeat; background-size: auto 100%; }
.site-header::before { left: 0; background-position: left center; }
.site-header::after { right: 0; background-position: right center; }
.site-header .row { align-items: center; }
.site-header .logo { width: 184px; height: 172px; padding: 0; margin: 0 auto; background-image: none !important; display: flex; align-items: center; justify-content: center; }
.site-header .logo > img { position: static; width: 172px; height: 172px; max-width: none; max-height: none; margin: 0; transform: none; object-fit: contain; }
.top-menu > li > a > img { filter: sepia(1) saturate(4) brightness(1.15); }
.download-apk-container { border-top: 2px solid #ffd700; border-bottom: 2px solid #ffd700; }
.download-apk > div:first-child picture { filter: sepia(1) saturate(2.2); display: block; }
.download-apk .h2, .download-apk .h3, .download-apk-info { color: #fff5cc; text-shadow: 0 1px 3px #000; }
.login-panel .register-button, .standard-primary-button, .btn-primary, .play-now, .download-apk .btn { color: #080808; background: linear-gradient(180deg, #fff08a 0%, #ffd700 48%, #c6a000 100%); text-shadow: none; }
.login-panel .login-button { color: #ffe445; border: 1px solid #ffd700; background: #101010; }
.qqkuda-slide-arrow, .qqkuda-slide-pause { color: #ffdf32; border-color: #ffd700; }
@media (max-width: 767px) { .site-header .logo { height: 156px; } .site-header .logo > img { width: 156px; height: 156px; } .site-header::before, .site-header::after { width: 28%; max-height: 156px; } }

/* Responsive layout; desktop rules remain in the reference stylesheets. */
@media (max-width: 991px) {
    .topbar-container .row { flex-wrap: wrap; row-gap: 8px; }
    .topbar-left-container { flex: 1 1 220px; width: auto; min-width: 0; }
    .topbar-right-container { flex: 1 1 180px; width: auto; min-width: 0; }
    .topbar-left-section { justify-content: center; }
    .login-panel { justify-content: center; gap: 8px; }
    .login-panel .login-button, .login-panel .register-button { min-height: 36px; }
    .site-header .row > div { width: 100%; min-width: 0; }
    .site-header .logo { width: min(240px, 64vw); height: 116px; }
    .site-header .logo > img { width: min(240px, 64vw) !important; height: auto !important; max-width: 100% !important; max-height: 110px !important; }
    .site-header::before, .site-header::after { width: 32%; height: 116px; max-height: 116px; }
    .menu-slide { min-width: 0; padding-bottom: 4px; }
    .menu-slide > i { flex: 0 0 24px; min-height: 44px; display: flex; align-items: center; justify-content: center; }
    .menu-slide > i.bi-chevron-left { margin-right: 0; }
    .menu-slide > i.bi-chevron-right { margin-left: 0; }
    .top-menu { min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .top-menu::-webkit-scrollbar { display: none; }
    .top-menu > li { flex: 0 0 76px; width: 76px; }
    .top-menu > li > a { padding: 10px 4px; font-size: 11px; line-height: 1.35; min-height: 74px; }
    .top-menu .game-list > li { flex-basis: 50%; }
    .banner .slick-slide img.banner-img { width: 100%; height: auto; }
    .qqkuda-slide-arrow { width: 30px; height: 38px; font-size: 28px; }
    .qqkuda-slide-arrow.main-prev { left: 6px; }
    .qqkuda-slide-arrow.main-next { right: 6px; }
    .qqkuda-slide-pause { right: 6px; }
    .announcement-container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 10px 12px; margin: 12px 0; }
    .announcement-container > [data-section="title"] { font-size: 14px; }
    .announcement-container > [data-section="announcements"] { width: 100%; min-width: 0; min-height: 30px; }
    .announcement-container > [data-section="date"] { justify-content: flex-end; font-size: 12px; white-space: nowrap; }
    .home-inner-container { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin: 12px 0 24px; }
    .home-inner-container > [data-section] { width: 100%; min-width: 0; }
    .home-inner-container > [data-section="jackpot"] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding-bottom: 0; }
    .home-inner-container > [data-section="jackpot"] > a { display: block; grid-column: 1 / -1; min-width: 0; }
    div[data-section="jackpot"] .jackpot-btn { position: static; width: auto; padding: 11px 6px; min-height: 42px; font-size: 13px; display: flex; align-items: center; justify-content: center; color: #080808; text-shadow: none; }
    .home-progressive-jackpot { width: 100%; min-width: 0; padding: 6px; border-radius: 24px; }
    .home-progressive-jackpot .outer-container,
    .home-progressive-jackpot .inner-container,
    .home-progressive-jackpot .border-container { min-width: 0; width: 100%; padding: 5px; border-radius: 22px; }
    .home-progressive-jackpot .border-container { flex-direction: column; gap: 8px; }
    .home-progressive-jackpot .jackpot-play-section { flex-direction: row; justify-content: center; align-items: center; gap: 8px; margin-left: 0; }
    .home-progressive-jackpot .jackpot-play-section img { width: 55px; height: auto; }
    .home-progressive-jackpot .jackpot-play-section .jackpot-play-text { font-size: 20px; }
    .home-progressive-jackpot .jackpot-container { width: 100%; min-width: 0; font-size: clamp(18px, 5.6vw, 36px); letter-spacing: 1px; padding: 5px; }
    .home-progressive-jackpot .jackpot-inner-container { min-width: 0; padding: 5px; }
    .home-progressive-jackpot .jackpot-border-container { min-width: 0; padding: 3px 2px 6px; line-height: 1.3; align-items: center; white-space: nowrap; }
    .home-progressive-jackpot .jackpot-currency { margin-right: 5px; }
    .lottery-result-container { width: 100%; max-width: 390px; margin: 0 auto; }
    .popular-game-title-container .container-content .game-list .games-group { width: calc((100% - 18px) / 3); }
    .popular-games { flex-direction: column; gap: 16px; }
    .popular-games > [data-section] { width: 100%; min-width: 0; }
    .popular-games [data-section="left"] { margin-right: 0; }
    .popular-games [data-section="left"] > a { text-align: center; padding: 8px; }
    .popular-games .scrtabs-tab-container { max-width: 100%; min-width: 0; }
    .popular-games .tab-pane { position: relative; overflow: hidden; }
    .popular-games .animated-image { position: static; display: block; width: auto; max-width: 100%; height: 170px; object-fit: contain; margin: 0 auto; }
    .popular-games .popular-game-list { padding: 6px; }
    .popular-games .popular-game-list .game-item { min-width: 0; padding: 4px; }
    .popular-games .popular-game-list .link-container a { font-size: 12px; }
    .footer-sitemap-section { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding-right: 0; }
    .footer-sitemap-section > div { min-width: 0; }
    .footer-sitemap-section div + div { margin-left: 0; }
    .footer-sitemap-section .contact-list > li a { word-break: normal; overflow-wrap: anywhere; }
    .footer-banking-section .banking-footer-section .bank-service-container { grid-template-columns: minmax(0, 1fr); margin: 12px; }
    .footer-banking-section .bank-list-container { margin: 12px; padding: 12px; }
    .footer-copyright-section .col-md-12 { flex-wrap: wrap; gap: 16px; }
    .footer-copyright-section .col-md-12 .copyright { flex-basis: 100%; margin-left: 0; }
    .provider-container { max-width: 100%; margin-right: 0; }
    .provider-container .hover-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
    .provider-container .hover-list > li { min-width: 0; margin-left: 0; }
    .provider-container .hover-list > li img { max-width: 100%; height: auto; }
    .download-apk { flex-direction: column; padding: 20px 0; gap: 16px; }
    .download-apk > div { flex-basis: auto; width: 100%; min-width: 0; }
    .download-apk > div:first-child { max-width: 460px; margin: 0 auto; }
    .download-apk .h2 { font-size: 25px; text-align: center; }
    .download-apk .h2 > strong { text-align: center; }
    .download-apk .h3 { font-size: 18px; text-align: center; }
    .download-apk-info { flex-wrap: wrap; justify-content: center; gap: 12px; }
    .download-apk-info .download-apk-section { flex-basis: min(100%, 330px); }
    .popup-modal .modal-dialog { width: calc(100% - 24px); max-width: 500px; margin: 12px auto; }
    .popup-modal .modal-content { max-height: calc(100dvh - 24px); }
    .popup-modal .modal-body { overflow-y: auto; min-height: 0; }
    .popup-modal .modal-header, .popup-modal .modal-footer { flex-shrink: 0; }
    .popup-modal .modal-body img { max-width: 100%; height: auto; }
}