/* Leka Print — поиск, 404, избранное, пустые состояния. Токены: leka-global.css, DESIGN.md */

/* ---------- пустое состояние (поиск, избранное) ---------- */

.lk-empty {
	text-align: center; padding: clamp(40px, 6vw, 72px) 24px; border-radius: var(--lk-r-xl); background: var(--lk-soft);
	font-family: var(--lk-font); display: flex; flex-direction: column; align-items: center;
}
.lk-empty__icon { display: grid; place-items: center; width: 80px; height: 80px; border-radius: 50%; background: #fff; font-size: 28px; color: var(--lk-ink); margin-bottom: 20px; }
.lk-empty h2 { font: 800 28px/1.15 var(--lk-font); letter-spacing: -.02em; margin: 0 0 10px; color: var(--lk-ink); }
.lk-empty p { color: var(--lk-body); max-width: 34em; margin: 0 0 24px; line-height: 1.55; }
.lk-empty__chips { justify-content: center; max-width: 760px; margin: 0 0 24px; }
.lk-empty .lk-chip { background: #fff; }
.lk-empty .lk-chip:hover { background: var(--lk-ink); }

/* ---------- поиск ---------- */
.lk-search-page { padding: 24px 0 0; font-family: var(--lk-font); }
.lk-search-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; margin-bottom: 32px; }
.lk-search-head .lk-coll-head__title { overflow-wrap: anywhere; }
.lk-search-head__form { flex-basis: 100%; display: flex; gap: 8px; max-width: 640px; margin-top: 12px; }
.lk-search-head__form input {
	flex: 1; min-width: 0; height: 52px; border: 1.5px solid transparent; border-radius: 999px; background: var(--lk-soft);
	padding: 0 22px; font: 500 16px var(--lk-font); color: var(--lk-ink); outline: none; -webkit-appearance: none; transition: border-color .2s, background-color .2s;
}
.lk-search-head__form input:focus { border-color: var(--lk-ink); background: #fff; }
.lk-search-head__form .lk-btn { min-height: 52px; padding: 0 26px; }

/* ---------- 404 ---------- */
.lk-404 { padding: clamp(32px, 6vw, 72px) 0 0; font-family: var(--lk-font); }
.lk-404__box { max-width: 760px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; }
.lk-404__code {
	font: 800 clamp(96px, 16vw, 180px)/.9 var(--lk-font); letter-spacing: -.06em; color: var(--lk-soft);
	-webkit-text-stroke: 2px var(--lk-ink); margin-bottom: 16px;
}
.lk-404 h1 { font: 800 clamp(30px, 3.6vw, 44px)/1.1 var(--lk-font); letter-spacing: -.03em; margin: 0 0 12px; color: var(--lk-ink); }
.lk-404 p { color: var(--lk-body); font-size: 17px; line-height: 1.55; max-width: 32em; margin: 0 0 24px; }
.lk-404 .lk-search-head__form { width: 100%; margin: 0 0 20px; }
.lk-404 .lk-empty__chips { margin-bottom: 28px; }
.lk-404__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }

/* ---------- избранное ---------- */
.lk-page-wrap .js-favorite { min-height: 200px; }
.lk-fav-remove {
	margin-left: auto; width: 34px; height: 34px; border-radius: 50%; background: #fff; display: grid; place-items: center;
	color: var(--lk-body) !important; cursor: pointer; font-size: 14px; transition: background-color .2s, color .2s;
}
.lk-fav-remove:hover { background: var(--lk-ink); color: #fff !important; }

/* ---------- нулевые счётчики в шапке не показываем ---------- */
.lk-icon__count.is-zero, .lk-icon__count[data-favorites-counter="0"] { display: none; }

@media (max-width: 575.98px) {
	.lk-search-head__form .lk-btn { padding: 0 18px; }
	.lk-empty { margin: 0 -15px; border-radius: 0; }
}