/* StoryMaker Footer CSS - extracted from mystorymaker.css STEP 5 */
/* Footer repair scoped */
.ob-footer {
  width: 100% !important;
  margin: 0 !important;
  padding: 4rem 2rem 2rem !important;
  background: #071120 !important;
  color: #94a3b8 !important;
  border-top: 5px solid #14532d !important;
  text-align: left !important;
}

.ob-footer .inner {
  width: min(1200px, 100%) !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.ob-footer .ob-footer-grid {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr 1fr !important;
  gap: 2.5rem !important;
  margin: 0 0 3rem !important;
  padding: 0 !important;
}

.ob-footer .ob-footer-col {
  min-width: 0 !important;
}

.ob-footer .ob-footer-col h3,
.ob-footer .ob-footer-brand {
  margin: 0 0 1.25rem !important;
  padding: 0 0 .5rem !important;
  color: #ffffff !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -.02em !important;
  border-bottom: 2px solid rgba(255,255,255,.10) !important;
}

.ob-footer .ob-footer-brand {
  margin-bottom: .5rem !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.ob-footer .ob-tagline {
  margin: 0 0 .5rem !important;
  color: #34d399 !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
}

.ob-footer .ob-services-summary {
  margin: 0 0 1.25rem !important;
  color: #64748b !important;
  font-size: .85rem !important;
  line-height: 1.6 !important;
}

.ob-footer .ob-company-details,
.ob-footer .ob-footer-links,
.ob-footer .ob-footer-sns {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.ob-footer .ob-company-details li,
.ob-footer .ob-footer-links li,
.ob-footer .ob-footer-sns li {
  margin: 0 0 .75rem !important;
  color: #cbd5e1 !important;
  font-size: .88rem !important;
  line-height: 1.6 !important;
}

.ob-footer .ob-company-details strong {
  color: #f8fafc !important;
}

.ob-footer a {
  color: #94a3b8 !important;
  text-decoration: none !important;
}

.ob-footer a:hover {
  color: #34d399 !important;
}

.ob-footer .ob-footer-sns .icon {
  margin-right: .4rem !important;
  color: #34d399 !important;
  font-size: .95rem !important;
}

.ob-footer .ob-world-footer,
.ob-footer #obaksa-finance-footer {
  width: 100% !important;
  max-width: 100% !important;
  margin: 2.5rem 0 0 !important;
  padding: 1.5rem !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.03) !important;
  box-shadow: none !important;
}

#obaksa-world-footer .ob-world-head,
.ob-footer #obaksa-finance-footer .ob-finance-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin: 0 0 1.15rem !important;
  padding: 0 !important;
}

#obaksa-world-footer .ob-world-head strong,
.ob-footer #obaksa-finance-footer .ob-finance-head strong {
  display: block !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 1.35rem !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  letter-spacing: -.04em !important;
}

#obaksa-world-footer .ob-world-head span {
  display: block !important;
  margin: .38rem 0 0 !important;
  color: rgba(255,255,255,.76) !important;
  font-size: .9rem !important;
  line-height: 1.55 !important;
}

#obaksa-world-footer .ob-world-refresh {
  flex: 0 0 auto !important;
  min-width: 142px !important;
  height: 44px !important;
  padding: 0 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(125,211,252,.42) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(37,99,235,.98), rgba(2,132,199,.96)) !important;
  color: #ffffff !important;
  font-size: .88rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

#obaksa-world-footer .ob-world-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .9rem 1rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#obaksa-world-footer .ob-world-card {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 168px !important;
  margin: 0 !important;
  padding: 1rem 1.05rem !important;
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  gap: 1.05rem !important;
  align-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(125,211,252,.22) !important;
  border-radius: 16px !important;
  background: radial-gradient(520px 220px at 6% 0%, rgba(14,165,233,.12), transparent 58%), linear-gradient(180deg, rgba(7,59,112,.74), rgba(6,31,66,.74)) !important;
  box-shadow: none !important;
}

#obaksa-world-footer .ob-world-clock {
  position: relative !important;
  width: 89px !important;
  height: 89px !important;
  min-width: 0 !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 50% 50%, rgba(125,211,252,.12), rgba(255,255,255,.035) 55%, rgba(0,0,0,.08) 56%), rgba(6,20,48,.42) !important;
  box-shadow: inset 0 0 0 6px rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.18) !important;
}

#obaksa-world-footer .ob-world-clock::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 5px rgba(94,234,212,.20) !important;
}

#obaksa-world-footer .ob-world-hand {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  transform-origin: 50% 100% !important;
}

#obaksa-world-footer .ob-world-hand.hour {
  width: 6px !important;
  height: 30px !important;
  background: rgba(255,255,255,.96) !important;
}

#obaksa-world-footer .ob-world-hand.min {
  width: 4px !important;
  height: 38px !important;
  background: rgba(255,255,255,.86) !important;
}

#obaksa-world-footer .ob-world-hand.sec {
  width: 2px !important;
  height: 42px !important;
  background: #22d3ee !important;
  box-shadow: 0 0 12px rgba(34,211,238,.45) !important;
}

