#sjhb-recharge-shop {
  max-width: 56rem;
  margin: 0 auto 1.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  background: #fff;
  color: #111827;
  overflow: hidden;
}
#sjhb-recharge-shop .sjhb-shop-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1.25rem;
  border-bottom: 1px solid #e5e7eb;
}
#sjhb-recharge-shop h2 { margin: 0; font-size: 1.125rem; font-weight: 650; }
#sjhb-recharge-shop p { margin: .375rem 0 0; font-size: .875rem; color: #6b7280; }
#sjhb-recharge-shop nav { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
#sjhb-recharge-shop a { color: #2563eb; text-decoration: none; font-size: .875rem; white-space: nowrap; }
#sjhb-recharge-shop a:hover { text-decoration: underline; }
#sjhb-recharge-shop .sjhb-shop-redeem {
  padding: .5rem .8rem;
  border: 1px solid #bfdbfe;
  border-radius: .5rem;
  background: #eff6ff;
}
#sjhb-recharge-shop iframe { display: block; width: 100%; height: 760px; height: clamp(560px, 76vh, 960px); border: 0; background: #fff; }
.dark #sjhb-recharge-shop { background: #111827; color: #f9fafb; border-color: #374151; }
.dark #sjhb-recharge-shop .sjhb-shop-header { border-color: #374151; }
.dark #sjhb-recharge-shop p { color: #9ca3af; }
.dark #sjhb-recharge-shop a { color: #93c5fd; }
.dark #sjhb-recharge-shop .sjhb-shop-redeem { background: #172554; border-color: #1e40af; }
@media (max-width: 640px) {
  #sjhb-recharge-shop .sjhb-shop-header { padding: 1rem; }
  #sjhb-recharge-shop iframe { height: 78vh; min-height: 560px; }
}