.analytics-consent {
    position: fixed;
    z-index: 100;
    right: 24px;
    bottom: 24px;
    left: 24px;
    max-width: 900px;
    margin-inline: auto;
    padding: 24px;
    border: 1px solid #394552;
    background: #0c1016;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 32px;
    align-items: center;
}

.analytics-consent[hidden] { display: none; }
.analytics-consent strong { font-size: 17px; }
.analytics-consent p { margin: 6px 0 0; color: #a8b1bc; font-size: 14px; }
.analytics-consent-actions { display: flex; gap: 12px; align-items: center; }
.consent-secondary { padding: 14px 16px; border: 1px solid #46515e; background: transparent; color: #dce1e6; cursor: pointer; }

@media (max-width: 680px) {
    .analytics-consent { grid-template-columns: 1fr; gap: 18px; }
    .analytics-consent-actions { align-items: stretch; flex-direction: column-reverse; }
    .analytics-consent-actions .button { justify-content: center; }
}