/* =====================================================================
   YouTips · Fiches produits v2 (/item/…, FluentCart) — même langage que l'accueil et la boutique
   Préfixe : html body.single-fluent-products
   ===================================================================== */
html body.single-fluent-products{ --ypr-rouge:linear-gradient(135deg,#8D3A34 45%,#C45048 160%); --ypr-ocre:linear-gradient(135deg,#7F4A22 45%,#D07838 160%); --ypr-violet:linear-gradient(135deg,#664492 45%,#7850AC 160%); --ypr-bleu:linear-gradient(135deg,#124CA3 45%,#345890 160%); }

/* --- cadre : pleine largeur, plus de carte blanche --- */
html body.single-fluent-products #primary.content-area{ margin:0 !important; }
html body.single-fluent-products .content-container.site-container{ max-width:none !important; padding:0 !important; }
html body.single-fluent-products article.entry{ background:transparent !important; border-radius:0 !important; box-shadow:none !important; }
html body.single-fluent-products .entry-content-wrap{ padding:0 !important; }
html body.single-fluent-products .entry-content{ margin:0 !important; }
html body.single-fluent-products, html body.single-fluent-products *{ -webkit-hyphens:none !important; hyphens:none !important; }

/* --- hero sombre : texte à gauche, visuel à droite --- */
html body.single-fluent-products .fct-single-product-page{ position:relative !important; max-width:none !important; width:100% !important; margin:0 !important; padding:120px max(40px, calc((100% - 1120px) / 2)) !important; background:#0B0D12 !important; color:#FFFFFF !important; overflow:hidden !important; }
html body.single-fluent-products .fct-single-product-page::before{ content:""; position:absolute; right:-12%; top:50%; width:760px; height:760px; transform:translateY(-50%); border-radius:50%; background:conic-gradient(from 180deg,rgba(255,55,95,.26),rgba(255,159,10,.2),rgba(50,215,75,.16),rgba(10,132,255,.28),rgba(191,90,242,.26),rgba(255,55,95,.26)); filter:blur(110px); pointer-events:none; }
html body.single-fluent-products .fct-single-product-page-row{ position:relative; z-index:1; display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) !important; gap:64px !important; align-items:center !important; max-width:1120px !important; width:100% !important; margin:0 auto !important; padding:0 !important; }
html body.single-fluent-products .fct-product-gallery-wrapper{ order:2 !important; width:100% !important; max-width:none !important; margin:0 !important; border-radius:14px !important; overflow:hidden !important; box-shadow:0 30px 70px rgba(0,0,0,.55) !important; transform:rotate(1.5deg); transition:transform .45s cubic-bezier(.2,.8,.2,1); }
html body.single-fluent-products .fct-product-gallery-wrapper:hover{ transform:rotate(0) scale(1.02); }
html body.single-fluent-products .fct-product-gallery-wrapper img{ display:block; width:100% !important; height:auto !important; border-radius:0 !important; }
html body.single-fluent-products .fct-product-summary{ order:1 !important; display:flex !important; flex-direction:column !important; gap:24px !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
html body.single-fluent-products .fct-product-summary > *{ margin:0 !important; }
html body.single-fluent-products h1#fct-product-summary-title{ margin:0 !important; font-size:60px !important; line-height:1.04 !important; font-weight:700 !important; letter-spacing:-0.04em !important; color:#FFFFFF !important; }
html body.single-fluent-products .fct-product-excerpt, html body.single-fluent-products .fct-product-excerpt p{ margin:0 !important; font-size:20px !important; line-height:1.55 !important; color:rgba(255,255,255,.82) !important; }
html body.single-fluent-products .fct-product-prices, html body.single-fluent-products .fct-product-prices .fct-item-price{ font-size:44px !important; font-weight:700 !important; letter-spacing:-0.03em !important; line-height:1.1 !important; color:#FFFFFF !important; }
html body.single-fluent-products .fct-product-buttons-wrap{ display:flex !important; flex-wrap:wrap !important; gap:12px !important; }
html body.single-fluent-products .fct-product-buttons-wrap a, html body.single-fluent-products .fct-product-buttons-wrap button{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:54px !important; padding:0 30px !important; border:0 !important; border-radius:6px !important; background:#124CA3 !important; color:#FFFFFF !important; font-size:17px !important; font-weight:600 !important; text-decoration:none !important; box-shadow:none !important; cursor:pointer; transition:filter .15s; }
html body.single-fluent-products .fct-product-buttons-wrap a:hover, html body.single-fluent-products .fct-product-buttons-wrap button:hover{ filter:brightness(1.12); }
html body.single-fluent-products .fct-product-buttons-wrap a:focus-visible, html body.single-fluent-products .fct-product-buttons-wrap button:focus-visible{ outline:3px solid #8AB8FF !important; outline-offset:3px !important; }

/* --- description : colonne lisible, titres en grand, listes en cases colorées --- */
html body.single-fluent-products .ypr-desc{ padding:120px max(40px, calc((100% - 760px) / 2)) 120px; background:var(--yj-card,#FFFFFF); }
html body.single-fluent-products .ypr-desc > *{ max-width:760px; margin-left:0 !important; margin-right:0 !important; }
html body.single-fluent-products .ypr-desc > p{ margin:0 0 20px !important; font-size:19px !important; line-height:1.65 !important; color:var(--yj-text2,#4A4E55) !important; }
html body.single-fluent-products .ypr-desc > p:first-child{ font-size:28px !important; line-height:1.35 !important; font-weight:600 !important; letter-spacing:-0.015em; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .ypr-desc > h2, html body.single-fluent-products .ypr-desc > h3{ margin:72px 0 24px !important; font-size:36px !important; line-height:1.15 !important; font-weight:700 !important; letter-spacing:-0.025em !important; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .ypr-desc a{ color:var(--yj-link,#124CA3) !important; font-weight:600; text-underline-offset:3px; }
html body.single-fluent-products .ypr-desc > ul{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0 0 20px !important; padding:0 !important; list-style:none !important; }
html body.single-fluent-products .ypr-desc > ul > li{ position:relative; margin:0 !important; padding:16px 18px 16px 56px !important; background:var(--yj-bg,#F0F2F5); border-radius:12px; font-size:16px !important; line-height:1.45 !important; color:var(--yj-text,#050505) !important; list-style:none !important; transition:transform .25s ease; }
html body.single-fluent-products .ypr-desc > ul > li:hover{ transform:translateX(4px); }
html body.single-fluent-products .ypr-desc > ul > li::before{ content:""; position:absolute; left:16px; top:50%; width:26px; height:26px; margin-top:-13px; border-radius:50%; background:var(--ypr-rouge); }
html body.single-fluent-products .ypr-desc > ul > li::after{ content:""; position:absolute; left:25px; top:50%; width:6px; height:11px; margin-top:-8px; border:solid #FFFFFF; border-width:0 2px 2px 0; transform:rotate(45deg); }
html body.single-fluent-products .ypr-desc > ul:nth-of-type(4n+2) > li::before{ background:var(--ypr-ocre); }
html body.single-fluent-products .ypr-desc > ul:nth-of-type(4n+3) > li::before{ background:var(--ypr-violet); }
html body.single-fluent-products .ypr-desc > ul:nth-of-type(4n) > li::before{ background:var(--ypr-bleu); }

/* --- avis : bloc gris pleine largeur --- */
html body.single-fluent-products .ypr-avis{ padding:120px max(40px, calc((100% - 1120px) / 2)) 140px; background:var(--yj-bg,#F0F2F5); }
html body.single-fluent-products .ypr-avis-t{ margin:0 0 48px !important; font-size:56px !important; line-height:1.06 !important; font-weight:700 !important; letter-spacing:-0.03em !important; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .ypr-avis-t span{ color:#666B73; }
html.yj-ok.yj-isdark body.single-fluent-products .ypr-avis-t span{ color:#9AA0A8; }
html body.single-fluent-products .fct-product-reviews-section{ margin:0 !important; padding:0 !important; max-width:none !important; }
html body.single-fluent-products .fct-reviews-summary{ padding:28px !important; background:var(--yj-card,#FFFFFF) !important; border:0 !important; border-radius:16px !important; box-shadow:0 12px 34px rgba(11,13,18,.10) !important; }
html body.single-fluent-products .fct-reviews-average-number{ font-size:64px !important; font-weight:700 !important; letter-spacing:-0.04em !important; line-height:1 !important; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .fct-reviews-stars-display, html body.single-fluent-products .fct-review-item-stars{ color:#F5B400 !important; }
html body.single-fluent-products .fct-reviews-section-title{ font-size:20px !important; font-weight:700 !important; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .fct-review-cta-btn{ min-height:48px !important; padding:0 22px !important; border:0 !important; border-radius:6px !important; background:#124CA3 !important; color:#FFFFFF !important; font-size:16px !important; font-weight:600 !important; cursor:pointer; }
html body.single-fluent-products .fct-review-cta-btn:hover{ filter:brightness(1.12); }
html body.single-fluent-products .fct-reviews-empty{ padding:28px !important; background:var(--yj-card,#FFFFFF) !important; border-radius:12px !important; font-size:17px !important; color:var(--yj-text2,#4A4E55) !important; }
html body.single-fluent-products .fct-review-item{ position:relative; margin:0 0 18px !important; padding:24px 26px !important; background:var(--yj-card,#FFFFFF) !important; border:0 !important; border-top:6px solid #8D3A34 !important; border-radius:12px !important; box-shadow:0 10px 30px rgba(11,13,18,.10) !important; transform:rotate(-.5deg); transition:transform .3s ease, box-shadow .3s ease; }
html body.single-fluent-products .fct-review-item:nth-child(4n+2){ border-top-color:#7F4A22 !important; transform:rotate(.4deg); }
html body.single-fluent-products .fct-review-item:nth-child(4n+3){ border-top-color:#664492 !important; transform:rotate(-.3deg); }
html body.single-fluent-products .fct-review-item:nth-child(4n){ border-top-color:#124CA3 !important; transform:rotate(.5deg); }
html body.single-fluent-products .fct-review-item:hover{ transform:rotate(0) translateY(-4px); box-shadow:0 18px 40px rgba(11,13,18,.16) !important; }
html body.single-fluent-products .fct-review-item-title{ font-size:19px !important; font-weight:700 !important; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .fct-review-item-content{ font-size:16px !important; line-height:1.6 !important; color:var(--yj-text2,#4A4E55) !important; }

@media (max-width:1024px){
  html body.single-fluent-products .fct-single-product-page-row{ grid-template-columns:1fr !important; gap:40px !important; }
  html body.single-fluent-products .fct-product-gallery-wrapper{ order:0 !important; }
  html body.single-fluent-products h1#fct-product-summary-title{ font-size:48px !important; }
}
@media (max-width:760px){
  html body.single-fluent-products .fct-single-product-page{ padding:56px 20px 64px !important; }
  html body.single-fluent-products h1#fct-product-summary-title{ font-size:38px !important; }
  html body.single-fluent-products .fct-product-excerpt, html body.single-fluent-products .fct-product-excerpt p{ font-size:18px !important; }
  html body.single-fluent-products .fct-product-prices, html body.single-fluent-products .fct-product-prices .fct-item-price{ font-size:34px !important; }
  html body.single-fluent-products .fct-product-buttons-wrap a, html body.single-fluent-products .fct-product-buttons-wrap button{ width:100% !important; }
  html body.single-fluent-products .ypr-desc{ padding:72px 20px; }
  html body.single-fluent-products .ypr-desc > p:first-child{ font-size:22px !important; }
  html body.single-fluent-products .ypr-desc > h2, html body.single-fluent-products .ypr-desc > h3{ margin-top:48px !important; font-size:28px !important; }
  html body.single-fluent-products .ypr-desc > ul{ grid-template-columns:1fr; }
  html body.single-fluent-products .ypr-avis{ padding:72px 20px 88px; }
  html body.single-fluent-products .ypr-avis-t{ font-size:36px !important; }
}
@media (prefers-reduced-motion:reduce){
  html body.single-fluent-products .fct-product-gallery-wrapper, html body.single-fluent-products .fct-review-item, html body.single-fluent-products .ypr-desc > ul > li{ transition:none !important; transform:none !important; }
}

/* FluentCart place la galerie et le résumé par zones de grille : texte à gauche, visuel à droite (visuel en premier sous 1024 px) */
html body.single-fluent-products .fct-single-product-page-row{ grid-template-areas:"summary thumbnail" !important; }
@media (max-width:1024px){
  html body.single-fluent-products .fct-single-product-page-row{ grid-template-areas:"thumbnail" "summary" !important; }
}

/* Boutons du hero : casse normale, « Ajouter au panier » en bouton secondaire */
html body.single-fluent-products .fct-product-buttons-wrap a, html body.single-fluent-products .fct-product-buttons-wrap button, html body.single-fluent-products .fct-product-buttons-wrap .text{ text-transform:none !important; }
html body.single-fluent-products .fct-product-buttons-wrap .fluent-cart-add-to-cart-button{ background:transparent !important; border:1px solid rgba(255,255,255,.34) !important; }
html body.single-fluent-products .fct-product-buttons-wrap .fluent-cart-add-to-cart-button:hover{ background:rgba(255,255,255,.08) !important; filter:none; }

/* Aucun avis encore : pas de 0/5 ni de barres vides, une invitation à la place */
html body.single-fluent-products .ypr-avis--vide .fct-reviews-summary-left,
html body.single-fluent-products .ypr-avis--vide .fct-reviews-summary-right,
html body.single-fluent-products .ypr-avis--vide .fct-reviews-controls,
html body.single-fluent-products .ypr-avis--vide .fct-reviews-list-header,
html body.single-fluent-products .ypr-avis--vide .fct-reviews-pagination{ display:none !important; }
html body.single-fluent-products .ypr-avis--vide .fct-reviews-layout{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:28px !important; max-width:760px; }
html body.single-fluent-products .ypr-avis--vide .fct-reviews-layout-right{ order:-1; width:100% !important; }
html body.single-fluent-products .ypr-avis--vide .fct-reviews-layout-left{ width:100% !important; max-width:none !important; position:static !important; }
html body.single-fluent-products .ypr-avis--vide .fct-reviews-summary-write-btn{ width:auto !important; white-space:nowrap !important; }
html body.single-fluent-products .ypr-avis--vide .fct-reviews-summary{ padding:0 !important; background:transparent !important; box-shadow:none !important; }
html body.single-fluent-products .ypr-avis--vide .fct-reviews-empty{ position:relative; margin:0 !important; padding:36px 36px 32px !important; border-top:6px solid #8D3A34 !important; border-radius:12px !important; box-shadow:0 12px 34px rgba(11,13,18,.10) !important; transform:rotate(-.6deg); font-size:24px !important; line-height:1.4 !important; font-style:normal !important; font-weight:600 !important; text-align:left !important; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .ypr-avis--vide .fct-reviews-empty::before{ content:"★★★★★"; display:block; margin-bottom:14px; font-size:26px; letter-spacing:4px; line-height:1; background:linear-gradient(90deg,#C45048,#D07838,#F5B400,#7850AC,#345890); -webkit-background-clip:text; background-clip:text; color:transparent; }
@media (max-width:760px){
  html body.single-fluent-products .ypr-avis--vide .fct-reviews-empty{ padding:28px 24px 24px !important; font-size:20px !important; }
}

/* Kadence décale l’article de -16 px sur mobile : on le remet au bord */
html body.single-fluent-products article.entry{ margin-left:0 !important; margin-right:0 !important; }

/* =====================================================================
   Fiches produits v2 — chiffres, formateur, dernier appel (21 oct. 2026)
   ===================================================================== */
html body.single-fluent-products .ypr-t-rouge{ --ypr-g:var(--ypr-rouge); --ypr-c:#8D3A34; }
html body.single-fluent-products .ypr-t-ocre{ --ypr-g:var(--ypr-ocre); --ypr-c:#7F4A22; }
html body.single-fluent-products .ypr-t-violet{ --ypr-g:var(--ypr-violet); --ypr-c:#664492; }
html body.single-fluent-products .ypr-t-bleu{ --ypr-g:var(--ypr-bleu); --ypr-c:#124CA3; }

/* --- chiffres : quatre tuiles de couleur à cheval sur le hero --- */
html body.single-fluent-products .ypr-chiffres{ position:relative; z-index:2; margin-top:-56px; padding:0 max(40px, calc((100% - 1120px) / 2)); }
html body.single-fluent-products .ypr-chiffres ul{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0 !important; padding:0 !important; list-style:none !important; }
html body.single-fluent-products .ypr-chiffres li{ display:flex; flex-direction:column; gap:8px; margin:0 !important; padding:24px 22px 26px !important; border-radius:16px; background:var(--ypr-g); color:#FFFFFF !important; list-style:none !important; box-shadow:0 18px 40px rgba(11,13,18,.28); transform:rotate(-1.2deg); transition:transform .35s cubic-bezier(.2,.8,.2,1); }
html body.single-fluent-products .ypr-chiffres li:nth-child(2n){ transform:rotate(1deg); }
html body.single-fluent-products .ypr-chiffres li:hover{ transform:rotate(0) translateY(-6px) scale(1.03); }
html body.single-fluent-products .ypr-ch-n{ font-size:56px; font-weight:700; line-height:1; letter-spacing:-0.04em; white-space:nowrap; }
html body.single-fluent-products .ypr-ch-l{ font-size:15px; font-weight:600; line-height:1.4; color:rgba(255,255,255,.92); }
html body.single-fluent-products .ypr-chiffres + .ypr-desc{ padding-top:96px; }

/* --- formateur : polaroïd scotché sur fond sombre --- */
html body.single-fluent-products .ypr-form{ position:relative; overflow:hidden; padding:120px max(40px, calc((100% - 1120px) / 2)); background:#0B0D12; color:#FFFFFF; }
html body.single-fluent-products .ypr-halo{ position:absolute; left:-12%; top:50%; width:720px; height:720px; transform:translateY(-50%); border-radius:50%; background:conic-gradient(from 90deg,rgba(10,132,255,.30),rgba(191,90,242,.24),rgba(255,55,95,.22),rgba(255,159,10,.18),rgba(10,132,255,.30)); filter:blur(110px); pointer-events:none; }
html body.single-fluent-products .ypr-form-in{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:72px; align-items:center; }
html body.single-fluent-products .ypr-polaroid{ position:relative; display:block; justify-self:center; width:100%; max-width:380px; padding:16px 16px 0; background:#FFFFFF; border-radius:4px; box-shadow:0 30px 70px rgba(0,0,0,.6); transform:rotate(-5deg); transition:transform .45s cubic-bezier(.2,.8,.2,1); text-decoration:none !important; }
html body.single-fluent-products .ypr-polaroid:hover{ transform:rotate(-1deg) scale(1.03); }
html body.single-fluent-products .ypr-scotch{ position:absolute; z-index:2; top:-14px; left:50%; width:120px; height:30px; margin-left:-60px; background:rgba(255,226,140,.78); transform:rotate(3deg); box-shadow:0 2px 6px rgba(0,0,0,.18); }
html body.single-fluent-products .ypr-photo{ display:block; aspect-ratio:1 / 1; overflow:hidden; background:#121215; }
html body.single-fluent-products .ypr-photo img{ display:block; width:100% !important; height:100% !important; object-fit:cover; border-radius:0 !important; }
html body.single-fluent-products .ypr-polaroid-nom{ display:block; padding:16px 0 20px; text-align:center; font-family:"Marker Felt","Bradley Hand","Segoe Print","Comic Sans MS",cursive; font-size:30px; line-height:1; color:#1B1D22; }
html body.single-fluent-products .ypr-form-txt{ display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
html body.single-fluent-products .ypr-sur{ margin:0 !important; font-size:15px !important; font-weight:600 !important; color:#8AB8FF !important; }
html body.single-fluent-products .ypr-form-h{ margin:0 !important; font-size:56px !important; line-height:1.05 !important; font-weight:700 !important; letter-spacing:-0.035em !important; color:#FFFFFF !important; }
html body.single-fluent-products .ypr-form-bio{ margin:0 !important; max-width:560px; font-size:20px !important; line-height:1.6 !important; color:rgba(255,255,255,.82) !important; }
html body.single-fluent-products .ypr-tags{ display:flex; flex-wrap:wrap; gap:10px; margin:4px 0 8px !important; padding:0 !important; list-style:none !important; }
html body.single-fluent-products .ypr-tags li{ margin:0 !important; padding:7px 14px !important; border-radius:999px; background:var(--ypr-g); font-size:14px; font-weight:700; color:#FFFFFF; list-style:none !important; transform:rotate(-1.5deg); }
html body.single-fluent-products .ypr-tags li:nth-child(2n){ transform:rotate(1.5deg); }

/* --- boutons communs --- */
html body.single-fluent-products .ypr-btns{ display:flex; flex-wrap:wrap; gap:12px; }
html body.single-fluent-products .ypr-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 26px; border-radius:6px; font-size:17px; font-weight:600; text-decoration:none !important; transition:filter .15s, background .15s; }
html body.single-fluent-products .ypr-btn-p{ background:#124CA3; color:#FFFFFF !important; }
html body.single-fluent-products .ypr-btn-p:hover{ filter:brightness(1.12); }
html body.single-fluent-products .ypr-btn-g{ background:transparent; border:1px solid rgba(255,255,255,.34); color:#FFFFFF !important; }
html body.single-fluent-products .ypr-btn-g:hover{ background:rgba(255,255,255,.08); }
html body.single-fluent-products .ypr-btn:focus-visible{ outline:3px solid #8AB8FF; outline-offset:3px; }

/* --- dernier appel --- */
html body.single-fluent-products .ypr-fin{ position:relative; overflow:hidden; padding:140px max(40px, calc((100% - 1120px) / 2)); background:#0B0D12; color:#FFFFFF; text-align:center; }
html body.single-fluent-products .ypr-fin .ypr-halo{ left:50%; width:820px; height:820px; margin-left:-410px; background:conic-gradient(from 180deg,rgba(255,55,95,.28),rgba(255,159,10,.22),rgba(50,215,75,.16),rgba(10,132,255,.30),rgba(191,90,242,.28),rgba(255,55,95,.28)); }
html body.single-fluent-products .ypr-fin-in{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:24px; }
html body.single-fluent-products .ypr-fin-h{ margin:0 !important; font-size:72px !important; line-height:1.02 !important; font-weight:700 !important; letter-spacing:-0.045em !important; color:#FFFFFF !important; }
html body.single-fluent-products .ypr-fin-h span{ background:linear-gradient(90deg,#FF9A90,#F0B27A,#C9A8F5,#A8CAFF); -webkit-background-clip:text; background-clip:text; color:transparent; }
html body.single-fluent-products .ypr-fin-prix{ margin:0 !important; font-size:28px !important; font-weight:700 !important; color:#FFFFFF !important; }
html body.single-fluent-products .ypr-fin-prix span{ font-size:17px; font-weight:400; color:rgba(255,255,255,.72); }
html body.single-fluent-products .ypr-fin .ypr-btns{ justify-content:center; }

/* --- apparition au défilement --- */
html.ypr-anim body .ypr-rv{ opacity:0; transform:translateY(32px) !important; transition:opacity .7s ease var(--d,0ms), transform .9s cubic-bezier(.2,.8,.2,1) var(--d,0ms) !important; }
html.ypr-anim body .ypr-rv.ypr-vis{ opacity:1; transform:none !important; }

@media (max-width:1024px){
  html body.single-fluent-products .ypr-chiffres ul{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  html body.single-fluent-products .ypr-form-in{ grid-template-columns:1fr; gap:56px; }
  html body.single-fluent-products .ypr-fin-h{ font-size:56px !important; }
}
@media (max-width:760px){
  html body.single-fluent-products .ypr-chiffres{ margin-top:-32px; padding:0 20px; }
  html body.single-fluent-products .ypr-chiffres ul{ gap:12px; }
  html body.single-fluent-products .ypr-chiffres li{ padding:18px 16px 20px !important; }
  html body.single-fluent-products .ypr-ch-n{ font-size:40px; }
  html body.single-fluent-products .ypr-ch-l{ font-size:13px; }
  html body.single-fluent-products .ypr-chiffres + .ypr-desc{ padding-top:64px; }
  html body.single-fluent-products .ypr-form{ padding:80px 20px 88px; }
  html body.single-fluent-products .ypr-polaroid{ max-width:280px; }
  html body.single-fluent-products .ypr-form-h{ font-size:38px !important; }
  html body.single-fluent-products .ypr-form-bio{ font-size:18px !important; }
  html body.single-fluent-products .ypr-fin{ padding:88px 20px 96px; }
  html body.single-fluent-products .ypr-fin-h{ font-size:42px !important; }
  html body.single-fluent-products .ypr-btns, html body.single-fluent-products .ypr-btn{ width:100%; }
}
@media (prefers-reduced-motion:reduce){
  html body.single-fluent-products .ypr-chiffres li, html body.single-fluent-products .ypr-polaroid{ transition:none !important; }
}

/* --- témoignages écrits (figure.yt-avis-cours) : cartes colorées penchées --- */
html body.single-fluent-products .ypr-temoins{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:start; margin:0 0 40px !important; padding:0 !important; list-style:none !important; }
html body.single-fluent-products .ypr-temoins > li{ margin:0 !important; list-style:none !important; }
html body.single-fluent-products .ypr-temoins figure{ position:relative; margin:0 !important; padding:48px 26px 24px; background:var(--yj-card,#FFFFFF); border-top:6px solid #8D3A34; border-radius:12px; box-shadow:0 12px 34px rgba(11,13,18,.10); transform:rotate(-1deg); transition:transform .3s ease, box-shadow .3s ease; }
html body.single-fluent-products .ypr-temoins > li:nth-child(3n+2) figure{ border-top-color:#664492; transform:rotate(.8deg); }
html body.single-fluent-products .ypr-temoins > li:nth-child(3n) figure{ border-top-color:#124CA3; transform:rotate(-.4deg); }
html body.single-fluent-products .ypr-temoins figure:hover{ transform:rotate(0) translateY(-6px); box-shadow:0 20px 44px rgba(11,13,18,.16); }
html body.single-fluent-products .ypr-temoins figure::before{ content:"“"; position:absolute; left:22px; top:4px; font-size:72px; font-weight:700; line-height:1; color:#C45048; }
html body.single-fluent-products .ypr-temoins > li:nth-child(3n+2) figure::before{ color:#7850AC; }
html body.single-fluent-products .ypr-temoins > li:nth-child(3n) figure::before{ color:#345890; }
html body.single-fluent-products .ypr-temoins blockquote{ margin:0 !important; padding:0 !important; border:0 !important; background:none !important; }
html body.single-fluent-products .ypr-temoins blockquote p{ margin:0 !important; font-size:17px !important; line-height:1.55 !important; font-style:normal !important; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .ypr-temoins figcaption{ margin-top:16px !important; font-size:14px !important; font-weight:700; color:var(--yj-text2,#4A4E55) !important; }
html body.single-fluent-products .ypr-avis-invit{ margin:0 0 16px !important; font-size:19px !important; font-weight:600; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .ypr-avis--temoins.ypr-avis--vide .fct-reviews-empty, html body.single-fluent-products .ypr-avis--temoins.ypr-avis--vide .fct-reviews-layout-right{ display:none !important; }
@media (max-width:1024px){ html body.single-fluent-products .ypr-temoins{ grid-template-columns:1fr; max-width:640px; } }

/* =====================================================================
   Fiches produits v2.1 — formateur dans le hero, chemins en cartes, exemple de site (21 oct. 2026)
   ===================================================================== */
/* --- polaroïd du formateur posé sur le coin du visuel --- */
html body.single-fluent-products .ypr-hero-prof{ grid-area:thumbnail; align-self:end; justify-self:start; position:relative; z-index:3; display:block; width:190px; padding:10px 10px 0; background:#FFFFFF; border-radius:3px; box-shadow:0 22px 50px rgba(0,0,0,.6); transform:translate(-34%, 38%) rotate(-7deg); transition:transform .45s cubic-bezier(.2,.8,.2,1); text-decoration:none !important; }
html body.single-fluent-products .ypr-hero-prof:hover, html body.single-fluent-products .ypr-hero-prof:focus-visible{ transform:translate(-34%, 30%) rotate(-2deg) scale(1.05); }
html body.single-fluent-products .ypr-hero-prof:focus-visible{ outline:3px solid #8AB8FF; outline-offset:4px; }
html body.single-fluent-products .ypr-hero-prof .ypr-polaroid-nom{ padding:10px 0 12px; font-size:24px; }
html body.single-fluent-products .ypr-hero-prof-badge{ position:absolute; z-index:3; right:-22px; top:34px; padding:6px 12px; border-radius:999px; background:var(--ypr-bleu); color:#FFFFFF; font-size:13px; font-weight:700; white-space:nowrap; transform:rotate(9deg); box-shadow:0 6px 16px rgba(0,0,0,.35); }
html body.single-fluent-products .fct-product-gallery-wrapper{ z-index:1; }

/* --- les chemins du programme : deux grandes cartes, détail replié --- */
html body.single-fluent-products .ypr-desc > .ypr-chemins{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin:40px 0 24px !important; }
html body.single-fluent-products .ypr-chemin{ position:relative; overflow:hidden; display:flex; flex-direction:column; gap:12px; padding:30px 28px 26px; border-radius:20px; background:var(--ypr-g); color:#FFFFFF; box-shadow:0 18px 40px rgba(11,13,18,.22); transform:rotate(-1.2deg); transition:transform .35s cubic-bezier(.2,.8,.2,1); }
html body.single-fluent-products .ypr-chemin:nth-child(2n){ transform:rotate(1.2deg); }
html body.single-fluent-products .ypr-chemin:hover{ transform:rotate(0) translateY(-6px); }
html body.single-fluent-products .ypr-chemin-n{ position:absolute; right:-6px; top:-34px; font-size:190px; font-weight:800; line-height:1; letter-spacing:-0.06em; color:rgba(255,255,255,.14); pointer-events:none; }
html body.single-fluent-products .ypr-chemin-k{ margin:0 !important; font-size:14px !important; font-weight:700 !important; color:rgba(255,255,255,.8) !important; }
html body.single-fluent-products .ypr-chemin-t{ position:relative; margin:0 !important; max-width:85%; font-size:25px !important; line-height:1.2 !important; font-weight:700 !important; letter-spacing:-0.02em !important; color:#FFFFFF !important; }
html body.single-fluent-products .ypr-chemin-pts{ position:relative; display:flex; align-items:center; gap:10px; margin:6px 0 4px; }
html body.single-fluent-products .ypr-chemin-pts::before{ content:""; position:absolute; left:4px; right:4px; top:50%; height:2px; background:rgba(255,255,255,.35); }
html body.single-fluent-products .ypr-chemin-pts i{ position:relative; width:10px; height:10px; border-radius:50%; background:#FFFFFF; box-shadow:0 0 0 3px rgba(255,255,255,.25); }
html body.single-fluent-products .ypr-chemin-pts i:last-child{ width:16px; height:16px; background:#F5B400; box-shadow:0 0 0 4px rgba(245,180,0,.3); }
html body.single-fluent-products .ypr-chemin-d{ position:relative; margin-top:auto; }
html body.single-fluent-products .ypr-chemin-d summary{ display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; background:rgba(255,255,255,.16); font-size:14px; font-weight:700; color:#FFFFFF; cursor:pointer; list-style:none; }
html body.single-fluent-products .ypr-chemin-d summary::-webkit-details-marker{ display:none; }
html body.single-fluent-products .ypr-chemin-d summary::after{ content:"+"; font-size:18px; line-height:1; }
html body.single-fluent-products .ypr-chemin-d[open] summary::after{ content:"–"; }
html body.single-fluent-products .ypr-chemin-d summary:focus-visible{ outline:3px solid #FFFFFF; outline-offset:2px; }
html body.single-fluent-products .ypr-chemin-d ol{ margin:14px 0 0 !important; padding:0 0 0 20px !important; }
html body.single-fluent-products .ypr-chemin-d li{ margin:0 0 6px !important; font-size:15px !important; line-height:1.45 !important; color:rgba(255,255,255,.92) !important; }

/* --- rubriques courtes (Pour qui ? / Comment se passe le cours ?) côte à côte --- */
html body.single-fluent-products .ypr-desc > .ypr-infos{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:48px 0 0 !important; }
html body.single-fluent-products .ypr-info{ padding:26px 24px 24px; border-radius:16px; background:var(--yj-bg,#F0F2F5); border-top:6px solid #7F4A22; }
html body.single-fluent-products .ypr-info:nth-child(2){ border-top-color:#124CA3; }
html body.single-fluent-products .ypr-info h3{ margin:0 0 12px !important; font-size:22px !important; line-height:1.2 !important; font-weight:700 !important; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .ypr-info p{ margin:0 0 10px !important; font-size:16px !important; line-height:1.55 !important; color:var(--yj-text2,#4A4E55) !important; }
html body.single-fluent-products .ypr-info p:last-child{ margin-bottom:0 !important; }

/* --- exemple de site réalisé avec le cours --- */
html body.single-fluent-products .ypr-ex{ position:relative; overflow:hidden; padding:120px max(40px, calc((100% - 1120px) / 2)); background:#0B0D12; color:#FFFFFF; }
html body.single-fluent-products .ypr-ex::before{ content:""; position:absolute; right:-10%; top:50%; width:760px; height:760px; transform:translateY(-50%); border-radius:50%; background:conic-gradient(from 0deg,rgba(255,159,10,.24),rgba(255,55,95,.24),rgba(191,90,242,.22),rgba(10,132,255,.26),rgba(255,159,10,.24)); filter:blur(110px); pointer-events:none; }
html body.single-fluent-products .ypr-ex-in{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; align-items:center; }
html body.single-fluent-products .ypr-ex-txt{ display:flex; flex-direction:column; align-items:flex-start; gap:22px; }
html body.single-fluent-products .ypr-ex-h{ margin:0 !important; font-size:56px !important; line-height:1.05 !important; font-weight:700 !important; letter-spacing:-0.035em !important; color:#FFFFFF !important; }
html body.single-fluent-products .ypr-ex-h span{ background:linear-gradient(90deg,#FF9A90,#F0B27A,#C9A8F5,#A8CAFF); -webkit-background-clip:text; background-clip:text; color:transparent; }
html body.single-fluent-products .ypr-ex-p{ margin:0 !important; font-size:20px !important; line-height:1.6 !important; color:rgba(255,255,255,.82) !important; }
html body.single-fluent-products .ypr-ex-nav{ display:block; overflow:hidden; border-radius:12px; background:#1C1E24; box-shadow:0 40px 90px rgba(0,0,0,.65); transform:rotate(2deg); transition:transform .45s cubic-bezier(.2,.8,.2,1); text-decoration:none !important; }
html body.single-fluent-products .ypr-ex-nav:hover{ transform:rotate(0) scale(1.02); }
html body.single-fluent-products .ypr-ex-barre{ display:flex; align-items:center; gap:7px; padding:11px 14px; background:#2B2E33; }
html body.single-fluent-products .ypr-ex-barre i{ width:11px; height:11px; border-radius:50%; background:#FF5F57; }
html body.single-fluent-products .ypr-ex-barre i:nth-child(2){ background:#FEBC2E; }
html body.single-fluent-products .ypr-ex-barre i:nth-child(3){ background:#28C840; }
html body.single-fluent-products .ypr-ex-url{ flex:1; margin-left:12px; padding:4px 12px; border-radius:6px; background:#191B1F; font-size:13px; color:rgba(255,255,255,.75); text-align:center; }
html body.single-fluent-products .ypr-ex-nav img{ display:block; width:100% !important; height:auto !important; border-radius:0 !important; }

@media (max-width:1024px){
  html body.single-fluent-products .ypr-hero-prof{ width:140px; justify-self:end; transform:translate(6px, 36%) rotate(6deg); }
  html body.single-fluent-products .ypr-hero-prof:hover, html body.single-fluent-products .ypr-hero-prof:focus-visible{ transform:translate(6px, 30%) rotate(2deg) scale(1.04); }
  html body.single-fluent-products .ypr-hero-prof-badge{ right:auto; left:-34px; top:22px; transform:rotate(-8deg); font-size:12px; }
  html body.single-fluent-products .ypr-hero-prof .ypr-polaroid-nom{ font-size:20px; }
  html body.single-fluent-products .fct-product-summary{ margin-top:36px !important; }
  html body.single-fluent-products .ypr-ex-in{ grid-template-columns:1fr; gap:48px; }
}
@media (max-width:760px){
  html body.single-fluent-products .ypr-hero-prof{ width:118px; padding:7px 7px 0; }
  html body.single-fluent-products .ypr-hero-prof .ypr-polaroid-nom{ padding:7px 0 9px; font-size:18px; }
  html body.single-fluent-products .ypr-desc > .ypr-chemins, html body.single-fluent-products .ypr-desc > .ypr-infos{ grid-template-columns:1fr; }
  html body.single-fluent-products .ypr-chemin-t{ font-size:22px !important; }
  html body.single-fluent-products .ypr-chemin-n{ font-size:150px; }
  html body.single-fluent-products .ypr-ex{ padding:80px 20px 88px; }
  html body.single-fluent-products .ypr-ex-h{ font-size:38px !important; }
  html body.single-fluent-products .ypr-ex-p{ font-size:18px !important; }
  html body.single-fluent-products .ypr-ex-nav{ transform:rotate(1deg); }
}
@media (prefers-reduced-motion:reduce){
  html body.single-fluent-products .ypr-hero-prof, html body.single-fluent-products .ypr-chemin, html body.single-fluent-products .ypr-ex-nav{ transition:none !important; }
}

/* polaroïd du formateur : plus grand, et le hero lui laisse la place (21 oct. 2026) */
@media (min-width:1025px){
  html body.single-fluent-products .fct-single-product-page{ padding-bottom:170px !important; }
  html body.single-fluent-products .ypr-hero-prof{ width:250px; padding:12px 12px 0; transform:translate(-30%, 42%) rotate(-7deg); }
  html body.single-fluent-products .ypr-hero-prof:hover, html body.single-fluent-products .ypr-hero-prof:focus-visible{ transform:translate(-30%, 36%) rotate(-2deg) scale(1.04); }
  html body.single-fluent-products .ypr-hero-prof .ypr-polaroid-nom{ padding:12px 0 14px; font-size:28px; }
  html body.single-fluent-products .ypr-hero-prof-badge{ font-size:14px; right:-30px; top:40px; }
}
@media (max-width:1024px){
  html body.single-fluent-products .fct-single-product-page{ padding-bottom:96px !important; }
}

/* Hero v3 (21 oct. 2026) : le site de Karaï remplace le visuel du produit, le polaroïd de Julien en photo entière sur son coin haut */
html body.single-fluent-products .fct-single-product-page-row:has(.ypr-hero-site) .fct-product-gallery-wrapper{ display:none !important; }
html body.single-fluent-products .ypr-hero-site{ grid-area:thumbnail; position:relative; z-index:1; display:block; overflow:hidden; border-radius:12px; background:#1C1E24; box-shadow:0 34px 80px rgba(0,0,0,.6); transform:rotate(1.5deg); transition:transform .45s cubic-bezier(.2,.8,.2,1); text-decoration:none !important; }
html body.single-fluent-products .ypr-hero-site:hover{ transform:rotate(0) scale(1.02); }
html body.single-fluent-products .ypr-hero-site:focus-visible{ outline:3px solid #8AB8FF; outline-offset:4px; }
html body.single-fluent-products .ypr-hero-site img{ display:block; width:100% !important; height:auto !important; border-radius:0 !important; }
html body.single-fluent-products .ypr-hero-site-l{ display:block; padding:12px 16px 14px; background:#2B2E33; font-size:15px; font-weight:600; color:#FFFFFF; text-align:right; }
html body.single-fluent-products .ypr-hero-site-l span{ color:#8AB8FF; }
html body.single-fluent-products .ypr-hero-prof, html body.single-fluent-products .ypr-hero-prof:hover, html body.single-fluent-products .ypr-hero-prof:focus-visible{ align-self:start !important; justify-self:start !important; }
html body.single-fluent-products .ypr-hero-prof .ypr-photo{ aspect-ratio:3 / 2 !important; }
html body.single-fluent-products .ypr-hero-prof .ypr-photo img{ object-position:50% 40% !important; }
@media (min-width:1025px){
  html body.single-fluent-products .fct-single-product-page{ padding-bottom:120px !important; }
  html body.single-fluent-products .ypr-hero-prof{ width:270px !important; transform:translate(-38%, -42%) rotate(-6deg) !important; }
  html body.single-fluent-products .ypr-hero-prof:hover, html body.single-fluent-products .ypr-hero-prof:focus-visible{ transform:translate(-38%, -46%) rotate(-2deg) scale(1.04) !important; }
  html body.single-fluent-products .ypr-hero-prof-badge{ right:-18px; top:auto; bottom:52px; }
  html body.single-fluent-products .fct-single-product-page-row{ padding-top:40px !important; }
}
@media (max-width:1024px){
  html body.single-fluent-products .fct-single-product-page{ padding-top:96px !important; }
  html body.single-fluent-products .ypr-hero-prof{ width:170px !important; transform:translate(-6px, -58%) rotate(-5deg) !important; }
  html body.single-fluent-products .ypr-hero-prof:hover, html body.single-fluent-products .ypr-hero-prof:focus-visible{ transform:translate(-6px, -60%) rotate(-2deg) !important; }
  html body.single-fluent-products .ypr-hero-prof-badge{ left:auto; right:-26px; top:auto; bottom:44px; transform:rotate(8deg); }
  html body.single-fluent-products .fct-product-summary{ margin-top:8px !important; }
  html body.single-fluent-products .ypr-hero-site-l{ font-size:14px; }
}
@media (max-width:760px){
  html body.single-fluent-products .ypr-hero-prof{ width:140px !important; }
}
@media (max-width:1024px){ html body.single-fluent-products .ypr-hero-prof-badge{ bottom:6px !important; right:-58px !important; } }
@media (max-width:1024px){ html body.single-fluent-products .ypr-hero-prof-badge{ top:-12px !important; bottom:auto !important; right:-62px !important; } }

/* Hero aéré (21 oct. 2026) : plus d'espace, moins de poids, les tuiles ne chevauchent plus le hero */
html body.single-fluent-products .fct-single-product-page::before{ opacity:.6; }
html body.single-fluent-products .fct-product-summary{ gap:30px !important; }
html body.single-fluent-products .fct-product-excerpt, html body.single-fluent-products .fct-product-excerpt p{ max-width:470px !important; font-size:18px !important; line-height:1.65 !important; color:rgba(255,255,255,.72) !important; }
html body.single-fluent-products .fct-product-prices, html body.single-fluent-products .fct-product-prices .fct-item-price{ font-size:34px !important; }
html body.single-fluent-products .ypr-chiffres{ margin-top:0 !important; padding-top:88px !important; }
html body.single-fluent-products .ypr-chiffres li{ box-shadow:0 12px 28px rgba(11,13,18,.16); }
html body.single-fluent-products .ypr-chiffres + .ypr-desc{ padding-top:88px; }
@media (min-width:1025px){
  html body.single-fluent-products .fct-single-product-page{ padding-top:150px !important; padding-bottom:150px !important; }
  html body.single-fluent-products .fct-single-product-page-row{ grid-template-columns:minmax(0,1fr) minmax(0,.9fr) !important; gap:112px !important; padding-top:24px !important; }
  html body.single-fluent-products h1#fct-product-summary-title{ font-size:56px !important; }
  html body.single-fluent-products .ypr-hero-site{ transform:rotate(1deg); }
  html body.single-fluent-products .ypr-hero-site-l{ font-size:14px; padding:10px 14px 12px; }
  html body.single-fluent-products .ypr-hero-prof{ width:200px !important; padding:9px 9px 0 !important; transform:translate(-42%, -48%) rotate(-6deg) !important; }
  html body.single-fluent-products .ypr-hero-prof:hover, html body.single-fluent-products .ypr-hero-prof:focus-visible{ transform:translate(-42%, -52%) rotate(-2deg) scale(1.04) !important; }
  html body.single-fluent-products .ypr-hero-prof .ypr-polaroid-nom{ padding:9px 0 11px !important; font-size:22px !important; }
  html body.single-fluent-products .ypr-hero-prof-badge{ font-size:12px !important; padding:5px 10px !important; right:-14px !important; bottom:40px !important; }
}
@media (max-width:1024px){
  html body.single-fluent-products .fct-single-product-page{ padding-top:104px !important; padding-bottom:72px !important; }
  html body.single-fluent-products .fct-single-product-page-row{ gap:48px !important; }
  html body.single-fluent-products .ypr-chiffres{ padding-top:56px !important; }
  html body.single-fluent-products .ypr-chiffres + .ypr-desc{ padding-top:64px; }
}
@media (max-width:760px){
  html body.single-fluent-products .fct-product-excerpt, html body.single-fluent-products .fct-product-excerpt p{ font-size:17px !important; }
  html body.single-fluent-products .fct-product-prices, html body.single-fluent-products .fct-product-prices .fct-item-price{ font-size:30px !important; }
  html body.single-fluent-products .fct-product-summary{ gap:24px !important; }
}

/* Pas de bande grise sous l’en-tête (entry-header vide de Kadence, marge 17 px) ; hero moins haut en tête */
html body.single-fluent-products .entry-header{ display:none !important; }
@media (min-width:1025px){ html body.single-fluent-products .fct-single-product-page{ padding-top:96px !important; } html body.single-fluent-products .fct-single-product-page-row{ padding-top:0 !important; } }
@media (min-width:1025px){ html body.single-fluent-products .ypr-hero-prof{ transform:translate(-42%, -30%) rotate(-6deg) !important; } html body.single-fluent-products .ypr-hero-prof:hover, html body.single-fluent-products .ypr-hero-prof:focus-visible{ transform:translate(-42%, -34%) rotate(-2deg) scale(1.04) !important; } }

/* Formateur sous le hero, sur fond clair (21 oct. 2026) */
html body.single-fluent-products .ypr-form--clair{ padding:96px max(40px, calc((100% - 1120px) / 2)) 24px; background:transparent; color:var(--yj-text,#050505); }
html body.single-fluent-products .ypr-form--clair .ypr-form-in{ grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr); gap:72px; }
html body.single-fluent-products .ypr-form--clair .ypr-polaroid{ max-width:300px; padding:12px 12px 0; box-shadow:0 22px 50px rgba(11,13,18,.22); }
html body.single-fluent-products .ypr-form--clair .ypr-photo{ aspect-ratio:4 / 3; }
html body.single-fluent-products .ypr-form--clair .ypr-polaroid-nom{ padding:12px 0 16px; font-size:28px; }
html body.single-fluent-products .ypr-form--clair .ypr-sur{ color:var(--yj-link,#124CA3) !important; }
html.yj-ok.yj-isdark body.single-fluent-products .ypr-form--clair .ypr-sur{ color:#A8CAFF !important; }
html body.single-fluent-products .ypr-form--clair .ypr-form-h{ font-size:48px !important; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .ypr-form--clair .ypr-form-bio{ font-size:18px !important; color:var(--yj-text2,#4A4E55) !important; }
html body.single-fluent-products .ypr-lien{ font-size:16px; font-weight:600; color:var(--yj-link,#124CA3) !important; text-decoration:none !important; }
html body.single-fluent-products .ypr-lien:hover, html body.single-fluent-products .ypr-lien:focus-visible{ text-decoration:underline !important; text-underline-offset:3px; }
html body.single-fluent-products .ypr-form--clair + .ypr-chiffres{ padding-top:72px !important; }
@media (max-width:1024px){
  html body.single-fluent-products .ypr-form--clair .ypr-form-in{ grid-template-columns:1fr; gap:40px; }
}
@media (max-width:760px){
  html body.single-fluent-products .ypr-form--clair{ padding:64px 20px 8px; }
  html body.single-fluent-products .ypr-form--clair .ypr-polaroid{ max-width:240px; }
  html body.single-fluent-products .ypr-form--clair .ypr-form-h{ font-size:34px !important; }
  html body.single-fluent-products .ypr-form--clair + .ypr-chiffres{ padding-top:48px !important; }
}
@media (max-width:1024px){ html body.single-fluent-products .fct-single-product-page{ padding-top:48px !important; } }

/* « Pour qui ? » et « Comment se passe le cours ? » en petit dans le hero ; formateur après les tuiles (21 oct. 2026) */
html body.single-fluent-products .fct-single-product-page-row:has(.ypr-hero-infos){ grid-template-areas:"summary thumbnail" "infos thumbnail" !important; row-gap:36px !important; }
html body.single-fluent-products .ypr-hero-infos{ grid-area:infos; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; padding-top:24px; border-top:1px solid rgba(255,255,255,.14); }
html body.single-fluent-products .ypr-hero-info-t{ margin:0 0 6px !important; font-size:13px !important; font-weight:700 !important; color:#8AB8FF !important; }
html body.single-fluent-products .ypr-hero-info p:not(.ypr-hero-info-t){ margin:0 0 6px !important; font-size:13.5px !important; line-height:1.55 !important; color:rgba(255,255,255,.64) !important; }
html body.single-fluent-products .ypr-hero-info a{ color:#8AB8FF !important; font-weight:600; text-decoration:underline; text-underline-offset:2px; }
html body.single-fluent-products .ypr-chiffres + .ypr-form--clair{ padding-top:88px; }
html body.single-fluent-products .ypr-form--clair + .ypr-desc{ padding-top:96px; }
@media (max-width:1024px){
  html body.single-fluent-products .fct-single-product-page-row:has(.ypr-hero-infos){ grid-template-areas:"thumbnail" "summary" "infos" !important; row-gap:32px !important; }
}
@media (max-width:760px){
  html body.single-fluent-products .ypr-hero-infos{ grid-template-columns:1fr; gap:18px; }
  html body.single-fluent-products .ypr-chiffres + .ypr-form--clair{ padding-top:64px; }
  html body.single-fluent-products .ypr-form--clair + .ypr-desc{ padding-top:64px; }
}
@media (min-width:1025px){ html body.single-fluent-products .fct-single-product-page-row:has(.ypr-hero-infos){ grid-template-areas:"summary thumbnail" "infos infos" !important; row-gap:56px !important; } html body.single-fluent-products .ypr-hero-infos{ gap:56px; } }

/* « Pour qui ? » et « Comment se passe le cours ? » en grandes cartes colorées dépliées (21 oct. 2026) */
html body.single-fluent-products .ypr-info-carte{ gap:14px; }
html body.single-fluent-products .ypr-info-carte p{ position:relative; margin:0 !important; font-size:16px !important; line-height:1.6 !important; color:rgba(255,255,255,.92) !important; }
html body.single-fluent-products .ypr-info-carte a{ color:#FFFFFF !important; font-weight:700; text-decoration:underline; text-underline-offset:3px; }

/* =====================================================================
   Fiches produits v3 — audit vente en ligne (21 oct. 2026)
   ===================================================================== */
/* --- titres de section communs --- */
html body.single-fluent-products .ypr .ypr-h2{ margin:0 0 40px !important; font-size:56px !important; line-height:1.06 !important; font-weight:700 !important; letter-spacing:-0.03em !important; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .ypr .ypr-h2 span{ color:#666B73; }
html.yj-ok.yj-isdark body.single-fluent-products .ypr .ypr-h2 span{ color:#9AA0A8; }

/* --- hero : surtitre, prix TTC, un seul bouton plein, réassurance, capture non cliquable --- */
html body.single-fluent-products .ypr-hero-sur{ margin:0 !important; font-size:15px !important; font-weight:600 !important; color:#8AB8FF !important; }
html body.single-fluent-products .fct-product-prices .fct-item-price{ white-space:nowrap; }
html body.single-fluent-products .fct-product-buttons-wrap{ align-items:center !important; gap:20px !important; }
html body.single-fluent-products .fct-product-buttons-wrap .fluent-cart-add-to-cart-button{ min-height:44px !important; padding:0 4px !important; background:transparent !important; border:0 !important; font-size:15px !important; font-weight:600 !important; color:rgba(255,255,255,.85) !important; text-decoration:underline !important; text-underline-offset:4px; }
html body.single-fluent-products .fct-product-buttons-wrap .fluent-cart-add-to-cart-button:hover{ background:transparent !important; color:#FFFFFF !important; }
html body.single-fluent-products .fct-product-buttons-wrap .fluent-cart-direct-checkout-button:focus-visible, html body.single-fluent-products .fct-product-buttons-wrap .fluent-cart-add-to-cart-button:focus-visible{ outline:2px solid #FFFFFF !important; outline-offset:3px !important; }
html body.single-fluent-products .fct-single-product-page-row:has(.ypr-rassure){ grid-template-areas:"summary thumbnail" "rassure thumbnail" !important; row-gap:18px !important; }
html body.single-fluent-products .ypr-rassure{ grid-area:rassure; align-self:start; margin:0 !important; font-size:14px !important; line-height:1.55 !important; color:rgba(255,255,255,.66) !important; }
html body.single-fluent-products figure.ypr-hero-site{ margin:0 !important; }
html body.single-fluent-products figure.ypr-hero-site:hover{ transform:rotate(1deg); }
html body.single-fluent-products .ypr-hero-site-l{ text-align:left !important; font-weight:500 !important; color:rgba(255,255,255,.8) !important; }

/* --- chiffres --- */
html body.single-fluent-products .ypr-chiffres li{ transform:rotate(-1deg); }
html body.single-fluent-products .ypr-chiffres li:nth-child(2n){ transform:rotate(1deg); }

/* --- sites d'élèves --- */
html body.single-fluent-products .ypr-eleves{ padding:96px max(40px, calc((100% - 1120px) / 2)) 112px; }
html body.single-fluent-products .ypr-eleves-l{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:start; margin:0 !important; padding:0 !important; list-style:none !important; }
html body.single-fluent-products .ypr-eleve{ display:flex; flex-direction:column; overflow:hidden; margin:0 !important; border-radius:18px; background:var(--ypr-g); color:#FFFFFF; list-style:none !important; box-shadow:0 16px 38px rgba(11,13,18,.18); transform:rotate(-1deg); transition:transform .35s cubic-bezier(.2,.8,.2,1); }
html body.single-fluent-products .ypr-eleve:nth-child(2n){ transform:rotate(1deg); }
html body.single-fluent-products .ypr-eleve:hover{ transform:rotate(0) translateY(-6px); }
html body.single-fluent-products .ypr-eleve-img{ display:block; aspect-ratio:16 / 10; overflow:hidden; background:#121215; }
html body.single-fluent-products .ypr-eleve-img img{ display:block; width:100% !important; height:100% !important; object-fit:cover; border-radius:0 !important; }
html body.single-fluent-products .ypr-eleve-b{ display:flex; flex-direction:column; gap:12px; padding:24px 24px 26px; }
html body.single-fluent-products .ypr-eleve-qui{ font-size:14px; font-weight:700; color:rgba(255,255,255,.85); }
html body.single-fluent-products .ypr-eleve-avis{ font-size:24px; line-height:1.25; font-weight:700; letter-spacing:-0.015em; color:#FFFFFF; }
html body.single-fluent-products .ypr-eleve-lien{ align-self:flex-start; display:inline-flex; align-items:center; min-height:44px; font-size:16px; font-weight:700; color:#FFFFFF !important; text-decoration:underline !important; text-underline-offset:4px; }
html body.single-fluent-products .ypr-eleve-lien:focus-visible{ outline:2px solid #FFFFFF; outline-offset:3px; }

/* --- programme : fond sombre, 8 tuiles d'une ligne --- */
html body.single-fluent-products .ypr-prog{ position:relative; overflow:hidden; padding:120px max(40px, calc((100% - 1120px) / 2)); background:#0B0D12; color:#FFFFFF; }
html body.single-fluent-products .ypr-prog .ypr-halo{ left:auto; right:-12%; }
html body.single-fluent-products .ypr-prog-in{ position:relative; z-index:1; }
html body.single-fluent-products .ypr-prog .ypr-h2{ margin-bottom:16px !important; color:#FFFFFF !important; }
html body.single-fluent-products .ypr-prog .ypr-h2 span{ background:linear-gradient(90deg,#FF9A90,#F0B27A,#C9A8F5,#A8CAFF); -webkit-background-clip:text; background-clip:text; color:transparent !important; }
html body.single-fluent-products .ypr-prog-sous{ margin:0 0 48px !important; max-width:640px; font-size:19px !important; line-height:1.6 !important; color:rgba(255,255,255,.75) !important; }
html body.single-fluent-products .ypr-prog-l{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0 !important; padding:0 !important; list-style:none !important; }
html body.single-fluent-products .ypr-prog-l li{ display:flex; align-items:flex-end; min-height:120px; margin:0 !important; padding:20px !important; border-radius:16px; background:var(--ypr-g); font-size:18px !important; line-height:1.3 !important; font-weight:700 !important; color:#FFFFFF !important; list-style:none !important; transform:rotate(-1deg); transition:transform .3s ease; }
html body.single-fluent-products .ypr-prog-l li:nth-child(2n){ transform:rotate(1deg); }
html body.single-fluent-products .ypr-prog-l li:hover{ transform:rotate(0) scale(1.03); }

/* --- formateur : citation --- */
html body.single-fluent-products .ypr-form--clair{ padding-top:104px !important; padding-bottom:40px !important; }
html body.single-fluent-products .ypr-form-cit{ margin:4px 0 4px !important; padding:0 0 0 18px; border-left:4px solid #124CA3; }
html body.single-fluent-products .ypr-form-cit blockquote{ margin:0 !important; padding:0 !important; border:0 !important; background:none !important; }
html body.single-fluent-products .ypr-form-cit p{ margin:0 !important; font-size:20px !important; line-height:1.45 !important; font-weight:600 !important; font-style:normal !important; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .ypr-form-cit figcaption{ margin-top:6px; font-size:14px; color:var(--yj-text2,#4A4E55); }

/* --- avant de commencer : deux cartes claires à coches --- */
html body.single-fluent-products .ypr-desc{ padding-top:96px !important; padding-left:max(40px, calc((100% - 1120px) / 2)) !important; padding-right:max(40px, calc((100% - 1120px) / 2)) !important; }
html body.single-fluent-products .ypr-desc > *{ max-width:none !important; }
html body.single-fluent-products .ypr-avant{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
html body.single-fluent-products .ypr-avant-c{ padding:30px 28px 28px; border-radius:16px; background:var(--yj-bg,#F0F2F5); border-top:6px solid #124CA3; }
html body.single-fluent-products .ypr-avant-c:nth-child(2){ border-top-color:#7F4A22; }
html body.single-fluent-products .ypr-avant-c h3{ margin:0 0 18px !important; font-size:24px !important; line-height:1.2 !important; font-weight:700 !important; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .ypr-avant-c ul{ display:flex; flex-direction:column; gap:12px; margin:0 !important; padding:0 !important; list-style:none !important; }
html body.single-fluent-products .ypr-avant-c li{ position:relative; margin:0 !important; padding:0 0 0 36px !important; font-size:17px !important; line-height:1.5 !important; color:var(--yj-text,#050505) !important; list-style:none !important; }
html body.single-fluent-products .ypr-avant-c li::before{ content:""; position:absolute; left:0; top:2px; width:22px; height:22px; border-radius:50%; background:var(--ypr-bleu); }
html body.single-fluent-products .ypr-avant-c:nth-child(2) li::before{ background:var(--ypr-ocre); }
html body.single-fluent-products .ypr-avant-c li::after{ content:""; position:absolute; left:8px; top:7px; width:5px; height:10px; border:solid #FFFFFF; border-width:0 2px 2px 0; transform:rotate(45deg); }
html body.single-fluent-products .ypr-avant-c a{ color:var(--yj-link,#124CA3) !important; font-weight:600; text-decoration:underline; text-underline-offset:3px; }

/* --- avis compacts : note, puis les avis sur trois colonnes --- */
html body.single-fluent-products .ypr-avis{ padding-top:104px; padding-bottom:112px; }
html body.single-fluent-products .ypr-avis--compact .fct-reviews-summary-right,
html body.single-fluent-products .ypr-avis--compact .fct-reviews-controls,
html body.single-fluent-products .ypr-avis--compact .fct-reviews-list-header,
html body.single-fluent-products .ypr-avis--compact .fct-reviews-pagination{ display:none !important; }
html body.single-fluent-products .ypr-avis--compact .fct-reviews-layout{ display:flex !important; flex-direction:column !important; gap:28px !important; }
html body.single-fluent-products .ypr-avis--compact .fct-reviews-layout-left, html body.single-fluent-products .ypr-avis--compact .fct-reviews-layout-right{ width:100% !important; max-width:none !important; position:static !important; }
html body.single-fluent-products .ypr-avis--compact .fct-reviews-summary{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; padding:0 !important; background:transparent !important; box-shadow:none !important; }
html body.single-fluent-products .ypr-avis--compact .fct-reviews-summary-left{ display:flex !important; align-items:center !important; gap:16px !important; }
html body.single-fluent-products .ypr-avis--compact .fct-reviews-average-number{ font-size:48px !important; }
html body.single-fluent-products .ypr-avis--compact .fct-review-cta-btn{ min-height:44px !important; background:transparent !important; border:1px solid var(--yj-border2,#CED0D4) !important; color:var(--yj-text,#050505) !important; }
html body.single-fluent-products .ypr-avis--compact .fct-review-cta-btn:hover{ background:var(--yj-card,#FFFFFF) !important; filter:none; }
html body.single-fluent-products .ypr-avis--compact .fct-reviews-list{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:24px !important; align-items:start; }
html body.single-fluent-products .ypr-avis--compact .fct-review-item{ margin:0 !important; }

/* --- dernier appel --- */
html body.single-fluent-products .ypr-fin-recap{ margin:0 !important; font-size:18px !important; font-weight:600 !important; color:rgba(255,255,255,.85) !important; }
html body.single-fluent-products .ypr-fin-prix{ font-size:40px !important; letter-spacing:-0.02em; }
html body.single-fluent-products .ypr-fin-rassure{ margin:0 !important; max-width:560px; font-size:14px !important; line-height:1.55 !important; color:rgba(255,255,255,.62) !important; }
html body.single-fluent-products .ypr-btn{ min-height:52px; }
html body.single-fluent-products .ypr-btn-p:focus-visible{ outline:2px solid #FFFFFF !important; outline-offset:3px; }

/* --- barre d'achat collante (mobile) --- */
html body.single-fluent-products .ypr-barre{ display:none; }
@media (max-width:767px){
  html body.single-fluent-products .ypr-barre{ position:fixed; z-index:9990; left:0; right:0; bottom:0; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:64px; padding:10px 16px calc(10px + env(safe-area-inset-bottom)); background:#0B0D12; box-shadow:0 -10px 28px rgba(0,0,0,.35); transform:translateY(110%); visibility:hidden; transition:transform .3s ease, visibility .3s; }
  html body.single-fluent-products .ypr-barre--on{ transform:none; visibility:visible; }
  html body.single-fluent-products.ypr-barre-pad{ padding-bottom:76px !important; }
  html body.single-fluent-products .ypr-barre-prix{ font-size:18px; font-weight:700; color:#FFFFFF; white-space:nowrap; }
  html body.single-fluent-products .ypr-barre .ypr-btn{ width:auto !important; min-height:44px; padding:0 20px; font-size:16px; }
}
@media (prefers-reduced-motion:reduce){ html body.single-fluent-products .ypr-barre{ transition:none; } }

@media (max-width:1024px){
  html body.single-fluent-products .fct-single-product-page-row:has(.ypr-rassure){ grid-template-areas:"summary" "rassure" "thumbnail" !important; row-gap:20px !important; }
  html body.single-fluent-products .ypr-hero-site{ margin-top:20px !important; }
  html body.single-fluent-products .ypr-eleves-l{ grid-template-columns:1fr; max-width:560px; }
  html body.single-fluent-products .ypr-prog-l{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  html body.single-fluent-products .ypr-avis--compact .fct-reviews-list{ grid-template-columns:1fr !important; max-width:680px; }
}
@media (max-width:760px){
  html body.single-fluent-products .ypr .ypr-h2{ margin-bottom:28px !important; font-size:36px !important; }
  html body.single-fluent-products .fct-product-buttons-wrap{ flex-direction:column !important; align-items:stretch !important; gap:6px !important; }
  html body.single-fluent-products .ypr-eleves{ padding:72px 20px 80px; }
  html body.single-fluent-products .ypr-eleve-avis{ font-size:21px; }
  html body.single-fluent-products .ypr-prog{ padding:80px 20px 88px; }
  html body.single-fluent-products .ypr-prog-sous{ font-size:17px !important; margin-bottom:32px !important; }
  html body.single-fluent-products .ypr-prog-l{ gap:12px; }
  html body.single-fluent-products .ypr-prog-l li{ min-height:96px; padding:16px !important; font-size:16px !important; }
  html body.single-fluent-products .ypr-form--clair{ padding-top:72px !important; }
  html body.single-fluent-products .ypr-form-cit p{ font-size:18px !important; }
  html body.single-fluent-products .ypr-desc{ padding:72px 20px !important; }
  html body.single-fluent-products .ypr-avant{ grid-template-columns:1fr; gap:16px; }
  html body.single-fluent-products .ypr-avis{ padding-top:72px; padding-bottom:80px; }
  html body.single-fluent-products .ypr-fin-prix{ font-size:32px !important; }
  html body.single-fluent-products .ypr-fin .ypr-btns, html body.single-fluent-products .ypr-fin .ypr-btn{ width:100%; }
}

/* v3.1 : prix TTC dans le hero, cartes d'élèves de même hauteur */
html body.single-fluent-products .fct-single-product-page .fct-item-price::after{ content:" TTC"; font-size:.5em; font-weight:600; letter-spacing:0; color:rgba(255,255,255,.72); }
html body.single-fluent-products .ypr-eleves-l{ align-items:stretch !important; }
html body.single-fluent-products .ypr-eleve-b{ flex:1; }
html body.single-fluent-products .ypr-eleve-lien{ margin-top:auto; }
html body.single-fluent-products .ypr-eleve-img--txt{ display:flex; flex-direction:column; background:#121215; }
html body.single-fluent-products .ypr-eleve-img--txt .ypr-ex-barre{ padding:9px 12px; }
html body.single-fluent-products .ypr-eleve-dom{ flex:1; display:flex; align-items:center; justify-content:center; padding:16px; font-size:26px; font-weight:700; letter-spacing:-0.02em; color:#FFFFFF; text-align:center; overflow-wrap:anywhere; }

/* deux sites d'élèves : deux colonnes */
@media (min-width:1025px){ html body.single-fluent-products .ypr-eleves-l:not(:has(> li:nth-child(3))){ grid-template-columns:repeat(2,minmax(0,1fr)); max-width:900px; } }