:root{
    --mg-cb-bg:#0b0b0b;
    --mg-cb-border: rgba(255,255,255,.14);
    --mg-cb-text:#fff;
    --mg-cb-muted: rgba(255,255,255,.82);
    --mg-cb-green:#beea9b; /* як у Cookiebot */
}

#mg-cb{ position:fixed; left:0; right:0; bottom:0; z-index:2147483647; display:none; }
#mg-cb .mg-cb__wrap{
    max-width: 1280px;
    margin: 0 auto;
    padding: 16px;
}
#mg-cb .mg-cb__card{
    background: var(--mg-cb-bg);
    color: var(--mg-cb-text);
    border: 1px solid var(--mg-cb-border);
    border-radius: 18px;
    box-shadow: 0 14px 60px rgba(0,0,0,.55);
    padding: 22px 24px;
}

#mg-cb .mg-cb__top{
    display:grid;
    grid-template-columns: 88px 1fr 360px;
    gap: 22px;
    align-items:center;
}
#mg-cb .mg-cb__logo{
    width:72px; height:72px;
    border-radius: 999px;
    background: var(--mg-cb-green);
    display:grid; place-items:center;
    color:#0b0b0b;
    user-select:none;
}
#mg-cb .mg-cb__title{
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 8px 0;
}
#mg-cb .mg-cb__desc{
    margin:0;
    color: var(--mg-cb-muted);
    font-size: 15px;
    line-height: 1.55;
}

#mg-cb .mg-cb__actions{
    display:flex;
    flex-direction:column;
    gap: 12px;
    align-items:stretch;
}

#mg-cb .mg-btn{
    padding: 14px 16px;
    border-radius: 10px;
    font-weight: 800;
    font-size: 15px;
    cursor:pointer;
    border:1px solid transparent;
}
#mg-cb .mg-btn--primary{
    background: var(--mg-cb-green);
    color:#0b0b0b;
}
#mg-cb .mg-btn--outline{
    background: transparent;
    color: #fff;
    border-color: var(--mg-cb-green);
}
#mg-cb .mg-btn--ghost{
    background: transparent;
    color: rgba(255,255,255,.85);
    border-color: rgba(255,255,255,.22);
}

#mg-cb .mg-cb__divider{
    height:1px;
    background: rgba(255,255,255,.18);
    margin: 18px 0;
}

#mg-cb .mg-cb__bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 16px;
}

#mg-cb .mg-cb__toggles{
    display:flex;
    align-items:center;
    gap: 26px;
    flex-wrap:wrap;
}

#mg-cb .mg-cb__toggle{
    display:flex;
    align-items:center;
    gap: 12px;
    white-space:nowrap;
    font-weight:800;
    font-size: 16px;
}
#mg-cb .mg-switch{ position:relative; width:54px; height:30px; flex:0 0 auto; }
#mg-cb .mg-switch input{ opacity:0; width:0; height:0; }
#mg-cb .mg-slider{
    position:absolute; inset:0;
    border-radius: 999px;
    background: rgba(255,255,255,.25);
    transition: .2s;
}
#mg-cb .mg-slider:before{
    content:"";
    position:absolute;
    width:24px; height:24px;
    left:3px; top:3px;
    border-radius: 50%;
    background:#fff;
    transition: .2s;
}
#mg-cb .mg-switch input:checked + .mg-slider{
    background: var(--mg-cb-green);
}
#mg-cb .mg-switch input:checked + .mg-slider:before{
    transform: translateX(24px);
}
#mg-cb .mg-switch input:disabled + .mg-slider{
    opacity:.55;
    cursor:not-allowed;
}

#mg-cb .mg-cb__details{
    display:flex;
    align-items:center;
    gap: 10px;
    color: var(--mg-cb-green);
    font-weight: 900;
    font-size: 16px;
    background: transparent;
    border: 0;
    cursor:pointer;
    white-space:nowrap;
}
#mg-cb .mg-cb__details span{ opacity:.95; }
#mg-cb .mg-cb__details svg{ width:18px; height:18px; }

#mg-cb .mg-cb__more{
    display:none;
    margin-top: 14px;
    color: rgba(255,255,255,.85);
    font-size: 14px;
    line-height: 1.5;
    border-top: 1px solid rgba(255,255,255,.14);
    padding-top: 14px;
}

/* responsive */
@media (max-width: 980px){
    #mg-cb .mg-cb__top{
        grid-template-columns: 72px 1fr;
        grid-template-rows: auto auto;
    }
    #mg-cb .mg-cb__actions{
        grid-column: 1 / -1;
        flex-direction:row;
        flex-wrap:wrap;
    }
    #mg-cb .mg-btn{ flex:1 1 220px; }

    #mg-cb .mg-cb__bottom{
        flex-direction: column;
    }
}