/* ================================================
   compte.css — page Mon compte
   ================================================ */

.compte-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
  max-width: 54rem;
  margin-inline: auto;
}
@media (max-width: 700px) { .compte-grid { grid-template-columns: 1fr; } }

.compte-card {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  padding: var(--space-4);
  box-shadow: 0 0 10px rgba(0, 0, 0, .06);
}
.compte-card h2 { margin-bottom: var(--space-2); }
.compte-label { display: block; font-size: var(--fs-small); margin: var(--space-2) 0 4px; }
.compte-input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  font: inherit;
  color: var(--color-text);
  margin-bottom: var(--space-2);
}
.compte-card .btn-shop { width: 100%; }
.compte-note { font-size: var(--fs-small); color: var(--color-text-soft); margin-top: var(--space-2); }
.compteaide { margin-top: var(--space-4); text-align: center; }

/* contact */
.contact-card {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: 16px;
  padding: var(--space-4);
  box-shadow: 0 0 10px rgba(0, 0, 0, .06);
  margin-bottom: var(--space-4);
}
.contact-email { margin-top: var(--space-2); }
.contact-liste { list-style: none; }
.contact-liste li { margin-bottom: var(--space-2); }