/* Couleurs du logiciel utilisées par ces aperçus */
.apercu-enq { --eco-pale: #f2ecf5; --bord: #e3dccd; --doux: #6f6a5f; --texte: #2a2823; --ombre: 0 1px 2px rgba(60, 50, 30, .06), 0 4px 14px rgba(60, 50, 30, .05); color: #2a2823; }
/* Repris des aperçus Astuces et Enquêtes (logiciel, assets/style.css) */
.apercu-enq { max-width: 820px; margin: 0 auto; line-height: 1.65; font-size: 1.05rem; }
.apercu-enq .ap-banniere { width: 100%; height: auto; border-radius: 12px; display: block; }
.apercu-enq .ap-meta { color: var(--doux); font-size: .92rem; margin: 14px 0 0; }
.apercu-enq .ap-titre { font-size: 2rem; line-height: 1.2; margin: 8px 0 6px; }
.apercu-enq .ap-infos { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; }
.apercu-enq .ap-infos span { font-size: .85rem; padding: 2px 10px; border-radius: 999px; background: var(--eco-pale); color: #26231f; }
.apercu-enq .ap-accroche { border-left: 4px solid #4d4943; background: var(--eco-pale); padding: 12px 18px; border-radius: 0 10px 10px 0; font-size: 1.08rem; }
.apercu-enq .ap-sommaire { border: 1px solid var(--bord); border-radius: 10px; padding: 12px 18px; margin: 18px 0; }
.apercu-enq .ap-sommaire-titre { margin: 0 0 4px; font-weight: 700; }
.apercu-enq .ap-sommaire ol { margin: 0; padding-left: 22px; columns: 2; column-gap: 28px; }
.apercu-enq .ap-sommaire li { break-inside: avoid; }
.apercu-enq .ap-sommaire a { color: var(--texte); text-decoration: none; }
.apercu-enq .ap-sommaire a:hover { color: #4d4943; text-decoration: underline; }
.apercu-enq h2 { background: #4d4943; color: #fff; padding: 6px 14px; border-radius: 8px; font-size: 1.3rem; margin: 28px 0 14px; }
.apercu-enq h3 { text-transform: none; letter-spacing: normal; color: #26231f; font-size: 1.2rem; margin: 26px 0 8px; scroll-margin-top: 12px; }
.apercu-enq img { max-width: 100%; height: auto; border-radius: 8px; }
.apercu-enq .enq-chap { overflow: hidden; }
.apercu-enq .enq-photo { width: 38%; margin: 4px 0 10px; }
.apercu-enq .enq-photo.droite { float: right; margin-left: 18px; }
.apercu-enq .enq-photo.gauche { float: left; margin-right: 18px; }
.apercu-enq .enq-photo img { width: 100%; display: block; }
.apercu-enq .colonne { display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0 8px; }
.apercu-enq .l20 { width: 20%; }
.apercu-enq .l25 { width: 25%; }
.apercu-enq .l30 { width: 30%; }
.apercu-enq .l40 { width: 40%; }
.apercu-enq .l50 { width: 50%; }
.apercu-enq .l60 { width: 60%; }
.apercu-enq .l70 { width: 70%; }
.apercu-enq .l80 { width: 80%; }
.apercu-enq .flexcentre { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.apercu-enq .centre { text-align: center; }
.apercu-enq .gras { font-weight: 700; }
.apercu-enq .ombre, .apercu-enq .ombrearrondi { box-shadow: var(--ombre); }
.apercu-enq .arrondi, .apercu-enq .ombrearrondi { border-radius: 10px; }
.apercu-enq table { border-collapse: collapse; width: 100%; margin: 12px 0; font-size: .95rem; }
.apercu-enq th, .apercu-enq td { border: 1px solid var(--bord); padding: 6px 10px; text-align: left; }
.apercu-enq th { background: var(--eco-pale); }
.apercu-enq a { color: #26231f; overflow-wrap: anywhere; }
.apercu-enq a.bouton-enq { display: inline-block; padding: 8px 18px; border-radius: 8px; background: #4d4943; color: #fff; text-decoration: none; font-weight: 600; white-space: pre-line; line-height: 1.25; }
.apercu-enq .ap-sondage { clear: both; margin-top: 30px; }
.apercu-enq .ap-question { font-weight: 700; margin: 16px 0 6px; }
.apercu-enq .ap-choix { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.apercu-enq .ap-choix li { display: grid; grid-template-columns: minmax(0, 1fr) 160px 70px; gap: 10px; align-items: center; font-size: .95rem; }
.apercu-enq .ap-barre { height: 8px; border-radius: 4px; background: var(--bord); overflow: hidden; }
.apercu-enq .ap-barre span { display: block; height: 100%; background: #4d4943; }
.apercu-enq .ap-votes { text-align: right; color: var(--doux); font-size: .85rem; }
.apercu-enq .ap-final { clear: both; margin-top: 28px; padding: 16px; border: 1px dashed #e3dccd; border-radius: 12px; }
@media (max-width: 800px) {
.apercu-enq .ap-sommaire ol { columns: 1; }
.apercu-enq .enq-photo { float: none; width: 100%; margin: 8px 0; }
}
.apercu-astuce .ast-categorie { display: inline-block; margin: 10px 0 0; padding: 3px 12px; border-radius: 999px; background: #4d4943; color: #fff; font-weight: 700; font-size: .85rem; letter-spacing: .02em; }
.apercu-astuce .ap-meta a { color: #26231f; margin-left: 8px; }
.apercu-astuce .ast-vente-bloc { text-align: center; }
.apercu-astuce .ast-vente-bloc p { margin: 6px 0; }
.apercu-enq .ap-article .colonne { display: inline-block; vertical-align: middle; }
.apercu-enq .ap-article .colonne.l20 { width: 18%; }
.apercu-enq .ap-article .colonne.l25 { width: 22%; }
.apercu-enq .ap-article .colonne.l30 { width: 28%; }
.apercu-enq .ap-article .colonne.l40 { width: 38%; }
.apercu-enq .ap-article .colonne.l50 { width: 48%; }
.apercu-enq .ap-article .colonne.l60 { width: 58%; }
.apercu-enq .ap-article .colonne.l70 { width: 68%; }
.apercu-enq .ap-article .colonne.l80 { width: 78%; }
.apercu-enq .ap-article .top { vertical-align: top !important; }
.apercu-enq .ap-article .iblock { display: inline-block; vertical-align: top; }
@media (max-width: 800px) {
.apercu-enq .ap-article .colonne { display: block; width: 100% !important; }
.apercu-enq .ap-article .max400 { display: block; width: 100%; }
}
.apercu-enq a:not(.bouton-enq), .apercu-enq a:not(.bouton-enq) * { text-decoration: none !important; border-bottom: 0 !important; background-image: none !important; }
.apercu-enq a:not(.bouton-enq):hover, .apercu-enq a:not(.bouton-enq):focus-visible { font-weight: 700; }
.apercu-enq u { text-decoration: none !important; }
/* ---------- Propre au site ---------- */
/* astuce liée à un produit : catégorie et infos dans la couleur de la gamme du produit */
.apercu-astuce.gamme-rose .ast-categorie, .lecture-cat.gamme-rose { background: #ecb5c8; color: #2a2823; }
.apercu-astuce.gamme-mauve .ast-categorie, .lecture-cat.gamme-mauve { background: #a988b5; color: #2a2823; }
.apercu-astuce.gamme-bleu .ast-categorie, .lecture-cat.gamme-bleu { background: #8ccbee; color: #2a2823; }
.apercu-astuce.gamme-rose .ap-infos span { background: #f7dfe7; color: #2a2823; }
.apercu-astuce.gamme-mauve .ap-infos span { background: #e7dcec; color: #2a2823; }
.apercu-astuce.gamme-bleu .ap-infos span { background: #dcf0fa; color: #2a2823; }
.apercu-astuce.gamme-rose .ap-final { border-color: #ecb5c8; }
.apercu-astuce.gamme-mauve .ap-final { border-color: #a988b5; }
.apercu-astuce.gamme-bleu .ap-final { border-color: #8ccbee; }
.apercu-astuce.gamme-rose h2 { background: #ecb5c8; color: #2a2823; }
.apercu-astuce.gamme-mauve h2 { background: #a988b5; color: #2a2823; }
.apercu-astuce.gamme-bleu h2 { background: #8ccbee; color: #2a2823; }
.apercu-astuce.gamme-rose h3 { color: #dd8fab; }
/* produits en vente en bas d'une astuce : sans cadre pointillé, juste le bouton */
.apercu-astuce .ast-vente-bloc { border: 0; padding: 0; margin-top: 22px; }
/* bouton d'un produit en vente : couleur de sa gamme, texte foncé */
.apercu-enq a.bouton-enq.gamme-rose { background: #ecb5c8; color: #2a2823; }
.apercu-enq a.bouton-enq.gamme-mauve { background: #a988b5; color: #2a2823; }
.apercu-enq a.bouton-enq.gamme-bleu { background: #8ccbee; color: #2a2823; }
.apercu-enq a.bouton-enq.gamme-rose:hover { background: #dd8fab; }
.apercu-enq a.bouton-enq.gamme-mauve:hover, .apercu-enq a.bouton-enq.gamme-bleu:hover { filter: brightness(.94); }
.page-lecture .apercu-enq { background: #fbf8f2; border-radius: 14px; padding: 36px 44px 44px; margin: 8px auto 48px; box-shadow: 0 6px 24px rgba(60, 40, 80, .10); }
@media (max-width: 900px) { .page-lecture .apercu-enq { margin-left: 12px; margin-right: 12px; padding: 22px 18px 28px; } }
.apercu-enq .ap-sommaire a, .apercu-enq .ap-sommaire a:hover { color: inherit; }
.apercu-enq .ap-article h3 { scroll-margin-top: 90px; }
.apercu-enq .ap-retour { margin: 28px 0 0; font-size: .95rem; }
.apercu-enq .ap-retour a { color: #26231f; display: inline-flex; align-items: center; gap: 4px; font-weight: 600; text-decoration: none; }
.apercu-enq .ap-retour a:hover span { text-decoration: underline; } /* souligné seulement au survol */
.apercu-enq .ap-retour-chevron { flex: none; margin-left: -4px; }
/* astuce liée à un produit : lien de retour dans la couleur de la gamme */
.apercu-astuce.gamme-rose .ap-retour a { color: #dd8fab; }
.apercu-astuce.gamme-mauve .ap-retour a { color: #26231f; }
.apercu-astuce.gamme-bleu .ap-retour a { color: #5fb0df; }
.apercu-enq .ap-note-sondage { color: var(--doux); font-size: .9rem; margin: 6px 0 0; }
/* listes */
.lecture-liste { max-width: var(--largeur, 1280px); margin: 0 auto; padding: 8px 24px 56px; }
.lecture-liste h1 { margin: 6px 0 6px; }
.lecture-liste .lecture-compte { color: #5b574e; margin: 0 0 18px; }
.lecture-liste .puces { margin: 0 0 24px; }
.lecture-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; list-style: none; margin: 0; padding: 0; }
.lecture-carte { display: flex; flex-direction: column; height: 100%; background: #fbf8f2; border: 1px solid #e3d9c8; border-radius: 18px; overflow: hidden; color: inherit; text-decoration: none; transition: transform .15s, box-shadow .15s; }
.lecture-carte:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(60, 40, 80, .12); color: inherit; }
.lecture-carte img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; background: #efeee0; }
.lecture-carte .lecture-sans-photo { aspect-ratio: 16 / 10; background: #efeee0; }
.lecture-carte .lecture-texte { padding: 14px 16px 18px; display: flex; flex-direction: column; gap: 6px; }
.lecture-carte .lecture-cat { align-self: flex-start; padding: 2px 10px; border-radius: 999px; background: #7b4fb0; color: #fff; font-size: .78rem; font-weight: 700; }
.lecture-carte strong { font-size: 1.05rem; line-height: 1.35; }
.lecture-carte .lecture-info { color: #5b574e; font-size: .88rem; }
.lecture-carte .lecture-accroche { color: #3d3933; font-size: .95rem; line-height: 1.5; }
/* ---------- Liste des astuces : 4 récentes + thèmes de A à Z sur un seul écran ---------- */
.astuces-page { padding-bottom: 0; }
.astuces-tete { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; margin-bottom: 12px; }
.astuces-tete h1 { margin: 0; }
.astuces-tete .lecture-compte { margin: 0; }
.astuces-recherche { flex: 1 1 320px; display: flex; justify-content: flex-end; }
.astuces-recherche input { width: min(420px, 100%); min-height: 42px; padding: 0 18px; border: 1.5px solid #e3d9c8; border-radius: 999px; background: #ffffff; font: inherit; }
.astuces-recherche input:focus-visible { outline: 3px solid #4d4943; outline-offset: 2px; }
.astuces-recentes-liste { list-style: none; margin: 0 0 14px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.astuce-recente { display: flex; flex-direction: column; gap: 4px; height: 100%; box-sizing: border-box; padding: 10px 14px; background: #fbf8f2; border: 1px solid #e3d9c8; border-left: 4px solid #7b4fb0; border-radius: 12px; color: inherit; text-decoration: none; }
.astuce-recente:hover { color: inherit; box-shadow: 0 4px 14px rgba(60, 40, 80, .10); }
.astuce-recente strong { font-size: 1rem; }
.astuce-recente-cat { font-size: .74rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: #26231f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.astuce-recente strong { font-weight: 600; line-height: 1.3; font-size: .95rem; }
.astuce-recente.gamme-rose { border-left-color: #ecb5c8; } .astuce-recente.gamme-rose .astuce-recente-cat { color: #dd8fab; }
.astuce-recente.gamme-mauve { border-left-color: #a988b5; } .astuce-recente.gamme-mauve .astuce-recente-cat { color: #8a6a98; }
.astuce-recente.gamme-bleu { border-left-color: #8ccbee; } .astuce-recente.gamme-bleu .astuce-recente-cat { color: #5fb0df; }
/* zone des thèmes : hauteur calculée (98 % de la fenêtre), les thèmes remplissent les colonnes de A à Z */
.astuces-zone { display: flex; gap: 16px; min-height: 0; margin-bottom: 8px; }
.astuces-index { flex: 1; min-width: 0; display: flex; gap: 1.4em; height: 100%; overflow: hidden; }
.astuces-col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: calc(.1em + var(--air, 0px)); } /* --air : espace ajouté par astuces.js pour remplir la hauteur */
.astuces-col > * { flex: none; } /* pas d'écrasement : la répartition mesure la vraie hauteur */
.astuces-lettre-l + .astuce-theme-bouton { margin-top: 2px; }
.astuce-theme-bouton + .astuces-lettre-l { margin-top: .35em; }
.astuces-lettre { break-inside: avoid-column; display: flex; flex-direction: column; gap: .1em; margin-bottom: .35em; }
.astuces-lettre-l { font-family: var(--titres, inherit); font-size: 1.15em; font-weight: 700; color: #26231f; line-height: 1.2; border-bottom: 1px solid #ece4d6; margin-bottom: 2px; }
.astuce-theme-bouton { display: flex; align-items: center; gap: 8px; width: 100%; padding: .25em .5em; border: 0; border-radius: 8px; background: transparent; font: inherit; font-size: 1em; text-align: left; color: #2a2823; cursor: pointer; break-inside: avoid; }
.astuce-theme-bouton:hover { background: #f2ecf5; }
.astuce-theme-bouton.gamme-rose:hover, .astuce-theme-bouton.gamme-rose.actif { background: #f7dfe7; }
.astuce-theme-bouton.gamme-mauve:hover, .astuce-theme-bouton.gamme-mauve.actif { background: #e7dcec; }
.astuce-theme-bouton.gamme-bleu:hover, .astuce-theme-bouton.gamme-bleu.actif { background: #dcf0fa; }
.astuce-theme-bouton.actif { background: #f2ecf5; font-weight: 700; }
.astuce-theme-nom { flex: 1; min-width: 0; line-height: 1.25; }
.astuce-theme-nb { flex: none; font-size: .74rem; font-weight: 700; padding: 1px 7px; border-radius: 999px; background: #f2ecf5; color: #2a2823; }
/* thème ouvert : les autres se réduisent en une colonne à gauche, ses astuces à droite */
.astuces-zone.ouvert .astuces-index { flex: 0 0 270px; overflow-y: auto; padding-right: 4px; }
.astuces-zone.ouvert .astuces-col { flex: none; width: 100%; }
.astuces-zone.ouvert .astuce-theme-bouton { font-size: .94em; padding: 3px 8px; }
.astuces-zone.ouvert .astuces-lettre-l { font-size: 1em; }
.astuces-detail { flex: 1; min-width: 0; overflow-y: auto; background: #fbf8f2; border: 1px solid #e3d9c8; border-radius: 14px; padding: 16px 20px; }
.astuces-detail-tete { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; position: sticky; top: -16px; background: #fbf8f2; padding: 4px 0 8px; }
.astuces-detail-tete img { width: 64px; height: 64px; border-radius: 10px; object-fit: cover; flex: none; }
.astuces-detail-tete h2 { flex: 1; margin: 0; font-size: 1.25rem; }
.astuces-fermer { flex: none; width: 38px; height: 38px; border-radius: 50%; border: 1px solid #e3d9c8; background: #fff; font-size: 22px; line-height: 1; cursor: pointer; color: #2a2823; }
.astuces-fermer:hover { background: #f2ecf5; }
.astuces-detail ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 36px; } /* astuces d'un thème : 2 colonnes */
@media (max-width: 599px) { .astuces-detail ul { columns: 1; } }
.astuces-detail li { break-inside: avoid; padding: 16px 0; border-bottom: 1px solid #ece4d6; line-height: 1.4; font-size: 1.05rem; } /* un peu d'air entre les astuces */
.astuces-detail li a { color: #2a2823; text-decoration: none; }
.astuces-detail li a:hover { text-decoration: none; font-weight: 700; } /* survol : gras, sans trait */
.astuces-res-theme { display: block; font-size: .78rem; color: #5b574e; }
.astuces-aucune { color: #5b574e; }
@media (max-width: 899px) {
  .astuces-recentes-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .astuces-zone, .astuces-zone.ouvert { flex-direction: column; height: auto !important; }
  .astuces-index, .astuces-zone.ouvert .astuces-index { height: auto; overflow: visible; flex: none; }
  .astuces-recherche { justify-content: stretch; } .astuces-recherche input { width: 100%; }
}
/* page des astuces sur ordinateur : en-tête plus compact pour laisser la hauteur aux thèmes */
@media (min-width: 900px) {
  .page-astuces .fil { padding-top: 6px; padding-bottom: 0; }
  .astuces-page { padding-top: 0; }
  .astuces-tete { margin-bottom: 8px; }
  .astuces-tete h1 { font-size: 2.2rem; line-height: 1.1; }
  .astuces-recentes-liste { margin-bottom: 26px; gap: 10px; } /* de l'espace entre les 3 dernières astuces et l'index */
  .astuce-recente { padding: 7px 12px; gap: 2px; }
  .astuce-recente strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
.astuces-index.defile { overflow-y: auto; align-items: flex-start; scrollbar-width: thin; scrollbar-color: #d9cfbf transparent; }
/* index façon dictionnaire : lettre dans la marge (gagne une ligne par lettre) */
.astuces-ligne { display: flex; align-items: flex-start; gap: .2em; }
.astuces-ligne.debut { border-top: 1px solid rgba(77, 73, 67, .45); padding-top: calc(.25em + var(--air, 0px)); margin-top: .15em; } /* trait entre les lettres : gris de la charte, centré entre les deux lignes (même espace dessus et dessous) */
.astuces-col > .astuces-ligne:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
.astuces-l { flex: none; width: 1.15em; font-family: var(--titres, inherit); font-weight: 700; font-size: 1.1em; line-height: 1.5; color: #26231f; text-align: center; }
.astuces-ligne .astuce-theme-bouton { flex: 1; min-width: 0; }
.astuces-zone.ouvert .astuces-l { font-size: 1em; }
/* lettres de l'index : rond gris, lettre blanche */
.astuces-l { width: 1.6em; font-size: .95em; }
/* la lettre elle-même est affichée dans une gélule grise verticale (posée par astuces.js sur toutes les lignes de la lettre) */
.astuces-l { color: transparent; }
.astuces-gelule { position: absolute; left: 0; width: 1.6em; font-size: .95em; display: flex; align-items: center; justify-content: center; border-radius: 999px; background: #4d4943; color: #ffffff; font-family: var(--titres, inherit); font-weight: 700; line-height: 1; pointer-events: none; }

/* étapes numérotées des recettes (pastille + titre + durée, repris de l ancienne gestion) : de l air entre le chiffre et le texte */
.apercu-enq .ap-article div[style*="flex"] { gap: 10px; align-items: center; }

/* photos des astuces : centrées (sauf celles placées à gauche ou à droite du texte) */
.apercu-astuce .ap-article > img, .apercu-astuce .ap-article p > img:only-child, .apercu-astuce .ap-article div > img:only-child, .apercu-astuce .ap-article figure { display: block; margin-left: auto; margin-right: auto; }
.apercu-astuce .ap-article p:has(> img:only-child) { text-align: center; }
.apercu-astuce .ap-article img[style*="float"], .apercu-astuce .enq-photo img { margin-left: 0; margin-right: 0; }

/* bas d'une astuce : « Toutes les astuces » à gauche, PDF et impression à droite, sur la même ligne */
.apercu-enq .ast-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-top: 28px; }
.apercu-enq .ast-bas .ap-retour { margin: 0; }
.apercu-enq .ast-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.apercu-enq .ast-action { display: inline-flex; align-items: center; gap: 8px; font: inherit; font-weight: 600; font-size: .95rem; padding: 8px 16px; border-radius: 9px; border: 1.5px solid #d9cfbf; background: #fff; color: #2a2823; cursor: pointer; }
.apercu-enq .ast-action:hover { background: #4d4943; border-color: #4d4943; color: #fff; }
.apercu-enq .ast-action:disabled { opacity: .7; cursor: wait; }
.apercu-astuce.gamme-rose .ast-action { border-color: #ecb5c8; } .apercu-astuce.gamme-rose .ast-action:hover { background: #ecb5c8; color: #2a2823; }
.apercu-astuce.gamme-mauve .ast-action { border-color: #a988b5; } .apercu-astuce.gamme-mauve .ast-action:hover { background: #a988b5; color: #2a2823; }
.apercu-astuce.gamme-bleu .ast-action { border-color: #8ccbee; } .apercu-astuce.gamme-bleu .ast-action:hover { background: #8ccbee; color: #2a2823; }
/* PDF : page blanche, sans ombre */
.ast-pdf { box-shadow: none !important; background: #fff !important; margin: 0 !important; max-width: 760px; }
.ast-mention { display: none; font-size: 12px; color: #5b574e; margin: 0 0 10px; }
.ast-mention-bas { margin: 24px 0 0; padding-top: 10px; border-top: 1px solid #ece4d6; line-height: 1.5; }
.ast-pdf .ast-mention { display: block; }
/* impression : seulement l'astuce */
@media print {
  .page-astuce .bande-apercu, .page-astuce .bande-confiance, .page-astuce .entete, .page-astuce .bandeau-video, .page-astuce .pied, .page-astuce .fil, .page-astuce .ast-bas, .page-astuce .ast-vente-bloc { display: none !important; } /* pas de bouton « disponible à la vente ici » sur papier */
  .page-astuce .apercu-enq { box-shadow: none; background: #fff; margin: 0; padding: 0; max-width: none; }
  .page-astuce .apercu-enq img { max-width: 100%; break-inside: avoid; }
  .page-astuce .ast-mention { display: block; }
  .ast-mention strong { color: #2a2823; }
  @page { margin: 18mm 16mm 16mm; } /* même marge en haut de chaque page */
  .page-astuce { margin: 0; padding: 0; }
  .page-astuce .ap-article p, .page-astuce .ap-article li, .page-astuce .ap-article img, .page-astuce .ap-article div[style*="flex"] { break-inside: avoid; orphans: 3; widows: 3; }
  .page-astuce .ap-article h2, .page-astuce .ap-article h3, .page-astuce .ap-article div[style*="flex"] { break-after: avoid; }
  .page-astuce .ast-bloc { break-inside: avoid; }
}
/* boutons ronds : PDF et imprimante */
.apercu-enq .ast-rond { width: 48px; height: 48px; padding: 0; border-radius: 50%; justify-content: center; gap: 0; }
.apercu-enq .ast-pdf-txt { font-size: .82rem; font-weight: 800; letter-spacing: .04em; }
.apercu-enq .ast-rond.en-cours { animation: ast-pulse 1s ease-in-out infinite; }
@keyframes ast-pulse { 50% { opacity: .45; } }
.ast-pdf .ast-bloc, .ast-pdf p, .ast-pdf li { break-inside: avoid; }

/* boutons PDF et imprimante : fond de la couleur de la gamme (gris foncé si l'astuce n'est liée à aucun produit) */
.apercu-enq .ast-rond { background: #4d4943; border-color: #4d4943; color: #fff; }
.apercu-enq .ast-rond:hover { background: #26231f; border-color: #26231f; color: #fff; }
.apercu-astuce.gamme-rose .ast-rond { background: #ecb5c8; border-color: #ecb5c8; color: #2a2823; }
.apercu-astuce.gamme-rose .ast-rond:hover { background: #dd8fab; border-color: #dd8fab; color: #2a2823; }
.apercu-astuce.gamme-mauve .ast-rond { background: #a988b5; border-color: #a988b5; color: #fff; }
.apercu-astuce.gamme-mauve .ast-rond:hover { background: #26231f; border-color: #26231f; color: #fff; }
.apercu-astuce.gamme-bleu .ast-rond { background: #8ccbee; border-color: #8ccbee; color: #2a2823; }
.apercu-astuce.gamme-bleu .ast-rond:hover { background: #5fb0df; border-color: #5fb0df; color: #2a2823; }

/* ---------- Liste des enquêtes : bannières entières (1200 × 350), la dernière à la une ---------- */
.enquete-une { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 0; margin: 0 0 30px; background: #fbf8f2; border: 1px solid #e3d9c8; border-radius: 18px; overflow: hidden; color: inherit; text-decoration: none; }
.enquete-une[hidden] { display: none; }
.enquete-une img { width: 100%; height: auto; aspect-ratio: 1200 / 350; object-fit: contain; display: block; align-self: center; background: #fff; }
.enquete-une-texte { display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 20px 24px; }
.enquete-une-badge { align-self: flex-start; padding: 2px 10px; border-radius: 999px; background: #7b4fb0; color: #fff; font-size: .78rem; font-weight: 700; }
.enquete-une strong { font-size: 1.35rem; line-height: 1.25; }
.enquete-une .lecture-accroche { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.enquete-lire { display: inline-flex; align-items: center; gap: 2px; font-weight: 700; color: #26231f; margin-top: 4px; }
.enquete-une:hover { color: inherit; box-shadow: 0 8px 22px rgba(60, 40, 80, .12); }
.enquete-une:hover .enquete-lire { text-decoration: underline; text-underline-offset: 4px; }
.enquetes-titre-autres { font-size: 1.25rem; margin: 0 0 14px; }
.enquetes-grille { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 20px; }
.enquetes-grille > li[hidden] { display: none; }
.enquete-carte { display: flex; flex-direction: column; height: 100%; background: #fbf8f2; border: 1px solid #e3d9c8; border-radius: 14px; overflow: hidden; color: inherit; text-decoration: none; transition: transform .15s, box-shadow .15s; }
.enquete-carte:hover { color: inherit; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(60, 40, 80, .12); }
.enquete-carte img, .enquete-sans-photo { width: 100%; height: auto; aspect-ratio: 1200 / 350; object-fit: contain; display: block; background: #fff; border-bottom: 1px solid #ece4d6; }
.enquete-carte-texte { display: flex; flex-direction: column; gap: 6px; padding: 12px 16px 16px; }
.enquete-carte strong { font-size: 1.02rem; line-height: 1.35; }
.enquete-carte:hover strong { font-weight: 800; }
.enquete-carte .lecture-accroche { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: .92rem; }
@media (max-width: 900px) { .enquete-une { grid-template-columns: 1fr; } }
/* bannières : même format que la photo, « cover » évite le filet blanc dû aux arrondis de pixels (rien n'est coupé) */
.enquete-une img, .enquete-carte img { object-fit: cover; background: transparent; }
/* la dernière enquête : un peu d'air autour de la bannière, coins arrondis */
.enquete-une img { margin: 16px 0 16px 16px; width: calc(100% - 16px); border-radius: 12px; }
@media (max-width: 900px) { .enquete-une img { margin: 12px 12px 0; width: calc(100% - 24px); } }
/* sommaire d'une enquête : pas de souligné, le chapitre survolé passe en gras */
.apercu-enq .ap-sommaire a, .apercu-enq .ap-sommaire a:hover { text-decoration: none; color: #2a2823; }
.apercu-enq .ap-sommaire a:hover, .apercu-enq .ap-sommaire a:focus-visible { font-weight: 700; }
/* bas d'une enquête : produits proposés côte à côte */
.apercu-enq .ap-produits { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 10px 0 18px; }
.apercu-enq .ap-produits a.bouton-enq { flex: 0 1 auto; }
/* anciennes enquêtes en colonnes, remises en photo habillée par le texte (enquete.js) */
.apercu-enq .enq-photo img { width: 100% !important; height: auto !important; float: none !important; margin: 0 !important; max-width: none; }
.apercu-enq .enq-photo > p, .apercu-enq .enq-photo .flexcentre { margin: 0; }
.apercu-enq .enq-photo > * + * { margin-top: 8px; }
.apercu-enq .ap-article .colonne.pleine { display: block; width: 100% !important; }
@media (min-width: 801px) { .apercu-enq .enq-chap.deux .enq-photo { width: 27%; } }
/* Enquêtes : liens sans trait (y compris <u> et styles saisis), en gras au survol */
.apercu-enq a:not(.bouton-enq), .apercu-enq a:not(.bouton-enq) * { text-decoration: none !important; border-bottom: 0 !important; background-image: none !important; }
.apercu-enq a:not(.bouton-enq):hover, .apercu-enq a:not(.bouton-enq):focus-visible { font-weight: 700; }
.apercu-enq u { text-decoration: none !important; }
/* bas d'enquête : ampoule à gauche du titre « Produits pertinents », boutons à la hauteur de leur texte */
.apercu-enq .ap-final > p:first-child:has(img) { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 4px 0 14px; }
.apercu-enq .ap-final > p:first-child:has(img) > br { display: none; }
.apercu-enq .ap-final > p:first-child:has(img) img { display: block; width: 44px; height: auto; margin: 0; }
.apercu-enq .ap-final > p:first-child:has(img) > span:last-child { text-align: left; line-height: 1.4; }
.apercu-enq .ap-produits { align-items: center; margin-bottom: 4px; }
.apercu-enq .ap-produits a.bouton-enq { display: block; text-align: center; line-height: 1.35; padding: 10px 18px; }
.apercu-enq .enq-chap .enq-ligne { display: block; } .apercu-enq .enq-chap .enq-cote { display: flow-root; } .apercu-enq .enq-chap .enq-dessous { clear: both; } /* phrase jamais coupée par le bas de la photo (enquete.js) */
.apercu-enq .ap-produits:has(.ap-produit) { align-items: flex-start; } .apercu-enq .ap-produits .ap-produit { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 0 1 auto; text-align: center; } .apercu-enq .ap-produit .ap-legende { font-size: .95rem; color: #4d4943; }

/* enquête : durée de lecture juste à droite du titre (le nombre de chapitres est retiré : le sommaire les montre) */
.apercu-enq .ap-titre .ap-lecture { display: inline-block; font-size: .85rem; font-weight: 400; line-height: 1.5; padding: 2px 10px; border-radius: 999px; background: var(--eco-pale, #f0efe1); color: #26231f; margin-left: .6em; white-space: nowrap; vertical-align: middle; letter-spacing: 0; text-transform: none; font-family: inherit; } /* même gélule qu'avant */