/* naali social proof (#proof), rendered by assets/js/naali-proof.js. Classes prefixed pf- */
.proof{--pf-saffron:#D9822B;--pf-saffron-deep:#A84A14;--pf-card:#FBF6EE;overflow:hidden;isolation:isolate}
.proof .pf-glow{position:absolute;z-index:-1;inset:auto -10% -20% auto;width:70vmax;height:70vmax;border-radius:50%;background:radial-gradient(circle,rgba(217,130,43,.20),rgba(217,130,43,0) 62%);pointer-events:none}
.proof .pf-glow::before{content:"";position:absolute;left:-60%;top:-40%;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(184,64,42,.10),rgba(184,64,42,0) 65%)}

.pf-rv{opacity:0;transform:translate3d(0,26px,0);transition:opacity 1s var(--ease-out),transform 1.1s var(--ease-out)}
.pf-rv.in{opacity:1;transform:none}

/* head */
.pf-head{display:grid;grid-template-columns:1.9fr 1fr;gap:clamp(24px,5vw,80px);align-items:end}
.pf-head .h2 em{color:var(--pf-saffron-deep)}
.pf-head .lede{justify-self:end}

/* stats */
.pf-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:28px;margin-top:clamp(40px,5vw,64px)}
.pf-stat{border-top:1px solid var(--line-strong);padding-top:20px;min-width:0}
.pf-stat b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(40px,5vw,76px);letter-spacing:-.045em;line-height:.92;color:var(--ink)}
.pf-stat:nth-child(1) b,.pf-stat:nth-child(2) b{color:var(--pf-saffron-deep)}
.pf-stat span{display:block;margin-top:12px;font-size:16px;font-weight:500;color:var(--ink-2);max-width:24ch;line-height:1.35}
.pf-stat small{display:block;margin-top:6px;font-size:12.5px;color:var(--text-secondary);font-style:italic;line-height:1.4;max-width:30ch}
.pf-fn{margin-top:22px;font-size:12.5px;line-height:1.5;color:var(--text-secondary);max-width:90ch}
.pf-fn [lang=fr]{font-style:italic}
.pf-fn a{color:inherit;text-underline-offset:2px}

/* per-product ratings */
.pf-rates{margin-top:clamp(40px,5vw,64px);background:rgba(247,240,228,.72);border:1px solid var(--line);border-radius:28px;padding:20px clamp(16px,2vw,24px) 22px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pf-rates-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:0 4px}
.pf-rates-h .mono{color:var(--text-secondary)}
.pf-rates-sum{font-size:14px;color:var(--text-secondary)}
.pf-rate-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.pf-rate{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;width:100%;height:100%;padding:14px 14px 13px;border-radius:18px;background:var(--pf-card);border:1px solid var(--line);transition:transform .35s var(--ease-out),border-color .35s var(--ease-out),box-shadow .35s var(--ease-out)}
.pf-rate:hover{transform:translateY(-2px);border-color:rgba(217,130,43,.6);box-shadow:0 10px 24px -14px rgba(120,60,10,.45)}
.pf-rate:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.pf-rate-n{font-weight:700;font-size:14.5px;line-height:1.2;color:var(--ink)}
.pf-rate-v{display:flex;align-items:center;gap:8px}
.pf-rate-v b{font-family:var(--display);font-weight:900;font-size:24px;letter-spacing:-.03em;line-height:1}
.pf-rate-c{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--text-secondary)}

/* stars */
.pf-stars{position:relative;display:inline-block;line-height:0;flex:none}
.pf-stars svg{width:14px;height:14px;margin-right:1px;flex:none;display:block}
.pf-stars-bg svg{fill:rgba(31,26,21,.16)}
.pf-stars-fg{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap}
.pf-stars-fg svg{fill:var(--pf-saffron)}
.pf-stars-bg,.pf-stars-fg{display:flex;flex-wrap:nowrap}

