#cookie-overlay { transition: opacity 0.5s ease; }

#cookie-banner {
    box-sizing: border-box;
    max-width: calc(100vw - 2rem);
}
#cookie-banner *,
#cookie-banner *::before,
#cookie-banner *::after {
    box-sizing: border-box;
}
.cookie-panel {
    max-width: 100%;
    overflow: hidden;
}
#cookie-banner {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.cookie-panel {
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22);
    backdrop-filter: blur(18px);
}
.cookie-chip {
    background: rgba(219, 234, 254, 0.9);
}
.cookie-link {
    color: #2563eb;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.consent-reopen {
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
}


@media (max-width: 480px) {
    #cookie-banner {
        left: 1rem !important;
        right: 1rem !important;
        bottom: 1rem !important;
        max-width: calc(100vw - 2rem) !important;
    }
    #cookie-banner * {
        min-width: 0;
    }
    .cookie-panel {
        max-width: 100%;
        overflow: hidden;
        border-radius: 1.5rem;
        padding: 1.25rem !important;
    }
    .cookie-chip {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        letter-spacing: 0.12em !important;
    }
    #cookie-banner h4,
    #cookie-banner p,
    #cookie-banner button,
    .cookie-link {
        overflow-wrap: anywhere;
    }
    #cookie-banner button {
        letter-spacing: 0.12em !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .consent-reopen {
        max-width: calc(100vw - 2rem);
        white-space: normal;
    }
}