/* Marticom HCI Sync — Frontend
   Reines Re-Use des marticom-hci-lookup Admin-CSS würde WP-Admin-Stile in den
   Shop ziehen. Stattdessen scopen wir alles unter .mhs-frontend-wrap und
   importieren nur die Token-Variablen + Component-Klassen. */

.mhs-frontend-wrap {
	--mhs-bg:           #ffffff;
	--mhs-surface:      #ffffff;
	--mhs-surface-alt:  #f9fafc;
	--mhs-border:       #e3e6ee;
	--mhs-border-soft:  #eef0f5;
	--mhs-ink:          #0f172a;
	--mhs-ink-soft:     #475569;
	--mhs-muted:        #94a3b8;
	--mhs-accent:       var(--bricks-color-primary, #2563eb);
	--mhs-accent-dark:  #1d4ed8;
	--mhs-accent-soft:  #dbeafe;

	font-family: inherit;
	color: var(--mhs-ink);
	margin: 24px 0;
}

/* Lookup-Renderer-Klassen importieren — die HTML-Struktur kommt 1:1 vom
   marticom-hci-lookup-Renderer. Wir laden dessen CSS nicht; die Style-Definitionen
   für das Frontend leben hier. Identische Klassennamen wie im Lookup-Plugin
   aus Konsistenz. */

.mhs-frontend-wrap .mhl-product {
	background: var(--mhs-surface);
	border: 1px solid var(--mhs-border);
	border-radius: 14px;
	padding: 28px;
	box-shadow: 0 1px 3px rgba(0,0,0,.04);
}

.mhs-frontend-wrap .mhl-hero { display: grid; grid-template-columns: 280px 1fr; gap: 32px; padding-bottom: 24px; border-bottom: 1px solid var(--mhs-border-soft); }
@media (max-width: 780px) { .mhs-frontend-wrap .mhl-hero { grid-template-columns: 1fr; } }
.mhs-frontend-wrap .mhl-hero-img { background: linear-gradient(135deg, #f8faff, #eef2fb); border-radius: 12px; padding: 20px; display: flex; align-items: center; justify-content: center; min-height: 240px; }
.mhs-frontend-wrap .mhl-hero-img img { max-width: 100%; max-height: 220px; mix-blend-mode: multiply; }
.mhs-frontend-wrap .mhl-hero-title { font-size: 26px; font-weight: 700; line-height: 1.2; margin: 4px 0 8px; letter-spacing: -0.02em; }
.mhs-frontend-wrap .mhl-hero-brand { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--mhs-accent); }

.mhs-frontend-wrap .mhl-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; background: var(--mhs-surface-alt); border: 1px solid var(--mhs-border-soft); border-radius: 999px; font-size: 11px; font-weight: 500; color: var(--mhs-ink-soft); margin: 2px 2px 2px 0; }
.mhs-frontend-wrap .mhl-chip code { background: transparent; padding: 0; font-size: 11px; font-weight: 600; }
.mhs-frontend-wrap .mhl-chip-pharma { background: #dbeafe; color: #1d4ed8; }
.mhs-frontend-wrap .mhl-chip-gtin { background: #ede9fe; color: #7c3aed; }

.mhs-frontend-wrap .mhl-cta { display: inline-flex; gap: 6px; padding: 9px 16px; background: #0f172a; color: #fff !important; border-radius: 8px; text-decoration: none; font-size: 13px; font-weight: 500; margin-top: 8px; }
.mhs-frontend-wrap .mhl-cta:hover { background: var(--mhs-accent-dark); }

.mhs-frontend-wrap .mhl-section { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--mhs-border-soft); }
.mhs-frontend-wrap .mhl-section h3 { font-size: 15px; font-weight: 600; margin: 0 0 12px; }

.mhs-frontend-wrap .mhl-brand-taxonomy { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--mhs-border-soft); }
.mhs-frontend-wrap .mhl-bt-card { display: flex; gap: 12px; padding: 14px 16px; background: var(--mhs-surface); border: 1px solid var(--mhs-border); border-radius: 10px; }
.mhs-frontend-wrap .mhl-bt-icon { font-size: 20px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; }
.mhs-frontend-wrap .mhl-bt-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--mhs-muted); }
.mhs-frontend-wrap .mhl-bt-value { font-size: 14px; font-weight: 600; }
.mhs-frontend-wrap .mhl-bt-tree { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 4px 0; }
.mhs-frontend-wrap .mhl-bt-node { font-family: ui-monospace, monospace; font-size: 12px; padding: 3px 8px; background: var(--mhs-surface-alt); border-radius: 5px; }
.mhs-frontend-wrap .mhl-bt-node.is-leaf { background: var(--mhs-accent); color: #fff; }
.mhs-frontend-wrap .mhl-bt-sep { color: var(--mhs-muted); }

.mhs-frontend-wrap .mhl-facts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.mhs-frontend-wrap .mhl-fact { background: var(--mhs-surface-alt); border: 1px solid var(--mhs-border-soft); border-radius: 8px; padding: 12px 14px; }
.mhs-frontend-wrap .mhl-fact-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--mhs-muted); font-weight: 600; margin-bottom: 3px; }
.mhs-frontend-wrap .mhl-fact-value { font-size: 13px; font-weight: 500; }

