/* size calculate — shared (modal + inline) */
.size-calculate{color:#2A2D2E}
.size-calculate .form-group{margin-bottom:24px}
.size-calculate .label-control{color:#2A2D2E;margin-bottom:8px;border-radius:4px}
.size-calculate .form-control{border:1px solid #838A8E;border-radius:4px;padding:12px;height:auto;line-height:1.2}
.size-calculate input.form-control:not(:placeholder-shown){border-color:#2A2D2E}
.size-calculate .subgroup{display:flex;gap:12px;align-items:center;margin-bottom:4px}
.size-calculate .js-unit-short{width:20px;min-width:20px}
.size-calculate hr{border-color:#EBECED}
.size-calculate .size-calculate-info{font-size:12px;font-weight:350;line-height:1.4}
.size-calculate .btn-size-calculate{min-width:200px}
.size-calculate-subtitle{font-size:14px;font-weight:450;color:#2A2D2E;margin-bottom:24px}
.size-calculate-units{display:flex;gap:12px;margin-bottom:24px}
.size-calculate-units .radio-inline{cursor:pointer}
.size-calculate-units .radio-inline span{display:inline-block;color:#838A8E;font-size:14px;line-height:1.4;padding:0 0 4px;border-bottom:1px solid transparent}
.size-calculate-units .radio-inline input[type="radio"]{display:none}
.size-calculate-units .radio-inline input[type="radio"]:checked + span{color:#2A2D2E;border-bottom-color:#2A2D2E}
.size-calculate-tip{font-size:12px;font-weight:350}
.size-calculate-result{margin:0 0 24px;padding:24px}
.size-calculate-result span{font-weight:450}
.size-calculate-result.alert-danger{background-color:#f8d7da;border-color:#f8d7da}
.size-calculate-result.alert-success{background-color:#B2AEA1;border-color:#B2AEA1;color:#fff}

/* size calculate — modal only */
.size-calculate-modal{color:#2A2D2E}
.size-calculate-modal .modal-dialog{max-width:456px}
.size-calculate-modal .modal-header{border-bottom:0}
.size-calculate-modal .modal-header .modal-title{letter-spacing:0.4px;padding-bottom:16px}
.size-calculate-modal .size-calculate-result{margin:0 -48px 24px;padding:24px 48px}

/* size calculate — inline (information page) */
.size-calculate-inline{max-width:456px}

@media (min-width:768px) {
    .size-calculate-modal .modal-header .modal-title{padding-bottom:40px}
}