@import "../../../../themes/recast2025/style.css";

/* Main Widget Container */
.products-widget {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 56px;
	max-width: var(global--maxwidth-maxwidth-m, 1200px);
	margin: 0 auto;
	padding-top: var(--margins-base-vert, 100px);
	padding-right: 0;
	padding-bottom: var(--margins-base-vert, 100px);
	padding-left: 0;
}

/* Header Section */
.products-widget__header {
	max-width: var(--global-maxwidth-maxwidth-s);
	display: flex;
	flex-direction: column;
	gap: var(--gap-m, 24px);
	align-items: center;
	text-align: center;
}

.products-widget__main-heading {
	margin: 0;
	color: var(--neutrals-black, #161f5b);
}

.products-widget__main-heading span {
	color: var(--primary-recast-blue, #0372ff);
}

.products-widget__main-description {
	font-weight: 300;
	color: var(--neutrals-black, #161f5b);
}

/* Cards Container */
.products-widget__cards {
	display: flex;
	flex-wrap: wrap;
}

/* Individual Product Card */
.product-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--gap-m, 24px);
	width: 50%;
	height: 600px;
	padding: var(--margins-m, 32px);
}

.product-card:first-child:not(:only-child) {
	border-right-color: transparent;
}

/* Product Image */
.product-card__image img {
	display: block;
	max-width: var(--icon-maxwidth-l, 120px);
	height: auto;
}

/* Product Content */
.product-card__content {
	display: flex;
	flex-direction: column;
	gap: var(--gap-l, 32px);
}

.product-card__inner-content {
	display: flex;
	flex-direction: column;
	gap: var(--gap-s, 16px);
}

.product-card__title {
	color: var(--neutrals-black, #161f5b);
	margin: 0;
	position: relative;
	padding-bottom: var(--gap-s, 16px);
}

.product-card__title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 64px;
	height: 4px;
	background: var(--secondary-orange, #f05928);
}

.product-card__description {
	font-weight: 300;
	color: var(--neutrals-black, #161f5b);
	margin: 0;
}

/* CTA Buttons */
.product-card__cta {
	display: flex;
	gap: var(--gap-s, 16px);
}

/* Responsive Design */
@media (max-width: 1200px) {
	.products-widget {
		padding-right: var(--margins-base-hori, 120px);
		padding-left: var(--margins-base-hori, 120px);
	}
}

@media (max-width: 820px) {
	.products-widget__cards {
		flex-direction: column;
	}

	.product-card {
		height: initial;
		width: initial;
	}

	.product-card:first-child:not(:only-child) {
		border-right: var(--stroke-width, 2px) solid
			var(--neutrals-grey-1, #e1e9f9);
		border-bottom-color: transparent;
	}
}