/**
 */

@media (max-width: 1100px) {
	/* Layout — beat evo-tablet desktop positioning if any rule slips through */
	.elementor-widget-evoport-expert-steps .evo-expert-steps__inner {
		display: flex !important;
		flex-direction: column !important;
		min-height: 0 !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__header,
	.elementor-widget-evoport-expert-steps .evo-expert-steps__intro-col,
	.elementor-widget-evoport-expert-steps .evo-expert-steps__nav {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		right: auto !important;
		width: auto !important;
		max-width: none !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__panel-row {
		display: none !important;
	}

	.elementor-widget-evoport-expert-steps,
	.elementor-widget-evoport-expert-steps > .elementor-widget-container {
		margin: 0 !important;
		padding: 0 0 16px !important;
		box-sizing: border-box;
	}

	/* Same pattern as .evo-gtm-compare { padding: 28px 20px … } — stack zeros widget-container padding */
	.elementor-widget-evoport-expert-steps .evo-expert-steps {
		--evo-expert-sheet-radius: 12px;
		padding-inline: 20px !important;
		box-sizing: border-box !important;
		/* REVERT nav top rule: delete next line or set to 1px solid rgba(174, 107, 62, 0.13) */
		--evo-expert-nav-top-border: none;
		--evo-expert-open-step-top-border: 1px solid rgba(174, 107, 62, 0.13);
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__inner {
		margin: 0 !important;
		padding: 16px !important;
		box-sizing: border-box;
		min-height: 0 !important;
		border-radius: 12px !important;
		overflow: hidden !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__sheet {
		border-radius: 12px !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__header {
		margin-bottom: 10px !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__title {
		font-size: clamp(26px, 7.2vw, 32px) !important;
		line-height: 1.2 !important;
		letter-spacing: -0.02em !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__intro-col {
		margin-bottom: 14px !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__intro {
		font-size: 14px !important;
		line-height: 1.35 !important;
		letter-spacing: 0.04em !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__intro + .evo-expert-steps__intro {
		margin-top: 8px !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__nav {
		margin: 0 !important;
		width: 100% !important;
		border-top: var(--evo-expert-nav-top-border) !important;
		padding-top: 0 !important;
		overflow: visible !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__accordion-item {
		display: block !important;
		border-bottom: 1px solid rgba(174, 107, 62, 0.13) !important;
		background: transparent !important;
		border-radius: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		transition:
			background-color 0.35s ease,
			margin 0.35s ease,
			padding 0.35s ease,
			border-radius 0.35s ease,
			border-color 0.35s ease;
	}

	/* Figma — beige box wraps active step header + list */
	.elementor-widget-evoport-expert-steps .evo-expert-steps__accordion-item:has(.evo-expert-steps__step.is-active) {
		position: relative !important;
		z-index: 2 !important;
		background: #f9f4f1 !important;
		border-radius: 8px !important;
		border-bottom: none !important;
		padding: 10px 10px 10px 12px !important;
		margin: 8px 0 !important;
	}

	/* Top rule follows the open step (not nav) — skip Step 1 so intro stays clean */
	.elementor-widget-evoport-expert-steps .evo-expert-steps__accordion-item:has(.evo-expert-steps__step.is-active):not(:first-child) {
		border-top: var(--evo-expert-open-step-top-border) !important;
	}

	/* Hide divider on collapsed step directly above an open one */
	.elementor-widget-evoport-expert-steps .evo-expert-steps__accordion-item:has(+ .evo-expert-steps__accordion-item .evo-expert-steps__step.is-active) {
		border-bottom: none !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__accordion-item:not(:has(.evo-expert-steps__step.is-active)) .evo-expert-steps__step {
		padding: 12px 28px 12px 0 !important;
		background: transparent !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__accordion-item:has(.evo-expert-steps__step.is-active) .evo-expert-steps__step {
		padding: 0 24px 8px 0 !important;
		background: transparent !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step::after {
		right: 0 !important;
		top: 8px !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__accordion-item:not(:has(.evo-expert-steps__step.is-active)) .evo-expert-steps__step::after {
		top: 18px !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__accordion-item:has(.evo-expert-steps__step.is-active) .evo-expert-steps__step.is-active::after {
		top: 10px !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step-label {
		margin-bottom: 4px !important;
		font-size: 12px !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step:not(.is-active) .evo-expert-steps__step-label {
		color: var(--evo-expert-step-label-idle, #dbb98d) !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step.is-active .evo-expert-steps__step-label {
		color: var(--evo-expert-accent, #ae6b3e) !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step-title {
		font-size: 18px !important;
		line-height: 1.25 !important;
		transition: opacity 0.35s ease, font-weight 0.35s ease;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step:not(.is-active) .evo-expert-steps__step-title {
		opacity: 0.45 !important;
		font-weight: 500 !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step.is-active .evo-expert-steps__step-title {
		opacity: 1 !important;
		font-weight: 600 !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step-body {
		display: block !important;
		overflow: hidden !important;
		max-height: 0;
		opacity: 0;
		padding: 0 !important;
		transition:
			max-height 0.42s cubic-bezier(0.4, 0, 0.2, 1),
			opacity 0.32s ease,
			padding 0.32s ease;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step-body.is-open {
		opacity: 1;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step-body .evo-expert-steps__items {
		margin: 0 !important;
		padding: 0 !important;
		gap: 6px !important;
		border-radius: 0 !important;
		background: transparent !important;
		overflow: visible !important;
		list-style: none !important;
		display: flex !important;
		flex-direction: column !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step-body .evo-expert-steps__item {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 10px !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 10px 12px !important;
		border-radius: 8px !important;
		background: #ffffff !important;
		box-shadow: none !important;
		border: 0 !important;
		position: relative !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step-body .evo-expert-steps__item:not(:last-child)::after {
		display: none !important;
		content: none !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step-body .evo-expert-steps__item-num {
		font-family: "Inter", var(--evo-font-subtitle-alt, sans-serif) !important;
		font-size: 14px !important;
		font-weight: 300 !important;
		line-height: 1.25 !important;
		color: rgba(26, 24, 20, 0.45) !important;
		min-width: 22px !important;
	}

	.elementor-widget-evoport-expert-steps .evo-expert-steps__step-body .evo-expert-steps__item-text {
		font-family: "Helvetica Neue", Helvetica, Arial, var(--evo-font-body, sans-serif) !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		line-height: 1.25 !important;
		letter-spacing: 0 !important;
		color: #1a1814 !important;
	}

	.evo-gtm-expert-stack .elementor-widget-evoport-expert-steps,
	.evo-gtm-expert-stack .elementor-widget-evoport-expert-steps > .elementor-widget-container {
		margin: 0 !important;
		padding: 0 0 12px !important;
	}

	.evo-gtm-expert-stack .evo-expert-steps__inner {
		margin: 0 !important;
		padding: 16px !important;
		min-height: 0 !important;
		border-radius: 12px !important;
		overflow: hidden !important;
	}

	.evo-gtm-expert-stack .evo-expert-steps__nav {
		margin: 0 !important;
		width: 100% !important;
	}
}

/* Tablet accordion (1100) + compare desktop pad (24px) until compare mobile kicks in at 1020 */
@media (min-width: 1021px) and (max-width: 1100px) {
	.elementor-widget-evoport-expert-steps .evo-expert-steps {
		padding-inline: 24px !important;
	}
}