:root {
	--space: 40px;
	@media (max-width: 991px) {
		--space: 16px;
	}
}

/* thumb */
.recurring-title-thumb {font-weight: 500; color: var(--primary);}
@media (max-width: 991px) {
	.recurring-title-thumb {font-size: 12px;}
}
/* thumb */

/* modal */
#recurringModal .modal-content {padding: var(--space) 0 0;}
#recurringModal .modal-header {margin-bottom: var(--space);}
#recurringModal .modal-body {display: flex; flex-direction: column; gap: 40px;}
#recurringModal .modal-header, #recurringModal .modal-body, #recurringModal .modal-footer {padding: 0 var(--space); border: none;}
#recurringModal .modal-footer {padding: var(--space);}
#recurringModal .recurring-title-info {color: #000; margin-bottom: 24px; font-weight: 600;}
@media (min-width: 576px) {
	#recurringModal .modal-dialog {max-width: 580px;}
}
@media (max-width: 991px) {
	.btn-recurring {font-size: 12px !important; padding: 12px 2px !important;}
}
/* modal */

/* titulo e preco */
#recurringModal .recurring-product-info {line-height: normal;}
#recurringModal .recurring-title-modal {font-size: 24px; color: var(--primary); font-weight: 700;}
#recurringModal .recurring-product-title {font-size: 16px; font-weight: 600;}
#recurringModal .recurring-product-price-old {font-size: 12px; text-decoration-line: line-through;}
#recurringModal .recurring-product-price {font-size: 24px; font-weight: 700; color: var(--primary);}
#recurringModal .recurring-product-installment {font-size: 12px;}
@media (max-width: 991px) {
	#recurringModal .recurring-title-modal {font-size: 14px;}
}
/* titulo e preco */

/* opcoes */
#recurringModal .recurring-option label {padding: 16px; border-radius: 8px; border: 1px solid #E5E6E6; background: #fff; width: 100%; cursor: pointer;}
#recurringModal .recurring-option label.active {background: #EFF0F0;}
#recurringModal .recurring-option label {display: flex; gap: 8px; align-items: center;}
input[type="radio"] {appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 2px solid var(--primary); border-radius: 50%; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center;padding: 0 !important;}
input[type="radio"]:checked::before {content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: var(--primary);position: absolute;}
/* opcoes */

/* simulador */
#recurringModal .recurring-bar-shipping-simulator {height: 8px; width: 100%; background: #E5E6E6; border-radius: 100px;}
#recurringModal .circle {background: var(--primary); width: 14px; height: 14px; border-radius: 14px; margin-top: -3px;}
#recurringModal .info-shipping i {font-size: 24px; color: var(--primary); display: flex;}
#recurringModal .info-shipping b {font-size: 16px; color: var(--primary);}
#recurringModal .recurring-date {font-weight: 600;}
#recurringModal .recurring-notice {font-size: 12px; color: #3D4342;}
@media (max-width: 991px) {
	#recurringModal .info-shipping b {font-size: 12px;}
	#recurringModal .info-shipping i {font-size: 18px;}
	#recurringModal .recurring-date {font-size: 12px;}
}
/* simulador */

/* por que comprar */
#recurringModal .recurring-hr {height: 1px; background: #EFF0F0; margin: 16px 0;}
#recurringModal .reasons-sign .reason:last-child .recurring-hr {background: #fff;}
#recurringModal .reason i {color: var(--green);}
/* por que comprar */