/* בידוד מלא מול תבנית האתר / CMP / LiteSpeed */

html body.hm-ac-promo-page-active #primary.site-main,
html body.hm-ac-promo-page-active #primary.site-main.hm-ac-promo-template,
html body.hm-ac-promo-page-active .hm-ac-promo-template,
html body.hm-ac-promo-page-active .content-area,
html body.hm-ac-promo-page-active #content,
html body.hm-ac-promo-page-active .site-content,
html body.hm-ac-promo-page-active .entry-content,
html body.hm-ac-promo-page-active article.page,
html body.hm-ac-promo-page-active .hentry {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	background: #f4f1fa !important;
	float: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body.hm-ac-promo-page-active .entry-header,
html body.hm-ac-promo-page-active .page-header,
html body.hm-ac-promo-page-active .entry-title,
html body.hm-ac-promo-page-active .page-title,
html body.hm-ac-promo-page-active .entry-footer,
html body.hm-ac-promo-page-active .post-thumbnail,
html body.hm-ac-promo-page-active .entry-meta {
	display: none !important;
}

#hm-annual-chart-promo.hm-ac-promo,
#hm-annual-chart-promo.hm-ac-promo * {
	box-sizing: border-box !important;
}

#hm-annual-chart-promo.hm-ac-promo {
	position: relative !important;
	min-height: 70vh !important;
	color: #1b1b28 !important;
	padding: 32px 0 80px !important;
	margin: 0 !important;
	font-family: "פולין", "Polin", sans-serif !important;
	line-height: 1.4 !important;
	background: transparent !important;
	width: 100% !important;
	max-width: none !important;
}

#hm-annual-chart-promo .hm-ac-promo__bg {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	pointer-events: none !important;
	background:
		radial-gradient(900px 420px at 90% -10%, rgba(123, 63, 173, 0.45), transparent 60%),
		radial-gradient(700px 380px at 8% 12%, rgba(203, 30, 83, 0.28), transparent 55%),
		radial-gradient(640px 340px at 70% 100%, rgba(250, 133, 4, 0.22), transparent 55%) !important;
}

#hm-annual-chart-promo .hm-ac-promo__inner {
	position: relative !important;
	z-index: 1 !important;
	width: min(1080px, calc(100% - 32px)) !important;
	margin: 0 auto !important;
}

#hm-annual-chart-promo .hm-ac-promo-hero {
	text-align: center !important;
	margin: 8px 0 28px !important;
}

#hm-annual-chart-promo .hm-ac-promo-hero__kicker {
	margin: 0 0 6px !important;
	color: #7b3fad !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	font-size: 14px !important;
}

#hm-annual-chart-promo .hm-ac-promo-hero h1 {
	margin: 0 0 10px !important;
	color: #5b2d91 !important;
	font-size: clamp(26px, 4vw, 40px) !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	background: none !important;
	border: 0 !important;
	padding: 0 !important;
}

#hm-annual-chart-promo .hm-ac-promo-hero p {
	margin: 0 auto !important;
	max-width: 560px !important;
	color: #4a4768 !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
}

#hm-annual-chart-promo .hm-ac-promo-panel {
	background: #fff !important;
	border: 1px solid #e6e4f0 !important;
	border-radius: 20px !important;
	padding: 22px 22px 24px !important;
	box-shadow: 0 10px 30px rgba(38, 35, 90, 0.06) !important;
}

#hm-annual-chart-promo .hm-ac-promo__status {
	text-align: center !important;
	color: #5b2d91 !important;
	font-weight: 600 !important;
}

#hm-annual-chart-promo .hm-ac-promo-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 380px) !important;
	gap: 22px !important;
	align-items: start !important;
}

#hm-annual-chart-promo .hm-ac-promo-actions h2 {
	margin: 0 0 8px !important;
	font-size: 18px !important;
	color: #26235a !important;
	font-weight: 800 !important;
}

