/* Page /produit/asonrythme : styles du mur « Ton quotidien » (#quotidien) et de la
   « Feuille de route » (#feuille-de-route). Copiée de la home le 14/10/2026 ; ces règles
   vivaient dans nx-home.css et ont été retirées de la home le 20/10 (192c436). Remises ici
   le 09/11/2026 pour que cette page ne dépende plus de la home. */
/* ===== « Ton quotidien » en mur des cas (piste C validée le 13/10/2026) ===== */
#quotidien .qc-shifts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
#quotidien .qc-shift{background:#171717;color:#F7FEE7;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0}
#quotidien .qc-b{margin:0;font-size:15px;line-height:1.4;color:rgba(247,254,231,.55);text-decoration:line-through;text-decoration-color:rgba(247,254,231,.3)}
#quotidien .qc-a{margin:0;font-family:Vcnudge,Arial,sans-serif;font-weight:600;font-size:18px;line-height:1.3}
#quotidien .qc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#quotidien .qc-tile{display:flex;flex-direction:column;gap:10px;min-width:0;border-radius:24px;padding:26px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.04)}
#quotidien .qc-t1{background:#FFF3E2}
#quotidien .qc-t2{background:#F4F2FD}
#quotidien .qc-t3{background:#FFF0EA}
#quotidien .qc-ic{width:52px;height:52px;border-radius:50%;background:#BEF264;color:#171717;display:grid;place-items:center;margin-bottom:4px}
#quotidien .qc-ic svg{width:26px;height:26px}
#quotidien .qc-cat{margin:0;font-family:Vcnudge,Arial,sans-serif;font-weight:800;font-size:34px;line-height:1;letter-spacing:.2px}
#quotidien .qc-ap{margin:0;font-size:17px;line-height:1.45;color:#262626;text-wrap:pretty}
#quotidien .qc-mot{margin:0;font-family:Vcnudge,Arial,sans-serif;font-weight:800;font-size:17px;line-height:1.2}
#quotidien .qc-avt{margin:0;font-size:15px;line-height:1.45;color:#737373}
#quotidien .qc-k{font-family:"Abcfavoritmono Book",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#A1A1A1;margin-right:6px}
#quotidien .qc-who{margin:auto 0 0;padding-top:8px;display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.35;color:#737373}
#quotidien .qc-av{flex:none;width:32px;height:32px;border-radius:50%;object-fit:cover}
#quotidien .qc-sp{display:block;background:#e7e2dc url(/assets/img/maq/reco-avatars.jpg) 0 0/500% 300% no-repeat}
#quotidien .qc-quote,#quotidien .qc-ed{margin:0;grid-column:span 2;border-radius:24px;padding:34px;display:flex;flex-direction:column;justify-content:center;gap:16px}
#quotidien .qc-quote{background:#171717;color:#F7FEE7}
#quotidien .qc-ed{background:#BEF264;color:#171717}
#quotidien .qc-quote blockquote,#quotidien .qc-ed blockquote{margin:0;font-family:Vcnudge,Arial,sans-serif;font-weight:800;line-height:1.08;text-wrap:balance}
#quotidien .qc-quote blockquote{font-size:clamp(28px,2.8vw,38px)}
#quotidien .qc-ed blockquote{font-size:clamp(22px,2vw,28px)}
#quotidien .qc-quote figcaption{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(247,254,231,.65)}
#quotidien .qc-quote figcaption b{color:#F7FEE7;font-weight:500}
#quotidien .qc-ed figcaption{font-size:14px;color:#404040}
#quotidien .qc-ed figcaption b{font-weight:500;color:#171717}
@media (max-width:991px){
  #quotidien .qc-shifts{grid-template-columns:repeat(2,minmax(0,1fr))}
  #quotidien .qc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  #quotidien .qc-shifts,#quotidien .qc-grid{grid-template-columns:minmax(0,1fr)}
  #quotidien .qc-quote,#quotidien .qc-ed{grid-column:auto;padding:26px}
  #quotidien .qc-tile{padding:22px}
  #quotidien .qc-cat{font-size:30px}
}
#quotidien .qc-quote,#quotidien .qc-ed,#quotidien .qc-quote figcaption,#quotidien .qc-ed figcaption{text-align:left;justify-content:flex-start}
#quotidien .qc-ed{justify-content:center}
/* Podcast GDIY : la section a son fond noir, et la séparation tombe au milieu du lecteur Spotify (13/10/2026) */
.section_podcast{padding-top:88px;background:linear-gradient(#121117 0,#121117 var(--split,50%),transparent var(--split,50%))}
.section_podcast .podcast_background{display:none}
@media (max-width:767px){.section_podcast{padding-top:56px}}

/* ===== Feuille de route personnalisée (sous le programme, 14/10/2026) =====
   Reprise de l'artefact « Feuille de route sur-mesure » de Marjolaine : texte à gauche,
   aperçu de la page de parcours à droite, bascule entre deux profils d'exemple.
   Les pages sont écrites en HTML ; assets/js/nx-home.js ne fait que basculer. */
#feuille-de-route{position:relative}
#feuille-de-route .fr-sec{width:95%;max-width:1380px;margin:0 auto;padding:110px 0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}
#feuille-de-route p{margin:0}
#feuille-de-route .fr-txt .text-mono{color:#404040}
#feuille-de-route h2{font-family:Vcnudge,Arial,sans-serif;font-weight:800;font-size:clamp(44px,5.3vw,76px);line-height:.96;letter-spacing:.3px;margin:14px 0 0}
#feuille-de-route h2 u{text-decoration:none;display:inline-block;border-bottom:.07em solid #171717;line-height:.95em}
#feuille-de-route .fr-sub{margin-top:22px;font-size:19px;line-height:1.5;color:#404040;max-width:520px}
#feuille-de-route .fr-btn{display:inline-block;margin-top:32px;background:#171717;color:#F7FEE7;border-radius:4px;padding:14px 22px;text-decoration:none;font-size:16px}
#feuille-de-route .fr-demo{min-width:0}
#feuille-de-route .fr-mono{font-family:"Abcfavoritmono Book",monospace;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
#feuille-de-route .fr-switch{display:flex;gap:6px;justify-content:center;background:rgba(255,255,255,.7);border-radius:999px;padding:5px;width:max-content;max-width:100%;margin:0 auto 22px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
#feuille-de-route .fr-switch button{font:inherit;color:inherit;border:0;background:transparent;border-radius:999px;padding:10px 18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.15}
#feuille-de-route .fr-switch button b{font-weight:500;font-size:15px}
#feuille-de-route .fr-switch button small{font-size:12px;color:#737373}
#feuille-de-route .fr-switch button[aria-pressed="true"]{background:#171717;color:#F7FEE7}
#feuille-de-route .fr-switch button[aria-pressed="true"] small{color:rgba(247,254,231,.7)}
#feuille-de-route .fr-switch button:focus-visible{outline:2px solid #171717;outline-offset:2px}
#feuille-de-route .fr-stage{position:relative;padding:22px 22px 0}
#feuille-de-route .fr-stage::before,#feuille-de-route .fr-stage::after{content:"";position:absolute;left:44px;right:44px;height:40px;border-radius:16px;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(0,0,0,.05)}
#feuille-de-route .fr-stage::before{top:0}
#feuille-de-route .fr-stage::after{top:11px;left:33px;right:33px;background:rgba(255,255,255,.8)}
#feuille-de-route .fr-browser{position:relative;z-index:1;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 40px 90px -40px rgba(0,0,0,.45)}
#feuille-de-route .fr-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f5f5f5;border-bottom:1px solid #e5e5e5}
#feuille-de-route .fr-bar i{flex:none;width:9px;height:9px;border-radius:50%;background:#d4d4d4}
#feuille-de-route .fr-url{margin-left:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Abcfavoritmono Book",monospace;font-size:11px;color:#737373;background:#fff;border-radius:6px;padding:4px 10px}
#feuille-de-route .fr-pages{display:grid;background:linear-gradient(#FFE8C8,#FFE8E0 45%,#EAE7FB);font-family:Swissnow,Arial,sans-serif;line-height:1.55}
#feuille-de-route .fr-page{grid-area:1/1;padding:24px 22px;transition:opacity .3s ease,transform .3s ease}
#feuille-de-route .fr-page[hidden]{display:block!important;opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .3s ease,transform .3s ease,visibility 0s .3s}
#feuille-de-route .fr-ph{text-align:center}
#feuille-de-route .fr-ph .fr-mono{font-size:10px;color:#737373}
#feuille-de-route .fr-ph b{display:block;font-family:Vcnudge,Arial,sans-serif;font-weight:800;font-size:34px;line-height:1.02;margin-top:6px}
#feuille-de-route .fr-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
#feuille-de-route .fr-tile{background:#fff;border-radius:13px;padding:11px 11px 12px;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
#feuille-de-route .fr-tile i{font-style:normal;font-size:16px}
#feuille-de-route .fr-tile .fr-mono{display:block;font-size:9px;color:#a3a3a3;margin-top:5px}
#feuille-de-route .fr-tile b{display:block;font-family:Vcnudge,Arial,sans-serif;font-weight:800;font-size:17px;line-height:1.08;margin-top:3px}
#feuille-de-route .fr-tile span:not(.fr-mono){display:block;font-size:11.5px;line-height:1.35;color:#737373;margin-top:4px}
#feuille-de-route .fr-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px}
#feuille-de-route .fr-poids{background:#171717;color:#F7FEE7;border-radius:15px;padding:16px 16px 15px}
#feuille-de-route .fr-pl{display:inline-block;font-family:"Abcfavoritmono Book",monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;background:#F9FEE7;color:#171717;border-radius:999px;padding:4px 9px}
#feuille-de-route .fr-poids b{display:block;font-family:Vcnudge,Arial,sans-serif;font-weight:800;font-size:24px;line-height:1.05;margin-top:10px}
#feuille-de-route .fr-poids p{font-size:12.5px;line-height:1.45;color:rgba(247,254,231,.75);margin-top:8px}
#feuille-de-route .fr-top3{background:#fff;border-radius:15px;padding:14px;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
#feuille-de-route .fr-top3>.fr-mono{font-size:9px;color:#a3a3a3}
#feuille-de-route .fr-vid{display:flex;gap:10px;align-items:center;margin-top:9px}
#feuille-de-route .fr-th{flex:none;width:44px;height:28px;border-radius:6px;position:relative}
#feuille-de-route .fr-th::after{content:"★";position:absolute;top:-6px;left:-6px;width:15px;height:15px;border-radius:50%;background:#fff;font-size:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
#feuille-de-route .fr-t1{background:linear-gradient(135deg,#2dd4bf,#0f766e)}
#feuille-de-route .fr-t2{background:linear-gradient(135deg,#f472b6,#be185d)}
#feuille-de-route .fr-t3{background:linear-gradient(135deg,#c084fc,#7e22ce)}
#feuille-de-route .fr-vid b{display:block;font-size:12.5px;font-weight:500;line-height:1.25}
#feuille-de-route .fr-vid small{display:block;font-size:11px;color:#737373}
#feuille-de-route .fr-mods{margin-top:10px;background:#fff;border-radius:15px;padding:4px 14px;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
#feuille-de-route .fr-mod{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:9px 0;border-top:1px solid #eee}
#feuille-de-route .fr-mod:first-child{border-top:0}
#feuille-de-route .fr-n{width:24px;height:24px;border-radius:50%;background:#171717;color:#F7FEE7;font-size:11px;display:flex;align-items:center;justify-content:center}
#feuille-de-route .fr-mod .fr-mono{font-size:9px;color:#a3a3a3}
#feuille-de-route .fr-mod b{display:block;font-size:13px;font-weight:500;line-height:1.25}
#feuille-de-route .fr-mod p{font-size:12.5px;line-height:1.4;color:#404040;margin-top:1px}
#feuille-de-route .fr-opt .fr-n{background:#e5e5e5;color:#737373}
#feuille-de-route .fr-opt b,#feuille-de-route .fr-opt p{color:#a3a3a3}
#feuille-de-route .fr-legend{text-align:center;font-size:13.5px;color:#737373;margin-top:16px}
@media (max-width:1050px){
  #feuille-de-route .fr-sec{grid-template-columns:1fr;gap:48px;padding:80px 0}
  #feuille-de-route .fr-txt{max-width:640px}
}
@media (max-width:640px){
  #feuille-de-route .fr-sec{width:auto;padding:64px 16px}
  #feuille-de-route .fr-stage{padding:16px 0 0}
  #feuille-de-route .fr-stage::before{left:20px;right:20px}
  #feuille-de-route .fr-stage::after{left:10px;right:10px}
  #feuille-de-route .fr-page{padding:20px 12px}
  #feuille-de-route .fr-ph b{font-size:27px}
  #feuille-de-route .fr-tiles{grid-template-columns:1fr 1fr}
  #feuille-de-route .fr-row{grid-template-columns:1fr}
  #feuille-de-route .fr-switch button{padding:9px 13px}
}
@media (prefers-reduced-motion:reduce){#feuille-de-route .fr-page,#feuille-de-route .fr-page[hidden]{transition:none;transform:none}}

/* Prix barré du lien privé ?code=… (assets/js/asonrythme.js, 09/11/2026). */
.pricing_numbers.is-remise .pricing_avant{display:block;font-size:.45em;line-height:1.2;color:rgba(18,17,23,.62);text-decoration:line-through}
.pricing_numbers.is-remise .pricing_avant .ttc{font-size:inherit;line-height:inherit}
.pricing_numbers.is-remise{white-space:nowrap}
@media (max-width:479px){.pricing_numbers.is-remise{font-size:48px;line-height:1.1}}