/* ============ IGB Product Installments — moduł rat na PDP ============ */
/* Wzorzec: dekort-meble.pl (dk-installments), akcenty dopasowane do igameble (#E53935). */

.igb-installments { margin-top: 14px; }
.igb-installments--hidden { display: none; }
.igb-installments__heading { font-size: 13px; color: #555; margin-bottom: 8px; letter-spacing: .02em; }

/* Rząd logotypów banków */
.igb-installments__row { display: flex; align-items: stretch; gap: 10px; }
.igb-bank { position: relative; overflow: hidden; flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; padding: 10px 12px; border: 1px solid #e6e6e6; background: #fff; transition: border-color .2s, box-shadow .2s; }
a.igb-bank:hover { border-color: #E53935; box-shadow: 0 2px 10px rgb(0 0 0 / .06); }
.igb-bank img { display: block; width: 100%; height: 34px; object-fit: contain; }

/* Wstążka „Raty 0%" — prawy górny róg po ukosie */
.igb-bank__ribbon { position: absolute; top: 10px; right: -29px; transform: rotate(45deg); background: #da2128; color: #fff; font-size: 9.5px; font-weight: 700; letter-spacing: .04em; line-height: 1; padding: 3px 26px 3px 46px; box-shadow: 0 1px 3px rgb(0 0 0 / .25); pointer-events: none; }

/* Symulator rat */
.igb-sim { margin: 4px 0 14px; padding: 12px 14px; background: #faf7f1; border: 1px solid #eee; }
.igb-sim__lead { margin: 0 0 8px; font-size: 15px; color: #222; }
.igb-sim__lead .igb-sim__rate { color: #E53935; font-size: 19px; font-weight: 700; }
.igb-sim__pick { display: flex; align-items: center; gap: 8px; font-size: 13px; margin: 0 0 8px; }
.igb-sim__select { padding: 6px 8px; border: 1px solid #ddd; background: #fff; font-size: 13px; max-width: 100%; }
.igb-sim__detail { margin: 0 0 6px; font-size: 13px; color: #444; }
.igb-sim__note { margin: 0; font-size: 11px; color: #8a8a8a; line-height: 1.45; }
.igb-sim__note a { color: #E53935; }

/* Mobile: bank z ratami 0% (wstążka) pierwszy na pełną szerokość, pozostałe w rzędzie. */
@media (max-width: 480px) {
	.igb-installments__row { flex-wrap: wrap; }
	.igb-installments__row .igb-bank { flex: 1 1 calc(50% - 5px); }
	.igb-installments__row .igb-bank:has(.igb-bank__ribbon) { order: -1; flex: 1 1 100%; }
}