.zd-cookie-notice, .zd-cookie-notice * { box-sizing: border-box; }
.zd-cookie-notice[hidden] { display: none !important; }
.zd-cookie-notice {
    position: fixed;
    left: 16px;
    bottom: max(16px, env(safe-area-inset-bottom));
    z-index: 1035;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 16px;
    width: calc(100% - 32px);
    max-width: 700px;
    max-height: calc(100vh - 32px);
    overflow: auto;
    padding: 24px;
    border-radius: 16px;
    background: #617690;
    color: #fff;
    box-shadow: 0 8px 30px #121c5526;
    font: 18px/1.45 Arial, Helvetica, sans-serif;
}
.zd-cookie-notice .zd-cookie-notice-icon { display: grid; place-items: center; width: 28px; height: 28px; margin-top: 2px; border-radius: 50%; background: #fff; color: #617690; font-size: 19px; font-weight: 700; }
.zd-cookie-notice .zd-cookie-notice-text { margin: 0; color: #fff; font: inherit; }
.zd-cookie-notice .zd-cookie-notice-text a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.zd-cookie-notice .zd-cookie-notice-text a:hover { text-decoration-thickness: 2px; }
.zd-cookie-notice .zd-cookie-notice-dismiss { grid-column: 2; justify-self: end; min-width: 90px; padding: 12px 20px; border: 0; border-radius: 16px; background: #fff; color: #617690; font: 20px/1.4 Arial, Helvetica, sans-serif; cursor: pointer; }
.zd-cookie-notice .zd-cookie-notice-dismiss:hover { background: #eef3f8; }
.zd-cookie-notice a:focus-visible, .zd-cookie-notice button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 575px) {
    .zd-cookie-notice { grid-template-columns: 24px minmax(0, 1fr); gap: 12px; padding: 18px; font-size: 16px; }
    .zd-cookie-notice .zd-cookie-notice-icon { width: 24px; height: 24px; font-size: 17px; }
    .zd-cookie-notice .zd-cookie-notice-dismiss { padding: 10px 18px; font-size: 18px; }
}
@media print {
    .zd-cookie-notice { display: none !important; }
}