/* marquee */
.pf-mq{margin-top:clamp(48px,6vw,80px)}
.pf-mq-ctl{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.pf-mq-h{color:var(--text-secondary)}
.pf-arrows{display:flex;gap:8px}
.pf-arw{width:46px;height:46px;border-radius:50%;border:1px solid var(--line-strong);background:transparent;color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:background .3s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out)}
.pf-arw:hover{background:var(--ink);color:var(--canvas);border-color:var(--ink)}
.pf-arw svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pf-vp{overflow:hidden;padding:8px 0 22px;cursor:grab;touch-action:pan-y;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.pf-vp.is-drag{cursor:grabbing}
.pf-vp.is-drag *{user-select:none;-webkit-user-select:none}
.pf-track{display:flex;gap:16px;width:max-content;will-change:transform}
.pf-set{display:flex;gap:16px}

.pf-card{position:relative;flex:none;width:clamp(282px,26vw,360px);display:flex;flex-direction:column;gap:12px;padding:22px 22px 18px;border-radius:26px;background:var(--pf-card);border:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 18px 40px -28px rgba(70,40,10,.45);transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}
.pf-card:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 26px 50px -28px rgba(70,40,10,.55)}
.pf-card::before{content:"\201C";position:absolute;right:20px;top:4px;font-family:var(--display);font-weight:900;font-size:84px;line-height:1;color:rgba(217,130,43,.18);pointer-events:none}
.pf-who{display:flex;align-items:center;gap:12px}
.pf-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;font-family:var(--display);font-weight:800;font-size:18px;color:#FFF8EF;background:linear-gradient(140deg,var(--pf-saffron),var(--pf-saffron-deep))}
.pf-nm{display:flex;flex-direction:column;gap:2px;min-width:0}
.pf-nm b{font-weight:700;font-size:16px;line-height:1.2}
.pf-ver,.pf-src{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#2E6B3F}
.pf-src{color:var(--text-secondary)}
.pf-ver svg{width:14px;height:14px;fill:#2E6B3F;flex:none}
.pf-card .pf-stars svg{width:15px;height:15px}
.pf-body{flex:1;display:flex;flex-direction:column;gap:8px}
.pf-t{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.02em;line-height:1.15}
.pf-q{font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.pf-body[data-lang=en] [lang=fr],.pf-body[data-lang=fr] [lang=en]{display:none}
.pf-body[data-lang=fr] .pf-q{font-style:italic}
.pf-tog [lang=fr]{display:none}
.pf-card.is-fr .pf-tog [lang=en]{display:none}
.pf-card.is-fr .pf-tog [lang=fr]{display:inline}
.pf-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px dashed var(--line)}
.pf-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-strong);background:transparent;color:var(--ink);border-radius:999px;padding:7px 12px;min-height:36px;font-family:var(--body);font-size:13px;font-weight:600;cursor:pointer;transition:background .3s var(--ease-out),color .3s var(--ease-out),border-color .3s}
.pf-chip .dot{background:var(--pf-saffron)}
.pf-chip .pf-ar{transition:transform .3s var(--ease-out)}
button.pf-chip:hover{background:var(--ink);color:var(--canvas);border-color:var(--ink)}
button.pf-chip:hover .pf-ar{transform:translateX(3px)}
.pf-chip-static{cursor:default}
.pf-tog{background:none;border:0;padding:8px 0;min-height:36px;font-family:var(--body);font-size:13px;font-weight:500;color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pf-tog:hover{color:var(--ink)}
.pf-tr{font-size:11.5px;color:var(--text-secondary);opacity:.8;margin-top:-4px}
.pf-card.is-fr .pf-tr{visibility:hidden}

.pf-src-line{display:flex;justify-content:space-between;align-items:center;gap:8px 24px;flex-wrap:wrap;margin-top:8px;font-size:13.5px;color:var(--text-secondary)}
.pf-src-line a{font-weight:700;color:var(--ink);text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
.pf-src-line a:hover{color:var(--accent)}

@media (max-width:1180px){.pf-rate-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){
  .pf-head{grid-template-columns:1fr}
  .pf-head .lede{justify-self:start}
  .pf-rate-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -4px;padding:2px 4px 8px;scrollbar-width:none}
  .pf-rate-list::-webkit-scrollbar{display:none}
  .pf-rate-list li{flex:none;width:156px;scroll-snap-align:start}
}
@media (max-width:620px){.pf-stats{grid-template-columns:1fr 1fr}.pf-stat:last-child{grid-column:1/-1}}
@media (max-width:520px){
  .pf-stat b{font-size:44px}
  .pf-stat span{font-size:15px}
  .pf-card{width:80vw;max-width:320px;padding:20px 18px 16px}
  .pf-arw{width:44px;height:44px}
  .pf-vp{-webkit-mask-image:none;mask-image:none}
}
@media (prefers-reduced-motion:reduce){
  .pf-rv{opacity:1;transform:none;transition:none}
  .pf-card,.pf-rate{transition:none}
}