/* stylelint-disable */
.c-box-product {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	padding: 1em;
	aspect-ratio: 2 / 1;
	color: var(--color-blue-1);
}

@media (min-width: 1024px) {
	.c-box-product {
		padding: 1em;
	}
}

.c-box-product:hover {
	background-color: var(--accent-color, var(--color-orange));
	color: var(--color-white);
}

.c-box-product:hover .c-box-product__arrow {
	color: var(--color-white);
}

.c-box-product__heading {
	width: calc(50% - 1em);
	font-family: var(--font-family-accent);
	font-size: var(--font-size-20);
	font-weight: var(--font-weight-normal);
	line-height: 1.1;
	margin: 0;
}

@media (min-width: 1024px) {
	.c-box-product__heading {
		font-size: var(--font-size-24);
	}
}

@media (min-width: 1440px) {
	.c-box-product__heading {
		font-size: var(--font-size-36);
	}
}

.c-box-product__image {
	width: 95%;
	height: 80%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: var(--z-0);
}

.c-box-product__decor-image {
	width: 50%;
	height: 60%;
	position: absolute;
	top: 0;
	overflow: hidden;
	right: 0;
	z-index: var(--z-behind);
	background-color: rgba(255, 255, 255, 0.1);
}

.c-box-product__decor-color {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--accent-color, var(--color-orange));
	z-index: var(--z-behind);
}

.c-box-product__arrow {
	margin-top: auto;
	padding-top: 1rem;
	color: var(--color-orange);
}

@media (min-width: 0) and (max-width: 1023px) {
	.c-box-product__arrow svg {
		width: 22px;
		height: auto;
	}
	.c-box-product__arrow svg .svg-stroke {
		stroke-width: 4;
	}
}

@media (min-width: 0) and (max-width: 1023px) {
	.c-box--mix .c-box__element:nth-child(even) .c-box-product {
		align-items: flex-end;
	}
	.c-box--mix .c-box__element:nth-child(even) .c-box-product__heading {
		text-align: right;
	}
	.c-box--mix .c-box__element:nth-child(even) .c-box-product__decor-image {
		left: 0;
	}
	.c-box--mix .c-box__element:nth-child(even) .c-box-product__image {
		left: 0;
		right: auto;
	}
	.c-box--mix .c-box__element:nth-child(even) .c-box-product__decor-color {
		left: 0;
	}
}

@media (min-width: 1024px) {
	.c-box--mix .c-box__element:nth-child(4n + 3) .c-box-product,
	.c-box--mix .c-box__element:nth-child(4n + 4) .c-box-product {
		align-items: flex-end;
	}
	.c-box--mix .c-box__element:nth-child(4n + 3) .c-box-product__heading,
	.c-box--mix .c-box__element:nth-child(4n + 4) .c-box-product__heading {
		text-align: right;
	}
	.c-box--mix .c-box__element:nth-child(4n + 3) .c-box-product__decor-image,
	.c-box--mix .c-box__element:nth-child(4n + 4) .c-box-product__decor-image {
		left: 0;
	}
	.c-box--mix .c-box__element:nth-child(4n + 3) .c-box-product__image,
	.c-box--mix .c-box__element:nth-child(4n + 4) .c-box-product__image {
		left: 0;
		right: auto;
	}
	.c-box--mix .c-box__element:nth-child(4n + 3) .c-box-product__decor-color,
	.c-box--mix .c-box__element:nth-child(4n + 4) .c-box-product__decor-color {
		left: 0;
	}
}

.c-box-product--product-groups .c-box-product__image {
	width: 100%;
	height: 100%;
}

/*# sourceMappingURL=box-product.css.map */