#obaksa-world-footer .ob-world-meta {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#obaksa-world-footer .ob-world-city {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .8rem !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

#obaksa-world-footer .ob-world-city-name {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #ffffff !important;
  font-size: 1.08rem !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#obaksa-world-footer .ob-world-mobile-date {
  display: none !important;
}

#obaksa-world-footer .ob-world-tz {
  flex: 0 0 auto !important;
  padding: .22rem .45rem !important;
  border: 1px solid rgba(125,211,252,.18) !important;
  border-radius: 8px !important;
  background: rgba(2,6,23,.12) !important;
  color: rgba(255,255,255,.66) !important;
  font-size: .74rem !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

#obaksa-world-footer .ob-world-mainline {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: .42rem 0 .12rem !important;
  padding: 0 !important;
}

#obaksa-world-footer .ob-world-time {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #5eead4 !important;
  font-size: 1.58rem !important;
  font-weight: 1000 !important;
  line-height: 1.18 !important;
  letter-spacing: .04em !important;
  text-align: left !important;
}

#obaksa-world-footer .ob-world-mobile-compact {
  display: none !important;
}

#obaksa-world-footer .ob-world-date {
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255,255,255,.72) !important;
  font-size: .78rem !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

#obaksa-world-footer .ob-world-weather {
  width: 100% !important;
  margin: .72rem 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .46rem !important;
}

#obaksa-world-footer .ob-world-pill {
  width: auto !important;
  max-width: 100% !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 .62rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(125,211,252,.22) !important;
  border-radius: 10px !important;
  background: rgba(3,32,68,.40) !important;
  color: rgba(255,255,255,.90) !important;
  font-size: .74rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#obaksa-world-footer .ob-world-pill strong {
  margin-left: .24rem !important;
  color: #ffffff !important;
  font-weight: 1000 !important;
}

#obaksa-world-footer .ob-world-sync,
.ob-footer #obaksa-finance-footer .ob-finance-sync {
  margin: 1.1rem 0 0 !important;
  padding: .85rem 0 0 !important;
  border-top: 1px solid rgba(125,211,252,.16) !important;
  color: rgba(255,255,255,.62) !important;
  font-size: .78rem !important;
  line-height: 1.4 !important;
  text-align: right !important;
}

.ob-footer #obaksa-finance-footer .ob-finance-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .72rem !important;
}

.ob-footer #obaksa-finance-footer .ob-finance-card {
  min-width: 0 !important;
  margin: 0 !important;
}

.ob-footer .ob-footer-bottom {
  margin: 2rem 0 0 !important;
  padding: 1.5rem 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}

.ob-footer .ob-footer-bottom .copyright,
.ob-footer .ob-footer-bottom .copyright-template {
  margin: 0 !important;
  color: #64748b !important;
  font-size: .85rem !important;
}

@media screen and (max-width: 980px) {
  .ob-footer .ob-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem !important;
  }

  #obaksa-world-footer .ob-world-grid,
  .ob-footer #obaksa-finance-footer .ob-finance-grid {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (max-width: 640px) {
  .ob-footer {
    padding: 3rem 1.5rem 1.5rem !important;
  }

  .ob-footer .ob-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }

  .ob-footer .ob-company-details,
  .ob-footer .ob-footer-links,
  .ob-footer .ob-footer-sns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .55rem 1rem !important;
    align-items: start !important;
  }

  .ob-footer .ob-company-details li,
  .ob-footer .ob-footer-links li,
  .ob-footer .ob-footer-sns li {
    margin: 0 !important;
    min-width: 0 !important;
    font-size: .82rem !important;
    line-height: 1.45 !important;
    word-break: keep-all !important;
  }

  .ob-footer .ob-footer-sns .icon {
    margin-right: .25rem !important;
  }

  #obaksa-world-footer .ob-world-head,
  .ob-footer #obaksa-finance-footer .ob-finance-head {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #obaksa-world-footer .ob-world-refresh {
    width: 100% !important;
    min-width: 0 !important;
  }

  #obaksa-world-footer .ob-world-card {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    min-height: 136px !important;
    padding: .78rem !important;
    gap: .78rem !important;
  }

  #obaksa-world-footer .ob-world-clock {
    width: 78px !important;
    height: 78px !important;
  }

  #obaksa-world-footer .ob-world-hand.hour {
    height: 26px !important;
  }

  #obaksa-world-footer .ob-world-hand.min {
    height: 33px !important;
  }

  #obaksa-world-footer .ob-world-hand.sec {
    height: 37px !important;
  }

  .ob-footer .ob-footer-bottom {
    flex-direction: column !important;
    text-align: center !important;
  }
}
/* Footer Market Check centering */
.ob-footer #obaksa-finance-footer .ob-finance-grid {
  justify-content: center !important;
  justify-items: stretch !important;
  margin-inline: auto !important;
}

