/* Dublet Cookies — baner. Dziedziczy paletę motywu Dublet (--db-*), ale ma własne wartości zapasowe. */
.db-ck{
  position:fixed;left:0;right:0;bottom:0;z-index:99999;
  padding:18px;display:flex;justify-content:center;
  background:rgba(26,24,21,.28);backdrop-filter:blur(2px);
}
.db-ck[hidden]{display:none}
.db-ck-box{
  width:100%;max-width:720px;
  background:var(--db-bg,#FDFCFA);color:var(--db-text,#2B2825);
  border:1px solid var(--db-line,#E5E0D8);
  box-shadow:0 18px 48px -20px rgba(26,24,21,.45);
  padding:28px 30px;
}
.db-ck-box h2{
  font-family:'Josefin Sans',system-ui,sans-serif;font-weight:300;font-size:22px;
  margin:0 0 10px;color:var(--db-text,#2B2825);
}
.db-ck-lead{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--db-muted,#7A736B)}
.db-ck-lead a{color:var(--db-text,#2B2825);border-bottom:1px solid var(--db-gold,#B08D57)}

.db-ck-cats{display:flex;flex-direction:column;gap:12px;margin:0 0 20px;
  padding:18px 0;border-top:1px solid var(--db-line,#E5E0D8);border-bottom:1px solid var(--db-line,#E5E0D8)}
.db-ck-cat{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;cursor:pointer}
.db-ck-cat.is-locked{opacity:.62;cursor:default}
.db-ck-cat input{margin-top:4px}
.db-ck-cat span{display:flex;flex-direction:column;gap:2px}
.db-ck-cat b{font-size:15px;font-weight:600}
.db-ck-cat small{font-size:13.5px;line-height:1.5;color:var(--db-muted,#7A736B)}

.db-ck-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.db-ck-btn{
  font-family:'Josefin Sans',system-ui,sans-serif;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;
  padding:13px 22px;border-radius:0;cursor:pointer;border:1px solid var(--db-gold,#B08D57);
  background:transparent;color:var(--db-gold,#B08D57);transition:background .18s,color .18s;
}
/* akceptacja i odmowa wyglądają tak samo — inaczej wybór nie jest swobodny */
.db-ck-btn--primary{flex:1 1 200px;background:var(--db-gold,#B08D57);color:#FDFCFA}
.db-ck-btn--primary:hover{filter:brightness(1.07)}
.db-ck-btn--save{flex:1 1 200px}
.db-ck-btn--link{border:0;background:none;color:var(--db-muted,#7A736B);text-transform:none;letter-spacing:.02em;
  font-size:14px;padding:13px 8px;text-decoration:underline}
.db-ck-btn--link:hover{color:var(--db-text,#2B2825)}
.db-ck-btn:focus-visible{outline:2px solid var(--db-gold,#B08D57);outline-offset:2px}

.db-ck-reopen{
  position:fixed;left:16px;bottom:16px;z-index:99998;
  font-family:'Josefin Sans',system-ui,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  padding:9px 14px;background:var(--db-bg,#FDFCFA);color:var(--db-muted,#7A736B);
  border:1px solid var(--db-line,#E5E0D8);cursor:pointer;
}
.db-ck-reopen:hover{color:var(--db-gold,#B08D57);border-color:var(--db-gold,#B08D57)}
.db-ck-reopen[hidden]{display:none}

.db-ck-link{background:none;border:0;padding:0;font:inherit;color:inherit;
  cursor:pointer;text-decoration:underline;text-underline-offset:3px}

.db-ck-embed{
  display:flex;flex-direction:column;align-items:flex-start;gap:14px;
  padding:28px;border:1px dashed var(--db-line,#E5E0D8);background:var(--db-tint,#F4F1EB);
}
.db-ck-embed p{margin:0;font-size:14.5px;color:var(--db-muted,#7A736B)}

@media (max-width:600px){
  .db-ck{padding:0}
  .db-ck-box{padding:22px 20px;max-width:none}
  .db-ck-btn--primary{flex:1 1 100%}
  .db-ck-reopen{left:10px;bottom:10px}
}
@media (prefers-reduced-motion:reduce){.db-ck-btn{transition:none}}