.omar-bundle-builder-enabled form.variations_form > .variations,
.omar-bundle-builder-enabled form.variations_form > .single_variation_wrap {
	display: none !important;
}

.omar-bundle-builder {
	--ob-primary: #0f274b;
	--ob-primary-hover: #091d39;
	--ob-green: #16834e;
	--ob-green-hover: #10693d;
	--ob-red: #c62828;
	--ob-text-strong: #111827;
	--ob-text: #253047;
	--ob-muted: #4b5563;
	--ob-border: #ccd4df;
	--ob-border-light: #e3e7ed;
	--ob-surface-soft: #f7f9fc;
	--ob-surface-active: #eef3f9;

	width: 100%;
	margin: 18px 0 26px;
	font-family: inherit;
	color: var(--ob-text-strong);
}

.omar-bundle-builder *,
.omar-bundle-builder *::before,
.omar-bundle-builder *::after {
	box-sizing: border-box;
}

.omar-bundle-builder__heading {
	margin-bottom: 16px;
}

.omar-bundle-builder__heading h3 {
	margin: 0 0 4px;
	padding: 0;
	color: var(--ob-text-strong) !important;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.4;
}

.omar-bundle-builder__heading p {
	margin: 0;
	color: var(--ob-muted) !important;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.6;
}

.omar-bundle-builder__offers {
	display: flex;
	flex-direction: column;
	gap: 13px;
}

.omar-bundle-offer {
	position: relative;
	background: #fff !important;
	border: 1.5px solid var(--ob-border);
	border-radius: 12px;
	overflow: visible;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.omar-bundle-offer:hover {
	border-color: #9aa9bc;
}

.omar-bundle-offer.is-active {
	border-color: var(--ob-primary) !important;
	box-shadow: 0 8px 26px rgba(15, 39, 75, .10);
}

.omar-bundle-offer__choose {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr) auto;
	align-items: center;
	gap: 13px;
	width: 100%;
	min-height: 86px;
	margin: 0;
	padding: 17px 18px;
	background: transparent !important;
	border: 0 !important;
	color: var(--ob-text-strong) !important;
	font-family: inherit;
	text-align: right;
	cursor: pointer;
	appearance: none;
}

.omar-bundle-offer.is-active .omar-bundle-offer__choose {
	background: var(--ob-surface-active) !important;
}

.omar-bundle-offer__radio {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 2px solid #aab4c2;
	border-radius: 50%;
}

.omar-bundle-offer__radio span {
	width: 10px;
	height: 10px;
	background: var(--ob-primary);
	border-radius: 50%;
	transform: scale(0);
	transition: transform .15s ease;
}

.omar-bundle-offer.is-active .omar-bundle-offer__radio {
	border-color: var(--ob-primary);
}

.omar-bundle-offer.is-active .omar-bundle-offer__radio span {
	transform: scale(1);
}

.omar-bundle-offer__main {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
	min-width: 0;
}

.omar-bundle-offer__title {
	color: var(--ob-text-strong) !important;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.5;
}

.omar-bundle-offer__shipping {
	color: var(--ob-green) !important;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.5;
}

.omar-bundle-offer__needed {
	color: var(--ob-muted) !important;
	font-size: 11px;
	font-weight: 600;
}

.omar-bundle-offer__price {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: max-content;
	opacity: 1 !important;
	visibility: visible !important;
}

.omar-offer-pricing {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 3px;
	white-space: nowrap;
}

.omar-bundle-builder .omar-offer-old-price,
.omar-bundle-builder .omar-offer-old-price .woocommerce-Price-amount,
.omar-bundle-builder .omar-offer-old-price bdi,
.omar-bundle-builder .omar-offer-old-price .woocommerce-Price-currencySymbol {
	color: var(--ob-red) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	opacity: 1 !important;
	text-decoration: line-through !important;
	text-decoration-thickness: 1.5px !important;
}

.omar-bundle-builder .omar-offer-sale-price,
.omar-bundle-builder .omar-offer-sale-price .woocommerce-Price-amount,
.omar-bundle-builder .omar-offer-sale-price bdi,
.omar-bundle-builder .omar-offer-sale-price .woocommerce-Price-currencySymbol {
	color: var(--ob-green) !important;
	background: transparent !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	opacity: 1 !important;
	text-decoration: none !important;
}

.omar-bundle-offer__badge {
	position: absolute;
	top: -11px;
	right: 18px;
	z-index: 10;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 23px;
	padding: 4px 11px;
	background: var(--ob-green) !important;
	border: 1px solid var(--ob-green);
	border-radius: 999px;
	color: #fff !important;
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	white-space: nowrap;
	box-shadow: 0 4px 12px rgba(22, 131, 78, .22);
}

.omar-bundle-offer__config {
	padding: 17px 18px 18px;
	background: #fff;
	border-top: 1px solid var(--ob-border-light);
	border-radius: 0 0 11px 11px;
}

