/* Sponsor directory + popup */
.sl-sponsor-filled{cursor:pointer!important;overflow:hidden!important;position:relative!important}.sl-sponsor-filled .sl-sponsor-logo{width:100%!important;height:86px!important;display:block!important;object-fit:contain!important;object-position:center!important;border-radius:12px!important;background:#07152c!important}.sl-sponsor-filled .sl-sponsor-name{margin-top:8px!important;color:#fff!important;font-size:12px!important;font-weight:900!important;line-height:1.2!important;text-align:center!important}.sl-sponsor-directory{width:min(1280px,calc(100% - 24px));margin:28px auto;padding:18px 0;overflow:hidden;border:1px solid #294f7d;border-radius:20px;background:#0a1730}.sl-sponsor-directory-track{display:flex;gap:14px;width:max-content;padding:0 14px;animation:slSponsorMove 28s linear infinite}.sl-sponsor-directory:hover .sl-sponsor-directory-track{animation-play-state:paused}.sl-sponsor-directory .sl-sponsor-generated-card{width:180px;min-width:180px;padding:12px;border:1px solid #2f628e;border-radius:16px;background:#0e2342;box-shadow:inset 0 0 22px rgba(50,214,255,.06)}@keyframes slSponsorMove{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}.sl-sponsor-modal{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,7,20,.82);backdrop-filter:blur(7px)}.sl-sponsor-modal.is-open{display:flex}.sl-sponsor-dialog{width:min(580px,100%);max-height:calc(100vh - 36px);overflow-y:auto;position:relative;padding:22px;border:1px solid #35cfff;border-radius:22px;background:radial-gradient(circle at 85% 0%,rgba(45,209,255,.16),transparent 34%),linear-gradient(145deg,#102746,#07152c);box-shadow:0 28px 80px rgba(0,0,0,.62),0 0 28px rgba(53,207,255,.15);color:#fff}.sl-sponsor-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:1px solid #35628e;border-radius:12px;background:#102744;color:#fff;font-size:22px;font-weight:900;cursor:pointer}.sl-sponsor-header{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;padding-right:38px}.sl-sponsor-popup-logo{width:120px;height:120px;object-fit:contain;border:1px solid #2fa9de;border-radius:16px;background:#061328}.sl-sponsor-kicker{margin:0 0 5px;color:#38ddff;font-size:12px;font-weight:900;letter-spacing:.08em}.sl-sponsor-title{margin:0;font-size:26px;line-height:1.1}.sl-sponsor-description{margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(69,125,175,.55);color:#d6e1f2;font-size:14px;line-height:1.65}.sl-sponsor-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.sl-sponsor-action,.sl-sponsor-contact-static{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #2d6d9d;border-radius:12px;background:#102c4e;color:#fff;font-size:13px;font-weight:800;text-decoration:none}.sl-sponsor-action:hover{background:#174269;border-color:#38dfff}@media(max-width:540px){.sl-sponsor-header{grid-template-columns:84px 1fr;gap:13px}.sl-sponsor-popup-logo{width:84px;height:84px}.sl-sponsor-title{font-size:20px}.sl-sponsor-dialog{padding:18px}}\n


/* SPONSOR-LAYOUT-FINAL-START */

.sl-sponsor-filled{
  width: 220px !important;
  min-width: 220px !important;
  height: 130px !important;
  min-height: 130px !important;
  box-sizing: border-box !important;
  padding: 10px !important;
  border-radius: 18px !important;
  border: 1px solid #2b77a8 !important;
  background: linear-gradient(180deg,#11284a 0%, #0a1832 100%) !important;
  box-shadow: inset 0 0 18px rgba(41,184,255,.08), 0 0 12px rgba(41,184,255,.06) !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;

  overflow: hidden !important;
  position: relative !important;
}

.sl-sponsor-filled:hover{
  border-color:#37d8ff !important;
  box-shadow: inset 0 0 18px rgba(41,184,255,.14), 0 0 18px rgba(41,184,255,.16) !important;
  transform: translateY(-2px) !important;
}

.sl-sponsor-filled .sl-sponsor-logo{
  width: 100% !important;
  height: 82px !important;
  min-height: 82px !important;
  max-height: 82px !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #0a1730 !important;
  border: 1px solid #2a99cf !important;
  border-radius: 14px !important;
  padding: 6px !important;
  margin: 0 !important;
  display: block !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.sl-sponsor-filled .sl-sponsor-name{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 4px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 0 10px rgba(41,184,255,.25) !important;
  position: static !important;
  transform: none !important;
}

/* sponsor dengan logo memanjang */
.sl-sponsor-filled[data-sl-sponsor-name="ALIANSI TOP UP"],
.sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"]{
  width: 250px !important;
  min-width: 250px !important;
}

.sl-sponsor-filled[data-sl-sponsor-name="ALIANSI TOP UP"] .sl-sponsor-logo,
.sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"] .sl-sponsor-logo{
  height: 82px !important;
  object-fit: contain !important;
  padding: 10px !important;
}

/* sponsor kotak / bulat biar enak dilihat */
.sl-sponsor-filled[data-sl-sponsor-name="JASTIP ANDRIAN"] .sl-sponsor-logo,
.sl-sponsor-filled[data-sl-sponsor-name="CIBAI VAPOR"] .sl-sponsor-logo,
.sl-sponsor-filled[data-sl-sponsor-name="NINE PARFUME"] .sl-sponsor-logo,
.sl-sponsor-filled[data-sl-sponsor-name="KO BOB"] .sl-sponsor-logo{
  object-fit: contain !important;
  padding: 4px !important;
}

/* mobile */
@media (max-width: 600px){
  .sl-sponsor-filled{
    width: 190px !important;
    min-width: 190px !important;
    height: 122px !important;
    min-height: 122px !important;
    padding: 8px !important;
  }

  .sl-sponsor-filled .sl-sponsor-logo{
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
  }

  .sl-sponsor-filled .sl-sponsor-name{
    font-size: 12px !important;
  }

  .sl-sponsor-filled[data-sl-sponsor-name="ALIANSI TOP UP"],
  .sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"]{
    width: 210px !important;
    min-width: 210px !important;
  }
}