.mhs-frontend-wrap .mhl-subs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.mhs-frontend-wrap .mhl-sub-card { background: linear-gradient(135deg, var(--mhs-accent-soft), #f5f8ff); border: 1px solid #d8e3fb; padding: 16px 18px; border-radius: 10px; }
.mhs-frontend-wrap .mhl-sub-qty-num { font-size: 28px; font-weight: 700; color: var(--mhs-accent-dark); font-family: ui-monospace, monospace; }
.mhs-frontend-wrap .mhl-sub-qty-unit { font-size: 14px; color: var(--mhs-accent); margin-left: 4px; }
.mhs-frontend-wrap .mhl-sub-name { font-weight: 600; font-size: 14px; margin-top: 6px; }

.mhs-frontend-wrap .mhl-articles-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.mhs-frontend-wrap .mhl-art-card { display: grid; grid-template-columns: 80px 1fr; gap: 14px; background: var(--mhs-surface); border: 1px solid var(--mhs-border-soft); border-radius: 10px; padding: 12px; }
.mhs-frontend-wrap .mhl-art-thumb { background: var(--mhs-surface-alt); border-radius: 6px; display: flex; align-items: center; justify-content: center; height: 80px; }
.mhs-frontend-wrap .mhl-art-thumb img { max-width: 100%; max-height: 70px; mix-blend-mode: multiply; }
.mhs-frontend-wrap .mhl-art-pack { font-size: 15px; font-weight: 700; }
.mhs-frontend-wrap .mhl-art-secondary { font-size: 12px; color: var(--mhs-ink-soft); }
.mhs-frontend-wrap .mhl-art-prices { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding-top: 6px; border-top: 1px dashed var(--mhs-border-soft); }
.mhs-frontend-wrap .mhl-art-prices dt { font-size: 9px; text-transform: uppercase; color: var(--mhs-muted); }
.mhs-frontend-wrap .mhl-art-prices dd { margin: 0; font-family: ui-monospace, monospace; font-weight: 600; font-size: 14px; }

.mhs-frontend-wrap .mhl-mono-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.mhs-frontend-wrap .mhl-mono-card { display: grid; grid-template-columns: 38px 1fr 28px; gap: 14px; align-items: center; padding: 14px 16px; background: var(--mhs-surface-alt); border: 1px solid var(--mhs-border-soft); border-radius: 10px; cursor: pointer; width: 100%; text-align: left; color: inherit; font-family: inherit; }
.mhs-frontend-wrap .mhl-mono-card:hover { border-color: var(--mhs-accent); background: var(--mhs-accent-soft); }
.mhs-frontend-wrap .mhl-mono-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 700; color: var(--mhs-muted); }
.mhs-frontend-wrap .mhl-mono-title { font-size: 13px; font-weight: 600; }
.mhs-frontend-wrap .mhl-mono-meta code { background: rgba(0,0,0,.06); padding: 2px 6px; border-radius: 4px; font-size: 11px; }
.mhs-frontend-wrap .mhl-mono-expanded { margin-top: 12px; }

.mhs-frontend-wrap .mhl-mono-sections { display: flex; flex-direction: column; gap: 12px; }
.mhs-frontend-wrap .mhl-mono-section { padding: 14px 16px; background: var(--mhs-surface-alt); border: 1px solid var(--mhs-border-soft); border-radius: 10px; }
.mhs-frontend-wrap .mhl-mono-section-priority { background: linear-gradient(135deg, var(--mhs-accent-soft), #f5f8ff); border-color: #d8e3fb; }
.mhs-frontend-wrap .mhl-mono-section-title { font-size: 13px; font-weight: 700; margin: 0 0 8px; }
.mhs-frontend-wrap .mhl-mono-section-body { font-size: 13px; line-height: 1.6; }

.mhs-frontend-wrap .mhl-company-card { background: linear-gradient(135deg, #fff, #f8faff); border: 1px solid var(--mhs-border); border-radius: 10px; padding: 18px 22px; }
.mhs-frontend-wrap .mhl-company-name { font-size: 16px; font-weight: 700; margin-bottom: 6px; }
.mhs-frontend-wrap .mhl-company-contact { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px 24px; margin: 0; }
.mhs-frontend-wrap .mhl-company-contact dt { font-size: 9px; text-transform: uppercase; color: var(--mhs-muted); }
.mhs-frontend-wrap .mhl-company-contact dd { margin: 0; font-size: 13px; }
.mhs-frontend-wrap .mhl-company-contact a { color: var(--mhs-accent); text-decoration: none; }

.mhs-frontend-wrap .mhl-pic-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
.mhs-frontend-wrap .mhl-pic-grid figure { margin: 0; background: var(--mhs-surface-alt); border: 1px solid var(--mhs-border-soft); border-radius: 8px; padding: 10px; text-align: center; cursor: zoom-in; }
.mhs-frontend-wrap .mhl-pic-grid img { max-width: 100%; height: 130px; object-fit: contain; mix-blend-mode: multiply; }

.mhs-frontend-wrap .mhl-rawjson { display: none; } /* Frontend: kein Roh-JSON. */

.mhs-frontend-wrap .mhl-lazy-placeholder { display: flex; align-items: center; gap: 10px; padding: 16px; background: var(--mhs-surface-alt); border: 1px dashed var(--mhs-border); border-radius: 8px; color: var(--mhs-muted); font-size: 13px; }
.mhs-frontend-wrap .mhl-spinner { width: 12px; height: 12px; border: 2px solid var(--mhs-border); border-top-color: var(--mhs-accent); border-radius: 50%; animation: mhs-spin .8s linear infinite; }
@keyframes mhs-spin { to { transform: rotate(360deg); } }

.mhs-empty, .mhs-builder-placeholder, .mhs-fallback-text { padding: 14px 18px; background: #f4f4f5; border: 1px dashed #d4d4d8; border-radius: 8px; color: #71717a; font-size: 13px; }

/* ============================================================
   v1.0.4 — Frontend-Polish: keine 3D-Markups, modernere Übersicht
   ============================================================ */

/* 3D-Markups komplett ausblenden — verwirrt im Frontend */
.mhs-frontend-wrap .mhl-3d-badge,
.mhs-frontend-wrap .mhl-3d-badge-sm,
.mhs-frontend-wrap .mhl-zoom-hint { display: none !important; }
.mhs-frontend-wrap .mhl-pic-hero { cursor: default; }
.mhs-frontend-wrap [data-mhl-lightbox] { cursor: zoom-in; }

/* Technische Details verstecken: Master-Artikel-Stubs, "per Gtin"-Hinweise */
.mhs-frontend-wrap .mhl-stubs { display: none; }
.mhs-frontend-wrap .mhl-section h3 .mhl-muted { display: none; }
.mhs-frontend-wrap .mhl-rawjson { display: none; }

/* Hero: kompakter, mit visueller Hierarchie */
.mhs-frontend-wrap .mhl-product { padding: 28px 32px; }
.mhs-frontend-wrap .mhl-hero { grid-template-columns: 260px 1fr; gap: 36px; padding-bottom: 20px; }
.mhs-frontend-wrap .mhl-hero-img {
	min-height: 220px;
	background: linear-gradient(135deg, #ffffff, #f5f8ff);
	border: 1px solid var(--mhs-border-soft);
	border-radius: 14px;
}
.mhs-frontend-wrap .mhl-hero-img img { max-height: 200px; filter: drop-shadow(0 8px 16px rgba(15,23,42,.08)); }
.mhs-frontend-wrap .mhl-hero-brand {
	color: var(--mhs-accent);
	font-size: 11px;
	letter-spacing: 0.12em;
}
.mhs-frontend-wrap .mhl-hero-title { font-size: 24px; margin-top: 6px; }
.mhs-frontend-wrap .mhl-hero-long { font-size: 14px; color: var(--mhs-ink-soft); margin: 6px 0 0; line-height: 1.55; }
.mhs-frontend-wrap .mhl-hero-ids { margin-top: 14px; }
.mhs-frontend-wrap .mhl-chip { font-size: 10.5px; padding: 3px 9px; }
.mhs-frontend-wrap .mhl-hero-ctas { margin-top: 14px; }
.mhs-frontend-wrap .mhl-cta { font-size: 12.5px; padding: 8px 14px; border-radius: 8px; }

/* Marke + ATC inline, kompakter — wie Stat-Strip */
.mhs-frontend-wrap .mhl-brand-taxonomy {
	margin-top: 18px; padding-top: 18px;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 10px;
}
.mhs-frontend-wrap .mhl-bt-card { padding: 12px 14px; gap: 10px; border-radius: 10px; box-shadow: none; }
.mhs-frontend-wrap .mhl-bt-icon { width: 32px; height: 32px; font-size: 16px; background: transparent; border: none; }
.mhs-frontend-wrap .mhl-bt-label { font-size: 9px; letter-spacing: 0.1em; }
.mhs-frontend-wrap .mhl-bt-value { font-size: 13px; }
.mhs-frontend-wrap .mhl-bt-node { font-size: 10.5px; padding: 2px 6px; }

/* Auf einen Blick — Stat-Tile-Look */
.mhs-frontend-wrap .mhl-section { margin-top: 22px; padding-top: 18px; }
.mhs-frontend-wrap .mhl-section h3 {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--mhs-muted);
	margin: 0 0 14px;
}
.mhs-frontend-wrap .mhl-facts-grid { gap: 8px; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
.mhs-frontend-wrap .mhl-fact { padding: 10px 12px; border-radius: 8px; }
.mhs-frontend-wrap .mhl-fact-label { font-size: 9px; letter-spacing: 0.1em; }
.mhs-frontend-wrap .mhl-fact-value { font-size: 13px; line-height: 1.35; }

/* Wirkstoffe — flachere Karten, weniger laut */
.mhs-frontend-wrap .mhl-subs-grid { gap: 8px; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.mhs-frontend-wrap .mhl-sub-card {
	background: var(--mhs-surface-alt);
	border: 1px solid var(--mhs-border-soft);
	padding: 12px 14px;
}
.mhs-frontend-wrap .mhl-sub-qty { margin-bottom: 4px; line-height: 1; }
.mhs-frontend-wrap .mhl-sub-qty-num { font-size: 20px; }
.mhs-frontend-wrap .mhl-sub-qty-unit { font-size: 12px; }
.mhs-frontend-wrap .mhl-sub-name { font-size: 13px; margin-top: 4px; font-weight: 500; }
.mhs-frontend-wrap .mhl-sub-type { font-size: 9px; letter-spacing: 0.1em; color: var(--mhs-muted); margin-top: 4px; }

/* Artikel-Karten kompakter */
.mhs-frontend-wrap .mhl-articles-grid { gap: 10px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.mhs-frontend-wrap .mhl-art-card { grid-template-columns: 72px 1fr; gap: 12px; padding: 10px; border-radius: 10px; }
.mhs-frontend-wrap .mhl-art-thumb { height: 72px; border-radius: 6px; }
.mhs-frontend-wrap .mhl-art-thumb img { max-height: 62px; }
.mhs-frontend-wrap .mhl-art-pack { font-size: 14px; }
.mhs-frontend-wrap .mhl-art-secondary { font-size: 11px; margin-top: -2px; }
.mhs-frontend-wrap .mhl-art-meta { margin-top: 4px; }
.mhs-frontend-wrap .mhl-art-prices { gap: 4px; padding-top: 4px; margin-top: 4px; }
.mhs-frontend-wrap .mhl-art-prices dd { font-size: 13px; }
.mhs-frontend-wrap .mhl-art-status { font-size: 11px; }

/* Monographien-Karten — größer + klickbarer */
.mhs-frontend-wrap .mhl-mono-card {
	padding: 14px 16px;
	border: 1px solid var(--mhs-border);
	background: var(--mhs-surface);
	box-shadow: 0 1px 2px rgba(15,23,42,.03);
	transition: border-color 120ms, transform 120ms;
}
.mhs-frontend-wrap .mhl-mono-clickable:hover { border-color: var(--mhs-accent); transform: translateY(-1px); }
.mhs-frontend-wrap .mhl-mono-label { font-size: 9px; letter-spacing: 0.1em; }
.mhs-frontend-wrap .mhl-mono-title { font-size: 14px; }

/* Bild-Galerie ohne 3D-Hinweise, größere Tiles */
.mhs-frontend-wrap .mhl-pic-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
.mhs-frontend-wrap .mhl-pic-grid figure { padding: 8px; border-radius: 8px; }
.mhs-frontend-wrap .mhl-pic-grid img { height: 110px; }
.mhs-frontend-wrap .mhl-pic-grid figcaption { font-size: 10px; color: var(--mhs-muted); margin-top: 6px; }

/* "Konnte nicht geladen werden"-Warnings verstecken — nur stillschweigend ausblenden */
.mhs-frontend-wrap .mhl-lazy-error { display: none; }

/* Abgabekategorie-Kachel im Frontend */
.mhs-frontend-wrap .mhl-cat-letter {
	font-family: ui-monospace, monospace;
	font-size: 20px !important;
	font-weight: 800;
	color: #fff !important;
	background: var(--mhs-muted);
	letter-spacing: -0.02em;
	width: 36px !important;
	height: 36px !important;
	border-radius: 8px;
}
.mhs-frontend-wrap .mhl-bt-cat-desc {
	font-size: 11px;
	color: var(--mhs-ink-soft);
	line-height: 1.4;
	margin-top: 4px;
}
.mhs-frontend-wrap .mhl-bt-cat-a, .mhs-frontend-wrap .mhl-bt-cat-b {
	background: linear-gradient(135deg, #fff1f2 0%, #ffffff 100%) !important;
	border-color: #fecdd3 !important;
}
.mhs-frontend-wrap .mhl-bt-cat-a .mhl-cat-letter, .mhs-frontend-wrap .mhl-bt-cat-b .mhl-cat-letter {
	background: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
}
.mhs-frontend-wrap .mhl-bt-cat-c {
	background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%) !important;
	border-color: #fed7aa !important;
}
.mhs-frontend-wrap .mhl-bt-cat-c .mhl-cat-letter {
	background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
}
.mhs-frontend-wrap .mhl-bt-cat-d {
	background: linear-gradient(135deg, #ecfeff 0%, #ffffff 100%) !important;
	border-color: #a5f3fc !important;
}
.mhs-frontend-wrap .mhl-bt-cat-d .mhl-cat-letter {
	background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
}
.mhs-frontend-wrap .mhl-bt-cat-e {
	background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%) !important;
	border-color: #bbf7d0 !important;
}
.mhs-frontend-wrap .mhl-bt-cat-e .mhl-cat-letter {
	background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
}

/* ============================================================
   v1.0.6 — Mono-Card-Layout-Fix + Pic-Empty
   ============================================================ */

/* Mono-Karten: Flex statt 3-Spalten-Grid, gibt Inhalt Raum zum atmen */
.mhs-frontend-wrap .mhl-mono-card {
	display: flex !important;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	min-height: 70px;
}
.mhs-frontend-wrap .mhl-mono-icon {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 6px;
	background: var(--mhs-surface-alt);
	display: flex !important;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}
.mhs-frontend-wrap .mhl-mono-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.mhs-frontend-wrap .mhl-mono-label {
	font-size: 9.5px;
	letter-spacing: 0.1em;
	color: var(--mhs-muted);
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mhs-frontend-wrap .mhl-mono-title {
	font-size: 14px;
	font-weight: 600;
	color: var(--mhs-ink);
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mhs-frontend-wrap .mhl-mono-meta {
	display: flex;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 2px;
}
.mhs-frontend-wrap .mhl-mono-meta code {
	font-size: 10.5px;
	padding: 1px 6px;
	background: rgba(0,0,0,.04);
	border-radius: 3px;
	font-family: ui-monospace, monospace;
	color: var(--mhs-ink-soft);
}
.mhs-frontend-wrap .mhl-mono-hint {
	font-size: 10.5px;
	color: var(--mhs-accent);
	font-weight: 500;
}
.mhs-frontend-wrap .mhl-mono-chev {
	flex-shrink: 0;
	color: var(--mhs-muted);
	display: flex;
	align-items: center;
	transition: transform 120ms;
}
.mhs-frontend-wrap .mhl-mono-clickable.open .mhl-mono-chev { transform: rotate(180deg); }

/* Mono-Grid auf 1 Spalte wenn Container < 480px */
@media (max-width: 720px) {
	.mhs-frontend-wrap .mhl-mono-grid { grid-template-columns: 1fr; }
}

/* Galerie-Bilder: leere Plätze sauber */
.mhs-frontend-wrap .mhl-pic-grid .mhs-pic-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 110px;
	color: var(--mhs-muted);
	font-size: 10px;
	letter-spacing: 0.05em;
}
.mhs-frontend-wrap figure.mhs-pic-failed {
	border-style: dashed !important;
}