.lightbox{display:none !important;}
.lightbox.is-visible{display:flex !important;}

.lightbox{z-index: 999999999999; position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);display:none;align-items:center;justify-content:center;}.lightbox img{max-width:1000%;max-height:90%;}#countdown{position:absolute;bottom:10px;right:10px;color:white;font-size:10px;}#popup-close{position:absolute;top:10px;right:10px;color:white;font-size:20px;cursor:pointer;}@media only screen and (max-width:500px){.lightbox img{max-width:100%;max-height:100%;}countdown{font-size:15px;}}

.kaki-neymar,
      .logo-N3YM4R {
        position: fixed;
        z-index: 99;
        left: 0;
        right: 0
      }

      :root {
        --small-font: 12px;
        --normal-font: 14px;
        --large-font: 16px;
        --x-large-font: 18px;
        --base: #7F00FF;
        --primary: #7F00FF;
        --secondary: #7F00FF;
        --secondary-hover: #7F00FF;
        --tertiary: #7F00FF;
        --blue: #7F00FF;
        --light-blue: #7F00FF;
        --gradient: #7F00FF;
        --gradient-two: linear-gradient(to right, #7F00FF 0%, #7F00FF 100%)
      }

      ::-webkit-scrollbar {
        width: 10px
      }

      ::-webkit-scrollbar-track {
        background: #0000CC
      }

      ::-webkit-scrollbar-thumb {
        background: #9300FF
      }

      ::-webkit-scrollbar-thumb:hover {
        background: #9300FF
      }

      body {
        font-size: var(--small-font);
        display: flex;
        flex-direction: column;
        padding-top: 54px;
        padding-bottom: 52px;
        font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        background-color: #9300FF
      }

      a {
        text-decoration: none;
        color: purple
      }

      summary {
        outline: 0
      }

      .N3YM4R {
        align-self: center;
        margin-left: auto;
        margin-right: auto
      }

      .logo-N3YM4R {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 0
      }

      .logo-N3YM4R .logo {
        width: calc(38px*180/45);
        display: block
      }

      .logo-N3YM4R .logo amp-img {
        flex-grow: 1
      }

      .link-N3YM4R {
        display: flex;
        justify-content: center;
        font-size: var(--x-large-font);
        width: 100%
      }

      .login-button,
      .register-button {
        color: #fff;
        border-radius: 0px
      }

      .main-menu-N3YM4R {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        margin: 0
      }

      .main-menu-N3YM4R li {
        flex-basis: calc(25% - 10px);
        padding: 5px
      }

      .main-menu-N3YM4R li a {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        color: #ffffff;
        font-size: var(--normal-font);
        text-transform: uppercase;
        font-size: var(--small-font);
        padding: 10px
      }

      .main-menu-N3YM4R li amp-img {
        margin: 8px 0
      }

      .footer-N3YM4R .footer-links li a,
      .jackpot-prize,
      .neymar-88 {
        color: #fff
      }

      .footer-N3YM4R {
        text-align: justify;
        color: #ffffff;
        background: #0000CC
      }

      .copyright-ney,
      table {
        text-align: center
      }

      .footer-N3YM4R h1,
      .footer-N3YM4R h2,
      .footer-N3YM4R h3,
      .footer-N3YM4R h4,
      .footer-N3YM4R p,
      .footer-N3YM4R ul {
        padding: 0 20px
      }

      .footer-N3YM4R .bank-list,
      .footer-N3YM4R .contact-list,
      .footer-N3YM4R .footer-links,
      .footer-N3YM4R .social-media-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 10px 0;
        list-style-type: none
      }

      .footer-N3YM4R .contact-list li {
        flex-basis: 50%
      }

      .footer-N3YM4R .contact-list li a {
        margin: 5px;
        display: flex;
        align-items: center;
        border-radius: 30px;
        font-size: var(--normal-font)
      }

      .footer-N3YM4R .contact-list>li a i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        margin-right: 10px;
        border-radius: 50%;
        background: #9300FF;
        width: 24px;
        height: 24px
      }

      .footer-N3YM4R .contact-list>li a i amp-img {
        margin: 5px;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
      }

      .footer-N3YM4R .bank-list,
      .footer-N3YM4R .contact-list,
      .footer-N3YM4R .social-media-list,
      .main-menu-N3YM4R {
        justify-content: center
      }

      .footer-N3YM4R .social-media-list li {
        flex-basis: 25%
      }

      .footer-N3YM4R .footer-links {
        flex-wrap: wrap;
        justify-content: center
      }

      .footer-N3YM4R .footer-links li {
        flex-basis: calc(25% - 3px);
        margin-bottom: 5px
      }

      .footer-N3YM4R .footer-links li a {
        padding: 5px;
        font-size: var(--normal-font)
      }

      .neymar-88 {
        background-color: #9300FF padding: #10px
      }

      .copyright-ney {
        padding: 25px 0 20px;
        display: block
      }

      .copyright-ney div {
        padding-bottom: 10px
      }

      .kaki-neymar {
        display: flex;
        justify-content: space-around;
        background: linear-gradient(to bottom, #9300FF  0, #280A4A 100%);
        padding: 10px 0 1px;
        bottom: 0;
        border-top: 2px solid #ffffff
      }

      .kaki-neymar a {
        flex-basis: calc((100% - 15px*6)/ 5);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 10px
      }

      @media(min-width:768px) {
        body {
          font-size: var(--normal-font)
        }

        .N3YM4R {
          width: 970px
        }
      }

      @media(min-width:1200px) {
        .N3YM4R {
          width: 1170px
        }
      }

      @media(min-width:992px) {
        .footer-N3YM4R .contact-list li {
          flex-basis: 25%
        }

        .N3YM4R {
          width: 970px
        }
      }

      .logo-N3YM4R {
        justify-content: space-between;
        padding: 0
      }

      .logo-N3YM4R .logo {
        padding: 10px
      }

      .header-right {
        display: flex;
        justify-content: space-between;
        min-width: 100px;
        align-self: stretch
      }

      .header-right .register-section {
        align-self: stretch;
        align-items: center;
        display: flex;
        border-right: 2px groove #4d5054;
        padding: 10px 15px
      }

      .header-right .register-section a {
        padding: 5px 20px
      }

      .header-right .hamburger-section {
        align-self: center;
        padding: 10px 0 10px 10px;
        margin: 10px 0 10px 10px
      }

      .link-N3YM4R {
        padding: 20px 0;
        font-size: var(--normal-font)
      }

      .link-N3YM4R a {
        text-transform: uppercase;
        margin-top: 10px;
        width: auto;
        padding: 5px 15px;
        margin-left: 10px;
        align-self: center
      }

      amp-carousel.main-menu-N3YM4R .amp-carousel-button:not(.amp-disabled) {
        animation: none;
        visibility: visible
      }

      amp-carousel.main-menu-N3YM4R div.amp-carousel-button-next,
      amp-carousel.main-menu-N3YM4R div.amp-carousel-button-prev {
        opacity: 1;
        pointer-events: initial
      }

      .amp-carousel-button-prev {
        left: 0
      }

      .amp-carousel-button-next {
        right: 0
      }

      .main-menu-N3YM4R {
        padding: 0 0 10px
      }

      .play-now {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        font-size: 1.2em;
        border-radius: 18px;
        padding: 5px;
        background-color: #f8007e;
        width: 80%
      }

      .contact-list-N3YM4R,
      .logo-N3YM4R,
      body {
        background: linear-gradient(to bottom, #0000CC 0, #0000CC 100%)
      }

      .contact-list-N3YM4R {
        margin-top: 10px
      }

      .footer-N3YM4R .contact-list li a {
        background: linear-gradient(to bottom, #280A4A  0, #9300FF 100%);
        padding: 3px 0 3px 3px;
        color: #ffffff
      }

      .footer-N3YM4R .social-media-list li {
        flex-basis: auto;
        margin: 10px
      }

      .footer-N3YM4R .footer-links {
        background-color: #141125;
        align-items: center
      }

      .footer-N3YM4R .footer-links li {
        flex-basis: auto;
        padding: 2.5px 10px
      }

      .footer-N3YM4R .footer-links>li:not(:nth-child(5n+5)):not(:first-child) {
        border-left: 1px solid #ffffff;
        border: none
      }

      .kaki-neymar amp-img {
        max-width: 40%;
        margin-bottom: 5px
      }

      .header-right .register-section {
        border-right-color: #4d5054
      }

      .footer-N3YM4R .footer-links,
      .main-menu-N3YM4R {
        background-color: inherit
      }

      .main-menu-N3YM4R .amp-carousel-button-next,
      .main-menu-N3YM4R .amp-carousel-button-prev {
        width: 20px;
        height: 100%;
        background-color: #ff0000;
        color: #484848
      }

      .play-now {
        background-image: linear-gradient(to right, #8b0000 0, #8b0000 100%);
        color: #fff
      }

      .register,
      .register-button {
        background: linear-gradient(to bottom, #00015C 0, #0000CC 100%);
        border: 1px solid #ffffff
      }

      .login,
      .login-button {
        border: 1px solid #ffffff;
        background: linear-gradient(to bottom, #280A4A  0, #9300FF  100%)
      }

      .kaki-neymar a.active {
        color: #ffffff
      }

      .kaki-neymar svg {
        width: 25px;
        height: 25px
      }

      table,
      table.NEYMAR88 {
        width: 100%;
        overflow: hidden
      }

      .n-columns-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        font-weight: 700
      }

      .login,
      .register {
        color: #ffffff;
        padding: 13px 10px
      }

      @media(max-width:992px) {
        .header-right .register-section {
          padding: 10px
        }

        .footer-N3YM4R .contact-list li a {
          font-size: 11px
        }
      }

      table {
        position: relative;
        max-width: 100%;
        color: #e79418;
        background: url(https://i.ibb.co/fd59B7w/thunder.webp);
        border: 2px solid #ffffff;
        border-collapse: separate;
        border-radius: 12px
      }

      table tr td,
      table tr th {
        padding: 15px;
        line-height: 24px;
        vertical-align: middle;
        border-bottom: 1px solid #ffffff
      }

      table.NEYMAR88 {
        border-collapse: collapse;
        background-color: #0000CC;
        text-align: left;
        border-radius: 3em
      }

      table.NEYMAR88 tr {
        border-bottom: 1px solid #fff
      }

      table.NEYMAR88 tr th {
        font-size: 1.2em;
        color: #ffffff;
        text-align: center;
        background: linear-gradient(to bottom, #280A4A  0, #9300FF  100%)
      }

      table.NEYMAR88 td,
      table.NEYMAR88 th {
        padding: 10px;
        font-family: 'Trebuchet MS';
        color: #ffffff;
        font-size: .9em;
        vertical-align: middle
      }

      ul.contact-list.N3YM4R amp-img {
        margin-right: 10px
      }

      .n-columns-2 a {
        text-align: center
      }

      @keyframes round {

        0%,
        100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1)
        }

        10%,
        20% {
          -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
        }

        30%,
        50%,
        70%,
        90% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        }

        40%,
        60%,
        80% {
          -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
          transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        }
      }

      .round amp-img {
        -webkit-animation-name: round;
        animation-name: round;
        -webkit-animation-duration: 2.5s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-iteration-count: infinite
      }

      a#register-button {
        transform: scale(1.6) translateY(-8px);
        font-size: 8px;
      }

      amp-img.contact {
        border-radius: 50px;
      }

/* ==============================
   MODAL PENDAFTARAN
   ============================== */
body.registration-open {
  overflow: hidden;
}

.registration-section {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  box-sizing: border-box;
  background: rgba(0, 0, 20, 0.78);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
}

.registration-section.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.registration-card {
  position: relative;
  width: min(100%, 570px);
  max-height: calc(100vh - 36px);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 24px 18px 18px;
  border: 1px solid rgba(255,255,255,.95);
  border-radius: 16px;
  background:
    linear-gradient(rgba(0, 0, 205, .90), rgba(0, 0, 175, .94)),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 38px,
      rgba(255,255,255,.08) 39px,
      transparent 40px
    );
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  transform: translateY(16px) scale(.98);
  transition: transform .25s ease;
}

.registration-section.is-open .registration-card {
  transform: translateY(0) scale(1);
}

.registration-heading {
  position: relative;
  padding: 0 35px 14px;
  text-align: center;
}

.registration-heading h2 {
  margin: 0;
  color: #154fba;
  font-size: clamp(20px, 4vw, 28px);
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0,0,0,.15);
}

.registration-close {
  position: absolute;
  top: 9px;
  right: 10px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: rgba(255,255,255,.14);
  font-size: 26px;
  line-height: 36px;
  cursor: pointer;
  transition: .2s ease;
}

.registration-close:hover,
.registration-close:focus {
  background: #e00072;
  transform: rotate(90deg);
  outline: none;
}

.horse-mark {
  display: none;
}

.registration-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.form-group label {
  margin: 0;
  color: #0d4fb6;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.form-group label span {
  color: #ff004f;
  font-weight: 800;
}

.form-group input,
.form-group select {
  width: 100%;
  height: 44px;
  padding: 0 13px;
  box-sizing: border-box;
  border: 3px solid #0b51c8;
  border-radius: 24px;
  outline: none;
  background: rgba(255,255,255,.98);
  color: #333;
  font-size: 15px;
  font-family: inherit;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.form-group input:focus,
.form-group select:focus {
  border-color: #f00075;
  box-shadow: 0 0 0 3px rgba(240,0,117,.15);
}

.form-group input::placeholder {
  color: #6b6b6b;
  opacity: 1;
}

.form-group select {
  cursor: pointer;
  appearance: auto;
}

.registration-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  margin-top: 2px;
}

.registration-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px 12px;
  box-sizing: border-box;
  border-radius: 23px;
  color: #fff !important;
  font-size: 15px;
  font-weight: 800;
  text-align: center;
  text-decoration: none !important;
  transition: transform .2s ease, filter .2s ease;
}

