/* ──────────────────────────────────────────────
 * Mac Overview
 * ────────────────────────────────────────────── */

.da-mac-overview {
	color: var(--da-color-text);
}

.da-mac-overview__heading-wrapper {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.da-mac-overview__accent {
	height: 14px;
	width: 100%;
	background: linear-gradient(90deg, #D43A3B 0%, #FF7340 81.25%);
}

.da-mac-overview__wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--da-space-2xl);
}

.da-mac-overview__heading-content {
	display: flex;
	flex-direction: column;
	gap: var(--da-space-md);
}

.da-mac-overview__heading {
	margin: 0;
}

.da-mac-overview__description p {
	max-width: 768px;
	margin: 0;
}

.da-mac-overview__item-title, .da-mac-overview__item-description p {
	margin: 0;
}

.da-mac-overview__item-description p {
	padding-top: 16px;
}

/* ── Carousel: mobile defaults ─────────────── */

.da-mac-overview .da-carousel {
	display: flex;
	padding: 0;
	z-index: 1;
	align-items: center;
}

.da-mac-overview .da-carousel__card {
	border: none;
	justify-content: center;
}

.da-mac-overview__lines {
	position: absolute;
	width: 90px !important;
	top: 0;
	right: 0;
	width: 100%;
	height: auto;
	pointer-events: none;
	display: none;
	z-index: 0;
}

/* ── Desktop: grid override ───────────────── */

@media screen and (min-width: 768px) {
	.da-mac-overview__lines--desktop {
		display: block;
	}

	.da-mac-overview__wrapper {
		flex-direction: row;
		justify-content: space-between;
	}

	.da-mac-overview__heading-wrapper {
		gap: var(--da-space-md);
		flex-direction: row;
		max-width: 514px;
	}

	.da-mac-overview__accent {
		width: 14px;
		min-width: 14px;
		height: 100%;
		background: linear-gradient(0deg, #D43A3B 0%, #FF7340 81.25%);
	}

	.da-mac-overview .da-carousel {
		max-width: 45%;
	}

	.da-mac-overview .da-carousel__viewport {
		display: block;
	}

	.da-mac-overview .da-carousel__arrow {
		display: none;
	}

	.da-mac-overview .da-carousel__track {
		position: relative;
		z-index: 1;
		grid-auto-flow: row;
		grid-template-columns: repeat(2, 1fr);
		overflow: visible;
		scroll-snap-type: none;
	}

	.da-mac-overview .da-carousel__card {
		scroll-snap-align: unset;
	}

	.da-carousel__track {
		margin: 0 !important;
	}

	.da-mac-overview .da-carousel__track {
		gap: var(--da-space-xl) var(--da-space-lg) !important;
	}

	/* Desktop carousel mode: single item at a time */
	.da-mac-overview--desktop-carousel.da-carousel .da-carousel__viewport {
		display: grid;
		grid-template-columns: 48px 1fr 48px;
		align-items: center;
		gap: var(--da-space-sm);
	}

	.da-mac-overview--desktop-carousel.da-carousel .da-carousel__arrow {
		display: flex;
	}

	.da-mac-overview--desktop-carousel.da-carousel .da-carousel__track {
		grid-auto-flow: column;
		grid-template-columns: none;
		grid-auto-columns: 100%;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: var(--da-space-lg) !important;
	}

	.da-mac-overview--desktop-carousel.da-carousel .da-carousel__card {
		scroll-snap-align: start;
	}
}