.duo-config{background:#e9eee6;scroll-margin-top:90px}
.duo-intro{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-bottom:28px}
.duo-intro p:not(.intitule){color:var(--gris);margin-top:12px;max-width:58ch}
.duo-ruban{padding:10px 15px;background:var(--marque);color:#fff;white-space:nowrap;font-size:13px}
.duo-selections{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.duo-paire{margin:0;padding:24px;border:1px solid #c4cdbf;background:var(--os);min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.duo-paire legend{font-family:var(--titre);font-size:18px;font-weight:600;padding:0 10px}
.duo-paire img{grid-column:1/-1;width:100%;height:240px;object-fit:contain}
.duo-paire label{font-size:12px;display:flex;flex-direction:column;gap:7px;min-width:0}
.duo-paire label:has([data-duo-variante]){grid-column:1/-1}
.duo-paire label:has([data-duo-taille]){grid-column:1/-1}
.duo-paire select{width:100%;padding:13px 34px 13px 12px;border:1px solid #9da797;background:#fff;color:var(--encre);font:inherit;font-size:15px;border-radius:0}
.duo-stock{grid-column:1/-1;color:#276349;font-size:13px;margin:0;min-height:22px}.duo-stock.commande{color:#755126}
.duo-total{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 0 18px;border-bottom:1px solid #bac7b4}
.duo-montants{display:flex;gap:16px;align-items:baseline}.duo-montants del{color:var(--gris);font-size:21px}.duo-montants strong{font-family:var(--titre);font-size:clamp(30px,4vw,46px);letter-spacing:-.04em}
.duo-total small{font-size:11px;color:var(--gris)}.duo-total b{color:var(--marque)}.duo-total p{font-size:13px;margin:6px 0 12px}.duo-total .bouton{width:100%}.duo-note{font-size:12px;color:var(--gris);margin-top:14px}
.offre-proche{display:block;padding:12px 14px;margin:15px 0 0;border-left:3px solid var(--marque);background:#e9eee6;text-decoration:none;font-size:13px}.offre-proche b{display:block;margin-bottom:3px}.offre-proche del{color:var(--gris);margin-right:6px}
.stock-ligne{padding:12px;background:#e9eee6;border:1px solid #ccd7c6;font-weight:600}.stock-ligne.sur-demande{background:#f1eee7;border-color:#ded7ca}
.avis-conversation{border-radius:20px;border:1px solid #c8ceca;background:#e9e3d8;box-shadow:0 7px 24px #1f36250d;display:flex;flex-direction:column}
.avis-contact{background:#f8faf7;color:#152c24;padding:13px 14px;gap:10px;border-bottom:1px solid #d5ded7}.avis-contact .avis-anonyme span{background:#47675a;width:95px;height:9px}.avis-contact .avis-avatar{width:33px;height:33px;background:#e1e8e2;color:#849d8c}.avis-contact small{display:block;font-size:10px;margin-top:7px;color:#6a7970}.avis-icons{display:flex;gap:12px;color:#376554}.avis-retour{font-size:25px;color:#376554}
.avis-echange{display:block;padding:16px 13px 22px;flex:1;background-image:radial-gradient(#b4b4a733 .7px,transparent .7px);background-size:13px 13px;min-height:0}
.avis-photo-client{margin:0 24px 12px 0;padding:4px;background:white;border-radius:0 9px 9px 9px;box-shadow:0 1px 2px #00000012}.avis-photo-client img{display:block;width:100%;height:265px;object-fit:cover;border-radius:5px}.avis-photo-client figcaption{font-size:10px;color:#67746b;padding:6px 6px 2px}
.avis-echange blockquote{display:table;max-width:94%;font:15px/1.5 Arial,sans-serif;padding:12px 14px}.avis-conversation:nth-child(2) .avis-photo-client{margin-right:12px}.avis-conversation:nth-child(3) .avis-photo-client{margin-right:28px}
.avis-composer{margin:0 10px 10px;display:flex;gap:12px;align-items:center;min-height:39px;padding:9px 13px;border-radius:24px;background:#fff;color:#879089;font-size:12px}.avis-composer span{flex:1}.avis-lien{display:flex;justify-content:space-between;gap:12px;padding:15px 17px;border-top:1px solid #c8ceca;background:#fafbf8;font-size:12px;text-decoration:none}.avis-lien b{color:var(--marque)}
.marque{display:flex!important;align-items:center;gap:8px}.entete .marque img.marque-symbole,.pied .marque img.marque-symbole{width:43px;height:auto}.entete .marque img.marque-signature,.pied .marque img.marque-signature{width:138px;height:auto}
:is(.duo-config select,.duo-config button,.avis-lien,.offre-proche):focus-visible{outline:3px solid #b76889;outline-offset:3px}
@media(max-width:700px){.duo-intro{display:block}.duo-ruban{display:inline-block;margin-top:18px}.duo-selections{gap:18px;grid-template-columns:1fr}.duo-paire{padding:16px}.duo-paire img{height:200px}.duo-total{display:block}.duo-total>div+div{margin-top:18px}.duo-total .bouton{position:relative}.duo-montants strong{font-size:36px}.avis-photo-client img{height:310px}.entete .marque img.marque-signature{width:110px}.entete .marque img.marque-symbole{width:32px}.defile img{aspect-ratio:7/5}.panneau .preuve-lien{font-size:12px}}
.panier-economie{padding:12px;background:#e5eee2;font-size:13px;line-height:1.6;margin:15px 0}.panier-economie b{display:block;color:var(--marque)}

/* Extraits de conversations : formats compacts, photo entière et message associé. */
.photos-recues{background:var(--os);padding-block:56px}
.photos-recues>.col{max-width:1040px}
.photos-recues .tete-section{align-items:center;margin-bottom:28px}
.photos-recues .sstitre{margin:10px 0 0;font-size:14px}
.avis-conversations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1040px;margin:auto;align-items:stretch}
.avis-conversation{min-width:0;border:1px solid var(--pierre);border-radius:10px;box-shadow:none;background:#F0EBE3;overflow:hidden}
.avis-contact{height:62px;padding:12px 16px;gap:10px;background:#fff;border-bottom:1px solid #E6E0D8}
.avis-messagerie{color:#316854;display:flex;flex:none}
.avis-contact .avis-anonyme span{width:76px;height:7px;background:#607269;filter:blur(3px);opacity:.65}
.avis-contact small{font:10px/1.2 Arial,sans-serif;color:#72746E;margin-top:8px}
.avis-canal{font:11px/1.2 Arial,sans-serif;color:#6B726B}
.avis-echange{padding:16px;min-height:0;background-image:none}
.avis-conversation .avis-photo-client{padding:4px;margin:0 18px 12px 0;border-radius:7px;background:#fff;box-shadow:0 1px 1px #0000000a}
.avis-photo-client img{height:215px;width:100%;object-fit:contain;background:#F7F5F0;border-radius:4px}
.avis-echange blockquote{font:14px/1.5 Arial,sans-serif;max-width:100%;padding:10px 12px;box-shadow:0 1px 1px #0000000a;border-radius:0 7px 7px 7px;color:#27342D}
.avis-echange blockquote:before{border-top-width:7px;border-left-width:6px;left:-6px}
.avis-lien{padding:15px 16px;border-top:1px solid var(--pierre);background:#fff!important;display:block;font-size:12px}
.avis-lien>span{display:block;color:var(--gris);font-size:11px;margin-bottom:4px}
.avis-lien b{display:inline-block;font-weight:600;border-bottom:1px solid var(--pierre);padding-bottom:2px}
.avis-lien:hover b{border-color:var(--marque)}
.photos-recues .source-photos{font-size:10px;margin-top:18px;line-height:1.5}
@media(max-width:899px){.avis-conversations{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.avis-contact{padding:10px}.avis-canal{display:none}.avis-echange{padding:12px}.avis-photo-client img{height:180px}}
@media(max-width:650px){.avis-conversations{grid-template-columns:1fr;max-width:340px;gap:24px}.avis-canal{display:block}.avis-contact{padding:12px 16px}.avis-echange{padding:16px}.avis-photo-client img{height:225px}.photos-recues .tete-section{gap:12px}.photos-recues{padding-block:40px}}