/* ==========================================================================
   Landania MineTicker – eigener Landania-Stil (Farben und Futura des Shops: Schwarz, Grün, Cyan) mit der Haptik der
   neuen BlockBande-Website: scharfe Kanten, Knöpfe mit Kante unten, die beim Drücken einrasten, Klick-Ton.
   Lilita One nur für Wortmarke, Überschriften und Preise. Kopfleiste und Fuß kommen vom Shop-Theme (ab 1.0.3 eckig).
   ========================================================================== */

@font-face {
	font-family: "Lilita One";
	src: url("fonts/lilita-one.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

.lmt {
	/* Farben aus dem Shop-Theme (hell/dunkel, assets/css/theme.css); Server-Farben Grün/Cyan unverändert */
	--k-bg: var(--ls-bg, #262624);
	--k-card: var(--ls-card, #30302e);
	--k-card2: var(--ls-card2, #3a3936);
	--k-line: var(--ls-line, #3e3e3a);
	--k-line2: var(--ls-line-soft, #353532);
	--k-field: var(--ls-input, #1f1e1d);
	--k-text: var(--ls-text-body, #e5e3da);
	--k-strong: var(--ls-text, #faf9f5);
	--k-soft: var(--ls-text-soft, #cfccc2);
	--k-muted: var(--ls-text-muted, #a19f97);
	--k-accent: var(--ls-green, #91f022);
	--k-accent-edge: var(--ls-green-dark, #69ac1b);
	--k-accent-text: var(--ls-green-text, #143200);
	--k-accent-fg: var(--ls-green-fg, #91f022);
	--k-accent-glow: rgba(145, 240, 34, 0.14);
	--k-cyan: var(--ls-blue, #00d4ff);
	--k-cyan-edge: var(--ls-blue-dark, #0097b6);
	--k-cyan-text: var(--ls-blue-text, #042c36);
	--k-sec: var(--ls-sec, #45443f);
	--k-sec-edge: var(--ls-sec-edge, #1a1918);
	--k-drop: var(--ls-drop, #1a1918);
	--k-outline: #000;
	--k-link: var(--ls-blue-fg, #00d4ff);
	--k-up: var(--ls-green-fg, #91f022);
	--k-down: var(--ls-red-fg, #ff6b6b);
	--k-yellow: var(--ls-yellow-fg, #f5c542);
	--k-head: "Lilita One", var(--ls-font, "Futura BT"), system-ui, sans-serif;
	--k-body: var(--ls-font, "Futura BT"), "Trebuchet MS", system-ui, sans-serif;

	padding: 0 0 64px;
	background: var(--k-bg);
	color: var(--k-text);
	font: 500 14px/1.5 var(--k-body);
}

.lmt *, .lmt *::before, .lmt *::after { box-sizing: border-box; }
.lmt a { color: inherit; text-decoration: none; }
.lmt h1, .lmt h2, .lmt h3 { margin: 0; line-height: 1.1; font-family: var(--k-head); font-weight: 400; color: var(--k-strong); letter-spacing: 0.005em; }
.lmt h2 { font-size: 22px; }
.lmt-container { width: min(100% - 32px, 1240px); margin-inline: auto; }
.lmt-stack { display: flex; flex-direction: column; gap: 16px; }
.lmt-muted { color: var(--k-muted); font-size: 13px; }
.lmt-small { font-size: 12.5px; }
.lmt-text { margin: 0; color: var(--k-soft); font-size: 13.5px; line-height: 1.55; }
.lmt-text strong { color: var(--k-strong); font-weight: 700; }
.lmt-empty { margin: 40px 0; font-size: 16px; color: var(--k-soft); }
.lmt-only-mobile { display: none; }
.lmt-ln { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: square; stroke-linejoin: miter; }

/* Kleine Großbuchstaben-Beschriftung (wie „BLOCKBANDE WIKI“) */
.lmt-lab { display: block; color: var(--k-muted); font: 700 12px/1.2 var(--k-body); letter-spacing: 0.1em; text-transform: uppercase; }

/* --- Knopf „Tastenkante“ (wie blockbande.net, .bb-k) ------------------------------ */

.lmt-k {
	--c: var(--k-accent);
	--d: var(--k-accent-edge);
	--t: var(--k-accent-text);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 36px;
	padding: 3px 16px 0;
	border: 0;
	border-radius: 0;
	background: var(--c);
	color: var(--t) !important;
	font: 700 14px/1 var(--k-body);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 3px 0 var(--d), 0 3px 0 1px var(--k-outline);
	transition: transform 0.05s, box-shadow 0.05s, filter 0.05s;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
}
.lmt-k:hover { filter: brightness(1.08); }
.lmt-k:active { transform: translateY(3px); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px var(--k-outline); filter: none; }
.lmt-k:focus-visible { outline: 2px solid var(--k-accent); outline-offset: 4px; }
.lmt-k--sec { --c: var(--k-sec); --d: var(--k-sec-edge); --t: var(--k-text); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 3px 0 var(--d), 0 3px 0 1px var(--k-outline); }
.lmt-k--sm { min-height: 32px; padding: 3px 12px 0; font-size: 12.5px; }
.lmt-k--cyan { --c: var(--k-cyan); --d: var(--k-cyan-edge); --t: var(--k-cyan-text); }
.lmt-k .lmt-ln { width: 15px; height: 15px; margin-top: -3px; }

/* Gewählter Knopf einer Gruppe: grün und eingerastet */
.lmt-k[aria-current="page"], .lmt-k[aria-pressed="true"], .lmt-k.is-active {
	--c: var(--k-accent);
	--d: var(--k-accent-edge);
	--t: var(--k-accent-text);
	transform: translateY(3px);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.18), 0 0 0 1px var(--k-outline);
}

/* --- Kopf ------------------------------------------------------------------------- */

.lmt-hero {
	padding: calc(var(--ls-header-h, 92px) + 30px) 0 26px;
	margin-bottom: 8px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	border-bottom: 1px solid var(--k-line);
	background: var(--k-bg) center top / cover no-repeat;
	background-image: linear-gradient(180deg, var(--ls-overlay-soft, rgba(38, 38, 36, 0.55)), var(--k-bg) 92%), var(--lmt-hero-img, none);
}
.lmt-hero--compact { padding: calc(var(--ls-header-h, 92px) + 16px) 0 18px; gap: 14px; }
.lmt-hero__inner { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px; }
.lmt-hero__brand { display: flex; flex-direction: column; gap: 6px; }
.lmt-wordmark { display: inline-flex; align-items: center; gap: 12px; font: 400 56px/0.95 var(--k-head); color: var(--k-strong) !important; letter-spacing: 0.01em; }
.lmt-wordmark em { font-style: normal; color: var(--k-accent-fg); }
.lmt-wordmark__icon { width: 46px; height: 46px; flex: none; display: inline-flex; align-items: center; justify-content: center; background: var(--k-accent); color: var(--k-accent-text); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 3px 0 var(--k-accent-edge), 0 3px 0 1px var(--k-outline); }
.lmt-wordmark__icon .lmt-ln { width: 26px; height: 26px; stroke-width: 2.25; }
.lmt-hero--compact .lmt-wordmark { font-size: 34px; gap: 10px; }
.lmt-hero--compact .lmt-wordmark__icon { width: 32px; height: 32px; }
.lmt-hero--compact .lmt-wordmark__icon .lmt-ln { width: 19px; height: 19px; }
.lmt-hero__claim { margin: 2px 0 0; font-size: 15px; color: var(--k-soft); font-weight: 600; }

.lmt-switch { display: inline-grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 4px 4px 7px; background: var(--k-field); border: 1px solid var(--k-line); }
.lmt-switch__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 140px; padding: 3px 22px 0; font: 700 17px/1 var(--k-body); text-transform: uppercase; letter-spacing: 0.03em; color: var(--k-soft) !important; transition: transform 0.05s, box-shadow 0.05s, background 0.1s; -webkit-tap-highlight-color: transparent; }
.lmt-switch__btn:hover { color: var(--k-strong) !important; background: var(--k-card2); }
.lmt-switch__btn:active { transform: translateY(3px); }
.lmt-switch__btn[aria-current="page"] { background: var(--k-accent); color: var(--k-accent-text) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 3px 0 var(--k-accent-edge), 0 3px 0 1px var(--k-outline); }
.lmt-hero--compact .lmt-switch__btn { min-height: 38px; min-width: 116px; font-size: 15px; }

.lmt-hero__tools { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.lmt-search { position: relative; flex: 1 1 420px; min-width: 0; }
.lmt-search__field { display: flex; align-items: center; gap: 10px; background: var(--k-field); border: 1px solid var(--k-line); padding: 0 12px; min-height: 46px; color: var(--k-muted); }
.lmt-search__field:focus-within { border-color: var(--k-accent); box-shadow: 0 0 0 3px var(--k-accent-glow); }
.lmt-search__input { flex: 1; min-width: 0; background: transparent; border: 0; outline: none; color: var(--k-strong); font: 500 16px var(--k-body); }
.lmt-search__input::placeholder { color: var(--k-muted); }
.lmt-search__key { font: 700 12px var(--k-body); color: var(--k-muted); border: 1px solid var(--k-line); padding: 1px 7px; }
.lmt-search__results { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 4px); margin: 0; padding: 4px; list-style: none; background: var(--k-card); border: 1px solid var(--k-line); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.6); max-height: 420px; overflow-y: auto; }
.lmt-search__results a { display: flex; align-items: center; gap: 12px; padding: 8px 10px; }
.lmt-search__results a:hover, .lmt-search__results [aria-selected="true"] a { background: var(--k-card2); }
.lmt-search__name { flex: 1; min-width: 0; font-weight: 700; color: var(--k-strong); }
.lmt-search__price { font: 400 15px var(--k-head); white-space: nowrap; color: var(--k-strong); }
.lmt-search__none { padding: 10px; color: var(--k-muted); font-size: 13px; }

.lmt-hero__meta { display: flex; align-items: center; gap: 10px; min-width: 0; }
.lmt-status { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--k-muted); font-weight: 600; }
.lmt-status__dot { width: 8px; height: 8px; background: var(--k-accent); box-shadow: 0 0 8px var(--k-accent); flex: none; }
.lmt-sound { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; background: transparent; border: 1px solid var(--k-line); color: var(--k-muted); cursor: pointer; flex: none; }
.lmt-sound:hover { color: var(--k-strong); border-color: var(--k-muted); }
.lmt-sound .lmt-ln { width: 15px; height: 15px; }
.lmt-sound .lmt-sound__off { display: none; }
html[data-lmt-klick="aus"] .lmt-sound .lmt-sound__on { display: none; }
html[data-lmt-klick="aus"] .lmt-sound .lmt-sound__off { display: block; }

/* --- Flächen ---------------------------------------------------------------------- */

.lmt-panel { position: relative; background: var(--k-card); border: 1px solid var(--k-line); padding: 20px; min-width: 0; }
.lmt-panel > h2 { margin-bottom: 12px; font-size: 19px; }
.lmt-section__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 12px; margin-bottom: 14px; }
.lmt-section__head h2 { font-size: 26px; }
.lmt-panel .lmt-section__head h2 { font-size: 21px; }
.lmt-h1 { font-size: 30px !important; }
.lmt-row { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
.lmt-grow { flex: 999 1 620px; }
.lmt-side { flex: 1 1 340px; min-width: 0; }

.lmt-img { flex: none; display: inline-block; }
.lmt-img--none { display: inline-flex; align-items: center; justify-content: center; background: var(--k-card2); border: 1px solid var(--k-line); color: var(--k-muted); font: 400 15px var(--k-head); }

/* Sicherheit: Balken wie Handy-Empfang */
.lmt-conf { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--k-soft); white-space: nowrap; }
.lmt-bars { display: inline-flex; align-items: flex-end; gap: 2px; }
.lmt-bar { width: 4px; background: var(--k-line); }
.lmt-bar:nth-child(1) { height: 6px; }
.lmt-bar:nth-child(2) { height: 9px; }
.lmt-bar:nth-child(3) { height: 12px; }
.lmt-conf--high .lmt-bar.is-on { background: var(--k-accent); }
.lmt-conf--medium .lmt-bar.is-on { background: var(--k-yellow); }
.lmt-conf--low .lmt-bar.is-on { background: #e5484d; }

.lmt-trend { display: inline-flex; align-items: center; gap: 3px; font-weight: 700; white-space: nowrap; }
.lmt-trend .lmt-ln { width: 15px; height: 15px; stroke-width: 2.25; }
.lmt-trend--up { color: var(--k-up); }
.lmt-trend--down { color: var(--k-down); }
.lmt-tag { display: inline-block; margin-left: 6px; padding: 2px 6px 1px; font: 700 11px/1.2 var(--k-body); letter-spacing: 0.1em; text-transform: uppercase; color: var(--k-yellow); border: 1px solid #6a5418; vertical-align: middle; }

.lmt-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12.5px; font-weight: 700; color: var(--k-muted); }
.lmt-crumbs a { color: var(--k-link) !important; }
.lmt-crumbs a:hover { text-decoration: underline; }
.lmt-crumbs span:last-child { color: var(--k-strong); }
.lmt-note { margin: 8px 0 0; font-size: 12.5px; color: var(--k-muted); line-height: 1.6; max-width: 820px; }

/* --- Startseite ------------------------------------------------------------------- */

.lmt-cards { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 1100px) { .lmt-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.lmt-card { position: relative; display: flex; flex-direction: column; gap: 6px; background: var(--k-card); border: 1px solid var(--k-line); padding: 14px; box-shadow: 0 3px 0 var(--k-drop); transition: border-color 0.12s, transform 0.05s, box-shadow 0.05s; }
.lmt-card:hover { border-color: var(--k-accent-edge); }
.lmt-card:active { transform: translateY(3px); box-shadow: none; }
.lmt-card__pic { height: 92px; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 50% 60%, var(--k-accent-glow) 0%, transparent 70%); }
.lmt-card__name { font-weight: 700; font-size: 16px; color: var(--k-strong); overflow-wrap: anywhere; hyphens: auto; }
.lmt-card__price { font: 400 24px/1 var(--k-head); color: var(--k-strong); }
.lmt-card__price small { font: 500 13px var(--k-body); color: var(--k-muted); }
.lmt-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 2px; }
.lmt-card__foot .lmt-muted { font-size: 11.5px; font-weight: 700; }

.lmt-movers { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 12px; }
.lmt-movers__title { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 21px !important; }
.lmt-movers__title .lmt-ln { width: 20px; height: 20px; stroke-width: 2.25; }
.lmt-panel--up .lmt-movers__title .lmt-ln { color: var(--k-up); }
.lmt-panel--down .lmt-movers__title .lmt-ln { color: var(--k-down); }
.lmt-list { list-style: none; margin: 0; padding: 0; }
.lmt-list li { border-top: 1px solid var(--k-line2); }
.lmt-list a { display: flex; align-items: center; gap: 12px; padding: 9px 0; min-height: 44px; }
.lmt-list a:hover .lmt-list__name { color: var(--k-accent-fg); }
.lmt-list__name { flex: 1; min-width: 0; font-weight: 700; color: var(--k-strong); }
.lmt-list__price { font: 400 16px var(--k-head); white-space: nowrap; color: var(--k-strong); }
.lmt-list .lmt-trend { min-width: 78px; justify-content: flex-end; flex: none; }

.lmt-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.lmt-cat { display: flex; align-items: center; gap: 12px; padding: 10px 14px 10px 10px; background: var(--k-card); border: 1px solid var(--k-line); min-height: 62px; box-shadow: 0 3px 0 var(--k-drop); transition: border-color 0.12s, transform 0.05s, box-shadow 0.05s; }
.lmt-cat:hover { border-color: var(--k-accent-edge); }
.lmt-cat:active { transform: translateY(3px); box-shadow: none; }
.lmt-cat__pic { width: 42px; height: 42px; flex: none; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 50% 55%, var(--k-accent-glow) 0%, transparent 72%); }
.lmt-cat__name { flex: 1; min-width: 0; font: 700 16px/1.15 var(--k-body); color: var(--k-strong); hyphens: auto; overflow-wrap: anywhere; }
.lmt-cat__count { flex: none; font-size: 13px; font-weight: 600; color: var(--k-muted); }
.lmt-cat--all { border-color: var(--k-accent-edge); }
.lmt-cat--all .lmt-cat__name { color: var(--k-accent-fg); }

/* --- Tabelle ---------------------------------------------------------------------- */

.lmt-table-wrap { overflow-x: auto; }
.lmt-table { width: 100%; border-collapse: collapse; }
.lmt-table th { font: 700 12px/1.2 var(--k-body); color: var(--k-muted); text-transform: uppercase; letter-spacing: 0.12em; padding: 8px 10px; text-align: left; white-space: nowrap; border-bottom: 1px solid var(--k-line); }
.lmt-table[data-sortable] th[data-key] { cursor: pointer; }
.lmt-table[data-sortable] th[data-key]:hover { color: var(--k-strong); }
.lmt-table th[aria-sort="ascending"]::after { content: " ↑"; color: var(--k-accent-fg); }
.lmt-table th[aria-sort="descending"]::after { content: " ↓"; color: var(--k-accent-fg); }
.lmt-table td { padding: 9px 10px; border-top: 1px solid var(--k-line2); vertical-align: middle; }
.lmt-table tbody tr:hover td { background: color-mix(in srgb, var(--k-strong) 3%, transparent); }
.lmt-right { text-align: right !important; }
.lmt-left { text-align: left !important; }
.lmt-cell-item a { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 14.5px; color: var(--k-strong); overflow-wrap: anywhere; }
.lmt-cell-item a:hover span { color: var(--k-accent-fg); }
.lmt-cell-price { font: 400 17px var(--k-head); color: var(--k-strong); white-space: nowrap; }
.lmt-cell-range, .lmt-cell-sales { color: var(--k-soft); font-size: 13px; font-weight: 600; white-space: nowrap; }
.lmt-table--plain td { font-size: 13.5px; color: var(--k-soft); font-weight: 600; }
.lmt-table--plain strong { font: 400 15px var(--k-head); color: var(--k-strong); }
.lmt-filter { display: block; margin-bottom: 8px; }
.lmt-filter__input { width: 100%; background: var(--k-field); border: 1px solid var(--k-line); color: var(--k-strong); font: 600 15px var(--k-body); padding: 10px 12px; min-height: 40px; outline: none; }
.lmt-filter__input:focus { border-color: var(--k-accent); box-shadow: 0 0 0 3px var(--k-accent-glow); }
.lmt-table tr[hidden] { display: none; }
.lmt-sort, .lmt-seg { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 3px; }

/* --- Item ------------------------------------------------------------------------- */

.lmt-head { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; }
.lmt-head__pic { width: 160px; height: 160px; flex: none; display: flex; align-items: center; justify-content: center; background: var(--k-card2) radial-gradient(circle at 50% 55%, var(--k-accent-glow) 0%, transparent 70%); border: 1px solid var(--k-line); }
.lmt-head__text { flex: 1 1 260px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.lmt-head__text p { margin: 0; }
.lmt-head__name { font-size: 46px !important; }
.lmt-head__price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.lmt-head__price span { font: 400 46px/1 var(--k-head); color: var(--k-accent-fg); }
.lmt-head__price small { font-size: 14px; color: var(--k-soft); font-weight: 700; }
.lmt-head__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 13px; color: var(--k-soft); font-weight: 600; }
.lmt-badges { display: flex; gap: 6px; flex-wrap: wrap; }
.lmt-badge { font: 700 12px/1 var(--k-body); letter-spacing: 0.06em; text-transform: uppercase; padding: 6px 9px 5px; background: #2a2210; color: var(--k-yellow); border: 1px solid #6a5418; }
.lmt-badge--mode { color: #c8ff8a; background: #172a08; border-color: #3c6a14; }

.lmt-sure { display: flex; flex-direction: column; gap: 12px; }
.lmt-sure__row { display: flex; align-items: center; gap: 14px; }
.lmt-sure__row strong { display: block; font: 400 24px/1 var(--k-head); color: var(--k-strong); }
.lmt-sure__row .lmt-muted { display: block; margin-top: 4px; font-weight: 700; }
.lmt-sure .lmt-bar { width: 9px; }
.lmt-sure .lmt-bar:nth-child(1) { height: 14px; }
.lmt-sure .lmt-bar:nth-child(2) { height: 22px; }
.lmt-sure .lmt-bar:nth-child(3) { height: 30px; }
.lmt-sure .lmt-bars { gap: 4px; }

.lmt-range { position: relative; height: 62px; margin: 0 24px; }
.lmt-range__track { position: absolute; left: 0; right: 0; top: 24px; height: 12px; background: var(--k-field); border: 1px solid var(--k-line); }
.lmt-range__fill { position: absolute; top: 24px; height: 12px; background: var(--k-accent); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 2px 0 var(--k-accent-edge); }
.lmt-range__mark { position: absolute; top: 14px; width: 4px; height: 32px; margin-left: -2px; background: #fff; box-shadow: 0 0 0 2px #000; }
.lmt-range__label { position: absolute; top: 44px; transform: translateX(-50%); font-size: 12px; font-weight: 700; color: var(--k-soft); white-space: nowrap; }
.lmt-range__label--top { top: -6px; font: 400 15px var(--k-head); color: var(--k-strong); }

.lmt-chart svg { width: 100%; height: auto; display: block; }
.lmt-chart__axis { font: 700 11.5px var(--k-body); fill: var(--k-muted); }
.lmt-chart__axis line { stroke: var(--k-line2); }
.lmt-chart__band { fill: var(--k-accent); fill-opacity: 0.12; }
.lmt-chart__line { fill: none; stroke: var(--k-accent); stroke-width: 3; stroke-linejoin: miter; }
.lmt-chart__dot { fill: var(--k-accent); stroke: #000; stroke-width: 2; }
.lmt-legend { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 10px; font-size: 12.5px; font-weight: 700; color: var(--k-soft); }
.lmt-legend span { display: inline-flex; align-items: center; gap: 8px; }
.lmt-legend__line { display: inline-block; width: 18px; height: 3px; background: var(--k-accent); }
.lmt-legend__band { display: inline-block; width: 18px; height: 10px; background: rgba(145, 240, 34, 0.2); }

.lmt-calc__row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; color: var(--k-soft); }
.lmt-calc__row input { width: 96px; background: var(--k-field); border: 1px solid var(--k-line); color: var(--k-strong); font: 400 18px var(--k-head); padding: 7px 10px; outline: none; }
.lmt-calc__row input:focus { border-color: var(--k-accent); box-shadow: 0 0 0 3px var(--k-accent-glow); }
.lmt-offer__price { margin: 4px 0 6px; font: 400 28px/1.1 var(--k-head); color: var(--k-strong); }
.lmt-offer__price small { font: 400 14px var(--k-body); color: var(--k-muted); }
.lmt-calc__out { margin: 12px 0 0; font: 400 32px/1 var(--k-head); color: var(--k-strong); }

.lmt-src { display: flex; height: 10px; gap: 2px; }
.lmt-src__part--auction { background: var(--k-cyan); }
.lmt-src__part--trade { background: var(--ls-purple, #b322f0); }
.lmt-src__part--shop { background: var(--k-yellow); }
.lmt-src__legend { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 10px 0 0; font-size: 13px; font-weight: 700; color: var(--k-soft); }
.lmt-dot { display: inline-block; width: 9px; height: 9px; margin-right: 6px; vertical-align: middle; }

.lmt-alt { position: relative; display: flex; align-items: center; gap: 14px; background: #08151a; border: 1px solid #0f4a57; padding: 16px 18px; transition: border-color 0.12s, transform 0.08s; }
.lmt-alt:hover { border-color: var(--k-cyan-edge); }
.lmt-alt:active { transform: translateY(2px); }
.lmt-alt span:not(.lmt-img) { flex: 1; min-width: 0; }
.lmt-alt small { display: block; }
.lmt-alt strong { display: block; font: 400 22px/1.1 var(--k-head); color: var(--k-strong); }
.lmt-alt .lmt-alt__arrow { flex: none; color: var(--k-cyan); }
.lmt-alt .lmt-lab { color: #7fe9ff; }

/* --- Handy ------------------------------------------------------------------------ */

@media (max-width: 720px) {
	.lmt { font-size: 13.5px; }
	.lmt-hero, .lmt-hero--compact { padding: calc(var(--ls-header-h, 92px) + 10px) 0 16px; gap: 12px; }
	.lmt-wordmark { font-size: 40px; gap: 10px; }
	.lmt-wordmark__icon { width: 36px; height: 36px; }
	.lmt-wordmark__icon .lmt-ln { width: 21px; height: 21px; }
	.lmt-hero--compact .lmt-wordmark { font-size: 28px; }
	.lmt-hero__claim { font-size: 14px; }
	.lmt-switch { display: grid; width: 100%; }
	.lmt-switch__btn, .lmt-hero--compact .lmt-switch__btn { min-height: 44px; min-width: 0; font-size: 16px; }
	.lmt-search { flex-basis: 100%; }
	.lmt-search__input { font-size: 16px; }
	.lmt-search__key { display: none; }
	.lmt-panel { padding: 14px; }
	.lmt-section__head h2 { font-size: 22px; }
	.lmt-panel .lmt-section__head h2 { font-size: 19px; }
	.lmt-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.lmt-card { padding: 12px; }
	.lmt-card__pic { height: 66px; }
	.lmt-card__pic .lmt-img { width: 52px; height: 52px; }
	.lmt-card__price { font-size: 21px; }
	.lmt-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.lmt-cat { padding: 8px 10px 8px 8px; gap: 8px; min-height: 56px; }
	.lmt-cat__pic { width: 34px; height: 34px; }
	.lmt-cat__pic .lmt-img { width: 30px; height: 30px; }
	.lmt-cat__name { font-size: 14px; }
	.lmt-movers { grid-template-columns: 1fr; }
	.lmt-k { min-height: 40px; }

	/* Tabelle als Liste */
	.lmt-table:not(.lmt-table--plain) thead { display: none; }
	.lmt-table:not(.lmt-table--plain), .lmt-table:not(.lmt-table--plain) tbody { display: block; }
	.lmt-table:not(.lmt-table--plain) tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding: 11px 0; border-top: 1px solid var(--k-line2); }
	.lmt-table:not(.lmt-table--plain) td { border: 0; padding: 0; }
	.lmt-table:not(.lmt-table--plain) .lmt-cell-item { grid-column: 1; grid-row: 1 / span 2; }
	.lmt-table:not(.lmt-table--plain) .lmt-cell-item a { font-size: 14px; }
	.lmt-table:not(.lmt-table--plain) .lmt-cell-price { grid-column: 2; font-size: 16px; }
	.lmt-table:not(.lmt-table--plain) .lmt-cell-conf { grid-column: 2; text-align: right; }
	.lmt-table:not(.lmt-table--plain) .lmt-cell-range { grid-column: 1; padding-left: 44px; font-size: 12px; }
	.lmt-table:not(.lmt-table--plain) .lmt-cell-trend, .lmt-table:not(.lmt-table--plain) .lmt-cell-sales { display: none; }
	.lmt-only-mobile { display: inline; }

	.lmt-head { flex-direction: column; text-align: center; gap: 12px; }
	.lmt-head__pic { width: 116px; height: 116px; }
	.lmt-head__pic .lmt-img { width: 90px; height: 90px; }
	.lmt-head__name { font-size: 34px !important; }
	.lmt-head__price { justify-content: center; }
	.lmt-head__price span { font-size: 36px; }
	.lmt-head__meta, .lmt-badges { justify-content: center; }
	.lmt-range { margin: 0 18px; }
	.lmt-row { gap: 12px; }
	.lmt-stack { gap: 12px; }
	.lmt-grow, .lmt-side { flex-basis: 100%; }
	.lmt-calc__out { font-size: 26px; }
}

@media (prefers-reduced-motion: reduce) {
	.lmt-k, .lmt-card, .lmt-cat, .lmt-alt { transition: none; }
}

/* --- Hell (Umschalter in der Kopfleiste des Shops) --------------------------------- */

html[data-ln-theme="hell"] .lmt-tag, html[data-ln-theme="hell"] .lmt-badge { background: #fff4d6; border-color: #e3c56a; }
html[data-ln-theme="hell"] .lmt-badge--mode { color: #2c5a05; background: #eefbdc; border-color: #9fd35a; }
html[data-ln-theme="hell"] .lmt-alt { background: #e9f7fb; border-color: #9fd8e6; }
html[data-ln-theme="hell"] .lmt-alt .lmt-lab { color: #006f97; }
html[data-ln-theme="hell"] .lmt-alt .lmt-alt__arrow { color: #006f97; }
html[data-ln-theme="hell"] .lmt-legend__band { background: rgba(80, 150, 10, 0.18); }