/* ==========================================================
   ENODIOS Cookie Consent
   Version 1.0
========================================================== */

:root{

    --consent-width:520px;

}

#cookie-consent{

    position:fixed;

    left:32px;
    bottom:32px;

    width:min(var(--consent-width),calc(100vw - 40px));

    background:rgba(23,23,22,.97);

    backdrop-filter:blur(18px);

    border:1px solid var(--line);

    box-shadow:
        0 22px 60px rgba(0,0,0,.45),
        12px 12px 0 rgba(99,40,36,.18);

    padding:28px;

    z-index:9999;

    transform:translateY(40px);

    opacity:0;

    visibility:hidden;

    transition:
        opacity .35s,
        transform .35s,
        visibility .35s;

}

#cookie-consent.show{

    opacity:1;
    visibility:visible;
    transform:translateY(0);

}

#cookie-consent h2{

    margin:0 0 14px;

    color:var(--ash);

    font:600 32px/1 var(--display);

    letter-spacing:-.03em;

}

#cookie-consent p{

    margin:0 0 22px;

    color:var(--muted);

    font:15px/1.7 var(--body);

}

#cookie-consent strong{

    color:var(--bronze);

}

.cookie-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

}

.cookie-btn{

    cursor:pointer;

    border:1px solid var(--bronze);

    background:var(--blood);

    color:var(--ash);

    padding:14px 18px;

    font:600 10px var(--mono);

    letter-spacing:.10em;

    text-transform:uppercase;

    transition:
        background .2s,
        transform .2s;

}

.cookie-btn:hover{

    background:#7b342f;

    transform:translateY(-2px);

}

.cookie-btn.secondary{

    background:transparent;

    border-color:#666055;

}

.cookie-btn.secondary:hover{

    background:var(--stone);

}

.cookie-links{

    margin-top:18px;

    font:10px var(--mono);

    text-transform:uppercase;

    letter-spacing:.09em;

}

.cookie-links a{

    color:var(--bronze);

    text-decoration:none;

}

.cookie-links a:hover{

    color:var(--ash);

}

@media(max-width:700px){

#cookie-consent{

left:14px;
right:14px;
bottom:14px;

width:auto;

padding:22px;

}

#cookie-consent h2{

font-size:26px;

}

}