.ob-footer #obaksa-finance-footer .ob-finance-card {
  width: 100% !important;
}

/* Footer world and market merged compact */
.ob-footer #obaksa-world-footer #obaksa-finance-footer {
  margin: 1.25rem 0 0 !important;
  padding: 1.1rem !important;
  background: rgba(2, 6, 23, .16) !important;
  border-color: rgba(125, 211, 252, .16) !important;
}

.ob-footer #obaksa-world-footer .ob-world-head strong,
.ob-footer #obaksa-world-footer #obaksa-finance-footer .ob-finance-head strong {
  font-size: 1.15rem !important;
}

.ob-footer #obaksa-world-footer .ob-world-head span {
  font-size: .76rem !important;
}

.ob-footer #obaksa-world-footer .ob-world-city-name {
  font-size: .92rem !important;
}

.ob-footer #obaksa-world-footer .ob-world-tz,
.ob-footer #obaksa-world-footer .ob-world-date,
.ob-footer #obaksa-world-footer .ob-world-pill,
.ob-footer #obaksa-world-footer .ob-world-sync,
.ob-footer #obaksa-world-footer #obaksa-finance-footer .ob-finance-sync {
  font-size: .66rem !important;
}

.ob-footer #obaksa-world-footer .ob-world-time {
  font-size: 1.34rem !important;
}

.ob-footer #obaksa-world-footer .ob-world-grid {
  gap: .75rem !important;
}

.ob-footer #obaksa-world-footer .ob-world-card {
  min-height: 148px !important;
  grid-template-columns: 84px minmax(0, 1fr) !important;
  gap: .88rem !important;
  padding: .85rem !important;
}

.ob-footer #obaksa-world-footer .ob-world-clock {
  width: 76px !important;
  height: 76px !important;
}

.ob-footer #obaksa-world-footer .ob-world-hand.hour {
  height: 25px !important;
}

.ob-footer #obaksa-world-footer .ob-world-hand.min {
  height: 32px !important;
}

.ob-footer #obaksa-world-footer .ob-world-hand.sec {
  height: 36px !important;
}

.ob-footer #obaksa-world-footer #obaksa-finance-footer .ob-finance-grid {
  width: min(900px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: .62rem !important;
  justify-content: center !important;
}

.ob-footer #obaksa-world-footer #obaksa-finance-footer .ob-finance-card {
  width: 100% !important;
  min-width: 0 !important;
  padding: .8rem !important;
}

.ob-footer #obaksa-world-footer #obaksa-finance-footer .ob-finance-symbol,
.ob-footer #obaksa-world-footer #obaksa-finance-footer .ob-finance-title,
.ob-footer #obaksa-world-footer #obaksa-finance-footer .ob-finance-price {
  font-size: .85em !important;
}

@media screen and (max-width: 980px) {
  .ob-footer #obaksa-world-footer #obaksa-finance-footer .ob-finance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media screen and (max-width: 640px) {
  .ob-footer #obaksa-world-footer #obaksa-finance-footer .ob-finance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .55rem !important;
  }

  .ob-footer #obaksa-world-footer .ob-world-card {
    grid-template-columns: 66px minmax(0, 1fr) !important;
    min-height: 116px !important;
  }

  .ob-footer #obaksa-world-footer .ob-world-clock {
    width: 66px !important;
    height: 66px !important;
  }
}

/* Footer global clock compact final */
.ob-footer #obaksa-world-footer .ob-world-head strong {
  font-size: .98rem !important;
  line-height: 1.2 !important;
}

.ob-footer #obaksa-world-footer .ob-world-head span,
.ob-footer #obaksa-world-footer .ob-world-city-name,
.ob-footer #obaksa-world-footer .ob-world-tz,
.ob-footer #obaksa-world-footer .ob-world-date,
.ob-footer #obaksa-world-footer .ob-world-pill,
.ob-footer #obaksa-world-footer .ob-world-sync {
  line-height: 1.35 !important;
}

.ob-footer #obaksa-world-footer .ob-world-city-name {
  font-size: .78rem !important;
}

.ob-footer #obaksa-world-footer .ob-world-tz,
.ob-footer #obaksa-world-footer .ob-world-date,
.ob-footer #obaksa-world-footer .ob-world-pill,
.ob-footer #obaksa-world-footer .ob-world-sync {
  font-size: .56rem !important;
}

.ob-footer #obaksa-world-footer .ob-world-time {
  font-size: 1.14rem !important;
  line-height: 1.05 !important;
}

.ob-footer #obaksa-world-footer .ob-world-card {
  min-height: 126px !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: .72rem !important;
  padding: .72rem !important;
}

.ob-footer #obaksa-world-footer .ob-world-clock {
  width: 64px !important;
  height: 64px !important;
}

@media screen and (max-width: 640px) {
  .ob-footer #obaksa-world-footer .ob-world-card {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    min-height: 104px !important;
  }

  .ob-footer #obaksa-world-footer .ob-world-clock {
    width: 58px !important;
    height: 58px !important;
  }
}