header{ 
  background:var(--green);
  color:#fff;
  position: fixed;
  width:100%;
  top:0;
  z-index:1000;
}

.topbar{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 0;
  flex-direction:column;
}

.header-menu{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  position:relative; /* important pour le menu mobile absolute */
}

.brand{ display:flex; align-items:center; gap:14px; margin:0 16px; }

.logo{
  width:160px; height:160px;
  background:#fff;
  border-radius:4px;
  overflow:hidden;
  max-width: 100%;
}

.logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.actions{ display:flex; align-items:center; gap:16px; }

.actions a { font-size: 35px; }

.don{
  background:var(--orange);
  color:#fff;
  border-radius:999px;
  padding:12px 22px;
  font-weight:800;
  font-size: 15px !important;
  height: 80px;
}