:root{
  --cofel:#5a2d82;
  --cofel-2:#7838a7;
  --bg:#f7f5fa;
  --card:#ffffff;
  --text:#1d1327;
  --muted:#7d6f8e;
  --shadow:0 10px 24px rgba(0,0,0,.08);
  --radius:14px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:"Segoe UI", Roboto, Arial, sans-serif;
  background:var(--bg); color:var(--text);
}

/* HEADER commun */
.cofel-header{
  background:linear-gradient(135deg,var(--cofel),var(--cofel-2));
  color:#fff; padding:12px 14px; position:sticky; top:0; z-index:100;
  box-shadow:0 6px 20px rgba(0,0,0,.15);
}
.cofel-header .row{display:flex; align-items:center; gap:10px; max-width:1120px; margin:0 auto;}
.cofel-back{
  background:#3a1e57; color:#fff; text-decoration:none; font-weight:700;
  padding:8px 12px; border-radius:8px; border:1px solid rgba(255,255,255,.25);
}
.cofel-brand{display:flex; align-items:center; gap:10px; margin-left:auto;}
.cofel-brand img{height:36px; width:auto; object-fit:contain; filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));}
.cofel-title{margin:0; font-size:16px}

/* CONTENEUR & CARTES */
.wrap{width:100%; max-width:1120px; margin:18px auto 28px; padding:0 16px;}
.card{
  background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow);
  border:1px solid rgba(0,0,0,.06); padding:18px; margin-bottom:16px;
}

/* FORM STYLES DOUX */
.section-title{margin:0 0 10px; font-size:18px}
.grid{
  display:grid; gap:12px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.field{display:flex; flex-direction:column; gap:6px}
.field label{font-weight:600; font-size:14px}
.field input[type="text"],
.field input[type="number"],
.field select, .field textarea{
  border:1px solid #ddd; border-radius:10px; padding:10px 12px; background:#fff;
}
.field small{color:var(--muted)}

/* BOUTONS */
.btn{
  background:var(--cofel); color:#fff; border:none; padding:12px 16px;
  border-radius:12px; font-weight:700; cursor:pointer;
  box-shadow:0 8px 18px rgba(90,45,130,.18);
}
.btn:hover{filter:brightness(1.05)}
.btn.secondary{
  background:#efe7f6; color:var(--cofel); box-shadow:none; border:1px solid #dec5f2;
}

/* PRIX / INFOS */
.price-block{display:flex; flex-wrap:wrap; gap:12px; align-items:center}
.price{
  background:#fcfaff; border:1px solid #dec5f2; border-radius:12px; padding:10px 14px; min-width:160px;
}
.price .label{font-size:12px; color:var(--muted)}
.price .value{font-weight:800; font-size:18px}
.price .strike{text-decoration: line-through; opacity:.6;}

/* FOOTER */
.cofel-footer{
  text-align:center; color:#7d6f8e; font-size:13px; padding:18px 10px; margin-top:24px;
}

/* Accessibilité */
:focus-visible{outline:3px solid #c6a8f3; outline-offset:2px}