/* === ms_energylabel v2 === */
.ms-elabel {
	    margin: 6px 0 10px;
	    position: relative;
	    z-index: 5;
	    isolation: isolate;
	    pointer-events: auto;
}
.ms-elabel-link { display: inline-block; text-decoration: none; }
.ms-elabel-img { max-width: 90px; height: auto; display: block; pointer-events: none; }

.ms-elabel-scale {
	    display: flex;
	    font-family: "JetBrains Mono", monospace;
	    font-weight: 600;
	    font-size: 11px;
	    border-radius: 3px;
	    overflow: hidden;
	    width: fit-content;
	    box-shadow: 0 1px 3px rgba(20, 19, 26, .25);
	    pointer-events: none;
}
.ms-elabel-bar { padding: 2px 6px; opacity: .45; }
.ms-elabel-bar--active { opacity: 1; outline: 2px solid #14131A; outline-offset: -2px; z-index: 1; }

.ms-elabel-trigger {
	    background: none;
	    border: none;
	    padding: 0;
	    margin: 0;
	    cursor: zoom-in;
	    display: inline-block;
	    position: relative;
	    z-index: 6;
	    pointer-events: auto;
}

/* Verhindert, dass Hover-Overlays der Produktbox (z.B. Schnellansicht-Icons)
   ueber unserem Label liegen bzw. beim Ueberfahren flackern. */
.productbox .ms-elabel,
.productbox .ms-elabel-trigger {
	    position: relative;
	    z-index: 20;
}
.productbox-quick-actions {
	    z-index: 2;
}

.ms-elabel-popup {
	    position: fixed;
	    inset: 0;
	    z-index: 2000;
	    background: rgba(20, 19, 26, .75);
	    display: flex;
	    align-items: center;
	    justify-content: center;
}
.ms-elabel-popup[hidden] { display: none; }
.ms-elabel-popup-inner {
	    background: #fff;
	    border-radius: 8px;
	    padding: 24px;
	    max-width: 90vw;
	    max-height: 90vh;
	    overflow: auto;
	    position: relative;
	    text-align: center;
}
.ms-elabel-popup-inner img { max-width: 100%; max-height: 70vh; }
.ms-elabel-popup-close {
	    position: absolute;
	    top: 8px;
	    right: 12px;
	    background: none;
	    border: none;
	    font-size: 24px;
	    line-height: 1;
	    cursor: pointer;
	    color: #14131A;
}