/* reserve.css — rebuilt fallback for sections the saved bundle did not include.
   Loaded last so these rules win over incomplete theme leftovers. */

.home-progressive-jackpot,
.home-progressive-jackpot .outer-container {
  background: linear-gradient(180deg, #08112e 0%, #03091c 50%, #010511 100%) !important;
}

.home-progressive-jackpot .inner-container {
  background: linear-gradient(180deg, #00008b 0%, #1537d1 45%, #00005f 100%) !important;
  border-color: #1537d1 !important;
}

.home-progressive-jackpot .jackpot-play-section .jackpot-play-text,
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text label {
  color: #fbeb8f;
}

.progressive-jackpot {
  background: center / contain no-repeat;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  min-height: 120px;
  padding-bottom: 16px;
}

.progressive-jackpot .jackpot-container,
.progressive-jackpot .jackpot-currency {
  color: #fbeb8f;
  text-align: center;
}

.popular-games .popular-game-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 12px;
}

.popular-games .popular-game-list .game-item {
  position: relative;
  background: #121212;
  border-radius: 10px;
  overflow: hidden;
}

.popular-games .popular-game-list .link-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  opacity: 0;
  transition: 0.35s ease;
}

.popular-games .popular-game-list .link-container a {
  padding: 5px;
  width: 80%;
  border-radius: 30px;
  text-align: center;
  background: #e2c360;
  color: #1a1203;
}

.popular-games .popular-game-list .game-item:hover .link-container {
  opacity: 1;
}

.download-apk-container {
  background-color: #0b0b0b;
  background-image: var(--image-src);
  background-size: cover;
  background-position: center;
}

.download-apk-detail h3,
.download-apk-detail h4,
.download-apk-info h3,
.download-apk-info h4 {
  color: #fff;
  margin: 0 0 8px;
}

.download-apk-detail p,
.download-apk-info p {
  color: #cfcfcf;
}

.banner-carousel .slick-dots {
  bottom: 10px;
}

.banner-carousel .slick-dots li button:before {
  color: #fbeb8f;
  opacity: 0.6;
}

.banner-carousel .slick-dots li.slick-active button:before {
  color: #fff;
  opacity: 1;
}

.site-header .top-menu > li[data-active="true"] > a {
  box-shadow: inset 0 -3px 0 #e2c360;
}

.site-footer .site-description p,
.site-footer .site-description li {
  color: #bdbdbd;
}

.modal.login-modal .modal-header,
.modal.forgot-password-modal .modal-header {
  background: #b18f35;
  color: #111;
}

.modal.login-modal .modal-title,
.modal.forgot-password-modal .modal-title {
  color: #111;
}

