.c-home-card {
	border: 1px solid var(--color-grey-light);
	border-radius: var(--border-radius-md);
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
	background: #fff;

	.c-home-card__image-wrapper {
		position: relative;
		aspect-ratio: 16 / 9;
		overflow: hidden;
	}

	.swiper {
		height: 100%;
	}

	.swiper-slide {
		height: 100%;
	}

	.swiper-button-prev,
	.swiper-button-next {
		--swiper-navigation-sides-offset: 10px;
		display: flex;
		height: 34px;
		width: 34px;
		padding: 10px;
		margin: 0;
		background: var(--color-white);
		border-radius: 50%;
		color: var(--color-primary);
		transition: color 0.3s;

		&:hover {
			color: var(--color-secondary);
		}
	}

	.c-home-card__image {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.c-home-card__price {
		position: absolute;
		bottom: 0px;
		left: 0px;
		background: var(--color-secondary);
		color: #fff;
		padding: 5px var(--spacing-sm);
		font-weight: bold;
		z-index: 2;

		@media (width > 768px) {
			font-size: 18px;
		}
	}

	.c-home-card__content {
		padding: 20px;
		flex-grow: 1;
	}

	.c-home-card__content-header {
		display: flex;
		align-items: flex-start;
		gap: 10px;

		svg {
			height: 22px;
			width: auto;
		}
	}

	.c-home-card__title {
		font-size: 20px;
		font-weight: 500;
	}

	.c-home-card__meta {
		display: flex;
		border-top: 1px solid var(--color-grey-light);
		font-size: 0.875rem;
		color: var(--color-text);
	}

	.c-home-card__meta-item {
		display: flex;
		flex-direction: column;
		gap: 3px;
		flex: 1;
		padding: 5px;
		text-align: center;

		&:not(:last-child) {
			border-right: 1px solid var(--color-grey-light);
		}

		svg {
			width: 20px;
			height: auto;
		}
	}

	.c-home-card__meta-item-top {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		font-weight: bold;
	}

	.c-home-card__button-wrapper {
		display: grid;
		padding: var(--spacing-xs);
		border-top: 1px solid var(--color-grey-light);
	}
}