/* Cookie Banner Styles */
    #cookie-banner {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #f1f1f1;
        color: #333;
        padding: 1rem;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        display: flex;
        flex-direction: column;
        font-family: Arial, sans-serif;
    }
    
    #cookie-banner.hidden {
        display: none;
    }
    
    .cookie-content {
        margin-bottom: 1rem;
    }
    
    .cookie-title {
        font-weight: bold;
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }
    
    .cookie-text {
        margin-bottom: 1rem;
        line-height: 1.5;
    }
    
    .cookie-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .cookie-buttons button {
        padding: 8px 16px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-weight: bold;
    }
    
    #accept-all {
        background: #4CAF50;
        color: white;
    }
    
    #customize {
        background: #f8f8f8;
        color: #333;
        border: 1px solid #ddd;
    }
    
    #reject-all {
        background: #f44336;
        color: white;
    }
    
    #save-preferences {
        background: #2196F3;
        color: white;
    }
    
    /* Cookie Settings Panel */
    .cookie-settings {
        border-top: 1px solid #ddd;
        padding: 1rem 0;
        margin-top: 1rem;
        display: none;
    }
    
    .cookie-settings.visible {
        display: block;
    }
    
    .cookie-option {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    
    .cookie-option input {
        margin-right: 10px;
    }
    
    .cookie-option input[disabled] {
        opacity: 0.6;
    }
    
    .cookie-option label {
        flex: 1;
    }
    
    .cookie-description {
        font-size: 0.9rem;
        color: #666;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    
    /* Responsive adjustments */
    @media (max-width: 768px) {
        .cookie-buttons {
            flex-direction: column;
        }
        
        .cookie-buttons button {
            width: 100%;
            margin-bottom: 8px;
        }
    }