/* Layout overrides for the standalone landing page. */
:root { --apex-red:#c22b20; --apex-gold:#edcd80; }
html { width:100%; scroll-behavior:smooth; }
body { min-width:0!important; width:100%!important; padding-top:80px!important; }
*, *::before, *::after { box-sizing:border-box; }
img, video { max-width:100%; }
.container { width:100%!important; max-width:1170px; }
.navbar { height:80px!important; min-height:0!important; line-height:normal!important; }
.navbar>.container { height:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.navbar>.container::before, .navbar>.container::after { display:none; }
.navbar-header { float:none!important; flex:0 0 auto; width:auto!important; min-width:0!important; margin:0!important; }
.navbar .navbar-brand { display:block; width:210px!important; height:63px!important; margin:0!important; background-size:contain!important; background-position:center!important; }
.navbar-toggle, .logo-imlek { display:none!important; }
.site-header-actions { display:flex; align-items:center; gap:12px; margin-left:auto; }
.apex-action { display:inline-flex!important; justify-content:center; align-items:center; min-height:44px; min-width:116px; padding:12px 24px; border:1px solid var(--apex-gold); border-radius:9px; background:linear-gradient(180deg,#e4422d,#9e120e); color:#fff!important; font-size:14px; font-weight:700; letter-spacing:.6px; line-height:1.2!important; text-decoration:none!important; box-shadow:0 2px 8px #0005; }
.apex-action-secondary { background:#270806; color:var(--apex-gold)!important; }
.apex-action:focus-visible, a:focus-visible, button:focus-visible { outline:3px solid #ffe7a8; outline-offset:3px; }
#breadcrumbs { display:none!important; }
.section.margin-top { margin-top:16px!important; padding-top:0!important; }
.blog-posts, .blog-sidebar { min-width:0; }
.custd-container { max-width:100%!important; }
footer#footer { width:100%!important; max-width:1170px; padding:20px 16px; overflow-wrap:anywhere; }
footer#footer .container { padding-left:0; padding-right:0; }
footer h1 { font-size:clamp(20px,2.5vw,30px); line-height:1.35; }
footer h2 { font-size:clamp(18px,2vw,25px); line-height:1.4; }
footer p, footer li { line-height:1.7; }
footer#footer div[style*="width: 400px"] { width:100%!important; max-width:100%!important; }
.link-alternatif-apextoto-terbaik { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; width:100%!important; }
.link-alternatif-apextoto-terbaik .alternatif-dasar { width:100%!important; min-width:0; margin:0!important; }
.link-alternatif-apextoto-terbaik .alternatif-dasar>a { width:100%!important; min-width:0; background-size:100% 100%!important; }
.Slot-apextoto, .Casino-apextoto { min-width:0; }
.modal-dialog { width:calc(100% - 28px)!important; max-width:560px!important; margin:88px auto 24px!important; }
.modal-content, .modal-body { max-width:100%; }
.modal-body img { width:100%; height:auto; }
.modal .close { min-width:44px; min-height:44px; font-size:30px; }
.mobile-actions { display:none; }
@media (max-width:991px) {
  body { padding-bottom:84px!important; background-attachment:scroll!important; background-size:cover!important; }
  .container { padding-left:16px!important; padding-right:16px!important; }
  .container>.row { margin-left:0!important; margin-right:0!important; }
  .section.margin-top>.container>.row { display:flex; flex-direction:column; margin:0!important; }
  .section.margin-top .blog-sidebar, .section.margin-top .blog-posts { width:100%!important; float:none!important; padding:0!important; }
  .blog-sidebar .sidebar-nav { display:flex!important; flex-wrap:nowrap; gap:8px; padding:4px 0 12px!important; margin:0!important; overflow-x:auto; scrollbar-width:thin; }
  .sidebar-nav>li { flex:0 0 auto; border:0!important; }
  .sidebar-nav>li>a { min-height:44px; padding:12px 14px!important; border:1px solid #9a542f; border-radius:8px; background:#260806; white-space:nowrap; font-size:13px!important; }
  .blog-sidebar>.results, .blog-sidebar>.sidebar-button { display:none!important; }
  .blog-posts>#slider { margin-top:0!important; }
  #slider .item img { width:100%!important; height:auto!important; }
  .blog-posts .box-middle { width:calc(33.333% - 8px)!important; max-width:none!important; margin:12px 4px!important; vertical-align:top; }
  .blog-posts .post-card3 img { display:block; width:100%; }
  .post-card3:hover { transform:none; }
  .custd-container { width:100%!important; height:auto!important; }
  #bank .col-md-3, #bank .col-md-9 { width:100%!important; padding:0!important; }
  #bank { padding:16px 0!important; }
  .footer-menu, .bottomnv, #slide-left1, .scroll-top { display:none!important; }
  .container-footer-bawah { width:100%!important; max-width:700px; margin:16px auto!important; }
  .contactusbg { max-width:100%; }
  .mobile-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; position:fixed; z-index:10000; left:0; right:0; bottom:0; padding:12px 16px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid #aa783e; background:#200704f5; backdrop-filter:blur(10px); }
  .mobile-actions .apex-action { min-width:0; }
  body>div[style*="position: absolute"] { display:none!important; }
}
@media (max-width:600px) {
  body { padding-top:70px!important; }
  .navbar.navbar-fixed-top { height:70px!important; }
  .navbar>.container { padding-left:12px!important; padding-right:12px!important; gap:8px; }
  .navbar .navbar-brand { width:145px!important; height:48px!important; }
  .site-header-actions { gap:6px; }
  .site-header-actions .apex-action { min-width:70px; padding:10px 12px; font-size:11px; border-radius:7px; }
  .container { padding-left:12px!important; padding-right:12px!important; }
  .news-head { display:none!important; }
  .news-body { width:100%!important; border-radius:0; }
  .section.margin-top { margin-top:8px!important; }
  .blog-posts .box-middle { width:calc(33.333% - 6px)!important; margin:10px 3px!important; border-radius:7px; }
  .Slot-apextoto { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .Casino-apextoto { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .daftar-slot-apextoto, .daftar-casino-apextoto { min-width:0; margin:5px!important; }
  .daftar-slot-apextoto img, .daftar-casino-apextoto img { display:block; width:100%; height:auto; }
  footer#footer { padding:18px 12px 12px; font-size:13px; }
  footer#footer .row { margin:0!important; }
  footer#footer [class*="col-"] { width:100%!important; margin-left:0!important; padding-left:0!important; padding-right:0!important; }
  .link-alternatif-apextoto-terbaik { grid-template-columns:1fr; }
  .modal-dialog { margin-top:78px!important; }
  #bank .bankscroll { margin-bottom:0!important; }
}
@media (max-width:359px) {
  .navbar .navbar-brand { width:125px!important; }
  .site-header-actions .apex-action { min-width:62px; padding:10px 8px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .apex-action { transition:none; }
}