.cookie-notice {
    position: fixed;
    z-index: 1000;
    right: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom));
    left: 16px;
    display: flex;
    align-items: center;
    gap: 18px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 12px 14px 12px 18px;
    border-radius: 10px;
    background: #052c57;
    color: #fff;
    box-shadow: 0 4px 18px rgba(0, 20, 50, .28);
    box-sizing: border-box;
}

.cookie-notice[hidden] { display: none; }
.cookie-notice__text { margin: 0; font-size: 13px; line-height: 1.4; }
.cookie-notice__text a { color: #fff; text-decoration: underline; }
.cookie-notice__button {
    flex: 0 0 auto;
    min-width: 100px;
    min-height: 42px;
    padding: 8px 18px;
    border: 0;
    border-radius: 7px;
    background: #ffd21c;
    color: #052c57;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}
.cookie-notice__button:hover, .cookie-notice__button:focus { filter: brightness(.94); }
.cookie-notice__button:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }

@media (max-width: 767px) {
    .cookie-notice {
        right: 8px;
        bottom: calc(8px + env(safe-area-inset-bottom));
        left: 8px;
        display: block;
        max-height: 40vh;
        padding: 10px 11px;
        overflow-y: auto;
    }
    .cookie-notice__text { font-size: 12px; }
    .cookie-notice__button { width: 100%; margin-top: 8px; }
}