.fv-landing {
	--fv-accent: #17828d;
	--fv-dark: #0b3d42;
	--fv-tint: #f3fbfe;
	--fv-text: #122229;
	--fv-muted: #5b7278;
	margin: 0;
	color: var(--fv-text);
	background: var(--fv-tint);
	-webkit-font-smoothing: antialiased;
}

.fv * { box-sizing: border-box; }

.fv { max-width: 700px; margin: 0 auto; padding: 16px 16px 0; }

.fv-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.fv-logo img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; display: block; }
.fv-social { display: flex; gap: 14px; }
.fv-social__item { display: block; color: var(--fv-dark); }
.fv-social__ico { width: 24px; height: 24px; display: block; }

.fv-cards { display: flex; flex-direction: column; gap: 12px; }

.fv-card {
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 14px -6px rgba(11,61,66,0.4);
	background: #fff;
}

.fv-card__head {
	position: relative;
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: flex-end;
	aspect-ratio: 4 / 1.4;
}

.fv-card__head::-webkit-details-marker { display: none; }

.fv-card__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.fv-card__head::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.55) 100%);
}

.fv-card__label {
	position: relative;
	z-index: 2;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	padding: 14px;
}

.fv-card__body { padding: 16px; }

.fv-simple-btn {
	display: inline-block;
	margin-top: 10px;
	padding: 10px 20px;
	background: var(--fv-accent);
	color: #fff;
	text-decoration: none;
	border-radius: 999px;
	font-weight: 600;
	font-size: 14px;
}

.fv-card--shop {
	text-decoration: none;
	position: relative;
	display: flex;
	align-items: flex-end;
	aspect-ratio: 4 / 1.4;
}

.fv-card--shop::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.55) 100%);
}

.fv-card--shop .fv-card__label { position: relative; z-index: 2; }

.fv-mini-news { margin-top: 16px; padding: 10px 14px; background: #fff; border-radius: 999px; box-shadow: 0 4px 14px -6px rgba(11,61,66,0.25); }
.fv-mini-news .hostinger-reach-block-form-fields { display: flex; gap: 8px; align-items: center; }
.fv-mini-news input[type="email"] { flex: 1; min-width: 0; padding: 8px 12px; border: 1px solid #dfeef1; border-radius: 999px; font-size: 13px; }
.fv-mini-news .hostinger-reach-block-submit { flex: none; width: auto; height: auto; padding: 8px 16px; background: var(--fv-accent); color: #fff; border: 0; border-radius: 999px; font-size: 13px; }
.fv-mini-news .hostinger-reach-block-form-field label { display: none; }

.fv-foot { padding: 22px 0 90px; text-align: center; }
.fv-foot__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; margin-bottom: 10px; }
.fv-foot__links a { font-size: 12px; color: var(--fv-dark); text-decoration: none; }
.fv-foot__disclaimer { max-width: 460px; margin: 0 auto 10px; font-size: 10px; line-height: 1.5; color: var(--fv-muted); }
.fv-foot__copy { font-size: 11px; color: var(--fv-muted); }

.fv-call { position: fixed; right: 14px; bottom: 14px; width: 50px; height: 50px; display: grid; place-items: center; background: var(--fv-accent); color: #fff; border-radius: 50%; box-shadow: 0 6px 16px -6px rgba(11,61,66,0.6); }
.fv-call svg { width: 22px; height: 22px; }

@media (min-width: 600px) {
	.fv { padding: 24px 20px 0; }
	.fv-logo img { width: 80px; height: 80px; }
}