/* SPONSOR-LAYOUT-FINAL-END */


/* FIX KHUSUS INDO CORNER */
.sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"]{
  width: 260px !important;
  min-width: 260px !important;
}

.sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"] .sl-sponsor-logo{
  transform: scale(2.6) !important;
  transform-origin: center center !important;
  object-fit: contain !important;
  padding: 0 !important;
  background: transparent !important;
}

.sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"]{
  overflow: hidden !important;
}

@media (max-width: 600px){
  .sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"]{
    width: 220px !important;
    min-width: 220px !important;
  }

  .sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"] .sl-sponsor-logo{
    transform: scale(2.2) !important;
  }
}


/* =========================
   FIX INDO CORNER BIAR JELAS
   ========================= */

.sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"]{
  width: 260px !important;
  min-width: 260px !important;
}

.sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"] .sl-sponsor-media{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"] .sl-sponsor-logo{
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: scale(3.8) !important;
  transform-origin: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

@media (max-width: 700px){
  .sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"]{
    width: 220px !important;
    min-width: 220px !important;
  }

  .sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"] .sl-sponsor-logo{
    transform: scale(3.2) !important;
  }
}


/* =========================
   FIX SPONSOR BIAR RAPI
   ========================= */

.sl-sponsor-track{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
}

.sl-sponsor-filled,
.sl-sponsor-card{
  width: 210px !important;
  min-width: 210px !important;
  height: 100px !important;
  padding: 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  border-radius:18px !important;
}

.sl-sponsor-media{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:14px !important;
  padding:8px !important;
  box-sizing:border-box !important;
}

.sl-sponsor-logo{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:90% !important;
  max-height:72px !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
  padding:0 !important;
  border:none !important;
  transform:none !important;
  background:transparent !important;
}

/* logo kotak / bulat biar lebih pas */
.sl-sponsor-filled[data-sl-sponsor-name="CIBAI VAPOR"] .sl-sponsor-logo,
.sl-sponsor-filled[data-sl-sponsor-name="NINE PARFUME"] .sl-sponsor-logo,
.sl-sponsor-filled[data-sl-sponsor-name="JASTIP ANDRIAN"] .sl-sponsor-logo{
  max-height:68px !important;
}

/* logo memanjang biar lebih besar */
.sl-sponsor-filled[data-sl-sponsor-name="ALIANSI TOP UP"] .sl-sponsor-logo,
.sl-sponsor-filled[data-sl-sponsor-name="INDO CORNER"] .sl-sponsor-logo{
  max-width:94% !important;
  max-height:58px !important;
}

/* kalau ada tulisan nama sponsor di card, rapikan */
.sl-sponsor-name{
  display:block !important;
  margin-top:6px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

@media (max-width: 700px){
  .sl-sponsor-filled,
  .sl-sponsor-card{
    width: 180px !important;
    min-width: 180px !important;
    height: 90px !important;
  }

  .sl-sponsor-logo{
    max-width:88% !important;
    max-height:62px !important;
  }
}