.topup-box {
  /* מצב סגור כברירת מחדל */
  max-height: 0;
  opacity: 0;
  overflow: hidden;

  /* עיצוב */
  margin-top: 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fafafa;
  box-shadow: 0 2px 5px rgba(0,0,0,.05);

  /* האנימציה */
  transition: max-height .35s ease, opacity .25s ease;
  will-change: max-height, opacity;
}
.topup-box.is-open {
  /* מצב פתוח – הערכים בפועל יוזנו אינליין ב-JS לפי הגובה האמיתי */
  opacity: 1;
}

/* שאר העיצוב כבעבר */
.topup-box p { margin-bottom:10px; font-weight:500; color:#333; }
.topup-box form select {
  width:100%; padding:8px 10px; margin-bottom:12px;
  border-radius:6px; border:1px solid #ccc; background:#fff;
  transition:border-color .2s ease;
}
.topup-box form select:focus { border-color:#663399; outline:none; }
.topup-box form .button {
  background:#663399; color:#fff; border:none; padding:10px 16px;
  border-radius:6px; cursor:pointer; font-weight:500; transition:background .25s ease;
}
.topup-box form .button:hover { background:#552988; }