/* Cookie banner (minimal) */
#cookie-banner{
  position:fixed;
  left:16px;
  right:16px;
  bottom:16px;
  max-width:580px;
  margin:0 auto;
  border:1px solid #e8e8e8;
  border-radius:16px;
  background:#fff;
  padding:18px 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,.12);
  z-index:9999;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
#cookie-banner h4{ margin:0 0 8px; font-size:15px; font-weight: 600; color: #111; }
#cookie-banner p{ margin:0 0 14px; font-size:13px; line-height:1.55; color:#444; }
#cookie-banner .actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
}
#cookie-banner button{
  border:1px solid #e0e0e0;
  background:#fff;
  border-radius:10px;
  padding:10px 16px;
  font-size:13px;
  font-weight: 500;
  cursor:pointer;
  transition: all 0.2s;
}
#cookie-banner button.primary{
  background: #111;
  border-color:#111;
  color: #fff;
}
#cookie-banner button:hover{ 
  background:#f5f5f5; 
}
#cookie-banner button.primary:hover {
  background: #333;
}
#cookie-banner a{ color:#0b57d0; text-decoration:none; font-size: 13px; }
#cookie-banner a:hover{ text-decoration:underline; }

/* Modal */
#cookie-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.4);
  z-index:10000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}
#cookie-modal .panel{
  width:min(560px, 100%);
  background:#fff;
  border-radius:20px;
  border:1px solid #e8e8e8;
  padding:24px;
  box-shadow: 0 25px 80px rgba(0,0,0,.2);
  max-height: 90vh;
  overflow-y: auto;
}
#cookie-modal h4{ margin:0 0 16px; font-size:18px; font-weight: 600; }
#cookie-modal .grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
}
#cookie-modal .item{
  border:1px solid #e8e8e8;
  border-radius:14px;
  padding:16px;
  background: #fafafa;
}
#cookie-modal .item b{ display:block; margin-bottom:6px; font-size: 14px; }
#cookie-modal .item small{ color:#666; font-size: 12px; line-height: 1.5; }
#cookie-modal .row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
#cookie-modal .toggle{
  display:flex;
  gap:8px;
  align-items:center;
  flex-shrink: 0;
}
#cookie-modal input[type="checkbox"]{
  width:20px;
  height:20px;
  cursor: pointer;
}
#cookie-modal .actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
  margin-top:20px;
  padding-top: 16px;
  border-top: 1px solid #e8e8e8;
}
#cookie-modal button{
  border:1px solid #e0e0e0;
  background:#fff;
  border-radius:10px;
  padding:10px 18px;
  font-size:13px;
  font-weight: 500;
  cursor:pointer;
  transition: all 0.2s;
}
#cookie-modal button.primary{ 
  background: #111;
  border-color:#111;
  color: #fff;
}
#cookie-modal button:hover {
  background: #f5f5f5;
}
#cookie-modal button.primary:hover {
  background: #333;
}

/* Responsive */
@media (max-width: 500px) {
  #cookie-banner {
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 16px;
  }
  #cookie-banner .actions {
    flex-direction: column;
    align-items: stretch;
  }
  #cookie-banner button {
    width: 100%;
    justify-content: center;
  }
}