/* ERS Consent-SEO-Fix — kompakter Cookie-Banner auf Mobilgeräten.
   Audit-Befund 17.07.2026: Banner verdeckte auf Mobile 60–70 % des Viewports
   inkl. Warenkorb-Button. Alle drei Buttons bleiben gleichwertig sichtbar,
   der vollständige Text bleibt per Scroll erreichbar (DSGVO-konform). */

@media (max-width: 767.98px) {
    #consent-banner {
        padding: 0.625rem 0.75rem !important;
        max-height: 45vh;
        overflow-y: auto;
        font-size: 0.8125rem;
    }

    #consent-banner .consent-banner-icon {
        display: none;
    }

    #consent-banner .consent-display-2 {
        font-size: 1rem;
        font-weight: 600;
    }

    #consent-banner .consent-banner-description p {
        font-size: 0.8125rem;
        line-height: 1.4;
        margin-bottom: 0.25rem;
    }

    #consent-banner .consent-btn-helper {
        display: flex;
        flex-wrap: wrap;
        gap: 0.375rem;
    }

    #consent-banner .consent-btn-helper > div {
        flex: 1 1 30%;
        margin: 0 !important;
    }

    #consent-banner .consent-btn {
        padding: 0.5rem 0.375rem;
        font-size: 0.8125rem;
        white-space: nowrap;
        min-height: 44px; /* Tap-Target-Empfehlung */
    }
}