.omar-bundle-offer__config[hidden] {
	display: none !important;
}

.omar-bundle-pieces {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.omar-bundle-piece {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 12px;
	padding: 13px;
	background: var(--ob-surface-soft) !important;
	border: 1px solid #dde3eb;
	border-radius: 9px;
}

.omar-bundle-piece__number {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 43px;
	background: var(--ob-primary) !important;
	border-radius: 7px;
	color: #fff !important;
	font-size: 13px;
	font-weight: 800;
}

.omar-bundle-piece__attributes {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.omar-bundle-field {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.omar-bundle-field label {
	margin: 0;
	color: var(--ob-text) !important;
	font-size: 11px;
	font-weight: 700;
}

.omar-bundle-field select {
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 0 11px;
	background: #fff !important;
	border: 1.5px solid #c8d0db !important;
	border-radius: 7px;
	color: #111827 !important;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	opacity: 1 !important;
	outline: none;
}

.omar-bundle-field select:focus {
	border-color: var(--ob-primary) !important;
	box-shadow: 0 0 0 3px rgba(15, 39, 75, .08);
}

.omar-bundle-message {
	min-height: 19px;
	margin: 12px 1px 9px;
	color: var(--ob-red) !important;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
}

.omar-bundle-message.is-success {
	color: var(--ob-green) !important;
}

.omar-bundle-actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	width: 100%;
}

.omar-bundle-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 52px;
	margin: 0;
	padding: 0 16px;
	border-radius: 8px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
	transition: background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.omar-bundle-add-button {
	background: var(--ob-primary) !important;
	border: 1.5px solid var(--ob-primary) !important;
	color: #fff !important;
}

.omar-bundle-add-button:hover:not(:disabled) {
	background: var(--ob-primary-hover) !important;
	border-color: var(--ob-primary-hover) !important;
	transform: translateY(-1px);
}

.omar-bundle-buy-now-button {
	background: var(--ob-green) !important;
	border: 1.5px solid var(--ob-green) !important;
	color: #fff !important;
	box-shadow: 0 5px 14px rgba(22, 131, 78, .17);
}

.omar-bundle-buy-now-button:hover:not(:disabled) {
	background: var(--ob-green-hover) !important;
	border-color: var(--ob-green-hover) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

.omar-bundle-action:disabled {
	background: #e5e7eb !important;
	border-color: #d1d5db !important;
	color: #6b7280 !important;
	opacity: 1 !important;
	cursor: not-allowed;
	box-shadow: none !important;
	transform: none !important;
}

.omar-bundle-action__loader {
	display: none;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, .40);
	border-top-color: #fff;
	border-radius: 50%;
	animation: omarBundleSpin .7s linear infinite;
}

.omar-bundle-action.is-loading .omar-bundle-action__loader {
	display: block;
}

@keyframes omarBundleSpin {
	to { transform: rotate(360deg); }
}

.omar-bundle-success {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 14px;
	padding: 12px 14px;
	background: #edf8f2;
	border: 1px solid #cce8d9;
	border-radius: 8px;
	color: #175c3a !important;
	font-size: 12px;
	font-weight: 700;
}

.omar-bundle-success[hidden] {
	display: none !important;
}

.omar-bundle-success a {
	color: #104d30 !important;
	font-weight: 800;
	text-decoration: underline;
}

@media (max-width: 767px) {
	.omar-bundle-builder {
		margin-top: 14px;
	}

	.omar-bundle-builder__heading h3 {
		font-size: 18px;
	}

	.omar-bundle-offer__choose {
		grid-template-columns: 20px minmax(0, 1fr);
		gap: 10px;
		padding: 16px 14px;
	}

	.omar-bundle-offer__price {
		grid-column: 2;
		justify-self: start;
		margin-top: 3px;
	}

	.omar-offer-pricing {
		align-items: flex-start;
	}

	.omar-bundle-offer__config {
		padding: 14px;
	}

	.omar-bundle-piece {
		grid-template-columns: 40px minmax(0, 1fr);
		padding: 10px;
	}

	.omar-bundle-piece__attributes {
		grid-template-columns: 1fr;
	}

	.omar-bundle-offer__badge {
		right: auto;
		left: 12px;
	}
}

@media (max-width: 480px) {
	.omar-bundle-actions {
		grid-template-columns: 1fr;
	}

	.omar-bundle-action {
		min-height: 50px;
	}
}

.omar-bundle-action:focus-visible,
.omar-bundle-offer__choose:focus-visible {
	outline: 3px solid rgba(15, 39, 75, .22);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.omar-bundle-offer,
	.omar-bundle-action,
	.omar-bundle-offer__radio span {
		transition: none;
	}

	.omar-bundle-action__loader {
		animation: none;
	}
}