:root {
    --xrv-graphite: #1b1f24;
    --xrv-slate: #2f3a45;
    --xrv-blue: #2f8fff;
    --xrv-ink: #12161a;
    --xrv-edge: #dde3ea;
}
.xrv-c-crumb {
    max-width: 1000px;
    margin: 0 auto;
    padding: 16px 20px 0;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #9aa6b3;
}
.xrv-c-crumb a { color: var(--xrv-slate); }
.xrv-c-crumb__sep { color: var(--xrv-blue); margin: 0 8px; }

.xrv-c-cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--xrv-graphite);
    border-top: 3px solid var(--xrv-blue);
    color: #ffffff;
    padding: 16px 20px;
    z-index: 1000;
}
.xrv-c-cookie__row {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.xrv-c-cookie__text {
    flex: 1;
    min-width: 220px;
    font: 13px/1.65 "Roboto", "Segoe UI", Arial, sans-serif;
    color: #9aa6b3;
}
.xrv-c-cookie__text a { color: var(--xrv-blue); }
.xrv-c-cookie__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.xrv-c-cookie__yes,
.xrv-c-cookie__no {
    padding: 10px 18px;
    border-radius: 8px;
    cursor: pointer;
    border: none;
    font: 900 12px/1 "Arial Black", "Impact", sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.xrv-c-cookie__yes { background: var(--xrv-blue); color: #ffffff; }
.xrv-c-cookie__no { background: #2f3a45; color: #ffffff; }

.xrv-u-narrow { max-width: 820px; margin: 0 auto; }
.xrv-u-wide { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.xrv-is-hidden { display: none !important; }