/* Розстрочка (asp_installment) — спирається на стилі теми, як buyoneclick.css */

#asp-installment-modal .modal-dialog{max-width:500px}

/* Блок товару — та сама розкладка, що у «Быстрый заказ» */
.asp-product-info{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}
.asp_product_name{width:100%}
.asp_product_name .h4{font-size:1rem;font-weight:500}
.asp_product_price .h4{font-weight:700;color:var(--dark-text)}

/* Щомісячний платіж — головне число вікна */
.asp_monthly{display:flex;align-items:center;justify-content:space-between;gap:1rem;
	border:1px solid var(--grey-border);border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem}
.asp_monthly-label{font-size:.875rem;line-height:1.43;color:var(--light-text)}
.asp_monthly-value{font-size:1.5rem;font-weight:700;line-height:1;white-space:nowrap}
.asp_monthly-value .currency{font-size:1rem}

.asp_totals{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--grey-border)}
.asp_total-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.5rem}
.asp_total-row:last-child{margin-bottom:0}
.asp_total-row .text{font-size:.875rem;line-height:1.43;color:var(--light-text)}
.asp_total-row .value{font-weight:700;text-align:right;color:var(--dark-text)}

.asp_description{font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}

.asp_alert{display:none;margin-bottom:1rem;font-size:.875rem}

/* Помилки полів — показуються лише на .has-error, як у buyoneclick */
.asp_fields_wrap .text-alert{display:none;font-size:.75rem;line-height:1.3;margin-top:.25rem}
.asp_fields_wrap .has-error .text-alert{display:block}
.asp_required .control-label:before{content:"*";display:inline-block;color:red;font-weight:700;margin-right:.25rem}

/* Honeypot — прихований від людей, видимий ботам */
.asp_hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

#asp_submit{display:block;margin-left:auto;margin-right:auto}
#asp_submit[disabled]{opacity:.65;cursor:default}

.asp_success_alert{font-size:1rem;font-weight:500;line-height:1.5;text-align:center}

@media screen and (min-width:576px){
	.asp-product-info{flex-direction:row;align-items:flex-start}
	.asp_product_thumb{width:120px;min-width:120px;margin-right:30px}
	.asp_monthly-value{font-size:2rem}
	.asp_monthly-value .currency{font-size:1.25rem}
}