/* MR Bundle & Save */
.mrbs-wrap {
	--mrbs-green: #004E28;
	--mrbs-green-dark: #003a1e;
	--mrbs-gold: #C9A10D;
	--mrbs-red: #C9A10D;
	--mrbs-border: #e2e2e2;
	--mrbs-grey: #f4f4f4;
	--mrbs-text: #1a1a1a;
	--mrbs-muted: #8a8a8a;
	max-width: 560px;
	font-family: inherit;
	color: var(--mrbs-text);
	margin: 0 0 24px;
}

.mrbs-heading {
	text-align: center;
	font-weight: 700;
	letter-spacing: .06em;
	font-size: 13px;
	color: var(--mrbs-text);
	position: relative;
	margin: 0 0 18px;
}
.mrbs-heading span { background: #fff; padding: 0 14px; position: relative; z-index: 1; }
.mrbs-heading::before {
	content: "";
	position: absolute;
	left: 0; right: 0; top: 50%;
	height: 1px;
	background: var(--mrbs-green);
	opacity: .5;
}

.mrbs-options { display: flex; flex-direction: column; gap: 12px; }

.mrbs-option {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1.5px solid var(--mrbs-border);
	background: var(--mrbs-grey);
	border-radius: 10px;
	padding: 16px 18px;
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease;
}
.mrbs-option.is-selected {
	border-color: var(--mrbs-green);
	background: #fff;
}
.mrbs-option input { position: absolute; opacity: 0; pointer-events: none; }

.mrbs-radio {
	flex: 0 0 auto;
	width: 20px; height: 20px;
	border-radius: 50%;
	border: 2px solid #c4c4c4;
	position: relative;
	transition: border-color .15s ease;
}
.mrbs-option.is-selected .mrbs-radio { border-color: var(--mrbs-green); }
.mrbs-option.is-selected .mrbs-radio::after {
	content: "";
	position: absolute;
	inset: 3px;
	border-radius: 50%;
	background: var(--mrbs-green);
}

.mrbs-info { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; }
.mrbs-label { font-weight: 600; font-size: 16px; line-height: 1.25; }
.mrbs-sub { font-size: 12px; color: var(--mrbs-muted); }

.mrbs-price { text-align: right; display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; }
.mrbs-price-now { font-weight: 700; font-size: 16px; }
.mrbs-price-was { font-size: 12px; color: var(--mrbs-muted); text-decoration: line-through; }

.mrbs-badge {
	position: absolute;
	top: -10px; right: 14px;
	background: var(--mrbs-gold);
	color: #1a1a1a;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .03em;
	padding: 3px 10px;
	border-radius: 4px;
}

.mrbs-actions { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; }
.mrbs-btn {
	width: 100%;
	border-radius: 30px;
	padding: 15px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	border: 1.5px solid var(--mrbs-green);
	transition: opacity .15s ease, background .15s ease;
}
.mrbs-buy { background: var(--mrbs-gold); color: #fff; border-color: var(--mrbs-gold); }
.mrbs-buy:hover { background: #b08d0b; border-color: #b08d0b; }
.mrbs-btn.is-loading { opacity: .6; pointer-events: none; }

.mrbs-cart-tag { color: var(--mrbs-green, #004E28); font-weight: 600; }

.mrbs-timer-wrap { text-align: center; margin-top: 20px; font-size: 15px; }
.mrbs-timer-label { color: var(--mrbs-text); }
.mrbs-timer { display: block; margin-top: 6px; font-size: 26px; font-weight: 700; color: var(--mrbs-red); font-variant-numeric: tabular-nums; }

.mrbs-option:focus-within { outline: 2px solid var(--mrbs-green); outline-offset: 2px; }

@media (max-width: 480px) {
	.mrbs-label { font-size: 15px; }
	.mrbs-timer { font-size: 22px; }
}