/* ═══════════════════════════════════════════════════════════════════════════
   Media Placeholder — Essig Elektro
   Markiertes Feld für noch fehlende Bilder (Kundenwunsch S. 1 / S. 7).
   Erfindet kein Motiv, sondern zeigt sichtbar: hier gehört ein echtes Bild hin.
   ═══════════════════════════════════════════════════════════════════════════ */

.c-media {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.c-media-placeholder {
    aspect-ratio: var(--c-media-placeholder-ratio, 4 / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.5rem;
    text-align: center;
    border: 2px dashed hsl(14 85% 52% / 0.55);
    background:
        repeating-linear-gradient(
            45deg,
            hsl(0 0% 50% / 0.07) 0 12px,
            transparent 12px 24px
        );
    width: 100%;
}

.c-media-placeholder__label {
    font-size: var(--font-size-xs);
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--color-orange-500);
}

.c-media-placeholder__text {
    font-size: 0.95rem;
    line-height: 1.5;
    max-width: 34ch;
    color: var(--color-text-secondary);
}

@media (max-width: 640px) {
    .c-media-placeholder {
        padding: 1rem;
    }

    .c-media-placeholder__text {
        font-size: 0.875rem;
    }
}