/* Parcours resserré : choix + total visibles ensemble, 26/10/2026. */
.duo-config>.col,.raisons>.col,.atelier-apercu>.col{max-width:1040px}
.duo-config{padding-block:40px}.duo-intro{margin-bottom:22px;gap:18px}.duo-intro .intitule{margin-bottom:8px}.duo-intro .titre{font-size:clamp(25px,2.8vw,34px);margin-bottom:8px}.duo-intro p:not(.intitule){font-size:14px;line-height:1.5;margin-top:8px}.duo-ruban{font-size:11px;padding:7px 10px}
[data-duo]{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px 22px;align-items:start}
.duo-selections{gap:16px;min-width:0}.duo-paire{display:flex;flex-direction:column;gap:10px;padding:14px;min-width:0;background:var(--os);border:1px solid var(--pierre)}
.duo-paire legend{font-size:14px;padding-inline:7px}.duo-paire img{height:145px;width:100%;margin:0;object-fit:contain}.duo-paire label{font-size:11px;gap:5px}.duo-paire select{font-size:13px;padding:10px 25px 10px 9px;min-width:0}.duo-stock{font-size:11px;line-height:1.45;min-height:32px}
.duo-total{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:20px;margin:8px 0 0;padding:20px;background:var(--os);border:1px solid var(--marque);min-width:0}.duo-total>div>span{font-size:13px;font-weight:600}.duo-montants{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px}.duo-montants strong{font-size:32px;line-height:1.25}.duo-montants del{font-size:16px}.duo-total small{font-size:10px;line-height:1.45;display:block;margin-top:8px}.duo-total b{font-size:14px}.duo-total p{font-size:12px;line-height:1.5;margin:7px 0 14px}.duo-total .bouton{padding:14px 10px;font-size:12px;white-space:normal}.duo-note{grid-column:1/-1;margin:0;font-size:10px;line-height:1.5}
.raisons>.col{padding:0;border:0}.raisons>.col>div{padding:22px 24px;border-top:0}.raisons>.col>div:first-child{padding-left:0}.raisons b{font-size:16px;margin-bottom:5px}.raisons span{font-size:13px;line-height:1.55;max-width:32ch}
.atelier-apercu{padding-block:42px;background:var(--os)}.atelier-grille{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.atelier-grille>*{min-width:0}.atelier-images{gap:10px;align-items:center}.atelier-images img{height:300px;aspect-ratio:auto;object-fit:cover}.atelier-images img+img{height:245px;aspect-ratio:auto;margin-bottom:0}.atelier-texte .intitule{font-size:10px;margin-bottom:12px}.atelier-texte .titre{font-size:clamp(24px,2.5vw,32px);line-height:1.15}.atelier-texte>p:not(.intitule):not(.source-photos){font-size:14px;line-height:1.6;margin:14px 0}.atelier-actions{gap:16px;margin-top:18px}.atelier-actions .bouton{font-size:12px;padding:13px 17px}.atelier-actions .lien-fleche{font-size:12px}.atelier-texte .source-photos{font-size:10px;margin-top:14px}
@media(max-width:900px){[data-duo]{grid-template-columns:minmax(0,1fr) 240px;gap:14px}.duo-selections{gap:10px}.duo-paire{padding:10px}.duo-total{padding:16px}.duo-montants strong{font-size:28px}.atelier-grille{gap:24px}}
@media(max-width:760px){[data-duo]{grid-template-columns:1fr}.duo-selections{grid-template-columns:repeat(2,minmax(0,1fr))}.duo-total{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}.duo-total>div+div{margin:0}.duo-paire img{height:130px}.duo-paire select{font-size:12px}.raisons>.col{grid-template-columns:1fr}.raisons>.col>div,.raisons>.col>div:first-child{padding:16px 0;border-left:0}.raisons>.col>div+div{border-top:1px solid var(--pierre)}.raisons span{max-width:none}.atelier-grille{grid-template-columns:1fr}.atelier-images{max-width:480px}.atelier-images img{height:240px}.atelier-images img+img{height:200px}}
@media(max-width:430px){.duo-config{padding-block:30px}.duo-intro{margin-bottom:16px}.duo-paire img{height:105px}.duo-paire label{font-size:10px}.duo-paire select{font-size:12px;padding-left:6px;padding-right:19px}.duo-total{grid-template-columns:1fr;padding:16px;gap:12px}.duo-montants{margin-top:5px}.duo-total small{font-size:10px}.duo-total p{margin-bottom:10px}.duo-total .bouton{font-size:14px}.atelier-apercu{padding-block:30px}}

@media(max-width:919px){body.duo-visible .barre-achat{display:none}}

/* Cadre desktop : gouttières extérieures visibles, sans largeur plein écran. */
@media(min-width:920px){
 html{background:#EAE6E0}
 body{width:calc(100% - 48px);max-width:1440px;margin-inline:auto;border-inline:1px solid #D8CBBB}
 :root{--col:min(1120px,calc(100% - 48px));--etroit:min(660px,calc(100% - 48px))}
}