/* Responsive refinements - 2026 */
@media (max-width: 991.98px) {
    body { background-attachment: scroll !important; }
    main.container { width: min(100% - 16px, 860px) !important; }
    .logo { padding-top: 10px; }
    .slot-sidebar-nav { gap: 5px; padding: 6px !important; }
    .slot-sidebar-nav > li > a { min-height: 48px; }
    .slot-sidebar-nav li a img { height: 32px !important; }
    .next-btn { flex-basis: 38px; width: 38px !important; min-width: 38px; }
    .bg-theme { padding: 9px !important; border-radius: 15px; }
    .rtp-card { min-height: 200px; padding: 7px !important; }
    .place-img-rtp, .rtp-card-img, .pola-wrapper { min-height: 172px; }
    .pola-wrapper { padding: 9px 7px 7px !important; }
    .fireworks-container { display: none !important; }
}

@media (max-width: 767.98px) {
    main.container { width: min(100% - 12px, 680px) !important; }
    .logo img { width: clamp(160px, 48vw, 235px) !important; }
    .slider-wrapper { border-radius: 13px !important; }
    .slider-img { aspect-ratio: 16 / 6.2; }
    .running-text { min-height: 32px; padding: 7px 10px !important; font-size: .73rem !important; }
    .login-button, .register-button { min-height: 44px; border-radius: 10px !important; font-size: .82rem; }
    .slot-sidebar-nav { border-radius: 12px; }
    .slot-sidebar-nav li a img { height: 29px !important; }
    .next-btn { flex-basis: 34px; width: 34px !important; min-width: 34px; font-size: 18px; }
    .title-game { font-size: 1rem !important; padding: 9px 10px 9px 13px; }
    .bg-theme > .row.justify-content-center > .col-6 { width: 50%; }
    .rtp-card > .row { grid-template-columns: 1fr; gap: 6px; }
    .place-img-rtp, .rtp-card-img { min-height: 155px; }
    .pola-wrapper { min-height: 146px; }
    .btn-play { min-height: 30px; bottom: 6px; width: calc(100% - 12px) !important; }
    .pola-wrapper h4 { font-size: .76rem !important; }
    .table-pola tr td { font-size: .62rem !important; }
    .nav-bottom { width: calc(100% - 12px) !important; bottom: max(6px, env(safe-area-inset-bottom)) !important; border-radius: 13px; }
    .item-nav-bottom { min-height: 48px; font-size: .65rem !important; }
}

@media (max-width: 575.98px) {
    main.container { width: calc(100% - 10px) !important; padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
    .logo { padding: 8px 4px; }
    .logo img { width: clamp(152px, 50vw, 215px) !important; }
    .slider-img { aspect-ratio: 16 / 6.8; }
    .mt-2 > .row.g-3 { --bs-gutter-x: .4rem; --bs-gutter-y: .4rem; }
    .login-button, .register-button { margin-bottom: 5px !important; padding: 9px 10px !important; }
    .slot { margin-top: 2px; }
    .slot-sidebar-nav { gap: 3px; padding: 4px !important; }
    .slot-sidebar-nav > li { padding: 2px !important; }
    .slot-sidebar-nav > li > a { min-height: 42px; padding: 4px !important; }
    .slot-sidebar-nav li a img { height: 24px !important; }
    .next-btn { flex-basis: 29px; width: 29px !important; min-width: 29px; border-radius: 8px; font-size: 16px; }
    .bg-theme { margin-top: 5px; padding: 7px !important; border-radius: 13px; }
    .bg-theme > .d-flex:first-child h6 { font-size: .74rem; }
    .bg-theme > .row.justify-content-center { --bs-gutter-x: .42rem; --bs-gutter-y: .42rem; }
    .bg-theme > .row.justify-content-center > .col-6 { width: 100% !important; }
    .rtp-card { min-height: 0; padding: 7px !important; border-radius: 12px !important; contain-intrinsic-size: 230px 185px; }
    .rtp-card > .row { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 7px; }
    .place-img-rtp, .rtp-card-img, .pola-wrapper { min-height: 162px; }
    .pola-wrapper { padding: 9px 7px !important; }
    .pola-wrapper h4 { font-size: .75rem !important; }
    .pola-wrapper h5 { font-size: .64rem !important; }
    .table-pola tr td { font-size: .61rem !important; }
    .btn-play { font-size: .62rem !important; }
    .title-game { margin-top: 4px; font-size: .92rem !important; }
    .item-nav-bottom { min-height: 46px; padding: 5px 3px !important; font-size: .61rem !important; }
    .item-nav-bottom i { font-size: .96rem; }
    #pop-up-container { padding: 10px; }
}

@media (max-width: 390px) {
    main.container { width: calc(100% - 8px) !important; }
    .running-text { font-size: .68rem !important; }
    .slot-sidebar-nav li a img { height: 21px !important; }
    .next-btn { flex-basis: 27px; width: 27px !important; min-width: 27px; }
    .rtp-card > .row { grid-template-columns: 1fr; }
    .place-img-rtp, .rtp-card-img { min-height: 190px; }
    .pola-wrapper { min-height: 145px; }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1180px !important; }
}