.cookie { position: fixed; right: 24px; bottom: 24px; z-index: 70; width: 560px; max-width: calc(100vw - 24px); padding: 16px; border-radius: var(--r-pop); background: var(--bg); box-shadow: var(--pop-shadow); display: grid; gap: 10px; font-size: var(--fs-small); line-height: 1.5; animation: cookie-in .2s ease-out; }
.cookie[hidden] { display: none; }
.cookie__actions { display: grid; grid-template-columns: auto auto auto; justify-content: start; gap: 8px; }
.cookie__actions .btn { padding: 0 18px; font-size: 0.875rem; white-space: nowrap; }
.cookie__settings { display: grid; gap: 4px; }
.cookie__settings[hidden], .cookie__actions[hidden] { display: none; }
.cookie__settings .btn { justify-self: start; margin-top: 8px; }
@keyframes cookie-in { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 600px) { .cookie { font-size: 0.8125rem; line-height: 1.4; gap: 8px; padding: 12px; } .cookie__actions { grid-template-columns: 1.35fr 1.1fr .85fr; gap: 6px; } .cookie__actions .btn { padding: 0 6px; font-size: 0.8125rem; } }
@media (max-width: 900px) { .cookie { left: 12px; right: 12px; bottom: 12px; width: auto; max-width: none; } }
body.menu-open .cookie { visibility: hidden; }