/* Fixalaan Cookie Banner */
#fx-cookie {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 10000;
  background: #ffffff; border: 1px solid #e6e8eb; border-radius: 14px;
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
  max-width: 960px; margin: 0 auto; padding: 14px 16px; display: none;
}
#fx-cookie.show { display: block; }
#fx-cookie h4 { margin: 0 0 6px; font-size: 1.05rem; }
#fx-cookie p { margin: 6px 0 10px; color: #5b6468; }
#fx-cookie .row { display: flex; gap: 10px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
#fx-cookie .actions { display: flex; gap: 10px; }
#fx-cookie .btn { display: inline-flex; align-items: center; justify-content:center; gap:6px; padding: 8px 12px; border-radius: 10px; cursor: pointer; border:1px solid #e6e8eb; background:#fff; font-weight:600; }
#fx-cookie .btn.primary { background:#0f5a34; color:#fff; border-color:#0f5a34; }
#fx-cookie .btn.secondary { background:#f5fbf7; color:#0f5a34; border-color:#d6efe1; }
#fx-cookie small a { color:#0f5a34; text-decoration:none }
#fx-cookie small a:hover { text-decoration:underline }

/* Manage modal */
#fx-cookie-modal { position: fixed; inset: 0; background: rgba(0,0,0,.35); z-index: 10001; display:none; align-items:center; justify-content:center; }
#fx-cookie-modal .panel { background:#fff; width: min(620px, 92vw); border-radius: 14px; border:1px solid #e6e8eb; padding: 16px; }
#fx-cookie-modal h4 { margin: 0 0 10px; }
#fx-cookie-modal .row { display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid #eef2f7; border-radius:10px; padding:10px; margin:8px 0; }
#fx-cookie-modal .actions { display:flex; gap:10px; margin-top:10px; justify-content:flex-end; }

@media (max-width: 640px){
  #fx-cookie { left: 8px; right: 8px; bottom: 76px; }
}