/**
 * EVO-WIDGET-GIF — tablet (701–1100): 50/50 overlay (copy left / GIF right).
 * Section gap kept; CTAs stay on one row (no wrap).
 */

@media (min-width: 701px) and (max-width: 1100px) {
	/*
	 * Kill Elementor Advanced padding (often 124 top on Book-a-demo) but keep a real
	 * section gap — padding:0 made GTM + Integrate kiss and look broken.
	 */
	.elementor-widget-evoport-gif > .elementor-widget-container {
		padding-top: clamp(32px, calc(40 * 100vw / 1100), 40px) !important;
		padding-right: 0 !important;
		padding-bottom: clamp(16px, calc(24 * 100vw / 1100), 24px) !important;
		padding-left: 0 !important;
		margin: 0 !important;
	}

	.elementor-widget-evoport-gif .evo-gif-banner {
		width: 100%;
		max-width: var(--evo-gif-banner-max, 1272px);
		margin-inline: auto;
		padding-inline: clamp(20px, calc(32 * 100vw / 1100), 32px);
		box-sizing: border-box;
	}

	.elementor-widget-evoport-gif .evo-gif-banner__frame,
	.elementor-widget-evoport-gif .evo-gif-banner__frame[style] {
		position: relative !important;
		display: block !important;
		flex-direction: unset !important;
		width: 100% !important;
		height: var(--evo-gif-banner-h, 600px) !important;
		min-height: var(--evo-gif-banner-h, 600px) !important;
		overflow: hidden !important;
		background-image: none !important;
		background-color: #c9a57b !important;
	}

	.elementor-widget-evoport-gif .evo-gif-banner__visual {
		position: absolute !important;
		inset: 0 !important;
		z-index: 0;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		background: transparent !important;
	}

	.elementor-widget-evoport-gif .evo-gif-banner__visual .evo-gif-banner__bg,
	.elementor-widget-evoport-gif .evo-gif-banner__visual .evo-gif-banner__bg[style] {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: none !important;
		object-fit: cover !important;
		/* Keep hub graphic in the right half of the 50/50 card */
		object-position: 88% 58% !important;
		pointer-events: none;
	}

	/*
	 * 50/50 tablet layout: copy owns left half, GIF fills the card behind.
	 * Keeps both CTAs on one row (no wrap / collide).
	 */
	.elementor-widget-evoport-gif .evo-gif-banner__content,
	.elementor-widget-evoport-gif .evo-gif-banner__content[style] {
		position: absolute !important;
		inset: 0 !important;
		top: 0 !important;
		right: auto !important;
		bottom: 0 !important;
		left: 0 !important;
		order: unset !important;
		z-index: 2 !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		width: 50% !important;
		max-width: 50% !important;
		padding-top: clamp(32px, calc(48 * 100vw / 1100), 56px) !important;
		padding-right: clamp(16px, calc(24 * 100vw / 1100), 24px) !important;
		padding-bottom: clamp(28px, calc(40 * 100vw / 1100), 48px) !important;
		padding-left: clamp(28px, calc(40 * 100vw / 1100), 48px) !important;
		box-sizing: border-box !important;
		background: transparent !important;
		pointer-events: none;
		text-align: left;
	}

	.elementor-widget-evoport-gif .evo-gif-banner__copy {
		pointer-events: auto;
		width: 100%;
		max-width: 100%;
	}

	.elementor-widget-evoport-gif .evo-gif-banner__title,
	.elementor-widget-evoport-gif .evo-gif-banner h2.evo-gif-banner__title {
		margin: 0 0 clamp(16px, calc(24 * 100vw / 1100), 24px) !important;
	}

	.elementor-widget-evoport-gif .evo-gif-banner__desc {
		margin: 0 0 clamp(24px, calc(32 * 100vw / 1100), 32px) !important;
	}

	.elementor-widget-evoport-gif .evo-gif-banner__actions {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 8px !important;
		width: 100%;
		max-width: 100%;
		margin: 0 !important;
	}

	.elementor-widget-evoport-gif .evo-gif-banner__actions--single {
		justify-content: center !important;
	}

	.elementor-widget-evoport-gif .evo-gif-banner__btn--outline,
	.elementor-widget-evoport-gif .evo-gif-banner .evo-btn {
		flex: 1 1 0;
		min-width: 0;
		width: auto;
		max-width: none;
		white-space: nowrap;
		min-height: 48px;
		height: 48px;
		padding: 10px 14px !important;
		font-size: 12px !important;
		line-height: 20px !important;
		box-sizing: border-box;
	}
}