/* Product-page instalments; isolated from checkout and the rental pane. */
.r4p-installments {
	min-width: 0;
	padding: 16px;
	border: 1px solid #c3d5ff;
	border-radius: 14px;
	background: linear-gradient(135deg, #eef4ff 0%, #f8faff 100%);
	color: #1e2635;
}
.r4p-installments [hidden] { display: none !important; }
.r4p-installments__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 12px;
}
.r4p-installments__badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 11px;
	border-radius: 999px;
	background: #2249af;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.5;
	letter-spacing: .02em;
}
.r4p-installments__logo {
	display: block;
	width: 100px;
	height: 25px;
	object-fit: contain;
}
.r4p-installments__title {
	margin: 0 0 8px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
}
.r4p-installments__monthly {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	line-height: 1.35;
}
.r4p-installments__monthly strong {
	color: #2249af;
	font-size: 27px;
	font-weight: 800;
	letter-spacing: -.035em;
	font-variant-numeric: tabular-nums;
}
.r4p-installments__approximately,
.r4p-installments__unit { color: #475569; font-size: 13px; }
.r4p-installments__caption {
	margin: 5px 0 0;
	color: #475569;
	font-size: 11px;
	line-height: 1.6;
}
.r4p-installments__message {
	margin: 0;
	color: #475569;
	font-size: 13px;
	line-height: 1.6;
}
.r4p-installments__details {
	margin-top: 13px;
	border-top: 1px solid #c3d5ff;
}
.r4p-installments__details > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 44px;
	margin-bottom: -8px;
	color: #2249af;
	font-size: 12px;
	font-weight: 700;
	list-style: none;
	cursor: pointer;
}
.r4p-installments__details > summary::-webkit-details-marker { display: none; }
.r4p-installments__details > summary:focus-visible {
	outline: 2px solid #2249af;
	outline-offset: 3px;
	border-radius: 4px;
}
.r4p-installments__details > summary svg { width: 20px; height: 20px; flex-shrink: 0; }
.r4p-installments__details[open] > summary svg { transform: rotate(180deg); }
.r4p-installments__instructions { padding-top: 12px; font-size: 12px; line-height: 1.7; }
.r4p-installments__instructions ol { margin: 0; padding-left: 18px; list-style: decimal; }
.r4p-installments__instructions li + li { margin-top: 5px; }
.r4p-installments__instructions p { margin: 10px 0 0; color: #475569; font-size: 11px; }