.cookie-bar{
    position:fixed;
    left:24px;
    right:24px;
    bottom:24px;
    z-index:10000;
    background:linear-gradient(135deg,#071426,#101d2e);
    color:#fff;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    box-shadow:0 24px 70px rgba(0,0,0,.28);
    padding:20px 22px;
    display:none;
}

.cookie-bar.show{
    display:block;
    animation:cookieSlideUp .28s ease-out;
}

@keyframes cookieSlideUp{
    from{opacity:0;transform:translateY(16px)}
    to{opacity:1;transform:translateY(0)}
}

.cookie-inner{
    width:min(1320px,100%);
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}

.cookie-text strong{
    display:block;
    font-size:18px;
    margin:0 0 6px;
}

.cookie-text p{
    margin:0;
    color:#dce5f5;
    line-height:1.55;
    max-width:850px;
}

.cookie-actions{
    display:flex;
    gap:12px;
    flex-shrink:0;
}

.cookie-btn{
    border:0;
    border-radius:10px;
    padding:12px 18px;
    font-weight:900;
    cursor:pointer;
    white-space:nowrap;
    transition:.2s;
}

.cookie-btn:hover{
    transform:translateY(-1px);
}

.cookie-accept{
    background:linear-gradient(135deg,#ef8500,#ff9d16);
    color:#fff;
    box-shadow:0 14px 28px rgba(239,133,0,.24);
}

.cookie-decline{
    background:rgba(255,255,255,.08);
    color:#fff;
    border:1px solid rgba(255,255,255,.18);
}

@media(max-width:850px){
    .cookie-bar{
        left:14px;
        right:14px;
        bottom:14px;
        padding:18px;
    }

    .cookie-inner{
        display:block;
    }

    .cookie-actions{
        margin-top:16px;
        flex-wrap:wrap;
    }

    .cookie-btn{
        flex:1;
    }
}
