/* LEVELS — domovska stranka (1a / 1b) */

/* ---- Hero ---- */
.lv-hero {
	position: relative;
	height: 780px;
	overflow: hidden;
	background: var(--lv-ph-lg);
}
.lv-hero__cap {
	position: absolute;
	top: 24px;
	right: 32px;
	font: 12px/1.3 var(--lv-mono);
	color: rgba(230, 228, 220, .7);
	background: rgba(15, 16, 14, .6);
	padding: 6px 10px;
	border-radius: 4px;
	max-width: 60%;
	z-index: 2;
}
.lv-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lv-hero__inner {
	position: absolute;
	left: var(--lv-pad);
	right: var(--lv-pad);
	bottom: 56px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
	z-index: 2;
}
.lv-hero__text { max-width: 980px; }
.lv-hero__eyebrow { margin-bottom: 18px; }
.lv-hero__title {
	margin: 0;
	font-size: 132px;
	line-height: .92;
	text-wrap: balance;
}
.lv-hero__cta { flex: none; }

@media (max-width: 1279px) {
	.lv-hero { height: 660px; }
	.lv-hero__title { font-size: 96px; }
}

@media (max-width: 767px) {
	.lv-hero { height: 560px; }
	.lv-hero__cap { top: 16px; left: 16px; right: auto; font-size: 11px; padding: 5px 8px; }
	.lv-hero__inner {
		bottom: 28px;
		flex-direction: column;
		align-items: stretch;
		gap: 22px;
	}
	.lv-hero__title { font-size: 64px; }
	.lv-hero__cta { align-self: flex-start; }
}

/* ---- Tri rastliny, jedna polica ---- */
.lv-cats { padding: 0 var(--lv-pad) 96px; border-top: 1px solid var(--lv-line); }
.lv-cats__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
	padding: 28px 0 32px;
}
.lv-cats__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.lv-cat { display: flex; flex-direction: column; gap: 18px; color: var(--lv-text); }
.lv-cat:hover { color: var(--lv-text); }
.lv-cat__media { aspect-ratio: 4 / 5; }
.lv-cat__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
	border-bottom: 1px solid var(--lv-line-2);
	padding-bottom: 12px;
}
.lv-cat__name { font-family: var(--lv-display); font-size: 44px; line-height: 1; text-transform: uppercase; }
.lv-cat__more { font-size: 13px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--lv-accent); flex: none; }
.lv-cat__blurb { font-size: 17px; line-height: 1.45; color: var(--lv-muted); max-width: 380px; }
.lv-cat:hover .lv-cat__name { color: var(--lv-accent); }

@media (max-width: 767px) {
	.lv-cats { padding: 0 var(--lv-pad) 56px; }
	.lv-cats__head { padding: 20px 0 24px; }
	.lv-cats__grid { display: flex; flex-direction: column; gap: 40px; }
	.lv-cat { gap: 14px; }
	.lv-cat__name { font-size: 36px; }
	.lv-cat__more { font-size: 12px; }
	.lv-cat__blurb { font-size: 15px; max-width: none; }
}

/* ---- Hodnoty ---- */
.lv-values {
	padding: 36px var(--lv-pad);
	border-top: 1px solid var(--lv-line);
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}
.lv-value { display: flex; gap: 14px; align-items: flex-start; }
.lv-value__dot { flex: none; width: 10px; height: 10px; border-radius: 999px; background: var(--lv-accent); margin-top: 6px; }
.lv-value__title { font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.lv-value__text { font-size: 14px; color: var(--lv-muted); line-height: 1.45; margin-top: 4px; }

@media (max-width: 1023px) { .lv-values { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	.lv-values { padding: 28px var(--lv-pad); grid-template-columns: 1fr 1fr; gap: 20px; }
	.lv-value { gap: 10px; }
	.lv-value__dot { width: 8px; height: 8px; margin-top: 5px; }
	.lv-value__title { font-size: 12px; }
	.lv-value__text { font-size: 13px; line-height: 1.4; margin-top: 3px; }
}

/* ---- Nalady ---- */
.lv-moods { padding: 96px var(--lv-pad); }
.lv-moods__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 40px;
	margin-bottom: 40px;
}
.lv-moods__title { margin: 14px 0 0; font-size: 72px; }
.lv-moods__all { font-size: 13px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--lv-accent); flex: none; padding-bottom: 6px; }
.lv-moods__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.lv-mood {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
	min-height: 340px;
	padding: 24px;
	border: 1px solid rgba(230, 228, 220, .18);
	background: var(--lv-card);
	color: var(--lv-text);
	transition: background .2s ease, color .2s ease;
}
.lv-mood:hover { background: var(--lv-olive); color: var(--lv-olive-text); }
.lv-mood:hover .lv-mood__text { color: var(--lv-olive-muted); }
.lv-mood__meta {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--lv-accent);
	white-space: nowrap;
}
.lv-mood__name { font-family: var(--lv-display); font-size: 56px; line-height: .95; text-transform: uppercase; margin-bottom: 12px; }
.lv-mood__text { font-size: 15px; line-height: 1.45; color: var(--lv-muted); }

