.mogo-accessories-active #yith-wapo-block-1 {
	margin: 18px 0 !important;
}

.mogo-accessories-active #yith-wapo-addon-1 {
	box-sizing: border-box !important;
	padding: 18px !important;
	border: 1px solid #f1c84b !important;
	border-radius: 18px !important;
	background: #fffdf7 !important;
	box-shadow: none !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .addon-header {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: start !important;
	gap: 4px 14px !important;
	margin: 0 0 4px !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .wapo-addon-title {
	grid-column: 1 !important;
	grid-row: 1 !important;
	margin: 0 !important;
	color: #0f172a !important;
	font-size: 21px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .wapo-addon-description {
	grid-column: 1 / -1 !important;
	grid-row: 2 !important;
	margin: 0 0 12px !important;
	color: #64748b !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessories-badge {
	position: static !important;
	inset: auto !important;
	grid-column: 2 !important;
	grid-row: 1 !important;
	align-self: start !important;
	justify-self: end !important;
	box-sizing: border-box !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 10px 16px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #0f172a !important;
	color: #facc15 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	letter-spacing: .02em !important;
	text-align: center !important;
	white-space: nowrap !important;
	transform: none !important;
	box-shadow: none !important;
}

.mogo-accessories-active #yith-wapo-addon-1.mogo-accessories-badge-source-before::before,
.mogo-accessories-active #yith-wapo-addon-1.mogo-accessories-badge-source-after::after,
.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessories-badge-source-before::before,
.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessories-badge-source-after::after {
	display: none !important;
	content: none !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .options {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 8px !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .yith-wapo-option {
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	border: 1px solid #dfe5ee !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: none !important;
	transition: border-color .18s ease, background-color .18s ease !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .yith-wapo-option:hover,
.mogo-accessories-active #yith-wapo-addon-1 .yith-wapo-option.selected {
	border-color: #e3342f !important;
	background: #fffafa !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .yith-wapo-option::after,
.mogo-accessories-active #yith-wapo-addon-1 .d05-addon-status,
.mogo-accessories-active #yith-wapo-addon-1 .mogo-addon-status,
.mogo-accessories-active #yith-wapo-addon-1 .addon-status,
.mogo-accessories-active #yith-wapo-addon-1 .option-status,
.mogo-accessories-active #yith-wapo-addon-1 small.option-price {
	display: none !important;
	content: none !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .yith-wapo-option > .label,
.mogo-accessories-active #yith-wapo-addon-1 .option-container {
	display: block !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .checkbox-button-container {
	position: relative !important;
	inset: auto !important;
	display: grid !important;
	grid-template-columns: 22px minmax(0, 1fr) auto !important;
	align-items: center !important;
	column-gap: 11px !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 56px !important;
	margin: 0 !important;
	padding: 9px 13px !important;
	transform: none !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .checkboxbutton {
	position: relative !important;
	display: block !important;
	box-sizing: border-box !important;
	width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
	border: 2px solid #cbd5e1 !important;
	border-radius: 7px !important;
	background: #fff !important;
	box-shadow: none !important;
}

.mogo-accessories-active #yith-wapo-addon-1 input.yith-wapo-option-value {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .yith-wapo-option.selected .checkboxbutton,
.mogo-accessories-active #yith-wapo-addon-1 .checkboxbutton.checked {
	border-color: #e3342f !important;
	background: #e3342f !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .yith-wapo-option.selected .checkboxbutton::after,
.mogo-accessories-active #yith-wapo-addon-1 .checkboxbutton.checked::after {
	position: absolute !important;
	top: 4px !important;
	left: 6px !important;
	width: 6px !important;
	height: 10px !important;
	border: solid #fff !important;
	border-width: 0 2px 2px 0 !important;
	transform: rotate(45deg) !important;
	content: "" !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .yith-wapo-addon-label {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	width: 100% !important;
	max-width: 235px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	color: #0f172a !important;
	cursor: pointer !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessory-title,
.mogo-accessories-active #yith-wapo-addon-1 .vehicle-addon-title {
	display: block !important;
	min-width: 0 !important;
	max-width: 205px !important;
	overflow: hidden !important;
	color: #0f172a !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .yith-wapo-addon-label[data-full-title]::after {
	position: absolute;
	z-index: 80;
	bottom: calc(100% + 9px);
	left: 0;
	display: block;
	box-sizing: border-box;
	width: max-content;
	max-width: 320px;
	padding: 9px 11px;
	border-radius: 9px;
	background: #0f172a;
	color: #fff;
	box-shadow: 0 8px 22px rgba(15, 23, 42, .2);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	white-space: normal;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(4px);
	transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
	content: attr(data-full-title);
}

.mogo-accessories-active #yith-wapo-addon-1 .yith-wapo-addon-label:has(.mogo-accessory-title:hover)::after,
.mogo-accessories-active #yith-wapo-addon-1 .yith-wapo-addon-label:has(.mogo-accessory-title:focus)::after {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessory-price-group,
.mogo-accessories-active #yith-wapo-addon-1 .vehicle-addon-price-group {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: baseline !important;
	justify-content: flex-end !important;
	gap: 6px !important;
	white-space: nowrap !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessory-compare-price,
.mogo-accessories-active #yith-wapo-addon-1 .vehicle-addon-list-price,
.mogo-accessories-active #yith-wapo-addon-1 .vehicle-addon-compare-price {
	order: 1 !important;
	color: #a3acba !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	opacity: .72 !important;
	text-decoration-color: #a3acba !important;
	text-decoration-thickness: 1px !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessory-price,
.mogo-accessories-active #yith-wapo-addon-1 .vehicle-addon-price {
	order: 2 !important;
	align-self: center !important;
	color: #0f172a !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessory-price.is-free,
.mogo-accessories-active #yith-wapo-addon-1 .vehicle-addon-price.is-free {
	color: #159766 !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessory-info,
.mogo-accessories-active #yith-wapo-addon-1 .vehicle-addon-info {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 17px !important;
	height: 17px !important;
	margin-left: 2px !important;
	border: 1.5px solid #94a3b8 !important;
	border-radius: 50% !important;
	color: #64748b !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	vertical-align: 1px !important;
	cursor: help !important;
	pointer-events: auto !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessory-info::after,
.mogo-accessories-active #yith-wapo-addon-1 .vehicle-addon-info::after {
	position: absolute !important;
	z-index: 10000 !important;
	bottom: calc(100% + 10px) !important;
	left: 50% !important;
	width: max-content !important;
	max-width: 300px !important;
	padding: 9px 11px !important;
	border-radius: 9px !important;
	background: #0f172a !important;
	color: #fff !important;
	box-shadow: 0 8px 22px rgba(15, 23, 42, .18) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	text-align: left !important;
	white-space: normal !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translate(-50%, 4px) !important;
	transition: opacity .15s ease, transform .15s ease, visibility .15s ease !important;
	pointer-events: none !important;
	content: attr(data-tooltip) !important;
}

.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessory-info:hover::after,
.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessory-info:focus::after,
.mogo-accessories-active #yith-wapo-addon-1 .vehicle-addon-info:hover::after,
.mogo-accessories-active #yith-wapo-addon-1 .vehicle-addon-info:focus::after {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translate(-50%, 0) !important;
}

@media (max-width: 767px) {
	.mogo-accessories-active #yith-wapo-addon-1 {
		padding: 14px !important;
		border-radius: 14px !important;
	}

	.mogo-accessories-active #yith-wapo-addon-1 .wapo-addon-title {
		font-size: 19px !important;
	}

	.mogo-accessories-active #yith-wapo-addon-1 .addon-header {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 8px !important;
	}

	.mogo-accessories-active #yith-wapo-addon-1 .wapo-addon-title,
	.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessories-badge,
	.mogo-accessories-active #yith-wapo-addon-1 .wapo-addon-description {
		grid-column: 1 !important;
	}

	.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessories-badge {
		grid-row: 2 !important;
		justify-self: start !important;
		padding: 8px 12px !important;
		font-size: 11px !important;
	}

	.mogo-accessories-active #yith-wapo-addon-1 .wapo-addon-description {
		grid-row: 3 !important;
	}

	.mogo-accessories-active #yith-wapo-addon-1 .checkbox-button-container {
		grid-template-columns: 21px minmax(0, 1fr) auto !important;
		column-gap: 9px !important;
		min-height: 54px !important;
		padding: 9px 10px !important;
	}

	.mogo-accessories-active #yith-wapo-addon-1 .yith-wapo-addon-label {
		max-width: 170px !important;
	}

	.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessory-title,
	.mogo-accessories-active #yith-wapo-addon-1 .vehicle-addon-title {
		max-width: 145px !important;
		font-size: 14px !important;
	}

	.mogo-accessories-active #yith-wapo-addon-1 .mogo-accessory-price,
	.mogo-accessories-active #yith-wapo-addon-1 .vehicle-addon-price {
		font-size: 13px !important;
	}

	.mogo-accessories-active #yith-wapo-addon-1 .yith-wapo-addon-label[data-full-title]::after {
		max-width: min(280px, 78vw);
	}
}