/* Le guide d'achat : trois questions, une sélection. */

body.cd-theme .cd-gu{max-width:920px;margin:0 auto}

body.cd-theme .cd-gu-form{display:flex;flex-direction:column;gap:1.6rem;margin:0}
body.cd-theme .cd-gu-etape{margin:0;padding:0;border:0}
body.cd-theme .cd-gu-etape legend{display:flex;align-items:baseline;gap:.6rem;
  margin:0 0 .2rem;padding:0}
body.cd-theme .cd-gu-rang{flex:0 0 auto;width:1.5rem;height:1.5rem;display:grid;place-items:center;
  border-radius:50%;background:var(--a,#8C2F42);color:#FBF7F4;
  font-family:var(--mono,monospace);font-size:.7rem;line-height:1}
body.cd-theme .cd-gu-titre{font-family:var(--titre,Georgia,serif);font-size:1.35rem;
  font-weight:400;color:var(--t,#241619)}
body.cd-theme .cd-gu-aide{margin:.1rem 0 .7rem 2.1rem;font-size:.86rem;color:var(--d,#7A6058)}

body.cd-theme .cd-gu-choix{display:grid;gap:.6rem;margin-top:.7rem;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
body.cd-theme .cd-gu-option{position:relative;display:flex;flex-direction:column;gap:.15rem;
  padding:.85rem 1rem;background:var(--s,#fff);border:1px solid var(--b,#E9DCD3);
  border-radius:var(--r,14px);cursor:pointer;transition:border-color .18s,box-shadow .18s}
body.cd-theme .cd-gu-option:hover{border-color:var(--peau,#E9CFC3)}
body.cd-theme .cd-gu-option input{position:absolute;opacity:0;width:1px;height:1px}
body.cd-theme .cd-gu-etiquette{font-size:.95rem;color:var(--t,#241619)}
body.cd-theme .cd-gu-sous{font-size:.8rem;color:var(--d,#7A6058);line-height:1.4}
body.cd-theme .cd-gu-option:has(input:checked){border-color:var(--a,#8C2F42);
  box-shadow:0 0 0 1px var(--a,#8C2F42);background:var(--peau-p,#F6E6DE)}
body.cd-theme .cd-gu-option:has(input:focus-visible){outline:2px solid var(--a,#8C2F42);
  outline-offset:2px}

body.cd-theme .cd-gu-envoi{margin:.4rem 0 0}
body.cd-theme .cd-gu-envoi .cd-btn{padding:.8rem 1.8rem}

/* ── la sélection ── */
body.cd-theme .cd-gu-res{margin:2.6rem 0 0;padding-top:1.8rem;
  border-top:1px solid var(--b,#E9DCD3)}
body.cd-theme .cd-gu-res:focus{outline:none}
body.cd-theme .cd-gu-res-tete{margin:0 0 1.2rem}
body.cd-theme .cd-gu-oeil{display:inline-block;margin:0 0 .3rem;
  font-family:var(--mono,monospace);font-size:.6rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--a,#8C2F42)}
body.cd-theme .cd-gu-res-titre{margin:0;font-family:var(--titre,Georgia,serif);font-weight:400;
  font-size:1.55rem;line-height:1.15;color:var(--t,#241619)}
body.cd-theme .cd-gu-res-note{margin:.35rem 0 0;font-size:.88rem;color:var(--d,#7A6058)}
body.cd-theme .cd-gu-vide{font-size:.95rem;color:var(--t2,#4A3439)}

/* Colonnes fixées par palier, surplus masqué : une rangée toujours pleine. */
body.cd-theme .cd-gu-liste{list-style:none;margin:0;padding:0;display:grid;gap:1rem;
  grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){
  body.cd-theme .cd-gu-liste{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.cd-theme .cd-gu-item:nth-child(n){display:block}
  body.cd-theme .cd-gu-item:nth-child(n+7){display:none}
}
@media (max-width:620px){
  body.cd-theme .cd-gu-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
  body.cd-theme .cd-gu-item:nth-child(n){display:block}
  body.cd-theme .cd-gu-item:nth-child(n+7){display:none}
}

body.cd-theme .cd-gu-item a{display:flex;flex-direction:column;gap:.34rem;height:100%;
  padding:.55rem .6rem .75rem;background:var(--s,#fff);border:1px solid var(--b,#E9DCD3);
  border-radius:var(--r,14px);text-decoration:none;color:var(--t,#241619);
  transition:border-color .2s,box-shadow .2s,transform .2s}
body.cd-theme .cd-gu-item a:hover{border-color:var(--peau,#E9CFC3);transform:translateY(-3px);
  box-shadow:var(--ombre,0 18px 40px -24px rgba(60,30,35,.36))}
body.cd-theme .cd-gu-vis{display:block;margin-bottom:.3rem;border-radius:var(--r-p,8px);
  overflow:hidden;background:var(--f2,#F4EAE3)}
body.cd-theme .cd-gu-vis img{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;
  margin:0;padding:.4rem}
body.cd-theme .cd-gu-marque{font-family:var(--mono,monospace);font-size:.58rem;
  letter-spacing:.09em;text-transform:uppercase;color:var(--a,#8C2F42)}
body.cd-theme .cd-gu-nom{font-size:.85rem;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.cd-theme .cd-gu-prix{margin-top:auto;padding-top:.2rem;font-family:var(--mono,monospace);
  font-size:.9rem;font-variant-numeric:tabular-nums}
body.cd-theme .cd-gu-prix ins{text-decoration:none;color:var(--a,#8C2F42);font-weight:600}
body.cd-theme .cd-gu-prix del{opacity:.5;margin-right:.3em;font-size:.82em}

@media (prefers-reduced-motion:reduce){
  body.cd-theme .cd-gu-item a:hover{transform:none}
}

/* ── conseils et questions ── */
body.cd-theme .cd-gu-conseils,
body.cd-theme .cd-gu-faq{margin:2.6rem 0 0;padding-top:1.8rem;
  border-top:1px solid var(--b,#E9DCD3)}

body.cd-theme .cd-gu-grille{display:grid;gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
body.cd-theme .cd-gu-conseil{padding:1.05rem 1.15rem;background:var(--peau-p,#F6E6DE);
  border:1px solid var(--peau,#E9CFC3);border-radius:var(--r,14px)}
body.cd-theme .cd-gu-conseil h3{margin:0 0 .4rem;font-family:var(--titre,Georgia,serif);
  font-weight:400;font-size:1.08rem;line-height:1.2;color:var(--t,#241619)}
body.cd-theme .cd-gu-conseil p{margin:0;font-size:.88rem;line-height:1.6;color:var(--t2,#4A3439)}
body.cd-theme .cd-gu-lien{margin:.7rem 0 0 !important}
body.cd-theme .cd-gu-lien a{font-family:var(--mono,monospace);font-size:.63rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--a,#8C2F42);text-decoration:underline;text-underline-offset:3px}

body.cd-theme .cd-gu-q{border-bottom:1px solid var(--b,#E9DCD3)}
body.cd-theme .cd-gu-q summary{padding:.9rem 0;cursor:pointer;list-style:none;
  font-size:1rem;color:var(--t,#241619);display:flex;align-items:baseline;gap:.6rem}
body.cd-theme .cd-gu-q summary::-webkit-details-marker{display:none}
body.cd-theme .cd-gu-q summary::before{content:"+";flex:0 0 auto;
  font-family:var(--mono,monospace);color:var(--a,#8C2F42);font-size:1rem;line-height:1}
body.cd-theme .cd-gu-q[open] summary::before{content:"–"}
body.cd-theme .cd-gu-q p{margin:0 0 1rem 1.4rem;font-size:.9rem;line-height:1.65;
  color:var(--t2,#4A3439);max-width:62ch}