/* Comparison controls belong only to /propositions-accueil. */
.muze-client .mz-design-picker { max-width: 1200px; margin: 0 auto; padding: 23px 32px 20px; }
.muze-client .mz-design-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.muze-client .mz-design-heading > strong { font-size: 15px; }
.muze-client .mz-design-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.muze-client .mz-design-option { display: flex; align-items: center; gap: 11px; min-height: 66px; padding: 11px 14px; border: 1px solid var(--mz-border); border-radius: 13px; background: var(--mz-white); font-size: 12px; font-weight: 700; }
.muze-client .mz-design-option[aria-current='page'] { border-color: var(--mz-ink); box-shadow: 0 0 0 1px var(--mz-ink); }
.muze-client .mz-design-option small { display: block; color: var(--mz-muted); font-size: 10px; font-weight: 500; margin-top: 4px; }
.muze-client .mz-design-swatch { width: 31px; height: 35px; flex: 0 0 31px; border-radius: 7px; }
.muze-client .mz-swatch-duo { background: linear-gradient(90deg, #f2eaff 50%, #dfd3f2 50%); }
.muze-client .mz-swatch-uni { background: #eee5f8; }
.muze-client .mz-swatch-degrade { background: linear-gradient(135deg, #f6efff, #d8c6ed); }
.muze-client .mz-swatch-profond { background: #45275f; }
.muze-client .mz-design-picker > p { margin: 13px 0 0; color: var(--mz-muted); font-size: 12px; line-height: 1.7; }

/* One lilac surface brings the photo, copy and result together. */
.muze-client .mz-universe-band[data-ambiance='uni'] {
  --universe-paper: #eee5f8;
  --universe-stage: #eee5f8;
  background: var(--universe-paper);
  border-bottom-color: #e0d4eb;
}
.muze-client .mz-universe-band[data-ambiance='uni'] .mz-universe-demo { background: transparent; border: 0; }
.muze-client .mz-universe-band[data-ambiance='uni'] .mz-photo-card { border-color: #d4c5df; box-shadow: 0 9px 26px rgb(49 25 70 / 10%); }
.muze-client .mz-universe-band[data-ambiance='uni'] .mz-photo-source { transform: rotate(-2deg); }
.muze-client .mz-universe-band[data-ambiance='uni'] .mz-photo-result { transform: rotate(1deg); }
.muze-client .mz-universe-band[data-ambiance='uni'] .mz-universe-option > span { border-color: #c4afd7; background: #fffaf5; }
.muze-client .mz-universe-band[data-ambiance='uni'] .mz-universe-option input:checked + span { background: #ffe58b; border-color: #a78840; box-shadow: 0 3px 0 rgb(93 65 115 / 18%); }

/* A continuous gradient replaces the vertical division. */
.muze-client .mz-universe-band[data-ambiance='degrade'] {
  --universe-paper: #f6efff;
  --universe-stage: #e0d0f0;
  background: linear-gradient(110deg, #f6efff 8%, #eee4f9 43%, #d8c6ed 100%);
  border-bottom-color: #e0d4eb;
}
.muze-client .mz-universe-band[data-ambiance='degrade'] .mz-universe-demo { background: transparent; border: 0; }
.muze-client .mz-universe-band[data-ambiance='degrade'] .mz-photo-card { border-color: #cab8db; box-shadow: 0 10px 27px rgb(49 25 70 / 13%); }
.muze-client .mz-universe-band[data-ambiance='degrade'] .mz-universe-option > span { border-color: #bfa9d3; }
.muze-client .mz-universe-band[data-ambiance='degrade'] .mz-universe-option input:checked + span { border-color: #9b8045; box-shadow: 2px 3px 0 rgb(74 41 94 / 18%); }

/* A deeper violet keeps the same cream, coral and yellow accents. */
.muze-client .mz-universe-band[data-ambiance='profond'] {
  --universe-paper: #45275f;
  --universe-stage: #45275f;
  --mz-muted: #d6c9e1;
  background: #45275f;
  color: #fff8f0;
  border-bottom-color: #45275f;
}
.muze-client .mz-universe-band[data-ambiance='profond'] .mz-universe-intro h1 em { color: #fff8f0; }
.muze-client .mz-universe-band[data-ambiance='profond'] .mz-universe-demo { border: 0; background: transparent; }
.muze-client .mz-universe-band[data-ambiance='profond'] .mz-universe-option > span { color: #241132; border-color: #ae95bf; }
.muze-client .mz-universe-band[data-ambiance='profond'] .mz-universe-option input:checked + span { border-color: #ffe58b; box-shadow: 2px 3px 0 rgb(20 8 31 / 35%); }
.muze-client .mz-universe-band[data-ambiance='profond'] .mz-photo-card { --mz-muted: #6b5d70; color: #1a0a2e; border-color: #f7edff; box-shadow: 0 12px 30px rgb(20 8 31 / 25%); }
.muze-client .mz-universe-band[data-ambiance='profond'] .mz-photo-arrow > span { color: #241132; border-color: #ffe58b; }
.muze-client .mz-universe-band[data-ambiance='profond'] .mz-universe-option input:focus-visible + span { outline-color: #ffe58b; }

@media (max-width: 780px) {
  .muze-client .mz-design-picker { padding: 18px 20px; }
  .muze-client .mz-design-heading { display: block; margin-bottom: 10px; }
  .muze-client .mz-design-heading .mz-text-button { margin-top: 4px; }
  .muze-client .mz-design-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .muze-client .mz-design-option { padding: 10px; font-size: 11px; gap: 8px; }
  .muze-client .mz-design-option small { font-size: 9px; }
  .muze-client .mz-universe-band[data-ambiance='degrade'] { background: linear-gradient(165deg, #f6efff 5%, #e1d2f0 60%, #eee4f9 100%); }
  .muze-client .mz-universe-band[data-ambiance] .mz-photo-card { transform: none; }
}
@media (max-width: 380px) {
  .muze-client .mz-design-picker { padding-inline: 16px; }
  .muze-client .mz-design-swatch { width: 23px; flex-basis: 23px; height: 32px; }
}