#cookie-banner {
  position: fixed;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  background: #FEFEFE;
  color: #1B1B1B;
  font-family: 'Century Gothic', sans-serif;
  padding: 1.25rem 1.75rem;
  border-radius: 14px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
  max-width: 480px;
  width: 90%;
  z-index: 9999;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: opacity 0.4s ease;
}


#cookie-banner > div:not(#cookie-options) {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.5rem;
}

#cookie-banner #btn-accept{
	background: #4e603c;
    color: #fff;
    border: none;
    padding: 0.6rem 1.4rem;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s;
}
#cookie-banner #btn-save-prefs{
  background: #fff;
    color: #4e603c;
    border: 3 #4e603c solid;
    padding: 0.6rem 1.4rem;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s;
}
#cookie-banner #btn-manage{
	background: transparent;
	border: 2px solid #ead256;
	color: #ead256;
	padding: 0.6rem 1.4rem;
	border-radius: 8px;
	cursor: pointer;
	font-weight: bold;
	transition: all 0.3s;
}
#cookie-banner #btn-cancel-prefs{
  background: transparent;
  border: 2px solid #ead256;
  color: #ead256;
  border-radius: 8px;
  padding: 0.6rem 1.4rem;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s;
}
#cookie-modal {
  position: fixed; 
  inset: 0;
  align-items: center; 
  justify-content: center;
  background: rgba(0,0,0,.5); 
  z-index: 9999;
}
#cookie-modal-content {
  background: #fff; padding: 16px 20px; border-radius: 8px; max-width: 420px; width: 92%;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
#cookie-options label{

}
#cookie-options input{

}

#cookie-options { display:block; text-align:left; }
#cookie-options .form-check { display:flex; align-items:center; gap:.5rem; }