/* Cookie Banner Styles */
.cookie-banner {
    position: fixed;
    bottom: 20px;
    left: 20px;
    max-width: 400px;
    background-color: #ffffff;
    border-radius: 12px;
    z-index: 1050;
    overflow: hidden;
    transform: translateY(150%);
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid rgba(0,0,0,0.08);
}

.cookie-banner.show {
    transform: translateY(0);
}

.cookie-content {
    padding: 20px;
}

.cookie-header {
    display: flex;
    align-items: center;
}

.cookie-buttons {
    margin-top: 15px;
}

@media (max-width: 576px) {
    .cookie-banner {
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
        border-radius: 12px 12px 0 0;
    }
}