@media (max-width: 1023px) { .lv-moods__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) {
	.lv-moods { padding: 64px var(--lv-pad); }
	.lv-moods__head { display: block; margin-bottom: 0; }
	.lv-moods__title { font-size: 44px; margin: 12px 0 28px; }
	.lv-moods__all { display: inline-block; margin-bottom: 20px; }
	.lv-moods__grid { gap: 10px; }
	.lv-mood { min-height: 190px; padding: 16px; gap: 24px; }
	.lv-mood__meta { font-size: 10px; min-height: 14px; }
	.lv-mood__name { font-size: 30px; margin-bottom: 8px; }
	.lv-mood__text { font-size: 13px; line-height: 1.4; }
}

/* ---- O nas v skratke ---- */
.lv-about-short {
	padding: 140px var(--lv-pad);
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 48px;
}
.lv-about-short__big {
	margin: 0 0 32px;
	font-family: var(--lv-display);
	font-size: 64px;
	line-height: 1.02;
	text-transform: uppercase;
	text-wrap: balance;
	color: var(--lv-olive-text);
}
.lv-about-short__text { margin: 0; font-size: 19px; line-height: 1.5; color: var(--lv-olive-muted); max-width: 640px; }

@media (max-width: 1023px) { .lv-about-short { grid-template-columns: 1fr; gap: 24px; padding: 96px var(--lv-pad); } }
@media (max-width: 767px) {
	.lv-about-short { padding: 72px var(--lv-pad); gap: 24px; }
	.lv-about-short__big { font-size: 36px; margin-bottom: 0; }
	.lv-about-short__text { font-size: 15px; }
}

/* ---- Predajna + FAQ ---- */
.lv-home-two {
	padding: 120px var(--lv-pad);
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	border-bottom: 1px solid var(--lv-line);
}
.lv-home-col { display: flex; flex-direction: column; gap: 28px; }
.lv-home-col__title { margin: 0; font-size: 64px; text-wrap: balance; }
.lv-store__media { aspect-ratio: 16 / 10; }
.lv-store__info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	font-size: 15px;
	line-height: 1.55;
	color: var(--lv-muted);
}
.lv-store__label {
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--lv-text);
	font-size: 12px;
	margin-bottom: 8px;
}
.lv-store__map { color: var(--lv-accent); }

@media (max-width: 1023px) { .lv-home-two { grid-template-columns: 1fr; gap: 64px; padding: 80px var(--lv-pad); } }
@media (max-width: 767px) {
	.lv-home-two { padding: 0; gap: 0; border-bottom: 0; }
	.lv-home-col { padding: 64px var(--lv-pad); gap: 24px; border-bottom: 1px solid var(--lv-line); }
	.lv-home-col__title { font-size: 44px; }
	.lv-store__info { gap: 16px; font-size: 14px; line-height: 1.5; }
	.lv-store__label { font-size: 11px; margin-bottom: 6px; }
}

/* ---- Newsletter ---- */
.lv-news {
	padding: 120px var(--lv-pad);
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: center;
	border-bottom: 1px solid var(--lv-line);
}
.lv-news__title { margin: 18px 0 0; font-size: 72px; text-wrap: balance; }
.lv-news__side { display: flex; flex-direction: column; gap: 18px; }
.lv-news__text { margin: 0; font-size: 17px; line-height: 1.5; color: var(--lv-muted); }
.lv-news__form {
	display: flex;
	gap: 0;
	border: 1px solid var(--lv-line-4);
	border-radius: 999px;
	padding: 6px 6px 6px 24px;
}
.lv-news__form input[type="email"] {
	flex: 1;
	min-width: 0;
	background: transparent;
	border: 0;
	padding: 0;
	outline: 0;
	color: var(--lv-text);
	font: 16px var(--lv-body);
}
.lv-news__form input[type="email"]:focus { border: 0; }
.lv-news__form button {
	flex: none;
	font: 600 14px var(--lv-body);
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: 16px 28px;
	border-radius: 999px;
	border: 0;
	background: var(--lv-text);
	color: var(--lv-bg);
	cursor: pointer;
}
.lv-news__form button:hover { background: var(--lv-accent); }
.lv-news__msg { font-size: 14px; color: var(--lv-accent); min-height: 1.2em; }

@media (max-width: 1023px) { .lv-news { grid-template-columns: 1fr; gap: 32px; padding: 80px var(--lv-pad); } }
@media (max-width: 767px) {
	.lv-news { padding: 64px var(--lv-pad); gap: 20px; }
	.lv-news__title { font-size: 44px; margin-top: 12px; }
	.lv-news__text { font-size: 15px; }
	.lv-news__form {
		flex-direction: column;
		gap: 10px;
		border: 0;
		border-radius: 0;
		padding: 0;
	}
	.lv-news__form input[type="email"] {
		border: 1px solid var(--lv-line-4);
		border-radius: 999px;
		padding: 16px 20px;
		font-size: 15px;
	}
	.lv-news__form button { font-size: 13px; padding: 16px 24px; }
}