.registration-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
}

.livechat-btn {
  background: linear-gradient(135deg, #0753bf, #0640a1);
}

.whatsapp-btn {
  background: linear-gradient(135deg, #00a900, #009000);
}

@media (max-width: 560px) {
  .registration-section {
    padding: 10px;
  }

  .registration-card {
    width: 100%;
    max-height: calc(100vh - 20px);
    padding: 22px 13px 14px;
    border-radius: 14px;
  }

  .registration-heading {
    padding-left: 20px;
    padding-right: 35px;
  }

  .registration-heading h2 {
    font-size: 21px;
  }

  .form-group {
    gap: 5px;
  }

  .form-group label {
    font-size: 12px;
  }

  .form-group input,
  .form-group select {
    height: 43px;
    font-size: 14px;
  }

  .registration-actions {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .registration-btn {
    min-height: 43px;
    padding: 7px 8px;
    font-size: 13px;
  }
}

@media (max-width: 360px) {
  .registration-actions {
    grid-template-columns: 1fr;
  }
}

.registration-form .form-group:nth-child(1) input,
.registration-form .form-group:nth-child(3) input,
.registration-form .form-group:nth-child(5) input {
  border-color: #b00076;
}
.registration-form .form-group:nth-child(2) input,
.registration-form .form-group:nth-child(4) select {
  border-color: #0753bf;
}
.registration-form .form-group input,
.registration-form .form-group select {
  box-shadow: none;
}
.registration-heading h2 {
  color: #0b4ca8;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden}
body{padding-top:54px;padding-bottom:52px}
img{display:block;max-width:100%;height:auto}
.logo-N3YM4R{width:100%;left:0;right:0;top:0}
.logo-N3YM4R .logo{display:block;width:230px;max-width:42vw;padding:6px!important}
.logo-N3YM4R .logo img{width:100%;height:auto;object-fit:contain}

.amp-carousel-fallback.carousel-container{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden;
  margin:0 auto;
  position:relative;
}
.amp-carousel-fallback.carousel-container > a{
  display:none;
  width:100%;
  margin:0;
}
.amp-carousel-fallback.carousel-container > a:first-child{display:block}
.amp-carousel-fallback.carousel-container > a img{
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain;
}

/* Category menu: keep all four items aligned and inside the viewport. */
.main-menu-N3YM4R.amp-carousel-fallback{
  width:100%!important;
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:stretch;
  overflow:hidden;
  padding:0 4px 10px!important;
}
.main-menu-N3YM4R.amp-carousel-fallback > li{
  flex:1 1 25%;
  min-width:0;
  list-style:none;
}
.main-menu-N3YM4R.amp-carousel-fallback > li a{
  width:100%;
  padding:6px 2px!important;
  text-align:center;
}
.main-menu-N3YM4R.amp-carousel-fallback > li img{
  width:50px!important;
  height:50px!important;
  object-fit:contain;
  margin:8px auto!important;
}

/* Jackpot / footer images stay centered and never overflow. */
.slider-container{width:100%;max-width:100%;overflow:hidden}
.slider-container img{width:100%!important;height:auto!important;object-fit:contain}

/* Keep the bottom navigation inside the screen. */
.kaki-neymar{width:100%;max-width:100%;overflow:hidden}
.kaki-neymar a{min-width:0}
.kaki-neymar img{max-width:30px;width:30px;height:30px;object-fit:contain}

/* Registration overlay stays centered and scrollable on small screens. */
.registration-section{padding:12px!important}
.registration-card{max-width:570px;width:min(100%,570px);max-height:calc(100vh - 24px)}

@media(max-width:767px){
  body{padding-top:45px;padding-bottom:58px}
  .logo-N3YM4R .logo{width:180px;max-width:46vw}
  .header-right{min-width:auto}
  .header-right .register-section{padding:6px}
  .header-right .register-section a{padding:4px 12px}
  .n-columns-2{width:100%}
  .n-columns-2 a{min-width:0}
}

.seven-banner-slider{position:relative!important;width:100%!important;max-width:100%!important;overflow:hidden!important;margin:0 auto!important;line-height:0}
.seven-banner-slider .banner-slide{display:none;width:100%;margin:0;padding:0}
.seven-banner-slider .banner-slide.active{display:block}
.seven-banner-slider .banner-slide img{display:block;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain}
.seven-banner-prev,.seven-banner-next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:34px;height:48px;border:0;color:#fff;background:rgba(0,0,0,.35);cursor:pointer;font-size:26px;line-height:48px;text-align:center;padding:0}
.seven-banner-prev{left:0;border-radius:0 6px 6px 0}.seven-banner-next{right:0;border-radius:6px 0 0 6px}
.seven-banner-prev:hover,.seven-banner-next:hover{background:rgba(0,0,0,.65)}
.seven-banner-dots{position:absolute;left:0;right:0;bottom:8px;z-index:6;display:flex;justify-content:center;gap:6px}
.seven-banner-dot{width:8px;height:8px;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}
.seven-banner-dot.active{background:#fff}
@media(max-width:767px){.seven-banner-prev,.seven-banner-next{width:28px;height:40px;line-height:40px;font-size:21px}.seven-banner-dots{bottom:5px}.seven-banner-dot{width:7px;height:7px}}

/* Progressive Jackpot — lebih proporsional dan tetap di tengah */
.jackpot-center{
  width:100%!important;
  max-width:100%!important;
  margin:10px auto 14px!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.jackpot-center .jackpot-slide{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  padding:0 18px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}
.jackpot-center .jackpot-slide img{
  display:block!important;
  width:100%!important;
  max-width:1080px!important;
  height:auto!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}
@media (max-width:1200px){
  .jackpot-center .jackpot-slide{
    max-width:92%!important;
    padding:0 10px!important;
  }
  .jackpot-center .jackpot-slide img{
    max-width:100%!important;
  }
}
@media (max-width:767px){
  .jackpot-center{
    margin:6px auto 10px!important;
  }
  .jackpot-center .jackpot-slide{
    max-width:100%!important;
    padding:0 8px!important;
  }
  .jackpot-center .jackpot-slide img{
    width:100%!important;
    max-width:100%!important;
  }
}

/* MENU KATEGORI — 4 ITEM RATA TENGAH */
.main-menu-N3YM4R.amp-carousel-fallback{
  width:100%!important;
  max-width:100%!important;
  height:112px!important;
  min-height:112px!important;
  margin:0 auto!important;
  padding:8px 0 0!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:0!important;
  overflow:hidden!important;
  list-style:none!important;
  text-align:center!important;
}

.main-menu-N3YM4R.amp-carousel-fallback > li{
  flex:0 0 120px!important;
  width:120px!important;
  min-width:120px!important;
  height:100px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

.main-menu-N3YM4R.amp-carousel-fallback > li > a{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  color:#fff!important;
  text-decoration:none!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

.main-menu-N3YM4R.amp-carousel-fallback > li img{
  display:block!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  margin:0 auto!important;
  padding:0!important;
  object-fit:contain!important;
}

/* Hilangkan efek styling lama yang dapat membuat item bergeser */
.main-menu-N3YM4R.amp-carousel-fallback > li:nth-child(n){
  float:none!important;
  position:static!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}

@media(max-width:767px){
  .main-menu-N3YM4R.amp-carousel-fallback{
    height:100px!important;
    min-height:100px!important;
    padding-top:6px!important;
  }

  .main-menu-N3YM4R.amp-carousel-fallback > li{
    flex:0 0 25%!important;
    width:25%!important;
    min-width:25%!important;
  }

  .main-menu-N3YM4R.amp-carousel-fallback > li > a{
    font-size:11px!important;
    gap:4px!important;
  }

  .main-menu-N3YM4R.amp-carousel-fallback > li img{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
}

/* ===== MENU SESUAI REFERENSI: 4 ITEM TEPAT DI TENGAH ===== */
.main-menu-N3YM4R{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:8px 0 0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  list-style:none!important;
  text-align:center!important;
}

.main-menu-N3YM4R > li{
  display:block!important;
  flex:0 0 120px!important;
  width:120px!important;
  min-width:120px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  list-style:none!important;
  text-align:center!important;
}

.main-menu-N3YM4R > li > a{
  display:flex!important;
  width:100%!important;
  height:92px!important;
  margin:0!important;
  padding:0!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:5px!important;
  box-sizing:border-box!important;
  color:#fff!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

.main-menu-N3YM4R > li > a img,
.main-menu-N3YM4R > li > a amp-img{
  display:block!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  margin:0 auto!important;
  object-fit:contain!important;
}

.main-menu-N3YM4R > li > a{
  font-size:12px!important;
  line-height:1.2!important;
}

/* Jangan izinkan aturan lama menggeser item */
.main-menu-N3YM4R > li:nth-child(1),
.main-menu-N3YM4R > li:nth-child(2),
.main-menu-N3YM4R > li:nth-child(3),
.main-menu-N3YM4R > li:nth-child(4){
  position:static!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  float:none!important;
}

@media(max-width:767px){
  .main-menu-N3YM4R{
    padding-top:6px!important;
  }
  .main-menu-N3YM4R > li{
    flex:1 1 25%!important;
    width:25%!important;
    min-width:0!important;
  }
  .main-menu-N3YM4R > li > a{
    height:88px!important;
    font-size:11px!important;
  }
  .main-menu-N3YM4R > li > a img,
  .main-menu-N3YM4R > li > a amp-img{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
}