/**
 * xAuto Product Benefits v1.0.2
 * Două carduri premium, compacte și lizibile în sumarul paginii de produs.
 */

body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit {
	--xapb-red: #dc2626;
	--xapb-red-dark: #991b1b;
	--xapb-ink: #18181b;
	--xapb-muted: #52525b;
	margin-top: 12px !important;
	padding: 0 !important;
	min-width: 0 !important;
}

body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-widget-container {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon-box-wrapper {
	position: relative !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	grid-template-rows: auto !important;
	align-items: start !important;
	gap: 0 !important;
	width: 100% !important;
	min-height: 0 !important;
	padding: 13px 16px !important;
	background:
		linear-gradient(105deg, rgba(220, 38, 38, .055), rgba(255, 255, 255, 0) 46%),
		#fff !important;
	border: 1px solid #e4e4e7 !important;
	border-left: 3px solid rgba(220, 38, 38, .38) !important;
	border-radius: 16px !important;
	box-shadow: 0 8px 24px rgba(24, 24, 27, .07) !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon-box-wrapper:hover {
	border-color: rgba(220, 38, 38, .32) !important;
	border-left-color: rgba(220, 38, 38, .52) !important;
	box-shadow: 0 12px 30px rgba(24, 24, 27, .1) !important;
	transform: translateY(-1px) !important;
}

body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon-box-icon {
	display: none !important;
}

body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	background: transparent !important;
	color: var(--xapb-red) !important;
}

body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon > svg,
body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon > i {
	display: none !important;
}

body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon::before {
	content: '' !important;
	display: block !important;
	width: 27px !important;
	height: 27px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
}

body.single-product .elementor-element.xauto-product-benefit--delivery .elementor-icon::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 10h4l3 3v3h-7zM5 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM18 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM7 17h9'/%3E%3C/svg%3E") !important;
}

body.single-product .elementor-element.xauto-product-benefit--finance .elementor-icon::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 15h3M16.5 13.5l1.2 1.2 2-2.3'/%3E%3C/svg%3E") !important;
}

body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon-box-content {
	grid-column: 1 !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon-box-title {
	margin: 0 0 5px !important;
	padding: 0 !important;
	color: var(--xapb-ink) !important;
	font-family: Poppins, system-ui, sans-serif !important;
	font-size: 14.5px !important;
	font-weight: 750 !important;
	line-height: 1.32 !important;
	letter-spacing: -.018em !important;
	overflow-wrap: anywhere !important;
}

body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon-box-title > * {
	color: inherit !important;
	font: inherit !important;
}

body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon-box-description {
	margin: 0 !important;
	padding: 0 !important;
	color: var(--xapb-muted) !important;
	font-family: Inter, system-ui, sans-serif !important;
	font-size: 12.75px !important;
	font-weight: 500 !important;
	line-height: 1.44 !important;
	letter-spacing: 0 !important;
	overflow-wrap: anywhere !important;
}

@media (max-width: 767px) {
	body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit {
		margin-top: 8px !important;
	}

	body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon-box-wrapper {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 0 !important;
		min-height: 0 !important;
		padding: 12px 13px !important;
		border-radius: 14px !important;
	}

	body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon-box-icon {
		width: 44px !important;
		height: 44px !important;
		border-radius: 12px !important;
	}

	body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon {
		width: 24px !important;
		height: 24px !important;
	}

	body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon::before {
		width: 24px !important;
		height: 24px !important;
	}

	body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon-box-title {
		margin-bottom: 4px !important;
		font-size: 13.5px !important;
		line-height: 1.34 !important;
	}

	body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon-box-description {
		font-size: 12.5px !important;
		line-height: 1.42 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.single-product .elementor-element.elementor-widget-icon-box.xauto-product-benefit .elementor-icon-box-wrapper {
		transition: none !important;
	}
}