.svq-cookie-settings {
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 9999;
  border: 1px solid #6b5b78;
  border-radius: 999px;
  background: #fff;
  color: #241433;
  padding: 7px 13px;
  font: 600 12px/1.3 Arial, sans-serif;
  cursor: pointer;
  box-shadow: 0 2px 8px #24143326;
}

.svq-cookie-panel {
  position: fixed;
  inset: auto 12px 12px 12px;
  z-index: 10000;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #9b8dac;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 35px #24143333;
  color: #241433;
  font: 15px/1.5 Arial, sans-serif;
}

.svq-cookie-panel h2 { margin: 0 0 8px; color: #241433; font: 700 19px/1.3 Arial, sans-serif; }
.svq-cookie-panel p { margin: 0 0 12px; }
.svq-cookie-panel a { color: #3d0a5b; text-decoration: underline; }
.svq-cookie-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.svq-cookie-actions button {
  flex: 1 1 180px;
  border: 2px solid #3d0a5b;
  border-radius: 9px;
  background: #fff;
  color: #3d0a5b;
  padding: 10px 14px;
  font: 700 14px/1.3 Arial, sans-serif;
  cursor: pointer;
}
.svq-cookie-actions button:hover, .svq-cookie-actions button:focus-visible { background: #f5eff7; }

@media (max-width: 420px) {
  .svq-cookie-panel { padding: 15px; font-size: 14px; }
  .svq-cookie-actions button { flex-basis: 120px; }
}

/* Mobile : bannière compacte en bas d'écran (texte et logique inchangés). */
@media (max-width: 767px) {
  .svq-cookie-panel { inset: auto 0 0 0; max-width: none; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); border-width: 1px 0 0; border-radius: 12px 12px 0 0; font-size: 12px; line-height: 1.35; }
  .svq-cookie-panel h2 { margin-bottom: 3px; font-size: 13px; }
  .svq-cookie-panel p { margin-bottom: 4px; }
  .svq-cookie-actions { flex-wrap: nowrap; gap: 8px; margin-top: 6px; }
  .svq-cookie-actions button { flex: 1 1 0; padding: 7px 8px; font-size: 13px; }
}