#hm-annual-chart-promo .hm-ac-promo-actions p {
	margin: 0 0 14px !important;
	color: #555 !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
}

#hm-annual-chart-promo .hm-ac-promo-select {
	width: 100% !important;
	margin: 0 0 14px !important;
	padding: 10px 12px !important;
	border: 1px solid #d8d4e8 !important;
	border-radius: 12px !important;
	font: inherit !important;
	font-size: 15px !important;
	background: #fff !important;
	color: #26235a !important;
}

#hm-annual-chart-promo .hm-ac-promo-scope {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 0 0 14px !important;
}

#hm-annual-chart-promo .hm-ac-promo-scope__opt {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 8px 14px !important;
	border: 1px solid #d8d4e8 !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: #26235a !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
}

#hm-annual-chart-promo .hm-ac-promo-scope__opt.is-on {
	border-color: #7b3fad !important;
	background: #f4f1fa !important;
	color: #5b2d91 !important;
}

#hm-annual-chart-promo .hm-ac-promo-scope__opt input {
	margin: 0 !important;
	accent-color: #7b3fad !important;
}

#hm-annual-chart-promo .hm-ac-promo-cats {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	list-style: none !important;
}

#hm-annual-chart-promo .hm-ac-promo-cats li {
	margin: 0 !important;
	padding: 6px 12px !important;
	border-radius: 999px !important;
	background: #f4f1fa !important;
	color: #5b2d91 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

#hm-annual-chart-promo .hm-ac-promo-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	margin: 0 0 10px !important;
	padding: 14px 18px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #fa8504 !important;
	color: #fff !important;
	font: inherit !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	cursor: pointer !important;
	text-align: center !important;
}

#hm-annual-chart-promo .hm-ac-promo-btn svg {
	width: 20px !important;
	height: 20px !important;
	flex: 0 0 auto !important;
	fill: currentColor !important;
}

#hm-annual-chart-promo .hm-ac-promo-btn:disabled {
	opacity: 0.45 !important;
	cursor: not-allowed !important;
}

#hm-annual-chart-promo .hm-ac-promo-btn--ghost {
	background: #26235a !important;
}

#hm-annual-chart-promo .hm-ac-promo-btn--line {
	background: #fff !important;
	color: #26235a !important;
	border: 1px solid #d8d4e8 !important;
}

#hm-annual-chart-promo .hm-ac-promo-btn--login {
	display: inline-flex !important;
	width: auto !important;
	padding: 12px 22px !important;
}

#hm-annual-chart-promo .hm-ac-promo-note {
	margin: 8px 0 0 !important;
	color: #7a4 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

#hm-annual-chart-promo .hm-ac-promo-note.is-err {
	color: #b42318 !important;
}

#hm-annual-chart-promo .hm-ac-promo-preview {
	position: sticky !important;
	top: 88px !important;
}

#hm-annual-chart-promo .hm-ac-promo-preview canvas {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 16px !important;
	background: #120c28 !important;
	box-shadow: 0 16px 40px rgba(18, 12, 40, 0.28) !important;
}

#hm-annual-chart-promo .hm-ac-promo-empty {
	min-height: 420px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	color: #8a86a8 !important;
	font-size: 15px !important;
	border: 1px dashed #d8d4e8 !important;
	border-radius: 16px !important;
	background: #faf9fd !important;
	padding: 24px !important;
}

#hm-annual-chart-promo .hm-ac-promo-gate {
	text-align: center !important;
	padding: 28px 18px !important;
}

#hm-annual-chart-promo .hm-ac-promo-gate h2 {
	margin: 0 0 8px !important;
	color: #26235a !important;
	font-size: 22px !important;
}

@media (max-width: 860px) {
	#hm-annual-chart-promo .hm-ac-promo-layout {
		grid-template-columns: 1fr !important;
	}

	#hm-annual-chart-promo .hm-ac-promo-preview {
		position: static !important;
		order: -1 !important;
	}
}
