/**
 * Responsive Anpassungen für Detail-Partials
 * (marketplace, project, discussion, guide)
 * Aus <style>-Blöcken in Partials ausgelagert – regelkonform.
 */
@media (max-width: 600px) {
    .detail-hero-image {
        width: 100% !important;
        margin-bottom: 1rem;
    }

    div[style*="display: flex; gap: 1.25rem"] {
        flex-direction: column;
    }

    div[style*="width: 180px"] {
        width: 100% !important;
        max-width: 280px;
    }
}