/* cookies_granular.css */
/* Backdrop */
.ccg-backdrop{
  position:fixed; inset:0; background:rgba(0,0,0,.5);
  z-index: 99997; display:none;
}
/* Modal */
.ccg-modal{
  position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(720px, calc(100% - 32px));
  background:#fff; color:#111; border-radius:14px;
  border:1px solid #e5e7eb; box-shadow:0 20px 50px rgba(0,0,0,.2);
  z-index:99998; display:none; font-family:system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
.ccg-header{padding:16px 18px 0;}
.ccg-title{margin:0 0 4px; font-weight:800; font-size:18px}
.ccg-sub{margin:0 0 8px; font-size:13px; color:#374151}
.ccg-body{padding:0 18px 6px; font-size:14px; color:#1f2937; line-height:1.45}
.ccg-body p{margin:8px 0}
.ccg-link{color:#2563eb; text-decoration:underline; cursor:pointer}
.ccg-cats{padding:10px 18px 6px; border-top:1px solid #f1f5f9; display:none}
.ccg-cat{display:flex; align-items:flex-start; gap:10px; margin:8px 0}
.ccg-cat input{margin-top:2px; transform:scale(1.1)}
.ccg-cat .ccg-cat-title{font-weight:700}
.ccg-footer{display:flex; gap:8px; justify-content:flex-end; padding:12px 18px 16px; border-top:1px solid #f1f5f9}
.ccg-btn{cursor:pointer; border-radius:10px; border:1px solid #e5e7eb; background:#f9fafb; padding:10px 14px; font-weight:700}
.ccg-btn.primary{background:#00383c; color:#fff; border-color:#00383c}
.ccg-btn.ghost{background:#fff}
/* Floating manage button (optional) */
.ccg-manage{
  position:fixed; right:12px; bottom:12px; z-index:99996;
  background:#00383c; color:#fff; border-radius:20px; padding:8px 12px; font-size:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.15); cursor:pointer; opacity:.85;
}
.ccg-manage:hover{opacity:1}
/* Small screens */
@media (max-width:480px){
  .ccg-footer{flex-wrap:wrap; justify-content:stretch}
  .ccg-btn{flex:1}
}