/* ==========================================================
   Cookie Consent Banner
========================================================== */

.cookie-consent{

    position:fixed;

    left:16px;

    right:16px;

    bottom:16px;

    z-index:2000;

    max-width:640px;

    margin:0 auto;

    background:#111C2E;

    border:1px solid rgba(255,255,255,.1);

    border-radius:14px;

    box-shadow:0 12px 32px rgba(0,0,0,.4);

    padding:20px 22px;

}

.cookie-consent-inner p{

    margin:0 0 16px;

    color:#CBD5E1;

    font-size:14px;

    line-height:1.6;

}

.cookie-consent-inner a{

    color:#06B6D4;

}

.cookie-consent-actions{

    display:flex;

    gap:12px;

    justify-content:flex-end;

}

.btn-cookie-accept,
.btn-cookie-decline{

    padding:9px 20px;

    border-radius:8px;

    font-size:14px;

    font-weight:600;

    cursor:pointer;

    border:1px solid transparent;

}

.btn-cookie-accept{

    background:#06B6D4;

    color:#0F172A;

}

.btn-cookie-accept:hover{

    background:#22D3EE;

}

.btn-cookie-decline{

    background:transparent;

    border-color:rgba(255,255,255,.15);

    color:#CBD5E1;

}

.btn-cookie-decline:hover{

    border-color:rgba(255,255,255,.35);

}

@media(max-width:480px){

    /* The floating cart button sits fixed at bottom:24px, 56px tall
       (snaps left or right, but always at this height) -- clear it
       instead of sitting underneath it. */
    .cookie-consent{

        bottom:140px;

    }

    .cookie-consent-actions{

        justify-content:stretch;

    }

    .btn-cookie-accept,
    .btn-cookie-decline{

        flex:1;

    }

}