.wpam-credit { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; max-width: none; margin: 0 auto; align-items: start; }
.wpam-credit > * { min-width: 0; }
.wpam-credit__form, .wpam-credit__result { background: var(--wpam-surface, #fff); border: 1px solid var(--wpam-line, #e3e5ea); border-radius: 16px; padding: 22px; box-shadow: 0 1px 2px rgba(20,24,31,.04); }
.wpam-credit label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 16px; color: var(--wpam-ink, #14181f); }
.wpam-credit label small { font-weight: 400; color: var(--wpam-ink-soft, #4b5361); }
.wpam-credit input[type="text"], .wpam-credit input[type="number"], .wpam-credit select { width: 100%; box-sizing: border-box; margin-top: 6px; padding: 12px 14px; border: 1px solid var(--wpam-line-strong, #cbd0d9); border-radius: 10px; font-size: 16px; background: #fff; }
.wpam-credit input[type="range"] { width: 100%; margin-top: 10px; accent-color: var(--wpam-accent, #ff5a1f); }
.wpam-credit__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.wpam-credit__row > label { min-width: 0; }
.wpam-credit__result { position: static; overflow: hidden; background: var(--wpam-chrome-bg, #14181f); color: #fff; border: 0; }
.wpam-credit__label { font-size: 13px; opacity: .8; }
.wpam-credit__monthly { display: block; font-size: 34px; line-height: 1.15; margin: 6px 0 16px; color: var(--wpam-gold, #f2a93b); font-family: var(--wpam-font-display, inherit); }
.wpam-credit dl { margin: 0 0 18px; display: grid; gap: 10px; }
.wpam-credit dl div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,.14); padding-bottom: 8px; }
.wpam-credit dt { opacity: .8; }
.wpam-credit dd { margin: 0; font-weight: 700; text-align: right; }
.wpam-credit__result .wpam-button { display: block; text-align: center; }
.wpam-credit__note { grid-column: 1 / -1; font-size: 12.5px; color: var(--wpam-ink-faint, #8b93a3); margin: 0; }
.wpam-credit__form, .wpam-credit__result { position: relative; overflow-wrap: anywhere; }
.wpam-credit__form br, .wpam-credit__result br, .wpam-credit > br, .wpam-credit > p:empty { display: none; }
.wpam-credit__monthly { font-size: clamp(24px, 4vw, 34px); overflow-wrap: anywhere; }
.wpam-credit dl div { align-items: baseline; }
.wpam-credit dd { flex: 0 1 auto; min-width: 0; }
@media (max-width: 767px) {
	.wpam-credit__monthly { font-size: 26px; }
}
/* Dua kolom hanya bila kolom isi benar-benar lebar (>= 960px); selain itu ditumpuk agar tidak saling menimpa */
@container wpam-main (min-width: 960px) {
	.wpam-credit { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
	.wpam-credit__result { position: sticky; top: calc(var(--wpam-header-h, 64px) + 16px); }
}
@supports not (container-type: inline-size) {
	@media (min-width: 1280px) {
		.wpam-credit { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
	}
}

.wpam-credit__match{grid-column:1/-1;margin-top:8px}.wpam-credit__match h3{margin:0 0 4px}
.wpam-credit__sub{margin:0 0 14px;font-size:13px;color:var(--wpam-ink-soft,#4b5361)}
.wpam-credit__empty{padding:14px;border-radius:12px;background:var(--wpam-surface,#fff);border:1px solid var(--wpam-line,#e3e5ea)}

/* v1.99.48: hasil promo cocok -> slider geser di HP/tablet, grid di desktop */
@media (max-width: 1024px) {
  .wpam-credit__scroller { display: flex !important; flex-wrap: nowrap; overflow-x: auto; gap: 12px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 8px; }
  .wpam-credit__scroller > * { flex: 0 0 78%; max-width: 78%; scroll-snap-align: start; }
}
@media (min-width: 641px) and (max-width: 1024px) {
  .wpam-credit__scroller > * { flex-basis: 46%; max-width: 46%; }
}