/* DG-WEB-032 v2 (28.10): çerez onayı — ince alt şerit (telefonda alt menünün üstünde, ≤150 px), iki eşit düğme. */
.ck { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; padding: 10px 12px; }
.ck[hidden] { display: none; }
.ck__in { max-width: 860px; margin: 0 auto; display: flex; align-items: center; gap: 14px; background: #ffffff; color: #14201a; border: 1px solid #c7d0cb; border-radius: 12px; box-shadow: 0 6px 24px rgba(20, 32, 26, 0.18); padding: 10px 14px; font-size: 14px; line-height: 1.4; }
.ck__t { margin: 0; flex: 1 1 auto; }
.ck__t a { color: #0b7a45; white-space: nowrap; }
.ck__b { flex: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ck__btn { min-height: 40px; min-width: 120px; padding: 8px 14px; border: 1px solid #0b7a45; border-radius: 8px; background: #e3f3ea; color: #0b5c35; font: inherit; font-weight: 600; cursor: pointer; }
.ck__btn:hover { background: #d3ecdf; }
.ck__btn:focus-visible { outline: 2px solid #0b7a45; outline-offset: 2px; }
@media (max-width: 767px) {
    .ck { bottom: 60px; padding: 6px 8px; }   /* alt menü (tabbar) 60 px */
    .ck__in { flex-direction: column; align-items: stretch; gap: 8px; font-size: 13px; padding: 8px 10px; }
    .ck__b { width: 100%; }
    .ck__btn { min-width: 0; min-height: 40px; padding: 6px 8px; }
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .ck__in { background: #16211b; color: #e6eee9; border-color: #2c3a33; }
    :root:not([data-theme="light"]) .ck__t a { color: #6fd6a2; }
    :root:not([data-theme="light"]) .ck__btn { background: #1c3428; color: #cdeedd; border-color: #2f8f5f; }
}
:root[data-theme="dark"] .ck__in { background: #16211b; color: #e6eee9; border-color: #2c3a33; }
:root[data-theme="dark"] .ck__t a { color: #6fd6a2; }
:root[data-theme="dark"] .ck__btn { background: #1c3428; color: #cdeedd; border-color: #2f8f5f; }