.bnb-cookie {
position: fixed;
left: 24px;
bottom: 24px;
z-index: 999999;
width: min(460px, calc(100vw - 48px));
font-size: 15px;
line-height: 1.5;
}
.bnb-cookie[hidden] { display: none; }
.bnb-cookie__box {
position: relative;
background: #fff;
color: var(--dark-gray-color, #3b3b3b);
border-radius: var(--soft-rounded, 14px);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
padding: 26px 28px 24px;
max-height: calc(100vh - 48px);
overflow: auto;
}
.bnb-cookie__super {
margin: 0 0 4px;
font-size: 12px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--accent-color, #757c6d);
}
.bnb-cookie__title { clear: both;
font-family: var(--heading-font);
font-weight: var(--heading-font-weight);
font-style: var(--heading-font-style);
text-transform: var(--heading-text-transform);
letter-spacing: var(--heading-letter-spacing);
padding: 0 0 .2em 0;
margin: 0 0 10px;
font-size: 24px;
line-height: 1.2;
}
.bnb-cookie__text { margin: 0 0 18px; }
.bnb-cookie__text a { text-decoration: underline; color: inherit; }
.bnb-cookie__options {
margin: 0 0 18px;
padding: 4px 0 0;
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.bnb-cookie__options[hidden] { display: none; }
.bnb-cookie__option {
display: flex;
gap: 12px;
align-items: flex-start;
padding: 12px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
cursor: pointer;
}
.bnb-cookie__option input {
flex: 0 0 auto;
width: 18px;
height: 18px;
margin: 3px 0 0;
accent-color: var(--accent-color, #757c6d);
}
.bnb-cookie__option small { display: block; color: rgba(0, 0, 0, 0.6); font-size: 13px; }
.bnb-cookie__buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.bnb-cookie__btn {
appearance: none;
border: 1px solid var(--accent-color, #757c6d);
background: transparent;
color: var(--accent-color, #757c6d);
border-radius: 999px;
padding: 11px 20px;
font: inherit;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.02em;
cursor: pointer;
transition: background 0.15s, color 0.15s;
}
.bnb-cookie__btn:hover { background: rgba(117, 124, 109, 0.12); }
.bnb-cookie__btn--primary { background: var(--accent-color, #757c6d); color: #fff; }
.bnb-cookie__btn--primary:hover { background: var(--dark-gray-color, #3b3b3b); border-color: var(--dark-gray-color, #3b3b3b); color: #fff; }
.bnb-cookie__btn[hidden], .bnb-cookie__link[hidden], .bnb-cookie__close[hidden] { display: none; }
.bnb-cookie__link {
appearance: none;
border: 0;
background: none;
padding: 8px 4px;
font: inherit;
font-size: 14px;
text-decoration: underline;
color: inherit;
cursor: pointer;
}
.bnb-cookie__close {
position: absolute;
top: 10px;
right: 12px;
width: 34px;
height: 34px;
border: 0;
background: none;
font-size: 26px;
line-height: 34px;
color: rgba(0, 0, 0, 0.5);
cursor: pointer;
}
.bnb-cookie__close:hover { color: #000; } @media (max-width: 600px) {
.bnb-cookie { left: 12px; right: 12px; bottom: 84px; width: auto; font-size: 13px; line-height: 1.4; } .bnb-cookie__box { padding: 14px 16px 12px; max-height: calc(100vh - 108px); }
.bnb-cookie__super { margin: 0 0 2px; font-size: 11px; }
.bnb-cookie__title { font-size: 17px; padding: 0; margin: 0 0 4px; }
.bnb-cookie__text { margin: 0 0 10px; }
.bnb-cookie__options { margin: 0 0 10px; }
.bnb-cookie__option { padding: 8px 0; }
.bnb-cookie__option small { font-size: 12px; }
.bnb-cookie__buttons { gap: 8px; align-items: stretch; }
.bnb-cookie__btn { flex: 1 1 0; min-width: 0; padding: 9px 8px; font-size: 13px; line-height: 1.2; text-align: center; } .bnb-cookie__btn[data-bnb-action="save"] { flex: 1 1 100%; }
.bnb-cookie__link { flex: 1 1 100%; padding: 2px 4px 0; font-size: 13px; text-align: center; }
.bnb-cookie__close { top: 4px; right: 6px; }
}
@media (max-width: 359px) {
.bnb-cookie__btn { padding: 8px 6px; font-size: 12px; }
}