/* ===== reference lock ===== */
.banner { background:#000 !important; overflow:hidden !important; padding:0 !important; position:relative; }
.banner .slick-dots,
.banner ul[role="tablist"],
.banner .slick-slide-control,
.banner button[aria-label*="of"] { display:none !important; }
.win-banner-row { display:flex; align-items:center; justify-content:center; gap:8px; background:#000; overflow:hidden; min-height:240px; }
.win-banner-slide { flex:0 0 17%; display:block; }
.win-banner-slide.is-center { flex:0 0 64%; }
.win-banner-slide img { width:100%; height:300px; object-fit:cover; object-position:center; display:block; }
.win-banner-dots { position:absolute; left:50%; bottom:14px; transform:translateX(-50%); display:flex; gap:8px; z-index:4; }
.win-banner-dots i { width:8px; height:8px; border-radius:50%; background:#fff; display:block; }
.win-banner-dots i.on { background:#e23b3b; }

.home-info-container { background:#000 !important; padding:16px 0 6px !important; }
.home-info-container .announcement-container {
  display:grid !important; grid-template-columns:150px minmax(0,1fr) auto !important;
  align-items:center; gap:12px; min-height:42px; padding:0 14px;
  background:#2b2b2b !important; border:1px solid #3a3a3a !important; border-radius:8px !important;
}
.home-info-container .announcement-container [data-section="title"] { color:#e2c360 !important; background:transparent !important; padding:0 !important; height:auto !important; border:0 !important; }
.home-info-container .announcement-container [data-section="date"] { color:#e2c360; white-space:nowrap; font-size:13px; }
.home-info-container .announcement-list { color:#fff !important; line-height:28px !important; }

.home-progressive-jackpot { max-width:920px; margin:10px auto 20px !important; background:transparent !important; }
.home-progressive-jackpot .outer-container { border-radius:48px !important; background:#071433 !important; border:2px solid #1d4ed8 !important; box-shadow:0 0 18px rgba(37,99,235,.45) !important; padding:8px !important; }
.home-progressive-jackpot .inner-container, .home-progressive-jackpot .border-container { display:flex !important; align-items:center; gap:16px; background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:40px !important; padding:8px 14px !important; }
.home-progressive-jackpot .jackpot-play-section { flex:0 0 240px; display:flex; align-items:center; gap:10px; }
.home-progressive-jackpot .jackpot-play { width:52px; height:52px; object-fit:contain; }
.home-progressive-jackpot .jackpot-play-text, .home-progressive-jackpot .jackpot-play-text label { color:#3b82f6 !important; font-size:22px; font-weight:800; text-transform:uppercase; line-height:1.05; display:block; margin:0; }
.home-progressive-jackpot .jackpot-container { flex:1; display:flex; justify-content:center; border:2px dotted #3b82f6; border-radius:40px; background:#050b1c; padding:8px 16px; }
.jackpot-currency, #progressive_jackpot { color:#3b82f6 !important; font-family:"Courier New",monospace; font-size:28px; letter-spacing:1px; }

.popular-game-title-container { position:relative; margin:22px 0 26px; padding:26px 12px 12px; background:#0a0a0a; border:1px solid #c9a227; border-radius:2px; }
.popular-game-title-container .container-title { position:absolute; top:-14px; left:0; margin:0; }
.popular-game-title-container .container-title span { display:inline-block; padding:5px 22px 5px 12px; background:linear-gradient(180deg,#f0d56a,#c9962e); color:#1a1203; font-size:12px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 100%, 0 100%); }
.popular-game-title-container .game-list { display:grid !important; grid-template-columns:repeat(7,minmax(0,1fr)) !important; gap:10px 8px !important; background:transparent !important; border:0 !important; min-width:0 !important; }
.popular-game-title-container .games-group { display:contents !important; }
.popular-game-title-container .game-item { width:auto !important; min-width:0 !important; background:transparent !important; border:0 !important; display:block !important; }
.popular-game-title-container .wrapper-container { position:relative; aspect-ratio:1; background:#161616; border-radius:4px; overflow:hidden; }
.popular-game-title-container .wrapper-container img { width:100% !important; height:100% !important; object-fit:cover; display:block; }
.popular-game-title-container .game-name { background:transparent !important; color:#d7d7d7 !important; font-size:11px !important; text-align:center; padding:6px 2px 0 !important; min-height:30px; }
.popular-game-title-container .link-container { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.45); opacity:0; }
.popular-game-title-container .game-item:hover .link-container { opacity:1; }
.popular-game-title-container .play-now { background:#e2c360; color:#1a1203; border-radius:4px; padding:6px 12px; font-weight:800; }

.popular-games { display:grid !important; grid-template-columns:250px minmax(0,1fr) !important; gap:12px; background:#000 !important; border:0 !important; padding:0 !important; margin:8px 0 28px; }
.popular-games [data-section="left"] { background:#141414; border:1px solid #2a2a2a; border-radius:6px; padding:8px; }
.popular-games .section-title { justify-content:center; background:#1b1b1b; color:#e7cb69 !important; border-radius:4px; padding:8px; margin:0 0 8px; }
.popular-games .winners-ticker, .popular-games .winners-ticker-container { height:240px !important; overflow:hidden !important; }
.popular-games .winner-info { color:#ddd; font-size:12px; }
.popular-games [data-section="right"] { min-width:0; background:#1a1a1a; border-radius:6px; padding:8px; }
.popular-games .tab-pane { display:none !important; background:#1a1a1a !important; }
.popular-games .tab-pane.active { display:grid !important; grid-template-columns:minmax(0,1fr) 280px; gap:10px; align-items:start; }
.popular-games .animated-image { grid-column:2; grid-row:1; width:100% !important; height:auto !important; max-height:320px; object-fit:contain; }
.popular-games .popular-game-list { grid-column:1; grid-row:1; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; }
.popular-games .popular-game-list .game-item img, .popular-games .game-wrapper img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:4px; display:block; }
.popular-games .nav-tabs { display:flex; gap:8px; border:0; margin:0 0 10px; overflow:auto; }
.popular-games .nav-tabs > li > a { background:#111; border:1px solid #333; border-radius:6px; padding:6px 10px; }
.popular-games .nav-tabs > li.active > a { border-color:#e2c360; }

@media (max-width: 900px) {
  .win-banner-slide img { height:160px; }
  .popular-game-title-container .game-list { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .popular-games, .popular-games .tab-pane.active { grid-template-columns:1fr !important; }
  .popular-games .animated-image { grid-column:1; max-height:220px; }
}

/* header / game list / popular games — match original reference */
.site-header { background:#0b0b0b !important; border-bottom:1px solid #1c1c1c !important; padding:0 !important; }
.site-header > .container > .row { display:flex !important; align-items:center !important; min-height:84px; margin:0 !important; flex-wrap:nowrap !important; }
.site-header .col-sm-3, .site-header .col-md-3 { width:210px !important; flex:0 0 210px !important; max-width:210px !important; padding:0 8px !important; }
.site-header .col-sm-9, .site-header .col-md-9 { width:auto !important; flex:1 1 auto !important; max-width:none !important; padding:0 !important; }
.site-header .logo { display:flex !important; align-items:center; justify-content:flex-start; min-height:72px; background:none !important; }
.site-header .logo img { max-height:58px; width:auto; }
.menu-slide { position:relative; padding:0 22px !important; overflow:hidden; }
.top-menu { display:flex !important; align-items:stretch; justify-content:space-between; gap:0; width:100%; margin:0; padding:0; list-style:none; overflow:hidden; }
.top-menu > li { flex:1 1 0; min-width:0; }
.top-menu > li > a { display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:78px; padding:8px 2px !important; color:#fff !important; font-size:11px !important; line-height:1.15; text-align:center; text-transform:uppercase; letter-spacing:.2px; background:transparent !important; border:0 !important; border-radius:0 !important; white-space:nowrap; }
.top-menu > li > a img { width:30px !important; height:30px !important; object-fit:contain; }
.top-menu > li[data-active="true"] > a, .top-menu > li > a:hover { color:#fbeb8f !important; background:transparent !important; }
.left_trigger, .right_trigger { top:50%; transform:translateY(-50%); color:#bbb; background:transparent; }

.popular-game-title-container { position:relative; margin:28px 0 22px !important; padding:18px 12px 10px !important; background:#070707 !important; border:1px solid #d4af37 !important; border-radius:2px !important; }
.popular-game-title-container .container-title { position:absolute; top:-13px; left:0; margin:0; z-index:2; }
.popular-game-title-container .container-title span { display:inline-block; padding:4px 26px 4px 12px; background:linear-gradient(180deg,#f3dc78,#c9962e) !important; color:#1a1203 !important; font-size:12px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 100%, 0 100%); }
.popular-game-title-container .container-content { border:0 !important; background:transparent !important; padding:0 !important; overflow-x:auto; }
.popular-game-title-container .game-list { display:grid !important; grid-template-columns:repeat(7,minmax(120px,1fr)) !important; gap:12px 10px !important; background:transparent !important; border:0 !important; padding:0 !important; margin:0 !important; min-width:980px; }
.popular-game-title-container .games-group { display:contents !important; }
.popular-game-title-container .game-item { width:auto !important; max-width:none !important; background:transparent !important; border:0 !important; padding:0 !important; display:block !important; }
.popular-game-title-container .wrapper-container { position:relative; aspect-ratio:1/1; background:#111; border-radius:2px; overflow:hidden; }
.popular-game-title-container .wrapper-container img { width:100% !important; height:100% !important; object-fit:cover; display:block; }
.popular-game-title-container .game-name, .popular-game-title-container .game-list .game-name { background:transparent !important; color:#ececec !important; font-size:12px !important; font-weight:400 !important; line-height:1.25; text-align:center; padding:6px 2px 0 !important; margin:0 !important; min-height:32px; }
.popular-game-title-container .link-container { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.5); opacity:0; }
.popular-game-title-container .game-item:hover .link-container { opacity:1; }

.popular-games { display:grid !important; grid-template-columns:270px minmax(0,1fr) !important; gap:14px; align-items:start; background:transparent !important; border:0 !important; padding:0 !important; margin:6px 0 30px !important; }
.popular-games [data-section="left"] { background:#121212; border:1px solid #2a2a2a; border-radius:4px; padding:8px; }
.popular-games .section-title { display:flex; justify-content:center; background:#1a1a1a; color:#f0d56a !important; border-radius:3px; padding:8px 10px; margin:0 0 8px; font-size:15px; }
.popular-games .jackpot-winner-title { color:#fff; font-size:13px; margin:4px 0 8px; }
.popular-games .winners-ticker, .popular-games .winners-ticker-container { height:250px !important; overflow:hidden !important; position:relative !important; }
.popular-games .winners-ticker ul { position:relative !important; top:auto !important; margin:0; padding:0; list-style:none; }
.popular-games .winners-ticker li { display:flex !important; align-items:center; gap:8px; margin:0 0 8px !important; }
.popular-games .winners-ticker picture, .popular-games .winners-ticker img { width:64px !important; height:64px !important; flex:0 0 64px; object-fit:cover; display:block; }
.popular-games .winner-info { color:#ddd; font-size:12px; line-height:1.35; min-width:0; }
.popular-games .winner-amount { color:#f0d56a; }
.popular-games [data-section="right"] { min-width:0; background:#171717; border-radius:4px; padding:8px 10px 12px; overflow:hidden; }
.popular-games .nav-tabs { display:flex !important; gap:8px; border:0 !important; margin:0 0 10px; overflow:auto; }
.popular-games .nav-tabs > li > a { background:#111 !important; border:1px solid #3a3a3a !important; border-radius:4px; padding:4px 8px !important; }
.popular-games .nav-tabs > li.active > a, .popular-games .nav-tabs > li > a:hover { border-color:#e2c360 !important; background:#111 !important; }
.popular-games .nav-tabs img { height:36px; width:auto; display:block; }
.popular-games .tab-content { background:transparent !important; border:0 !important; }
.popular-games .tab-pane { display:none !important; }
.popular-games .tab-pane.active { display:grid !important; grid-template-columns:minmax(0,1fr) 300px; gap:12px; align-items:start; background:transparent !important; }
.popular-games .animated-image { grid-column:2; grid-row:1; width:100% !important; height:auto !important; max-height:340px; object-fit:contain; justify-self:end; }
.popular-games .popular-game-list { grid-column:1; grid-row:1; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; width:100% !important; }
.popular-games .popular-game-list .game-item, .popular-games .game-wrapper { width:auto !important; }
.popular-games .popular-game-list img { width:100% !important; aspect-ratio:1; height:auto !important; object-fit:cover; border-radius:4px; display:block; }
@media (max-width: 991px) {
  .site-header > .container > .row { flex-wrap:wrap !important; }
  .popular-game-title-container .game-list { grid-template-columns:repeat(4,minmax(100px,1fr)) !important; }
  .popular-games, .popular-games .tab-pane.active { grid-template-columns:1fr !important; }
  .popular-games .animated-image { grid-column:1; max-height:220px; }
}

/* responsive */
@media (max-width: 1199px) {
  .popular-game-title-container .game-list { grid-template-columns: repeat(5, minmax(110px, 1fr)) !important; min-width: 0 !important; }
  .popular-games { grid-template-columns: 230px minmax(0, 1fr) !important; }
  .popular-games .tab-pane.active { grid-template-columns: minmax(0, 1fr) 220px !important; }
  .win-banner-slide img, .banner img, .banner-carousel img { height: 240px !important; }
}
@media (max-width: 991px) {
  .container { width: 100% !important; max-width: 100% !important; }
  .site-header > .container > .row { flex-wrap: wrap !important; min-height: 0; }
  .site-header .col-sm-3, .site-header .col-md-3, .site-header .col-sm-9, .site-header .col-md-9 { width: 100% !important; flex: 1 1 100% !important; max-width: 100% !important; }
  .site-header .logo { justify-content: center; min-height: 64px; }
  .menu-slide { padding: 0 28px !important; }
  .top-menu { justify-content: flex-start; overflow-x: auto !important; scrollbar-width: none; }
  .top-menu > li { flex: 0 0 84px; }
  .top-menu > li > a { min-height: 68px; font-size: 10px !important; white-space: normal; }
  .topbar-container > .container > .row { flex-wrap: wrap; gap: 8px; padding: 6px 0; }
  .topbar-left-section, .login-panel { flex-wrap: wrap; }
  .win-banner-slide { flex: 0 0 12% !important; }
  .win-banner-slide.is-center { flex: 0 0 74% !important; }
  .win-banner-slide img, .banner img, .banner-carousel img { height: 190px !important; }
  .home-info-container .announcement-container { grid-template-columns: 1fr !important; gap: 6px; padding: 8px 10px !important; border-radius: 8px !important; }
  .home-info-container .announcement-container [data-section="date"] { justify-self: end; }
  .home-progressive-jackpot { max-width: 100% !important; }
  .home-progressive-jackpot .inner-container, .home-progressive-jackpot .border-container { flex-wrap: wrap !important; justify-content: center; }
  .home-progressive-jackpot .jackpot-play-section { flex: 1 1 100% !important; justify-content: center; }
  .jackpot-currency, #progressive_jackpot { font-size: 22px !important; }
  .popular-game-title-container .game-list { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; min-width: 0 !important; }
  .popular-games, .popular-games .tab-pane.active { grid-template-columns: 1fr !important; }
  .popular-games .animated-image { grid-column: 1 !important; grid-row: 1 !important; max-height: 220px; justify-self: center; }
  .popular-games .popular-game-list { grid-column: 1 !important; grid-row: 2 !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .footer-links { gap: 8px 14px; }
  .copyright { text-align: left !important; margin-top: 8px; }
}
@media (max-width: 767px) {
  body { font-size: 13px; }
  .login-button, .register-button { min-width: 76px; height: 28px; font-size: 12px; }
  .win-banner-row { gap: 4px; }
  .win-banner-slide { display: none !important; }
  .win-banner-slide.is-center { display: block !important; flex: 1 1 100% !important; }
  .win-banner-slide img, .banner img, .banner-carousel img { height: 150px !important; }
  .home-progressive-jackpot .jackpot-play-text, .home-progressive-jackpot .jackpot-play-text label { font-size: 16px !important; }
  .jackpot-currency, #progressive_jackpot { font-size: 18px !important; }
  .popular-game-title-container { padding: 16px 8px 8px !important; }
  .popular-game-title-container .game-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
  .popular-games .popular-game-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .popular-games .winners-ticker, .popular-games .winners-ticker-container { height: 180px !important; }
  .provider-container ul, .provider-container .hover-list { gap: 6px; }
  .modal-dialog { width: calc(100% - 20px) !important; margin: 24px auto !important; }
}

/* mobile topbar + provider tabs */
@media (max-width: 991px) {
  .topbar-container { overflow: hidden; }
  .topbar-container > .container > .row,
  .topbar-left-container,
  .topbar-left-section,
  .topbar-right-container,
  .login-panel {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    position: static !important;
    float: none !important;
    height: auto !important;
  }
  .topbar-container > .container > .row { justify-content: flex-start !important; padding: 8px 0 !important; }
  .topbar-item, .telegram-btn, .download-apk-btn, .live-chat, .search_popup_button {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    float: none !important;
    margin: 0 !important;
  }
  .telegram-btn {
    background: #229ed9;
    color: #fff !important;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px;
    white-space: nowrap;
  }
  .login-panel { justify-content: flex-start !important; margin-top: 4px; }
  .login-button, .register-button { position: static !important; }

  .popular-games [data-section="right"] { overflow: hidden; }
  .scrtabs-tab-scroll-arrow { display: none !important; }
  .scrtabs-tab-container, .scrtabs-tabs-fixed-container, .scrtabs-tabs-movable-container {
    width: 100% !important;
    position: static !important;
    left: auto !important;
    overflow: visible !important;
    height: auto !important;
  }
  .popular-games .nav-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    overflow-x: auto !important;
    margin: 0 0 8px !important;
    padding-bottom: 4px;
  }
  .popular-games .nav-tabs > li { flex: 0 0 auto; float: none !important; }
  .popular-games .animated-image { display: block; max-height: 180px; margin: 4px auto 8px; }
}

/* popular provider images under tabs */
.popular-games .tab-content { display:block !important; min-height:220px; background:transparent !important; }
.popular-games .tab-pane { display:none !important; }
.popular-games .tab-pane.active {
  display:block !important;
  min-height:260px;
  background:transparent !important;
}
.popular-games .tab-pane.active .animated-image,
.popular-games .tab-pane.active picture {
  display:block !important;
  width:min(100%, 320px) !important;
  height:auto !important;
  max-height:none !important;
  margin:8px auto 12px !important;
  object-fit:contain;
}
.popular-games .popular-game-list {
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:8px !important;
  width:100% !important;
  min-height:120px;
}
.popular-games .popular-game-list .game-item,
.popular-games .popular-game-list .game-wrapper,
.popular-games .popular-game-list picture { display:block !important; width:100% !important; }
.popular-games .popular-game-list img {
  width:100% !important;
  height:auto !important;
  aspect-ratio:1;
  min-height:88px;
  object-fit:cover;
  border-radius:4px;
  display:block !important;
  background:#111;
}
@media (max-width: 991px) {
  .popular-games .popular-game-list { grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
  .popular-games .tab-pane.active .animated-image { width:min(100%, 240px) !important; }
}