/* Sélections éditoriales : mêmes crème, vert et doré que Comptoir Clair.
   Toutes les règles restent limitées aux nouvelles pages. */
.selection-page{max-width:1260px;margin:0 auto;padding:48px 32px 80px}
.selection-page .fil{margin-bottom:30px;font-size:12px;line-height:1.7}
.selection-intro{position:static;max-width:850px;padding:16px 0 38px;border:0;background:none}
.selection-surtitre{font-family:var(--mono);font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:var(--sp-bronze)!important}
.selection-intro h1{font-family:var(--sp-police-titre);font-size:clamp(30px,4.2vw,52px);font-weight:500;letter-spacing:-.035em;line-height:1.08;color:var(--sp-foret-fonce);margin:18px 0}
.selection-intro>p:not(.selection-surtitre){font-size:17px;max-width:710px;line-height:1.7;color:var(--sp-gris)}
.selection-page a{color:inherit}.selection-page a:hover{text-decoration:underline}.selection-page a:focus-visible{outline:2px solid var(--sp-bronze);outline-offset:4px}
.selection-ancre{display:inline-flex;align-items:center;gap:24px;margin-top:16px;padding:12px 18px;border:1px solid var(--sp-bronze);border-radius:5px;color:var(--sp-bronze)!important;font-size:13px;text-decoration:none}
.selection-editorial{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid var(--sp-ligne);padding:32px 0 40px}
.selection-page h2{font-family:var(--sp-police-titre);font-weight:500;letter-spacing:-.02em;font-size:23px;line-height:1.3;color:var(--sp-foret-fonce);margin:0 0 18px}
.selection-editorial p,.selection-page section>p,.selection-conseil p,.selection-categorie p{font-size:14px;line-height:1.75;color:var(--sp-gris);margin:0 0 12px}
.selection-references{scroll-margin-top:120px;border-top:1px solid var(--sp-ligne);padding-top:32px}
.selection-titre-ligne{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.selection-titre-ligne>p{font-size:12px;color:var(--sp-gris)}
.selection-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.selection-produit{border:1px solid var(--sp-ligne);background:var(--sp-blanc);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.selection-photo{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--sp-blanc);border-bottom:1px solid #DFE3E6;padding:22px;text-decoration:none!important}
.selection-photo img{display:block;width:100%;height:100%;object-fit:contain}.selection-photo-vide{font-size:20px;color:var(--sp-gris)}
.selection-produit-corps{padding:20px;display:flex;flex-direction:column;flex:1;gap:12px}
.selection-page .selection-marque{font-size:10px;color:var(--sp-bronze);margin:0;letter-spacing:.04em;overflow-wrap:anywhere}
.selection-produit h3{font-family:var(--sp-police-titre);font-weight:500;font-size:15px;line-height:1.5;margin:0;color:var(--sp-encre)}
.selection-produit h3 a{text-decoration:none}.selection-page .selection-modele{font-size:12px;line-height:1.5;color:var(--sp-gris);margin:0}.selection-modele small{display:block;font-size:10px;margin-top:6px;line-height:1.5}
.selection-achat{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.selection-achat>p{margin:0;font-size:17px;line-height:1.5;color:var(--sp-encre)}.selection-achat small{display:block;font-size:10px;color:var(--sp-gris)}.selection-achat .selection-dispo{font-size:11px;color:var(--sp-gris);text-align:right}.selection-dispo span{display:block;line-height:1.5}
.selection-fiche{display:flex;justify-content:space-between;gap:20px;padding:12px 0 0;border-top:1px solid var(--sp-ligne);font-size:12px;color:var(--sp-bronze)!important;text-decoration:none}
.selection-modeles{padding:40px 0;border-bottom:1px solid var(--sp-ligne)}.selection-modeles ul{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.selection-modeles li{margin:0}.selection-modeles li a{display:block;padding:12px 15px;background:var(--sp-papier);border:1px solid var(--sp-ligne);border-radius:5px;font-size:13px;text-decoration:none}.selection-modeles li span{display:block;font-size:10px;color:var(--sp-gris);margin-top:6px}
.selection-conseil{padding:28px;margin:32px 0;background:#EAECED;border:1px solid var(--sp-ligne);border-radius:8px}.selection-conseil h2{font-size:24px}.selection-conseil p{max-width:830px}.selection-conseil>a{font-size:13px;color:var(--sp-bronze)}
.selection-associees{padding-top:10px}.selection-associees h2{font-size:20px}.selection-associees ul{display:flex;flex-wrap:wrap;gap:10px 24px;padding:0;list-style:none;font-size:12px}.selection-associees li{margin:0}.selection-associees a{color:var(--sp-bronze)}
.selection-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.selection-categorie{border:1px solid var(--sp-ligne);border-radius:8px;background:var(--sp-blanc);padding:28px;display:flex;flex-direction:column}.selection-categorie h2 a{text-decoration:none}.selection-categorie .selection-fiche{margin-top:auto}
@media(max-width:900px){.selection-editorial{grid-template-columns:1fr;gap:18px}.selection-editorial section{max-width:760px}.selection-grille{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-modeles ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.selection-page{padding:30px 18px 60px}.selection-page .fil{margin-bottom:18px}.selection-intro{padding:4px 0 28px}.selection-intro>p:not(.selection-surtitre){font-size:15px}.selection-page h2{font-size:21px}.selection-grille,.selection-categories,.selection-modeles ul{grid-template-columns:1fr}.selection-photo{aspect-ratio:5/3;padding:22px 40px}.selection-editorial{padding:24px 0}.selection-titre-ligne{display:block}.selection-titre-ligne h2{margin-bottom:8px}.selection-titre-ligne>p{margin:0 0 12px}.selection-produit-corps{padding:18px}.selection-conseil,.selection-categorie{padding:22px}.selection-modeles{padding:30px 0}}