{"id":24,"date":"2026-08-12T14:04:15","date_gmt":"2026-08-12T14:04:15","guid":{"rendered":"https:\/\/peptzone.fr\/?page_id=24"},"modified":"2026-09-27T15:14:00","modified_gmt":"2026-09-27T15:14:00","slug":"home","status":"publish","type":"page","link":"https:\/\/peptzone.fr\/fr_be\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24\" class=\"elementor elementor-24\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-0c99c7f e-flex e-con-boxed e-con e-parent\" data-id=\"0c99c7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-740cabe elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"740cabe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  PEPTZONE \u2014 HERO \u00ab Ne pas croire. V\u00e9rifier. \u00bb \u00b7 v2 (maquette 26.08.2026)\r\n\r\n  Changements par rapport \u00e0 la v1 (optimis\u00e9 mobile) :\r\n  \u00b7 Ligne de preuve : 3 faits mono retir\u00e9s \u2192 item PayPal + item avis\r\n    (note avec valeurs de d\u00e9monstration, voir remarque dans le markup)\r\n  \u00b7 CTA secondaire \u00ab V\u00e9rifier un lot \u00bb : simple lien texte avec fl\u00e8che\r\n  \u00b7 Badges : en bas \u00e0 gauche + en haut \u00e0 droite autour du flacon\r\n    (desktop ET mobile identiques), avec ic\u00f4ne, statiques. Flottement\r\n    uniquement sur le produit\r\n  \u00b7 Orbites : 3 anneaux fins (1 pointill\u00e9, 1 plein, 1 tiret\u00e9 rotatif + point)\r\n  \u00b7 Texte du badge \u00ab num\u00e9ro de LOT propre, v\u00e9rifiable \u00bb\r\n  \u00b7 Hauteur plus compacte : padding, sc\u00e8ne, taille produit, espacements r\u00e9duits\r\n  \u00b7 Mobile COMPACT (v4.2) : titre + sous-titre court \u00e0 gauche, image 9:16\r\n    \u00e0 droite (38 %), ligne de preuve (PayPal \u00b7 avis) juste au-dessus des CTA,\r\n    orbites\/badges masqu\u00e9s \u2192 hero \u2248 290px.\r\n    Image : utiliser un portrait 9:16 (p. ex. 720\u00d71280), flacon centr\u00e9.\r\n  \u00b7 Toutes les r\u00e8gles mobile de la v1 reprises (pleine largeur en CSS,\r\n    sc\u00e8ne plate, breakpoint 400px, zones tactiles \u226544px)\r\n\r\n  VALEURS DE D\u00c9MONSTRATION (\u00e0 remplir avant mise en ligne) :\r\n  \u00b7 note et nombre d'avis \u2014 ne mettre en ligne qu'avec de vrais avis\r\n============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;600;800&family=IBM+Plex+Mono:wght@500;600&display=swap');\r\n\r\n.phh{\r\n  --ink:#16191B;\r\n  --paper:#F2F3F1;\r\n  --white:#FFFFFF;\r\n  --patina:#002E5C;\r\n  --patina-dk:#001F3F;\r\n  --wash:#DCE6F2;\r\n  --verdi:#1E5A9C;\r\n  --anod:#4A90E2;\r\n  --line:rgba(22,25,27,.12);\r\n  --muted:#5A6165;\r\n\r\n  font-family:'Archivo',system-ui,sans-serif;\r\n  color:var(--ink);\r\n  background:var(--paper);\r\n\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  overflow:hidden;\r\n}\r\n\r\n.phh *{\r\n  box-sizing:border-box;\r\n  margin:0;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   WIDE HERO CONTAINER \u2014 tier COMMERCE 1420\r\n============================================================ *\/\r\n\r\n.phh-wrap{\r\n  max-width:1420px;\r\n  margin-inline:auto;\r\n  padding:clamp(36px,4vw,56px) clamp(24px,3vw,40px);\r\n  display:grid;\r\n  grid-template-columns:minmax(0,.95fr) minmax(500px,1.05fr);\r\n  gap:clamp(54px,6vw,92px);\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   LEFT COLUMN\r\n============================================================ *\/\r\n\r\n.phh-copy{\r\n  min-width:0;\r\n  max-width:660px;\r\n}\r\n\r\n.phh-eyebrow{\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:11px;\r\n  font-weight:500;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n  color:var(--patina);\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  margin-bottom:16px;\r\n}\r\n\r\n.phh-eyebrow::before{\r\n  content:'';\r\n  width:28px;\r\n  height:1px;\r\n  flex:0 0 28px;\r\n  background:var(--verdi);\r\n}\r\n\r\n.phh-h1{\r\n  font-size:clamp(50px,4.8vw,70px);\r\n  font-weight:800;\r\n  letter-spacing:-.032em;\r\n  line-height:.96;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.phh-h1-main{\r\n  display:block;\r\n  white-space:nowrap;\r\n}\r\n\r\n.phh-h1 em{\r\n  display:block;\r\n  font-style:normal;\r\n  color:var(--patina);\r\n  margin-top:2px;\r\n}\r\n\r\n.phh-lede{\r\n  font-size:clamp(16px,1.35vw,18px);\r\n  line-height:1.55;\r\n  color:var(--muted);\r\n  max-width:48ch;\r\n  margin-bottom:24px;\r\n}\r\n\r\n.phh-lede strong{\r\n  color:var(--ink);\r\n  font-weight:600;\r\n}\r\n.phh-lede .phh-lede-s{display:none;}\r\n.phh-eyebrow .phh-eb-s{display:none;}\r\n@media (max-width:620px){.phh-eyebrow .phh-eb-l{display:none;}.phh-eyebrow .phh-eb-s{display:inline;}}\r\n\r\n\r\n\/* ============================================================\r\n   CTA\r\n============================================================ *\/\r\n\r\n.phh-cta{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  gap:6px 22px;\r\n  margin-bottom:22px;\r\n}\r\n\r\n.phh-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  font-family:'Archivo',sans-serif;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  padding:14px 26px;\r\n  border-radius:3px;\r\n  text-decoration:none;\r\n  border:0;\r\n  transition:background .18s ease,color .18s ease,box-shadow .18s ease;\r\n  cursor:pointer;\r\n}\r\n\r\n.phh-btn:focus-visible{\r\n  outline:2px solid var(--anod);\r\n  outline-offset:3px;\r\n}\r\n\r\n.phh-btn--primary{\r\n  color:#F0F5FB;\r\n  background:linear-gradient(176deg,#4A90E2 0%,#1E5A9C 30%,#002E5C 62%,#001B38 100%);\r\n  box-shadow:\r\n    inset 0 1.5px 0 rgba(255,255,255,.42),\r\n    inset 0 -2px 3px rgba(0,0,0,.28);\r\n}\r\n\r\n.phh-btn--primary:hover{\r\n  color:#FFFFFF;\r\n  background:linear-gradient(176deg,#5C9EE8 0%,#2A6AAE 30%,#0A3D74 62%,#052248 100%);\r\n  box-shadow:\r\n    inset 0 1.5px 0 rgba(255,255,255,.5),\r\n    inset 0 -2px 3px rgba(0,0,0,.32);\r\n}\r\n\r\n.phh-btn--primary:active{\r\n  background:linear-gradient(176deg,#1E5A9C 0%,#16497F 34%,#0D3560 66%,#001328 100%);\r\n  box-shadow:inset 0 2px 4px rgba(0,0,0,.3);\r\n}\r\n\r\n\/* Secondaire : lien texte *\/\r\n.phh-link{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  font-family:'Archivo',sans-serif;\r\n  font-size:15px;\r\n  font-weight:600;\r\n  color:var(--patina-dk);\r\n  text-decoration:none;\r\n  padding:14px 4px;\r\n  min-height:44px;\r\n  border-bottom:1px solid transparent;\r\n  transition:color .18s ease,border-color .18s ease;\r\n}\r\n\r\n.phh-link:hover{\r\n  color:var(--patina);\r\n  border-bottom-color:var(--verdi);\r\n}\r\n\r\n.phh-link:focus-visible{\r\n  outline:2px solid var(--anod);\r\n  outline-offset:3px;\r\n}\r\n\r\n.phh-link svg{\r\n  width:16px;\r\n  height:16px;\r\n  flex:0 0 16px;\r\n  transition:transform .18s ease;\r\n}\r\n\r\n.phh-link:hover svg{transform:translateX(3px);}\r\n\r\n\r\n\/* ============================================================\r\n   PROOF LINE \u2014 PayPal \u00b7 Avis\r\n============================================================ *\/\r\n\r\n.phh-proof{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  gap:14px 22px;\r\n  padding-top:16px;\r\n  border-top:1px solid var(--line);\r\n  width:100%;\r\n}\r\n\r\n.phh-proof-item{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-size:13.5px;\r\n  font-weight:400;\r\n  color:var(--muted);\r\n  min-height:24px;\r\n}\r\n\r\n.phh-proof-item strong{\r\n  color:var(--ink);\r\n  font-weight:600;\r\n}\r\n\r\n.phh-proof-item img{\r\n  height:22px;\r\n  width:auto;\r\n  display:block;\r\n}\r\n\r\n.phh-proof-sep{\r\n  width:1px;\r\n  height:18px;\r\n  background:var(--line);\r\n  flex:0 0 1px;\r\n}\r\n\r\n.phh-proof--rating .phh-mono{\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-weight:600;\r\n  color:var(--ink);\r\n}\r\n\r\n.phh-proof--rating svg{\r\n  width:18px;\r\n  height:18px;\r\n  flex:0 0 18px;\r\n}\r\n\r\n\/* ============================================================\r\n   RIGHT \/ PRODUCT STAGE\r\n============================================================ *\/\r\n\r\n.phh-stage{\r\n  position:relative;\r\n  min-height:clamp(400px,34vw,500px);\r\n  width:100%;\r\n}\r\n\r\n.phh-orbit{\r\n  position:absolute;\r\n  top:50%;\r\n  left:50%;\r\n  border-radius:50%;\r\n  aspect-ratio:1;\r\n  transform:translate(-50%,-50%);\r\n  pointer-events:none;\r\n}\r\n\r\n.phh-orbit--1{\r\n  width:min(100%,540px);\r\n  border:1px dotted rgba(22,25,27,.18);\r\n}\r\n\r\n.phh-orbit--2{\r\n  width:min(80%,440px);\r\n  border:1px solid var(--line);\r\n}\r\n\r\n.phh-orbit--3{\r\n  width:min(60%,330px);\r\n  border:1px dashed rgba(0,46,92,.32);\r\n  animation:phh-spin 70s linear infinite;\r\n}\r\n\r\n.phh-orbit--3::after{\r\n  content:'';\r\n  position:absolute;\r\n  width:9px;\r\n  height:9px;\r\n  border-radius:50%;\r\n  background:var(--patina);\r\n  bottom:7%;\r\n  right:13%;\r\n}\r\n\r\n.phh-product{\r\n  position:absolute;\r\n  top:50%;\r\n  left:50%;\r\n  transform:translate(-50%,-50%);\r\n  width:clamp(270px,25vw,380px);\r\n  animation:phh-float 6s ease-in-out infinite;\r\n  filter:drop-shadow(0 34px 46px rgba(22,25,27,.16));\r\n}\r\n\r\n.phh-product img{\r\n  width:100%;\r\n  height:auto;\r\n  display:block;\r\n}\r\n\r\n\r\n\/* BADGES \u2014 en haut \u00e0 droite + en bas \u00e0 gauche, statiques *\/\r\n\r\n.phh-badges{display:contents;}\r\n\r\n.phh-badge{\r\n  position:absolute;\r\n  z-index:2;\r\n  width:clamp(180px,16vw,210px);\r\n  animation:phh-float-badge 6s ease-in-out infinite;\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:12px;\r\n  background:var(--white);\r\n  border:1px solid var(--line);\r\n  border-radius:3px;\r\n  padding:13px 14px;\r\n  text-decoration:none;\r\n  min-height:44px;\r\n  transition:border-color .18s ease,box-shadow .18s ease;\r\n}\r\n\r\n.phh-badge:hover{\r\n  border-color:var(--verdi);\r\n  box-shadow:0 6px 18px rgba(22,25,27,.08);\r\n}\r\n\r\n.phh-badge:focus-visible{\r\n  outline:2px solid var(--anod);\r\n  outline-offset:2px;\r\n}\r\n\r\n.phh-badge-ico{\r\n  flex:0 0 22px;\r\n  width:22px;\r\n  height:22px;\r\n  color:var(--anod);\r\n  margin-top:1px;\r\n}\r\n\r\n.phh-badge-ico svg{\r\n  width:100%;\r\n  height:100%;\r\n  display:block;\r\n}\r\n\r\n.phh-badge-txt{min-width:0;}\r\n\r\n.phh-badge b{\r\n  display:block;\r\n  font-size:11px;\r\n  font-weight:600;\r\n  color:var(--ink);\r\n  margin-bottom:4px;\r\n}\r\n\r\n.phh-badge .phh-mono{\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:11px;\r\n  font-weight:600;\r\n  color:var(--patina-dk);\r\n  display:inline-block;\r\n  max-width:100%;\r\n  white-space:normal;\r\n  line-height:1.35;\r\n  border-bottom:1px solid var(--verdi);\r\n  padding-bottom:2px;\r\n}\r\n\r\na.phh-badge:hover .phh-mono{\r\n  color:var(--patina);\r\n}\r\n\r\n.phh-badge--lot{top:6%;right:0;animation-delay:-1.6s;}\r\n.phh-badge--doc{bottom:6%;left:0;animation-delay:-3.4s;}\r\n\r\n\r\n\/* ANIMATIONS *\/\r\n\r\n@keyframes phh-float{\r\n  0%,100%{transform:translate(-50%,-50%) translateY(0);}\r\n  50%{transform:translate(-50%,-50%) translateY(-10px);}\r\n}\r\n\r\n@keyframes phh-float-badge{\r\n  0%,100%{transform:translateY(0);}\r\n  50%{transform:translateY(-8px);}\r\n}\r\n\r\n@keyframes phh-spin{\r\n  to{transform:translate(-50%,-50%) rotate(360deg);}\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SMALL DESKTOP\r\n============================================================ *\/\r\n\r\n@media (max-width:1180px){\r\n  .phh-wrap{\r\n    grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);\r\n    gap:42px;\r\n  }\r\n  .phh-h1{font-size:clamp(46px,5vw,60px);}\r\n  .phh-product{width:clamp(260px,26vw,340px);}\r\n  .phh-stage{min-height:clamp(380px,36vw,440px);}\r\n  .phh-badge{width:180px;}\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLET\r\n============================================================ *\/\r\n\r\n@media (max-width:960px){\r\n  .phh-wrap{\r\n    max-width:760px;\r\n    grid-template-columns:1fr;\r\n    padding-inline:24px;\r\n    gap:28px;\r\n  }\r\n  .phh-copy{max-width:none;}\r\n  .phh-stage{min-height:360px;order:-1;}\r\n  .phh-product{width:min(330px,56vw);}\r\n  .phh-orbit--1{width:min(96%,380px);}\r\n  .phh-orbit--2{width:min(78%,300px);}\r\n  .phh-orbit--3{width:min(58%,230px);}\r\n  .phh-badge{width:176px;}\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE\r\n============================================================ *\/\r\n\r\n@media (max-width:620px){\r\n  \/* ===== COMPACT v4 : image (9:16) \u00e0 gauche, titre + preuve \u00e0 droite,\r\n     ligne CTA en dessous. Hero \u2248 270px \u2192 tuiles de confiance, best-sellers\r\n     et \u00ab Par domaine \u00bb remontent dans le premier \u00e9cran. ===== *\/\r\n  \/* .phh-copy est dissous (display:contents) \u2192 H1, preuve et CTA\r\n     deviennent des enfants directs de la grille .phh-wrap. Sc\u00e8ne \u00e0 gauche\r\n     sur 2 lignes, H1 + preuve \u00e0 droite, CTA pleine largeur en dessous. *\/\r\n  .phh-wrap{\r\n    padding:12px 18px 14px;gap:8px 14px;\r\n    grid-template-columns:minmax(0,1fr) 38%;\r\n    grid-template-rows:auto auto auto auto auto;\r\n    grid-template-areas:\"eyebrow stage\" \"h1 stage\" \"lede stage\" \"proof proof\" \"cta cta\";\r\n    align-items:center;\r\n  }\r\n  .phh-eyebrow{grid-area:eyebrow;align-self:end;}\r\n  .phh-copy{display:contents;}\r\n  .phh-stage{grid-area:stage;order:0;min-height:0;padding:0;aspect-ratio:9\/16;max-height:210px;align-self:center;}\r\n  .phh-h1{grid-area:h1;align-self:end;min-width:0;}\r\n  .phh-lede{grid-area:lede;align-self:start;min-width:0;}\r\n  .phh-proof{grid-area:proof;min-width:0;}\r\n  .phh-cta{grid-area:cta;min-width:0;}\r\n\r\n  \/* L'image remplit la zone 9:16 ; orbites\/badges masqu\u00e9s sur mobile *\/\r\n  .phh-orbit{display:none;}\r\n  .phh-badge{display:none;}\r\n  .phh-product{\r\n    position:static;transform:none;width:100%;height:100%;animation:none;\r\n    filter:drop-shadow(0 10px 16px rgba(22,25,27,.14));\r\n  }\r\n  .phh-product img{width:100%;height:100%;object-fit:contain;}\r\n\r\n  .phh-eyebrow{\r\n    display:flex;font-size:9px;letter-spacing:.14em;gap:8px;margin:0 0 6px;color:var(--verdi);\r\n  }\r\n  .phh-eyebrow::before{width:16px;flex-basis:16px;}\r\n  .phh-h1{font-size:clamp(27px,8vw,36px);line-height:.96;letter-spacing:-.035em;margin-bottom:0;}\r\n  .phh-h1-main{white-space:normal;}\r\n  .phh-h1 em{display:block;margin:2px 0 0;}\r\n  \/* Sous-titre court (texte mobile dans le markup : .phh-lede-s) *\/\r\n  .phh-lede{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin:8px 0 0;max-width:none;letter-spacing:-.005em;}\r\n  .phh-lede .phh-lede-s strong{color:var(--ink);font-weight:600;}\r\n  .phh-lede .phh-lede-l{display:none;}\r\n  .phh-lede .phh-lede-s{display:inline;}\r\n\r\n  \/* Preuve sous le titre, sur deux lignes \u00e0 gauche *\/\r\n  .phh-proof{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding-top:8px;margin:2px 0 0;border-top:1px solid var(--line);width:100%;}\r\n  .phh-proof-sep{display:none;}\r\n  .phh-proof-item{font-size:12px;min-height:0;gap:6px;white-space:nowrap;min-width:0;}\r\n  .phh-proof-item img{height:14px;width:auto;}\r\n  .phh-proof--rating{justify-self:end;}\r\n  .phh-proof--rating svg{width:13px;height:13px;flex-basis:13px;}\r\n  .phh-proof--rating .phh-mono{font-size:12px;}\r\n  .phh-proof-w{display:inline;}\r\n\r\n  \/* CTA : deux colonnes \u00e9gales, contenu compressible, pas de d\u00e9bordement *\/\r\n  .phh-cta{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:8px;margin:0;}\r\n  .phh-btn,.phh-link{width:100%;min-width:0;padding:0 6px;min-height:46px;font-size:13px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;}\r\n  .phh-btn{gap:0;}\r\n  .phh-link{justify-content:center;border:1px solid var(--patina);border-radius:3px;gap:5px;}\r\n  .phh-link svg{width:13px;height:13px;flex:0 0 13px;}\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   VERY SMALL (\u2264400px)\r\n============================================================ *\/\r\n\r\n@media (max-width:400px){\r\n  .phh-wrap{padding:10px 14px 12px;gap:8px 10px;grid-template-columns:minmax(0,1fr) 36%;}\r\n  .phh-stage{max-height:190px;}\r\n  .phh-h1{font-size:26px;}\r\n  .phh-proof-item{font-size:11px;}\r\n  .phh-proof-item img{height:12px;}\r\n  .phh-lede{font-size:12.5px;}\r\n  .phh-eyebrow{font-size:8.5px;letter-spacing:.12em;}\r\n  .phh-h1{font-size:27px;}\r\n  .phh-proof-w{display:none;}\r\n  .phh-btn,.phh-link{font-size:12px;padding:0 4px;}\r\n  .phh-link svg{display:none;}\r\n}\r\n\r\n\/* Mouvement r\u00e9duit \u2014 en dernier pour surcharger tous les breakpoints *\/\r\n@media (prefers-reduced-motion:reduce){\r\n  .phh-product,\r\n  .phh-badge,\r\n  .phh-orbit--3{animation:none;}\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"phh\">\r\n\r\n  <div class=\"phh-wrap\">\r\n\r\n\r\n    <!-- ========================================================\r\n         LEFT\r\n    ========================================================= -->\r\n\r\n    <div class=\"phh-copy\">\r\n\r\n      <p class=\"phh-eyebrow\">\r\n        <span class=\"phh-eb-l\">Chaque lot. Chaque test. V\u00e9rifiable.<\/span><span class=\"phh-eb-s\">Chaque lot. V\u00e9rifiable.<\/span>\r\n      <\/p>\r\n\r\n      <h1 class=\"phh-h1\">\r\n        <span class=\"phh-h1-main\">Ne vous fiez pas<br>\u00e0 nos paroles.<\/span>\r\n        <em>V\u00e9rifiez par<br>vous-m\u00eame.<\/em>\r\n      <\/h1>\r\n\r\n      <p class=\"phh-lede\">\r\n        <span class=\"phh-lede-l\">PEPTZONE \u00e9tablit une nouvelle norme :\r\n        <strong>documentation lot par lot, analyses ind\u00e9pendantes\r\n        et v\u00e9rification directe du LOT.<\/strong>\r\n        La preuve fait partie int\u00e9grante du produit \u2014 pas des petits caract\u00e8res.<\/span>\r\n        <span class=\"phh-lede-s\"><strong>Contr\u00f4l\u00e9 de mani\u00e8re ind\u00e9pendante.<\/strong> Rapport consultable avant l\u2019achat \u2014 pas dans les petits caract\u00e8res.<\/span>\r\n      <\/p>\r\n\r\n      <div class=\"phh-cta\">\r\n\r\n        <a class=\"phh-btn phh-btn--primary\" href=\"\/shop\/\">\r\n          D\u00e9couvrir les produits\r\n        <\/a>\r\n\r\n        <a class=\"phh-link\" href=\"\/verify-a-batch\/\">\r\n          V\u00e9rifier un lot\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"phh-proof\">\r\n\r\n        <!-- PayPal : charger le logo officiel depuis le PayPal Brand Center -->\r\n        <div class=\"phh-proof-item phh-proof--paypal\">\r\n          <span>Paiement s\u00e9curis\u00e9 avec<\/span>\r\n          <img src=\"\/wp-content\/uploads\/2026\/08\/PayPal.svg.webp\" alt=\"PayPal\" width=\"80\" height=\"22\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n\r\n        <span class=\"phh-proof-sep\" aria-hidden=\"true\"><\/span>\r\n\r\n        <div class=\"phh-proof-item phh-proof--rating\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"#4A90E2\" stroke=\"#4A90E2\" stroke-width=\"1.2\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M12 3.5l2.6 5.4 5.9.8-4.3 4.1 1.1 5.9L12 16.9l-5.3 2.8 1.1-5.9-4.3-4.1 5.9-.8z\"\/>\r\n          <\/svg>\r\n          <span><span class=\"phh-mono\">4,8\/5<\/span> sur <span class=\"phh-mono\">1 250+<\/span> <span class=\"phh-proof-w\">avis<\/span><\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ========================================================\r\n         RIGHT\r\n    ========================================================= -->\r\n\r\n    <div class=\"phh-stage\">\r\n\r\n      <div class=\"phh-orbit phh-orbit--1\"><\/div>\r\n      <div class=\"phh-orbit phh-orbit--2\"><\/div>\r\n      <div class=\"phh-orbit phh-orbit--3\"><\/div>\r\n\r\n      <figure class=\"phh-product\">\r\n        <img fetchpriority=\"high\"\r\n          src=\"\/wp-content\/uploads\/2026\/08\/bpc-hero.png\"\r\n          alt=\"Produit PEPTZONE avec num\u00e9ro de lot visible\"\r\n          width=\"970\" height=\"1400\" loading=\"eager\" decoding=\"async\"\r\n        >\r\n      <\/figure>\r\n\r\n      <div class=\"phh-badges\">\r\n\r\n        <a class=\"phh-badge phh-badge--lot\" href=\"\/verify-a-batch\/\">\r\n          <span class=\"phh-badge-ico\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M12 3l7 3v5.5c0 4.4-3 8.1-7 9.5-4-1.4-7-5.1-7-9.5V6z\"\/>\r\n              <path d=\"M9 12l2 2 4-4\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"phh-badge-txt\">\r\n            <b>Chaque lot<\/b>\r\n            <span class=\"phh-mono\">num\u00e9ro de LOT propre<span class=\"phh-badge-more\">, v\u00e9rifiable<\/span><\/span>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <a class=\"phh-badge phh-badge--doc\" href=\"\/verify-a-batch\/\">\r\n          <span class=\"phh-badge-ico\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M7 3h7l5 5v13H7z\"\/>\r\n              <path d=\"M14 3v5h5M10 12h6M10 16h6\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"phh-badge-txt\">\r\n            <b>Passeport de lot<\/b>\r\n            <span class=\"phh-mono\">Consulter le rapport&nbsp;\u2192<\/span>\r\n          <\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baf5f33 elementor-widget elementor-widget-html\" data-id=\"baf5f33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  PEPTZONE \u2014 BANDEAU DE CONFIANCE \u00b7 v4.5 \u2014 bleu CLAIR : fond #1E5A9C\u2192#002E5C\r\n  (au lieu du bleu fonc\u00e9), textes blancs, ic\u00f4nes bleu p\u00e2le, anneaux blanc\r\n  transparent \u2014 les tuiles sont des liens (lot \/ livraison \/ support \/\r\n  mentions l\u00e9gales). Survol : l'anneau se remplit, la fl\u00e8che appara\u00eet.\r\n  Design : hairline en haut, ic\u00f4ne dans un anneau, index mono 01\u201304,\r\n  l\u00e9ger d\u00e9grad\u00e9 de lumi\u00e8re \u00e0 gauche ; tuiles mobiles avec ic\u00f4ne en anneau.\r\n\r\n  \u00b7 Desktop : 4 colonnes (ic\u00f4ne + titre + sous-titre), s\u00e9parateurs hairline\r\n  \u00b7 Tablette : 2\u00d72\r\n  \u00b7 Mobile : UNE ligne \u2014 4 tuiles \u00e9gales (ic\u00f4ne + titre court :\r\n    LOT v\u00e9rifiable \u00b7 Exp\u00e9dition UE \u00b7 Protection acheteur \u00b7 Transparent), ~86px\r\n  \u00b7 Pleine largeur, autonome\r\n  \u00b7 Plus de @import Google Fonts (polices charg\u00e9es par le th\u00e8me, RGPD)\r\n============================================================ -->\r\n\r\n<style>\r\n.pht{\r\n  --anod:#C4D7EE;--verdi:#4A90E2;--line:rgba(255,255,255,.18);--txt:#FFFFFF;--mute:rgba(255,255,255,.78);\r\n  font-family:'Archivo',system-ui,sans-serif;color:var(--txt);\r\n  background:\r\n    linear-gradient(180deg,#1E5A9C 0%,#002E5C 100%);\r\n  width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;position:relative;\r\n}\r\n\/* Hairline en haut *\/\r\n.pht::before{content:'';position:absolute;left:0;top:0;right:0;height:1px;background:rgba(255,255,255,.22);}\r\n.pht *{box-sizing:border-box;margin:0;}\r\n.pht a.pht-item,.pht a.pht-item:link,.pht a.pht-item:visited{text-decoration:none!important;color:var(--txt)!important;transition:background .2s;}\r\n.pht a.pht-item:focus-visible{outline:2px solid var(--anod);outline-offset:-4px;border-radius:3px;}\r\n.pht-wrap{max-width:1420px;margin-inline:auto;padding:26px clamp(24px,3vw,40px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}\r\n.pht-item{position:relative;display:flex;align-items:flex-start;gap:16px;padding:8px 28px;border-left:1px solid var(--line);min-width:0;border-radius:3px;}\r\n@media (hover:hover){\r\n  .pht a.pht-item:hover{background:rgba(255,255,255,.07);}\r\n  .pht a.pht-item:hover .pht-ico{background:#FFFFFF;border-color:#FFFFFF;color:#002E5C;}\r\n  .pht a.pht-item:hover .pht-txt span{color:var(--txt)!important;}\r\n  .pht a.pht-item:hover::after{opacity:1;transform:translateX(0);}\r\n}\r\n\/* Fl\u00e8che en bas \u00e0 droite, appara\u00eet au survol *\/\r\n.pht-item::after{content:'\u2192';position:absolute;right:28px;bottom:6px;font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--anod);opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s;}\r\n.pht-item:last-child::after{right:0;}\r\n.pht-item:first-child{border-left:0;padding-left:0;}\r\n.pht-item:last-child{padding-right:0;}\r\n\/* Num\u00e9ro d'index en mono, discret *\/\r\n.pht-item::before{content:counter(pht);counter-increment:pht;position:absolute;right:28px;top:4px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;color:var(--anod);opacity:.4;}\r\n.pht-item:last-child::before{right:0;}\r\n.pht-wrap{counter-reset:pht;}\r\n.pht-ico{\r\n  flex:0 0 44px;width:44px;height:44px;border-radius:50%;\r\n  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);\r\n  display:flex;align-items:center;justify-content:center;color:var(--anod);\r\n  transition:background .2s,border-color .2s,color .2s;\r\n}\r\n.pht-ico svg{width:24px;height:24px;display:block;}\r\n.pht-txt{min-width:0;padding-top:2px;}\r\n.pht-txt b .s{display:none;}\r\n.pht-txt b{display:block;font-size:clamp(13px,1.05vw,15px);font-weight:600;line-height:1.3;letter-spacing:-.005em;color:var(--txt) !important;margin-bottom:5px;white-space:nowrap;}\r\n.pht-txt span{display:block;font-size:13.5px;font-weight:400;line-height:1.5;color:var(--mute) !important;}\r\n\r\n\/* TABLETTE \u2014 2\u00d72 *\/\r\n@media (max-width:1024px){\r\n  .pht-wrap{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;padding:24px;}\r\n  .pht-item{padding:0 22px;}\r\n  .pht-item:nth-child(odd){border-left:0;padding-left:0;}\r\n  .pht-item:nth-child(even){padding-right:0;}\r\n  .pht-item::before{right:22px;}\r\n  .pht-item:nth-child(even)::before{right:0;}\r\n  .pht-item::after{right:22px;}\r\n  .pht-item:nth-child(even)::after{right:0;}\r\n}\r\n\r\n\/* MOBILE \u2014 une ligne, 4 tuiles \u00e9gales (ic\u00f4ne + titre court) *\/\r\n@media (max-width:620px){\r\n  .pht-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 12px;}\r\n  .pht-item{\r\n    flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;\r\n    padding:10px 4px 9px !important;min-height:72px;\r\n    border:1px solid rgba(255,255,255,.22) !important;border-radius:3px;\r\n    background:rgba(255,255,255,.08);\r\n  }\r\n  .pht-item::before,.pht-item::after{display:none;}\r\n  .pht a.pht-item:active{background:rgba(255,255,255,.16);}\r\n  .pht-ico{flex-basis:28px;width:28px;height:28px;border-width:1px;}\r\n  .pht-ico svg{width:16px;height:16px;}\r\n  .pht-txt{padding-top:0;}\r\n  .pht-txt b{font-size:clamp(9px,2.7vw,10.5px);font-weight:600;line-height:1.2;margin:0;letter-spacing:0;white-space:nowrap;}\r\n  .pht-txt b .l{display:none;}\r\n  .pht-txt b .s{display:inline;}\r\n  .pht-txt span{display:none;}\r\n}\r\n@media (max-width:360px){\r\n  .pht-wrap{gap:4px;padding:8px 8px;}\r\n  .pht-item{padding:9px 2px 8px !important;}\r\n  .pht-ico{flex-basis:26px;width:26px;height:26px;}\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"pht\" aria-label=\"Gages de confiance\">\r\n  <div class=\"pht-wrap\">\r\n\r\n    <a class=\"pht-item\" href=\"\/verify-a-batch\/\">\r\n      <span class=\"pht-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M20 5l12 4.5v9c0 7.6-5.1 14-12 16.5C13.1 32.5 8 26.1 8 18.5v-9z\"\/>\r\n          <path d=\"M14.5 20l3.8 3.8L26 16.5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"pht-txt\">\r\n        <b><span class=\"l\">LOT v\u00e9rifiable avant l\u2019achat<\/span><span class=\"s\">LOT v\u00e9rifiable<\/span><\/b>\r\n        <span>Saisissez le num\u00e9ro de lot et consultez la documentation d\u2019analyse.<\/span>\r\n      <\/span>\r\n    <\/a>\r\n\r\n    <a class=\"pht-item\" href=\"\/faq\/\">\r\n      <span class=\"pht-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M5 11h19v15H5zM24 16h6.5l4.5 5v5h-11z\"\/>\r\n          <circle cx=\"11\" cy=\"28.5\" r=\"2.6\"\/>\r\n          <circle cx=\"29\" cy=\"28.5\" r=\"2.6\"\/>\r\n          <path d=\"M13.6 26H24M5 26h2.4M31.6 26H35\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"pht-txt\">\r\n        <b><span class=\"l\">Exp\u00e9dition depuis l\u2019UE<\/span><span class=\"s\">Exp\u00e9dition UE<\/span><\/b>\r\n        <span>Suivi de colis pour chaque commande \u2014 de l\u2019exp\u00e9dition \u00e0 la livraison.<\/span>\r\n      <\/span>\r\n    <\/a>\r\n\r\n    <a class=\"pht-item\" href=\"\/support\/\">\r\n      <span class=\"pht-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M20 5l12 4.5v9c0 7.6-5.1 14-12 16.5C13.1 32.5 8 26.1 8 18.5v-9z\"\/>\r\n          <path d=\"M14.5 20l3.8 3.8L26 16.5\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"pht-txt\">\r\n        <b><span class=\"l\">Protection de l\u2019acheteur claire<\/span><span class=\"s\">Protection acheteur<\/span><\/b>\r\n        <span>En cas de perte ou de dommage pendant le transport : proc\u00e9dures de remplacement et de remboursement d\u00e9finies.<\/span>\r\n      <\/span>\r\n    <\/a>\r\n\r\n    <a class=\"pht-item\" href=\"\/mentions-legales\/\">\r\n      <span class=\"pht-ico\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 40 40\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M6 14l14-7 14 7z\"\/>\r\n          <path d=\"M8 14v3h24v-3M10 17v11M16 17v11M24 17v11M30 17v11M6 28h28v4H6z\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      <span class=\"pht-txt\">\r\n        <b><span class=\"l\">Entreprise transparente<\/span><span class=\"s\">Transparente<\/span><\/b>\r\n        <span>Soci\u00e9t\u00e9, donn\u00e9es d\u2019immatriculation et responsables consultables librement.<\/span>\r\n      <\/span>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8234eaf elementor-widget elementor-widget-shortcode\" data-id=\"8234eaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* ---- Basis ---- *\/\n.phc{\n  --ink:#16191B;--paper:#F2F3F1;--card:#EDEFF3;--white:#FFFFFF;--patina:#002E5C;--patina-dk:#001F3F;\n  --wash:#DCE6F2;--verdi:#1E5A9C;--anod:#4A90E2;--line:rgba(22,25,27,.12);--muted:#5A6165;\n  font-family:'Archivo',system-ui,sans-serif;color:var(--ink);margin:0;\n}\n.phc *{box-sizing:border-box;margin:0;}\n.phc a{text-decoration:none!important;}\n.phc a:focus-visible{outline:2px solid var(--anod);outline-offset:2px;}\n.phc-bleed{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;}\n\/* Full-Bleed: unabh\u00e4ngig vom (boxed) Elementor-Container. Inhalt 80 % der Breite wie im Mockup. *\/\n.phc-wrap{width:100vw;margin-left:calc(50% - 50vw);padding:clamp(28px,2.8vw,44px) clamp(18px,10vw,200px) 12px;}\n.phc-bereiche.phc-wrap{padding-bottom:40px;}\n\n\/* ---- Kopfzeile ---- *\/\n.phc-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px;}\n.phc h2.phc-h2{\n  font-family:'Archivo',sans-serif!important;font-size:clamp(22px,1.7vw,26px)!important;font-weight:800!important;\n  letter-spacing:-.02em!important;line-height:1.1!important;color:var(--ink)!important;margin:0!important;padding:0!important;\n}\n.phc a.phc-all{\n  display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--patina-dk)!important;\n  white-space:nowrap;min-height:44px;transition:color .18s;\n}\n.phc a.phc-all:hover{color:var(--patina)!important;}\n.phc-all svg{width:16px;height:16px;flex:0 0 16px;transition:transform .18s;}\n.phc a.phc-all:hover svg{transform:translateX(3px);}\n.phc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,26px);}\n\n\/* ---- 27 \u00b7 Scroll-Track + Pfeile ---- *\/\n.phc-headnav{display:flex;align-items:center;gap:18px;}\n.phc-nav{display:flex;gap:8px;}\n.phc-arrow{\n  width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--patina-dk);\n  cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .18s,border-color .18s;\n}\n.phc-arrow svg{width:16px;height:16px;}\n.phc-arrow:hover{background:var(--wash);border-color:var(--verdi);}\n.phc-arrow:disabled{opacity:.35;cursor:default;}\n.phc-track{\n  --n:4;--g:clamp(12px,1.6vw,26px);\n  display:flex;gap:var(--g);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;\n  padding:4px 0 8px;margin:-4px 0 -8px;\n}\n.phc-track::-webkit-scrollbar{display:none;}\n.phc-dots{display:none;justify-content:center;gap:6px;margin-top:12px;}\n.phc-dots span{width:6px;height:6px;border-radius:50%;background:var(--line);transition:background .18s,width .18s;}\n.phc-dots span.is-on{background:var(--patina);width:18px;border-radius:3px;}\n.phc-track > .phc-card{flex:0 0 calc((100% - (var(--n) - 1) * var(--g)) \/ var(--n));scroll-snap-align:start;}\n\n\/* ---- 27 \u00b7 Produktkarte ---- *\/\n.phc a.phc-card{\n  position:relative;display:grid;grid-template-columns:44% 1fr;gap:clamp(8px,1vw,14px);align-items:stretch;\n  background:var(--white);border:1px solid rgba(0,46,92,.16);border-radius:3px;\n  padding:8px clamp(10px,1.1vw,16px) 8px 8px;color:var(--ink)!important;min-width:0;overflow:hidden;\n  box-shadow:0 1px 2px rgba(22,25,27,.04);\n  transition:border-color .2s,box-shadow .2s,transform .2s;\n}\n\/* Akzent-Hairline oben (wie Bereichs-Karten) *\/\n.phc a.phc-card::before{content:'';position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--anod),var(--verdi) 60%,transparent);z-index:1;}\n.phc a.phc-card:hover{border-color:var(--verdi);box-shadow:0 14px 34px rgba(0,27,56,.14);transform:translateY(-3px);}\n\/* Bild: festes 4:5-Fenster, Studio-Foto f\u00fcllt es per object-fit:cover\n   (kein Freistellen n\u00f6tig \u2014 der eigene Studio-Hintergrund bleibt). *\/\n.phc-img{\n  position:relative;min-width:0;aspect-ratio:4\/5;border-radius:3px;overflow:hidden;background:#F4F6F8;\n}\n.phc-img img{\n  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;\n  max-width:none!important;max-height:none!important;display:block;object-fit:cover;object-position:center;\n  transition:transform .4s ease;\n}\n.phc a.phc-card:hover .phc-img img{transform:scale(1.05);}\n.phc-body{min-width:0;align-self:center;padding:10px 0;}\n.phc-name{display:block;font-size:clamp(15px,1.15vw,18px);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--ink)!important;margin-bottom:2px;overflow-wrap:break-word;hyphens:auto;}\n.phc-sub{display:block;font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:500;color:var(--muted)!important;margin-bottom:14px;}\n.phc-price{\n  display:block;font-family:'IBM Plex Mono',monospace;font-size:clamp(16px,1.2vw,19px);font-weight:600;letter-spacing:-.01em;\n  color:var(--ink)!important;margin-bottom:10px;font-variant-numeric:tabular-nums;white-space:nowrap;\n}\n.phc-price::after{content:'';display:block;width:28px;height:2px;background:var(--verdi);margin-top:6px;border-radius:1px;}\n.phc-price small{font-family:'Archivo',sans-serif;font-size:12px;font-weight:600;color:var(--muted)!important;margin-right:4px;}\n.phc-badge{\n  display:inline-flex;align-items:center;gap:7px;background:var(--wash);color:var(--patina-dk)!important;\n  border:1px solid rgba(0,46,92,.18);font-size:12px;font-weight:600;padding:5px 10px;border-radius:3px;margin-bottom:10px;white-space:nowrap;\n}\n.phc-badge svg{width:12px;height:12px;flex:0 0 12px;color:var(--verdi);}\n.phc-doc{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)!important;white-space:nowrap;}\n.phc-doc svg{width:16px;height:16px;flex:0 0 16px;color:var(--patina);}\n\/* Kaufsignal: Pfeil-Chip unten rechts, erscheint beim Hover *\/\n.phc-card__go{\n  position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:50%;\n  background:var(--ink);color:#FFFFFF;display:flex;align-items:center;justify-content:center;\n  opacity:0;transform:translate(4px,4px);transition:opacity .2s,transform .2s;\n}\n.phc-card__go svg{width:14px;height:14px;}\n.phc a.phc-card:hover .phc-card__go{opacity:1;transform:none;}\n\n\/* ---- 29 \u00b7 Trust Strip ---- *\/\n.phc-strip{background:linear-gradient(180deg,#001B38 0%,#00152D 100%);color:#FFFFFF;}\n.phc-strip__row{\n  max-width:1420px;margin-inline:auto;padding:28px clamp(24px,3vw,40px);\n  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));\n}\n.phc a.phc-strip__item{\n  display:flex;align-items:flex-start;gap:16px;padding:4px 28px;border-left:1px solid rgba(255,255,255,.14);\n  min-width:0;color:#FFFFFF!important;\n}\n.phc a.phc-strip__item:first-child{border-left:0;padding-left:0;}\n.phc a.phc-strip__item:last-child{padding-right:0;}\n.phc a.phc-strip__item:hover .phc-strip__t{color:#4A90E2!important;}\n.phc-strip__ico{flex:0 0 40px;width:40px;height:40px;color:#FFFFFF;margin-top:1px;}\n.phc-strip__ico svg{width:100%;height:100%;display:block;}\n.phc-strip__txt{min-width:0;}\n.phc-strip__t{display:block;font-size:15px;font-weight:600;line-height:1.3;color:#FFFFFF!important;margin-bottom:5px;transition:color .18s;}\n.phc-strip__d{display:block;font-size:13.5px;font-weight:400;line-height:1.5;color:rgba(255,255,255,.78)!important;}\n\n\/* ---- 29 \u00b7 Kategoriekarte ---- *\/\n.phc a.phc-cat{\n  position:relative;display:grid;grid-template-columns:clamp(56px,6vw,96px) 1fr;gap:clamp(12px,1.5vw,24px);align-items:start;\n  background:linear-gradient(135deg,#F7F8FA 0%,#E9EEF4 100%);\n  border:1px solid rgba(0,46,92,.16);border-radius:3px;\n  padding:clamp(20px,2.2vw,36px) clamp(16px,1.6vw,26px) clamp(18px,2vw,32px);color:var(--ink)!important;min-width:0;\n  min-height:clamp(150px,14vw,224px);overflow:hidden;\n  transition:border-color .2s,box-shadow .2s,transform .2s;\n}\n\/* Akzent-Hairline oben in Verderame *\/\n.phc a.phc-cat::before{content:'';position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--anod),var(--verdi) 60%,transparent);opacity:.9;}\n.phc a.phc-cat:hover{border-color:var(--verdi);box-shadow:0 14px 34px rgba(0,27,56,.14);transform:translateY(-3px);}\n\/* Wasserzeichen: eigenes Bild (pep_bg) oder Standard-Molek\u00fcl als Inline-SVG *\/\n.phc-cat__bg{\n  position:absolute;right:-4%;bottom:-6%;width:56%;height:100%;background-position:right bottom;\n  background-repeat:no-repeat;background-size:contain;opacity:.6;pointer-events:none;transition:opacity .2s,transform .3s;\n}\n.phc a.phc-cat:hover .phc-cat__bg{opacity:.85;transform:translate(-2%,-2%);}\n.phc-cat__bg--default{\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 200 200' fill='none' stroke='%23002E5C' stroke-width='1.4' stroke-opacity='.22'%3E%3Ccircle cx='150' cy='150' r='16'\/%3E%3Ccircle cx='108' cy='118' r='11'\/%3E%3Ccircle cx='166' cy='94' r='9'\/%3E%3Ccircle cx='128' cy='68' r='7'\/%3E%3Ccircle cx='70' cy='150' r='8'\/%3E%3Ccircle cx='180' cy='178' r='6'\/%3E%3Cpath d='M138 138l-19-13M156 136l7-33M117 109l8-34M98 124l-20 20M163 160l12 13M119 60l-40-7M137 62l24 27'\/%3E%3Ccircle cx='150' cy='150' r='6' fill='%231E5A9C' fill-opacity='.18' stroke='none'\/%3E%3Ccircle cx='108' cy='118' r='4' fill='%231E5A9C' fill-opacity='.18' stroke='none'\/%3E%3C\/svg%3E\");\n}\n.phc-cat__ico{\n  position:relative;width:clamp(56px,6vw,96px);height:clamp(56px,6vw,96px);border-radius:50%;background:var(--white);display:flex;\n  align-items:center;justify-content:center;color:var(--patina-dk);flex:0 0 auto;\n  box-shadow:0 0 0 1px rgba(0,46,92,.14),0 8px 20px rgba(0,27,56,.10);\n  transition:background .2s,box-shadow .2s;\n}\n.phc a.phc-cat:hover .phc-cat__ico{background:var(--patina);box-shadow:0 0 0 1px var(--patina),0 10px 24px rgba(0,27,56,.22);}\n.phc-cat__ico svg{width:50%;height:50%;display:block;stroke:var(--patina-dk);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s;}\n.phc a.phc-cat:hover .phc-cat__ico svg{stroke:#FFFFFF;}\n.phc-cat__ico img{width:50%;height:50%;display:block;object-fit:contain;}\n.phc-cat__body{position:relative;min-width:0;padding-right:clamp(14px,1.4vw,22px);padding-top:2px;}\n.phc-cat__name{display:block;font-size:clamp(15px,1.4vw,22px);font-weight:600;line-height:1.22;letter-spacing:-.012em;color:var(--ink)!important;margin-bottom:clamp(8px,.9vw,14px);overflow-wrap:break-word;hyphens:auto;}\n.phc-cat__count{\n  display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:clamp(11px,.8vw,12.5px);font-weight:600;letter-spacing:.02em;\n  color:var(--patina-dk)!important;background:rgba(255,255,255,.75);border:1px solid rgba(0,46,92,.16);border-radius:3px;\n  padding:4px 9px;margin-bottom:clamp(14px,1.6vw,26px);white-space:nowrap;\n}\n.phc-cat__link{display:flex;width:max-content;align-items:center;gap:7px;font-size:clamp(12px,.9vw,14px);font-weight:600;color:var(--patina-dk)!important;white-space:nowrap;border-bottom:1px solid transparent;transition:border-color .2s;}\n.phc a.phc-cat:hover .phc-cat__link{border-bottom-color:var(--verdi);}\n.phc-cat__link svg{width:15px;height:15px;flex:0 0 15px;transition:transform .18s;}\n.phc a.phc-cat:hover .phc-cat__link svg{transform:translateX(3px);}\n.phc-cat__arrow{position:absolute;top:clamp(12px,1.4vw,22px);right:clamp(12px,1.4vw,22px);width:18px;height:18px;color:var(--anod);transition:transform .2s,color .2s;}\n.phc a.phc-cat:hover .phc-cat__arrow{transform:translate(3px,-3px);color:var(--patina);}\n.phc-cat__arrow svg{width:100%;height:100%;display:block;}\n\n\/* Wide-Zeile (optional, z.B. Laborbedarf) *\/\n.phc a.phc-cat--wide::before{display:none;}\n.phc a.phc-cat--wide{grid-column:1 \/ -1;grid-template-columns:56px 1fr;align-items:center;padding:16px 44px 16px 18px;min-height:0;background:transparent;border-style:dashed;}\n.phc a.phc-cat--wide .phc-cat__ico{width:56px;height:56px;flex-basis:56px;}\n.phc a.phc-cat--wide .phc-cat__ico svg,.phc a.phc-cat--wide .phc-cat__ico img{width:26px;height:26px;}\n.phc a.phc-cat--wide .phc-cat__body{padding-top:0;}\n.phc a.phc-cat--wide .phc-cat__name{font-size:16px;margin-bottom:2px;}\n.phc a.phc-cat--wide .phc-cat__count{margin-bottom:0;}\n.phc a.phc-cat--wide .phc-cat__link{display:none;}\n.phc a.phc-cat--wide .phc-cat__arrow{top:50%;transform:translateY(-50%);}\n.phc a.phc-cat--wide:hover{border-style:solid;background:var(--white);}\n\n.phc-admin-note{font-family:'IBM Plex Mono',monospace;font-size:11.5px;line-height:1.6;color:#B4442E!important;margin-top:14px;}\n\n\/* ---- Responsive ---- *\/\n@media (max-width:1800px){\n  .phc-wrap{padding-inline:24px;}\n  .phc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}\n  .phc-track{--n:3.2;--g:16px;}\n  .phc-name{font-size:17px;}\n  .phc-price{font-size:18px;}\n  .phc a.phc-cat{grid-template-columns:72px 1fr;gap:16px;padding:26px 18px 22px;min-height:0;}\n  .phc-cat__ico{width:72px;height:72px;}\n  .phc-cat__name{font-size:18px;margin-bottom:10px;}\n  .phc-cat__count{margin-bottom:18px;}\n  .phc-strip__row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;padding:24px;}\n  .phc a.phc-strip__item{padding:0 22px;}\n  .phc a.phc-strip__item:nth-child(odd){border-left:0;padding-left:0;}\n  .phc a.phc-strip__item:nth-child(even){padding-right:0;}\n}\n\n@media (max-width:1200px){\n  .phc-track{--n:2.2;--g:16px;}\n}\n@media (max-width:850px){\n  .phc-track{--n:1.6;--g:16px;}\n}\n\n@media (max-width:620px){\n  \/* ===== KOMPAKT (Wireframe 27.08.2026) ===== *\/\n  .phc-wrap{padding:16px 18px 4px;}\n  .phc-bereiche.phc-wrap{padding-bottom:18px;}\n  .phc-head{margin-bottom:10px;}\n  .phc h2.phc-h2{font-size:20px!important;}\n  .phc a.phc-all{font-size:12.5px;min-height:36px;gap:6px;}\n  .phc-all svg{width:13px;height:13px;flex-basis:13px;}\n\n  \/* Bestseller: horizontale Mini-Karte (Bild links, Text rechts), Swipe *\/\n  .phc-track{--g:8px;margin-inline:-18px;padding-inline:18px;scroll-padding-inline:18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}\n  .phc-track > .phc-card{flex:0 0 66%;scroll-snap-align:start;}\n  .phc-nav{display:none;}\n  .phc-dots{display:flex;margin-top:6px;}\n  .phc a.phc-card{\n    display:flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;\n    border:1px solid rgba(0,46,92,.22);box-shadow:0 2px 0 rgba(0,46,92,.18),0 6px 14px rgba(0,27,56,.10);\n    transition:transform .12s,box-shadow .12s;\n  }\n  .phc a.phc-card:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,46,92,.18),0 3px 8px rgba(0,27,56,.10);}\n  .phc a.phc-card::before{height:3px;background:linear-gradient(90deg,#4A90E2,#1E5A9C);}\n  .phc-img{flex:0 0 30%;width:30%;aspect-ratio:4\/5;position:relative;}\n  .phc-img img{position:static!important;width:100%!important;height:100%!important;aspect-ratio:4\/5;object-fit:cover;}\n  .phc-body{flex:1 1 auto;min-width:0;padding:2px 0;}\n  .phc-name{font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px;}\n  .phc-sub{font-size:10px;margin-bottom:4px;}\n  .phc-price{font-size:14px;margin-bottom:4px;white-space:nowrap;}\n  .phc-price::after{display:none;}\n  .phc-badge{font-size:9.5px;padding:2px 6px;margin-bottom:4px;gap:4px;}\n  .phc-badge svg{width:9px;height:9px;flex-basis:9px;}\n  .phc-doc{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.3;}\n  .phc-doc svg{display:none;}\n  .phc-card__go{display:none;}\n\n  \/* Trust Strip (Modul 29) *\/\n  .phc-strip__row{grid-template-columns:1fr;row-gap:0;padding:6px 18px;}\n  .phc a.phc-strip__item{padding:14px 0;border-left:0;border-top:1px solid rgba(255,255,255,.14);gap:12px;}\n  .phc a.phc-strip__item:first-child{border-top:0;}\n  .phc-strip__ico{flex-basis:30px;width:30px;height:30px;}\n  .phc-strip__t{font-size:14px;margin-bottom:2px;}\n  .phc-strip__d{font-size:12.5px;}\n\n  \/* ===== Bereiche (v26.2): 2\u00d72, Karte VERTIKAL =====\n     Kopfzeile: Icon links, Chevron rechts. Darunter Name + Anzahl in\n     VOLLER Kartenbreite (~150px statt ~85px). Damit passt auch\n     \u201eKupferpeptide\" ohne Umbruch in einer Zeile \u2014 und nichts l\u00e4uft\n     mehr unter den Chevron. Pill am Kartenboden (margin-top:auto),\n     Grid streckt beide Karten einer Zeile auf gleiche H\u00f6he. *\/\n  .phc-grid{grid-template-columns:1fr 1fr;gap:10px;align-items:stretch;}\n  .phc a.phc-cat{\n    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;\n    padding:12px 12px 12px;min-height:0;height:100%;\n    background:linear-gradient(180deg,#FFFFFF 0%,#EEF3F8 100%)!important;border:1px solid #002E5C!important;border-radius:6px!important;\n    \/* Relief: feste Kante unten in Patina-dunkel + Lichtkante oben *\/\n    box-shadow:0 4px 0 #001F3F,0 8px 16px rgba(0,27,56,.16),inset 0 1px 0 #FFFFFF!important;\n    margin-bottom:4px;\n    transition:transform .12s,box-shadow .12s;\n  }\n  .phc a.phc-cat:active{transform:translateY(4px);box-shadow:0 0 0 #001F3F,0 2px 6px rgba(0,27,56,.12),inset 0 1px 0 #FFFFFF!important;}\n  .phc a.phc-cat::before{display:none;}\n  \/* Chevron oben rechts, auf H\u00f6he des Icons \u2014 nie mehr neben dem Text *\/\n  .phc a.phc-cat::after{content:'\u203a';position:absolute;right:12px;top:10px;transform:none;font-family:'IBM Plex Mono',monospace;font-size:24px;line-height:1;color:#002E5C;}\n  .phc a.phc-cat:hover{transform:none;}\n  .phc-cat__ico{width:40px;height:40px;flex:0 0 40px;background:#DCE6F2;box-shadow:none;margin-bottom:10px;}\n  .phc-cat__ico svg,.phc-cat__ico img{width:20px;height:20px;}\n  .phc-cat__body{padding:0;min-width:0;width:100%;flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;}\n  .phc-cat__name{\n    font-size:14px!important;font-weight:700!important;line-height:1.2!important;margin-bottom:8px!important;\n    hyphens:manual!important;-webkit-hyphens:manual!important;word-break:normal!important;\n    overflow-wrap:anywhere!important; \/* Notbremse: bricht nur, wenn ein Wort wirklich nicht passt \u2014 nie mehr \u00dcberlauf *\/\n    color:#001F3F!important;\n  }\n  .phc-cat__count{font-size:10.5px;padding:3px 8px;margin:auto 0 0;background:#F2F3F1;border-color:rgba(0,46,92,.18);color:#002E5C!important;}\n  .phc-cat__link{display:none;}\n  .phc-cat__arrow{display:none!important;}\n  .phc-cat__bg{display:none;}\n  .phc a.phc-cat--wide{grid-column:1 \/ -1;flex-direction:row;align-items:center;gap:10px;padding:8px 30px 8px 8px;min-height:64px;height:auto;}\n  .phc a.phc-cat--wide::after{top:50%;transform:translateY(-50%);}\n  .phc a.phc-cat--wide .phc-cat__ico{margin-bottom:0;}\n  .phc a.phc-cat--wide .phc-cat__count{margin-top:0;}\n}\n@media (max-width:340px){\n  \/* sehr schmale Ger\u00e4te: eine Spalte, Karte horizontal (Icon links) *\/\n  .phc-grid{grid-template-columns:1fr;}\n  .phc a.phc-cat{flex-direction:row;align-items:center;gap:10px;padding:10px 32px 10px 10px;}\n  .phc a.phc-cat::after{top:50%;transform:translateY(-50%);}\n  .phc-cat__ico{margin-bottom:0;}\n  .phc-cat__count{margin-top:0;}\n}\n<\/style>\n\t\t<section class=\"phc phc-wrap phc-bestseller\" aria-label=\"Best-seller\">\n\n\t<div class=\"phc-head\">\n\t\t<h2 class=\"phc-h2\">Best-seller<\/h2>\n\t\t<div class=\"phc-headnav\">\n\t\t\t\t\t\t<a class=\"phc-all\" href=\"https:\/\/peptzone.fr\/fr_be\/shop\/\">Voir tous les produits <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\n\t\t\t\t\t\t<div class=\"phc-nav\" aria-hidden=\"true\">\n\t\t\t\t<button type=\"button\" class=\"phc-arrow\" data-dir=\"-1\" aria-label=\"Pr\u00e9c\u00e9dent\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg><\/button>\n\t\t\t\t<button type=\"button\" class=\"phc-arrow\" data-dir=\"1\" aria-label=\"Suivant\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"phc-track\" id=\"phc-track-1\">\n\t\t\t<a class=\"phc-card\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt\/retatrutide\/\">\n\t\t\t<span class=\"phc-img\"><img width=\"600\" height=\"600\" src=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-600x600.png\" class=\"attachment-woocommerce_single size-woocommerce_single\" alt=\"Retatrutide\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-600x600.png 600w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-300x300.png 300w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-1024x1024.png 1024w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-150x150.png 150w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-768x768.png 768w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-1536x1536.png 1536w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero.png 2048w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/span>\n\t\t\t<span class=\"phc-body\">\n\t\t\t\t<span class=\"phc-name\">Retatrutide<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-sub\">10mg<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-price\">79,90 \u20ac<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-badge\">Lot v\u00e9rifi\u00e9 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2.6\"><path d=\"M5 12.5l4.5 4.5L19 7\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-doc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"1.7\"><path d=\"M7 3h7l5 5v13H7z\"\/><path d=\"M14 3v5h5M10 12h6M10 16h6\"\/><\/svg> Passeport de lot inclus<\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"phc-card__go\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t\t<\/a>\n\t\t\t<a class=\"phc-card\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt\/tirzepatide\/\">\n\t\t\t<span class=\"phc-img\"><img width=\"600\" height=\"600\" src=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-600x600.png\" class=\"attachment-woocommerce_single size-woocommerce_single\" alt=\"Tirzepatide\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-600x600.png 600w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-300x300.png 300w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-1024x1024.png 1024w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-150x150.png 150w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-768x768.png 768w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-1536x1536.png 1536w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero.png 2048w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/span>\n\t\t\t<span class=\"phc-body\">\n\t\t\t\t<span class=\"phc-name\">Tirzepatide<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-sub\">10mg<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-price\">59,90 \u20ac<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-badge\">Lot v\u00e9rifi\u00e9 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2.6\"><path d=\"M5 12.5l4.5 4.5L19 7\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-doc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"1.7\"><path d=\"M7 3h7l5 5v13H7z\"\/><path d=\"M14 3v5h5M10 12h6M10 16h6\"\/><\/svg> Passeport de lot inclus<\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"phc-card__go\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t\t<\/a>\n\t\t\t<a class=\"phc-card\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt\/bpc-157\/\">\n\t\t\t<span class=\"phc-img\"><img width=\"600\" height=\"600\" src=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-600x600.png\" class=\"attachment-woocommerce_single size-woocommerce_single\" alt=\"BPC-157\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-600x600.png 600w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-300x300.png 300w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-1024x1024.png 1024w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-150x150.png 150w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-768x768.png 768w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-1536x1536.png 1536w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2.png 2048w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/span>\n\t\t\t<span class=\"phc-body\">\n\t\t\t\t<span class=\"phc-name\">BPC-157<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-sub\">10mg<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-price\">39,90 \u20ac<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-badge\">Lot v\u00e9rifi\u00e9 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2.6\"><path d=\"M5 12.5l4.5 4.5L19 7\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-doc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"1.7\"><path d=\"M7 3h7l5 5v13H7z\"\/><path d=\"M14 3v5h5M10 12h6M10 16h6\"\/><\/svg> Passeport de lot inclus<\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"phc-card__go\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t\t<\/a>\n\t\t\t<a class=\"phc-card\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt\/ghk-cu-serum\/\">\n\t\t\t<span class=\"phc-img\"><img width=\"600\" height=\"600\" src=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-600x600.png\" class=\"attachment-woocommerce_single size-woocommerce_single\" alt=\"GHK-Cu Serum\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-600x600.png 600w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-300x300.png 300w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-1024x1024.png 1024w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-150x150.png 150w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-768x768.png 768w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-1536x1536.png 1536w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero.png 2048w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/span>\n\t\t\t<span class=\"phc-body\">\n\t\t\t\t<span class=\"phc-name\">GHK-Cu Serum<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-sub\">30ml<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-price\">39,90 \u20ac<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-badge\">Lot v\u00e9rifi\u00e9 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2.6\"><path d=\"M5 12.5l4.5 4.5L19 7\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-doc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"1.7\"><path d=\"M7 3h7l5 5v13H7z\"\/><path d=\"M14 3v5h5M10 12h6M10 16h6\"\/><\/svg> Passeport de lot inclus<\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"phc-card__go\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t\t<\/a>\n\t\t<\/div>\n\t<div class=\"phc-dots\" aria-hidden=\"true\"><\/div>\n\n<\/section>\n<script>\n(function(){\n\tvar secs=document.querySelectorAll('.phc-bestseller');\n\tsecs.forEach(function(sec){\n\t\tif(sec.dataset.phcInit)return;sec.dataset.phcInit='1';\n\t\tvar track=sec.querySelector('.phc-track');if(!track)return;\n\t\tvar btns=sec.querySelectorAll('.phc-arrow');\n\t\tfunction step(){var c=track.querySelector('.phc-card');return c?c.getBoundingClientRect().width+parseFloat(getComputedStyle(track).columnGap||getComputedStyle(track).gap||0):300;}\n\t\tfunction sync(){\n\t\t\tvar max=track.scrollWidth-track.clientWidth-1;\n\t\t\tbtns.forEach(function(b){b.disabled=(b.dataset.dir==='-1')?track.scrollLeft<=1:track.scrollLeft>=max;});\n\t\t}\n\t\tbtns.forEach(function(b){b.addEventListener('click',function(){track.scrollBy({left:step()*parseInt(b.dataset.dir,10),behavior:'smooth'});});});\n\t\tvar dots=sec.querySelector('.phc-dots'),cards=track.querySelectorAll('.phc-card');\n\t\tif(dots){cards.forEach(function(){var d=document.createElement('span');dots.appendChild(d);});}\n\t\tfunction dotsync(){\n\t\t\tif(!dots||!cards.length)return;\n\t\t\tvar i=Math.round(track.scrollLeft\/step());\n\t\t\tdots.querySelectorAll('span').forEach(function(d,k){d.classList.toggle('is-on',k===i);});\n\t\t}\n\t\ttrack.addEventListener('scroll',function(){sync();dotsync();},{passive:true});window.addEventListener('resize',function(){sync();dotsync();});sync();dotsync();\n\t});\n})();\n<\/script>\n\t\t\n\n<style>\n\/* ---- Basis ---- *\/\n.phc{\n  --ink:#16191B;--paper:#F2F3F1;--card:#EDEFF3;--white:#FFFFFF;--patina:#002E5C;--patina-dk:#001F3F;\n  --wash:#DCE6F2;--verdi:#1E5A9C;--anod:#4A90E2;--line:rgba(22,25,27,.12);--muted:#5A6165;\n  font-family:'Archivo',system-ui,sans-serif;color:var(--ink);margin:0;\n}\n.phc *{box-sizing:border-box;margin:0;}\n.phc a{text-decoration:none!important;}\n.phc a:focus-visible{outline:2px solid var(--anod);outline-offset:2px;}\n.phc-bleed{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;}\n\/* Full-Bleed: unabh\u00e4ngig vom (boxed) Elementor-Container. Inhalt 80 % der Breite wie im Mockup. *\/\n.phc-wrap{width:100vw;margin-left:calc(50% - 50vw);padding:clamp(28px,2.8vw,44px) clamp(18px,10vw,200px) 12px;}\n.phc-bereiche.phc-wrap{padding-bottom:40px;}\n\n\/* ---- Kopfzeile ---- *\/\n.phc-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px;}\n.phc h2.phc-h2{\n  font-family:'Archivo',sans-serif!important;font-size:clamp(22px,1.7vw,26px)!important;font-weight:800!important;\n  letter-spacing:-.02em!important;line-height:1.1!important;color:var(--ink)!important;margin:0!important;padding:0!important;\n}\n.phc a.phc-all{\n  display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--patina-dk)!important;\n  white-space:nowrap;min-height:44px;transition:color .18s;\n}\n.phc a.phc-all:hover{color:var(--patina)!important;}\n.phc-all svg{width:16px;height:16px;flex:0 0 16px;transition:transform .18s;}\n.phc a.phc-all:hover svg{transform:translateX(3px);}\n.phc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,26px);}\n\n\/* ---- 27 \u00b7 Scroll-Track + Pfeile ---- *\/\n.phc-headnav{display:flex;align-items:center;gap:18px;}\n.phc-nav{display:flex;gap:8px;}\n.phc-arrow{\n  width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--patina-dk);\n  cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .18s,border-color .18s;\n}\n.phc-arrow svg{width:16px;height:16px;}\n.phc-arrow:hover{background:var(--wash);border-color:var(--verdi);}\n.phc-arrow:disabled{opacity:.35;cursor:default;}\n.phc-track{\n  --n:4;--g:clamp(12px,1.6vw,26px);\n  display:flex;gap:var(--g);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;\n  padding:4px 0 8px;margin:-4px 0 -8px;\n}\n.phc-track::-webkit-scrollbar{display:none;}\n.phc-dots{display:none;justify-content:center;gap:6px;margin-top:12px;}\n.phc-dots span{width:6px;height:6px;border-radius:50%;background:var(--line);transition:background .18s,width .18s;}\n.phc-dots span.is-on{background:var(--patina);width:18px;border-radius:3px;}\n.phc-track > .phc-card{flex:0 0 calc((100% - (var(--n) - 1) * var(--g)) \/ var(--n));scroll-snap-align:start;}\n\n\/* ---- 27 \u00b7 Produktkarte ---- *\/\n.phc a.phc-card{\n  position:relative;display:grid;grid-template-columns:44% 1fr;gap:clamp(8px,1vw,14px);align-items:stretch;\n  background:var(--white);border:1px solid rgba(0,46,92,.16);border-radius:3px;\n  padding:8px clamp(10px,1.1vw,16px) 8px 8px;color:var(--ink)!important;min-width:0;overflow:hidden;\n  box-shadow:0 1px 2px rgba(22,25,27,.04);\n  transition:border-color .2s,box-shadow .2s,transform .2s;\n}\n\/* Akzent-Hairline oben (wie Bereichs-Karten) *\/\n.phc a.phc-card::before{content:'';position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--anod),var(--verdi) 60%,transparent);z-index:1;}\n.phc a.phc-card:hover{border-color:var(--verdi);box-shadow:0 14px 34px rgba(0,27,56,.14);transform:translateY(-3px);}\n\/* Bild: festes 4:5-Fenster, Studio-Foto f\u00fcllt es per object-fit:cover\n   (kein Freistellen n\u00f6tig \u2014 der eigene Studio-Hintergrund bleibt). *\/\n.phc-img{\n  position:relative;min-width:0;aspect-ratio:4\/5;border-radius:3px;overflow:hidden;background:#F4F6F8;\n}\n.phc-img img{\n  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;\n  max-width:none!important;max-height:none!important;display:block;object-fit:cover;object-position:center;\n  transition:transform .4s ease;\n}\n.phc a.phc-card:hover .phc-img img{transform:scale(1.05);}\n.phc-body{min-width:0;align-self:center;padding:10px 0;}\n.phc-name{display:block;font-size:clamp(15px,1.15vw,18px);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--ink)!important;margin-bottom:2px;overflow-wrap:break-word;hyphens:auto;}\n.phc-sub{display:block;font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:500;color:var(--muted)!important;margin-bottom:14px;}\n.phc-price{\n  display:block;font-family:'IBM Plex Mono',monospace;font-size:clamp(16px,1.2vw,19px);font-weight:600;letter-spacing:-.01em;\n  color:var(--ink)!important;margin-bottom:10px;font-variant-numeric:tabular-nums;white-space:nowrap;\n}\n.phc-price::after{content:'';display:block;width:28px;height:2px;background:var(--verdi);margin-top:6px;border-radius:1px;}\n.phc-price small{font-family:'Archivo',sans-serif;font-size:12px;font-weight:600;color:var(--muted)!important;margin-right:4px;}\n.phc-badge{\n  display:inline-flex;align-items:center;gap:7px;background:var(--wash);color:var(--patina-dk)!important;\n  border:1px solid rgba(0,46,92,.18);font-size:12px;font-weight:600;padding:5px 10px;border-radius:3px;margin-bottom:10px;white-space:nowrap;\n}\n.phc-badge svg{width:12px;height:12px;flex:0 0 12px;color:var(--verdi);}\n.phc-doc{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)!important;white-space:nowrap;}\n.phc-doc svg{width:16px;height:16px;flex:0 0 16px;color:var(--patina);}\n\/* Kaufsignal: Pfeil-Chip unten rechts, erscheint beim Hover *\/\n.phc-card__go{\n  position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:50%;\n  background:var(--ink);color:#FFFFFF;display:flex;align-items:center;justify-content:center;\n  opacity:0;transform:translate(4px,4px);transition:opacity .2s,transform .2s;\n}\n.phc-card__go svg{width:14px;height:14px;}\n.phc a.phc-card:hover .phc-card__go{opacity:1;transform:none;}\n\n\/* ---- 29 \u00b7 Trust Strip ---- *\/\n.phc-strip{background:linear-gradient(180deg,#001B38 0%,#00152D 100%);color:#FFFFFF;}\n.phc-strip__row{\n  max-width:1420px;margin-inline:auto;padding:28px clamp(24px,3vw,40px);\n  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));\n}\n.phc a.phc-strip__item{\n  display:flex;align-items:flex-start;gap:16px;padding:4px 28px;border-left:1px solid rgba(255,255,255,.14);\n  min-width:0;color:#FFFFFF!important;\n}\n.phc a.phc-strip__item:first-child{border-left:0;padding-left:0;}\n.phc a.phc-strip__item:last-child{padding-right:0;}\n.phc a.phc-strip__item:hover .phc-strip__t{color:#4A90E2!important;}\n.phc-strip__ico{flex:0 0 40px;width:40px;height:40px;color:#FFFFFF;margin-top:1px;}\n.phc-strip__ico svg{width:100%;height:100%;display:block;}\n.phc-strip__txt{min-width:0;}\n.phc-strip__t{display:block;font-size:15px;font-weight:600;line-height:1.3;color:#FFFFFF!important;margin-bottom:5px;transition:color .18s;}\n.phc-strip__d{display:block;font-size:13.5px;font-weight:400;line-height:1.5;color:rgba(255,255,255,.78)!important;}\n\n\/* ---- 29 \u00b7 Kategoriekarte ---- *\/\n.phc a.phc-cat{\n  position:relative;display:grid;grid-template-columns:clamp(56px,6vw,96px) 1fr;gap:clamp(12px,1.5vw,24px);align-items:start;\n  background:linear-gradient(135deg,#F7F8FA 0%,#E9EEF4 100%);\n  border:1px solid rgba(0,46,92,.16);border-radius:3px;\n  padding:clamp(20px,2.2vw,36px) clamp(16px,1.6vw,26px) clamp(18px,2vw,32px);color:var(--ink)!important;min-width:0;\n  min-height:clamp(150px,14vw,224px);overflow:hidden;\n  transition:border-color .2s,box-shadow .2s,transform .2s;\n}\n\/* Akzent-Hairline oben in Verderame *\/\n.phc a.phc-cat::before{content:'';position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--anod),var(--verdi) 60%,transparent);opacity:.9;}\n.phc a.phc-cat:hover{border-color:var(--verdi);box-shadow:0 14px 34px rgba(0,27,56,.14);transform:translateY(-3px);}\n\/* Wasserzeichen: eigenes Bild (pep_bg) oder Standard-Molek\u00fcl als Inline-SVG *\/\n.phc-cat__bg{\n  position:absolute;right:-4%;bottom:-6%;width:56%;height:100%;background-position:right bottom;\n  background-repeat:no-repeat;background-size:contain;opacity:.6;pointer-events:none;transition:opacity .2s,transform .3s;\n}\n.phc a.phc-cat:hover .phc-cat__bg{opacity:.85;transform:translate(-2%,-2%);}\n.phc-cat__bg--default{\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 200 200' fill='none' stroke='%23002E5C' stroke-width='1.4' stroke-opacity='.22'%3E%3Ccircle cx='150' cy='150' r='16'\/%3E%3Ccircle cx='108' cy='118' r='11'\/%3E%3Ccircle cx='166' cy='94' r='9'\/%3E%3Ccircle cx='128' cy='68' r='7'\/%3E%3Ccircle cx='70' cy='150' r='8'\/%3E%3Ccircle cx='180' cy='178' r='6'\/%3E%3Cpath d='M138 138l-19-13M156 136l7-33M117 109l8-34M98 124l-20 20M163 160l12 13M119 60l-40-7M137 62l24 27'\/%3E%3Ccircle cx='150' cy='150' r='6' fill='%231E5A9C' fill-opacity='.18' stroke='none'\/%3E%3Ccircle cx='108' cy='118' r='4' fill='%231E5A9C' fill-opacity='.18' stroke='none'\/%3E%3C\/svg%3E\");\n}\n.phc-cat__ico{\n  position:relative;width:clamp(56px,6vw,96px);height:clamp(56px,6vw,96px);border-radius:50%;background:var(--white);display:flex;\n  align-items:center;justify-content:center;color:var(--patina-dk);flex:0 0 auto;\n  box-shadow:0 0 0 1px rgba(0,46,92,.14),0 8px 20px rgba(0,27,56,.10);\n  transition:background .2s,box-shadow .2s;\n}\n.phc a.phc-cat:hover .phc-cat__ico{background:var(--patina);box-shadow:0 0 0 1px var(--patina),0 10px 24px rgba(0,27,56,.22);}\n.phc-cat__ico svg{width:50%;height:50%;display:block;stroke:var(--patina-dk);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s;}\n.phc a.phc-cat:hover .phc-cat__ico svg{stroke:#FFFFFF;}\n.phc-cat__ico img{width:50%;height:50%;display:block;object-fit:contain;}\n.phc-cat__body{position:relative;min-width:0;padding-right:clamp(14px,1.4vw,22px);padding-top:2px;}\n.phc-cat__name{display:block;font-size:clamp(15px,1.4vw,22px);font-weight:600;line-height:1.22;letter-spacing:-.012em;color:var(--ink)!important;margin-bottom:clamp(8px,.9vw,14px);overflow-wrap:break-word;hyphens:auto;}\n.phc-cat__count{\n  display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:clamp(11px,.8vw,12.5px);font-weight:600;letter-spacing:.02em;\n  color:var(--patina-dk)!important;background:rgba(255,255,255,.75);border:1px solid rgba(0,46,92,.16);border-radius:3px;\n  padding:4px 9px;margin-bottom:clamp(14px,1.6vw,26px);white-space:nowrap;\n}\n.phc-cat__link{display:flex;width:max-content;align-items:center;gap:7px;font-size:clamp(12px,.9vw,14px);font-weight:600;color:var(--patina-dk)!important;white-space:nowrap;border-bottom:1px solid transparent;transition:border-color .2s;}\n.phc a.phc-cat:hover .phc-cat__link{border-bottom-color:var(--verdi);}\n.phc-cat__link svg{width:15px;height:15px;flex:0 0 15px;transition:transform .18s;}\n.phc a.phc-cat:hover .phc-cat__link svg{transform:translateX(3px);}\n.phc-cat__arrow{position:absolute;top:clamp(12px,1.4vw,22px);right:clamp(12px,1.4vw,22px);width:18px;height:18px;color:var(--anod);transition:transform .2s,color .2s;}\n.phc a.phc-cat:hover .phc-cat__arrow{transform:translate(3px,-3px);color:var(--patina);}\n.phc-cat__arrow svg{width:100%;height:100%;display:block;}\n\n\/* Wide-Zeile (optional, z.B. Laborbedarf) *\/\n.phc a.phc-cat--wide::before{display:none;}\n.phc a.phc-cat--wide{grid-column:1 \/ -1;grid-template-columns:56px 1fr;align-items:center;padding:16px 44px 16px 18px;min-height:0;background:transparent;border-style:dashed;}\n.phc a.phc-cat--wide .phc-cat__ico{width:56px;height:56px;flex-basis:56px;}\n.phc a.phc-cat--wide .phc-cat__ico svg,.phc a.phc-cat--wide .phc-cat__ico img{width:26px;height:26px;}\n.phc a.phc-cat--wide .phc-cat__body{padding-top:0;}\n.phc a.phc-cat--wide .phc-cat__name{font-size:16px;margin-bottom:2px;}\n.phc a.phc-cat--wide .phc-cat__count{margin-bottom:0;}\n.phc a.phc-cat--wide .phc-cat__link{display:none;}\n.phc a.phc-cat--wide .phc-cat__arrow{top:50%;transform:translateY(-50%);}\n.phc a.phc-cat--wide:hover{border-style:solid;background:var(--white);}\n\n.phc-admin-note{font-family:'IBM Plex Mono',monospace;font-size:11.5px;line-height:1.6;color:#B4442E!important;margin-top:14px;}\n\n\/* ---- Responsive ---- *\/\n@media (max-width:1800px){\n  .phc-wrap{padding-inline:24px;}\n  .phc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}\n  .phc-track{--n:3.2;--g:16px;}\n  .phc-name{font-size:17px;}\n  .phc-price{font-size:18px;}\n  .phc a.phc-cat{grid-template-columns:72px 1fr;gap:16px;padding:26px 18px 22px;min-height:0;}\n  .phc-cat__ico{width:72px;height:72px;}\n  .phc-cat__name{font-size:18px;margin-bottom:10px;}\n  .phc-cat__count{margin-bottom:18px;}\n  .phc-strip__row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;padding:24px;}\n  .phc a.phc-strip__item{padding:0 22px;}\n  .phc a.phc-strip__item:nth-child(odd){border-left:0;padding-left:0;}\n  .phc a.phc-strip__item:nth-child(even){padding-right:0;}\n}\n\n@media (max-width:1200px){\n  .phc-track{--n:2.2;--g:16px;}\n}\n@media (max-width:850px){\n  .phc-track{--n:1.6;--g:16px;}\n}\n\n@media (max-width:620px){\n  \/* ===== KOMPAKT (Wireframe 27.08.2026) ===== *\/\n  .phc-wrap{padding:16px 18px 4px;}\n  .phc-bereiche.phc-wrap{padding-bottom:18px;}\n  .phc-head{margin-bottom:10px;}\n  .phc h2.phc-h2{font-size:20px!important;}\n  .phc a.phc-all{font-size:12.5px;min-height:36px;gap:6px;}\n  .phc-all svg{width:13px;height:13px;flex-basis:13px;}\n\n  \/* Bestseller: horizontale Mini-Karte (Bild links, Text rechts), Swipe *\/\n  .phc-track{--g:8px;margin-inline:-18px;padding-inline:18px;scroll-padding-inline:18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}\n  .phc-track > .phc-card{flex:0 0 66%;scroll-snap-align:start;}\n  .phc-nav{display:none;}\n  .phc-dots{display:flex;margin-top:6px;}\n  .phc a.phc-card{\n    display:flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;\n    border:1px solid rgba(0,46,92,.22);box-shadow:0 2px 0 rgba(0,46,92,.18),0 6px 14px rgba(0,27,56,.10);\n    transition:transform .12s,box-shadow .12s;\n  }\n  .phc a.phc-card:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,46,92,.18),0 3px 8px rgba(0,27,56,.10);}\n  .phc a.phc-card::before{height:3px;background:linear-gradient(90deg,#4A90E2,#1E5A9C);}\n  .phc-img{flex:0 0 30%;width:30%;aspect-ratio:4\/5;position:relative;}\n  .phc-img img{position:static!important;width:100%!important;height:100%!important;aspect-ratio:4\/5;object-fit:cover;}\n  .phc-body{flex:1 1 auto;min-width:0;padding:2px 0;}\n  .phc-name{font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px;}\n  .phc-sub{font-size:10px;margin-bottom:4px;}\n  .phc-price{font-size:14px;margin-bottom:4px;white-space:nowrap;}\n  .phc-price::after{display:none;}\n  .phc-badge{font-size:9.5px;padding:2px 6px;margin-bottom:4px;gap:4px;}\n  .phc-badge svg{width:9px;height:9px;flex-basis:9px;}\n  .phc-doc{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.3;}\n  .phc-doc svg{display:none;}\n  .phc-card__go{display:none;}\n\n  \/* Trust Strip (Modul 29) *\/\n  .phc-strip__row{grid-template-columns:1fr;row-gap:0;padding:6px 18px;}\n  .phc a.phc-strip__item{padding:14px 0;border-left:0;border-top:1px solid rgba(255,255,255,.14);gap:12px;}\n  .phc a.phc-strip__item:first-child{border-top:0;}\n  .phc-strip__ico{flex-basis:30px;width:30px;height:30px;}\n  .phc-strip__t{font-size:14px;margin-bottom:2px;}\n  .phc-strip__d{font-size:12.5px;}\n\n  \/* ===== Bereiche (v26.2): 2\u00d72, Karte VERTIKAL =====\n     Kopfzeile: Icon links, Chevron rechts. Darunter Name + Anzahl in\n     VOLLER Kartenbreite (~150px statt ~85px). Damit passt auch\n     \u201eKupferpeptide\" ohne Umbruch in einer Zeile \u2014 und nichts l\u00e4uft\n     mehr unter den Chevron. Pill am Kartenboden (margin-top:auto),\n     Grid streckt beide Karten einer Zeile auf gleiche H\u00f6he. *\/\n  .phc-grid{grid-template-columns:1fr 1fr;gap:10px;align-items:stretch;}\n  .phc a.phc-cat{\n    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;\n    padding:12px 12px 12px;min-height:0;height:100%;\n    background:linear-gradient(180deg,#FFFFFF 0%,#EEF3F8 100%)!important;border:1px solid #002E5C!important;border-radius:6px!important;\n    \/* Relief: feste Kante unten in Patina-dunkel + Lichtkante oben *\/\n    box-shadow:0 4px 0 #001F3F,0 8px 16px rgba(0,27,56,.16),inset 0 1px 0 #FFFFFF!important;\n    margin-bottom:4px;\n    transition:transform .12s,box-shadow .12s;\n  }\n  .phc a.phc-cat:active{transform:translateY(4px);box-shadow:0 0 0 #001F3F,0 2px 6px rgba(0,27,56,.12),inset 0 1px 0 #FFFFFF!important;}\n  .phc a.phc-cat::before{display:none;}\n  \/* Chevron oben rechts, auf H\u00f6he des Icons \u2014 nie mehr neben dem Text *\/\n  .phc a.phc-cat::after{content:'\u203a';position:absolute;right:12px;top:10px;transform:none;font-family:'IBM Plex Mono',monospace;font-size:24px;line-height:1;color:#002E5C;}\n  .phc a.phc-cat:hover{transform:none;}\n  .phc-cat__ico{width:40px;height:40px;flex:0 0 40px;background:#DCE6F2;box-shadow:none;margin-bottom:10px;}\n  .phc-cat__ico svg,.phc-cat__ico img{width:20px;height:20px;}\n  .phc-cat__body{padding:0;min-width:0;width:100%;flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;}\n  .phc-cat__name{\n    font-size:14px!important;font-weight:700!important;line-height:1.2!important;margin-bottom:8px!important;\n    hyphens:manual!important;-webkit-hyphens:manual!important;word-break:normal!important;\n    overflow-wrap:anywhere!important; \/* Notbremse: bricht nur, wenn ein Wort wirklich nicht passt \u2014 nie mehr \u00dcberlauf *\/\n    color:#001F3F!important;\n  }\n  .phc-cat__count{font-size:10.5px;padding:3px 8px;margin:auto 0 0;background:#F2F3F1;border-color:rgba(0,46,92,.18);color:#002E5C!important;}\n  .phc-cat__link{display:none;}\n  .phc-cat__arrow{display:none!important;}\n  .phc-cat__bg{display:none;}\n  .phc a.phc-cat--wide{grid-column:1 \/ -1;flex-direction:row;align-items:center;gap:10px;padding:8px 30px 8px 8px;min-height:64px;height:auto;}\n  .phc a.phc-cat--wide::after{top:50%;transform:translateY(-50%);}\n  .phc a.phc-cat--wide .phc-cat__ico{margin-bottom:0;}\n  .phc a.phc-cat--wide .phc-cat__count{margin-top:0;}\n}\n@media (max-width:340px){\n  \/* sehr schmale Ger\u00e4te: eine Spalte, Karte horizontal (Icon links) *\/\n  .phc-grid{grid-template-columns:1fr;}\n  .phc a.phc-cat{flex-direction:row;align-items:center;gap:10px;padding:10px 32px 10px 10px;}\n  .phc a.phc-cat::after{top:50%;transform:translateY(-50%);}\n  .phc-cat__ico{margin-bottom:0;}\n  .phc-cat__count{margin-top:0;}\n}\n<\/style>\n\t\t<section class=\"phc phc-wrap phc-bereiche\" aria-label=\"Par domaine\">\n\n\t<div class=\"phc-head\">\n\t\t<h2 class=\"phc-h2\">Par domaine<\/h2>\n\t\t\t\t<a class=\"phc-all\" href=\"https:\/\/peptzone.fr\/fr_be\/shop\/\">Voir toutes les rubriques <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\n\t\t\t<\/div>\n\n\t<div class=\"phc-grid\">\n\t\t<a class=\"phc-cat\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt-kategorie\/esthetique\/\"><span class=\"phc-cat__bg phc-cat__bg--default\" aria-hidden=\"true\"><\/span><span class=\"phc-cat__ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 4c-2 3-5 5.5-5 9a5 5 0 0 0 10 0c0-3.5-3-6-5-9z\"\/><path d=\"M9.5 14.5c.2 1.6 1.3 2.6 2.5 2.7\" opacity=\".45\"\/><path d=\"M18.5 4.5l.7 1.6 1.6.7-1.6.7-.7 1.6-.7-1.6-1.6-.7 1.6-.7z\" opacity=\".45\"\/><\/svg><\/span><span class=\"phc-cat__body\"><span class=\"phc-cat__name\">Esth\u00e9tique<\/span><span class=\"phc-cat__count\">2 produits<\/span><span class=\"phc-cat__link\">Voir les produits <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/span><span class=\"phc-cat__arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg><\/span><\/a><a class=\"phc-cat\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt-kategorie\/energie-et-protection-cellulaire\/\"><span class=\"phc-cat__bg phc-cat__bg--default\" aria-hidden=\"true\"><\/span><span class=\"phc-cat__ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13 2.5L5.5 13h5l-1.5 8.5L18.5 10h-5z\"\/><circle cx=\"12\" cy=\"12\" r=\"9.5\" stroke-dasharray=\"2.4 3.2\" opacity=\".45\"\/><\/svg><\/span><span class=\"phc-cat__body\"><span class=\"phc-cat__name\">\u00c9nergie et protection cellulaire<\/span><span class=\"phc-cat__count\">1 produit<\/span><span class=\"phc-cat__link\">Voir les produits <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/span><span class=\"phc-cat__arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg><\/span><\/a><a class=\"phc-cat\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt-kategorie\/concentration-et-sommeil\/\"><span class=\"phc-cat__bg phc-cat__bg--default\" aria-hidden=\"true\"><\/span><span class=\"phc-cat__ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.5 3.5a7 7 0 1 0 5 11.7A8 8 0 0 1 15.5 3.5z\"\/><path d=\"M5 6h3M6.5 4.5v3\" opacity=\".45\"\/><path d=\"M3.5 12.5h2M4.5 11.5v2\" opacity=\".45\"\/><\/svg><\/span><span class=\"phc-cat__body\"><span class=\"phc-cat__name\">concentration-et-sommeil<\/span><span class=\"phc-cat__count\">3 produits<\/span><span class=\"phc-cat__link\">Voir les produits <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/span><span class=\"phc-cat__arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg><\/span><\/a><a class=\"phc-cat\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt-kategorie\/tissus-et-regeneration\/\"><span class=\"phc-cat__bg phc-cat__bg--default\" aria-hidden=\"true\"><\/span><span class=\"phc-cat__ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 16c3-4 6-5 9-3s5 2 9-3\"\/><path d=\"M3 10c3-4 6-5 9-3s5 2 9-3\" opacity=\".45\"\/><path d=\"M18 4v4\"\/><path d=\"M16 6h4\"\/><\/svg><\/span><span class=\"phc-cat__body\"><span class=\"phc-cat__name\">Tissus et r\u00e9g\u00e9n\u00e9ration<\/span><span class=\"phc-cat__count\">3 produits<\/span><span class=\"phc-cat__link\">Voir les produits <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/span><span class=\"phc-cat__arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg><\/span><\/a><a class=\"phc-cat\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt-kategorie\/combinaisons\/\"><span class=\"phc-cat__bg phc-cat__bg--default\" aria-hidden=\"true\"><\/span><span class=\"phc-cat__ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"8\" cy=\"8\" r=\"4\"\/><circle cx=\"16\" cy=\"16\" r=\"4\"\/><path d=\"M10.8 10.8 13.2 13.2\"\/><circle cx=\"8\" cy=\"8\" r=\"1\" opacity=\".45\"\/><circle cx=\"16\" cy=\"16\" r=\"1\" opacity=\".45\"\/><\/svg><\/span><span class=\"phc-cat__body\"><span class=\"phc-cat__name\">Combinaisons<\/span><span class=\"phc-cat__count\">2 produits<\/span><span class=\"phc-cat__link\">Voir les produits <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/span><span class=\"phc-cat__arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg><\/span><\/a><a class=\"phc-cat\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt-kategorie\/serums\/\"><span class=\"phc-cat__bg phc-cat__bg--default\" aria-hidden=\"true\"><\/span><span class=\"phc-cat__ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"8\" cy=\"8\" r=\"3.2\"\/><circle cx=\"16\" cy=\"16\" r=\"3.2\"\/><circle cx=\"16\" cy=\"7.5\" r=\"2.4\"\/><path d=\"M10.3 10.3l3.4 3.4M11 8h2.6M16 9.9V12.8\"\/><path d=\"M6.8 8.6l2-1.6M14.8 16.6l2-1.6\" opacity=\".45\"\/><\/svg><\/span><span class=\"phc-cat__body\"><span class=\"phc-cat__name\">S\u00e9rums<\/span><span class=\"phc-cat__count\">1 produit<\/span><span class=\"phc-cat__link\">Voir les produits <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/span><span class=\"phc-cat__arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg><\/span><\/a><a class=\"phc-cat\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt-kategorie\/metabolisme-et-regulation\/\"><span class=\"phc-cat__bg phc-cat__bg--default\" aria-hidden=\"true\"><\/span><span class=\"phc-cat__ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3c.7 3-1.5 4.4-1.5 6.7 0 1.5 1 2.5 2.2 3.1 2.6-1.4 3.7-3.6 3.1-6.2 2.1 1.8 3.2 4.1 3.2 6.2 0 4.1-3.1 7.3-7.2 7.3S5 19.4 5 15.3c0-3.3 1.9-6.1 4.9-8.8\"\/><path d=\"M9.5 16.8c.5 1.2 1.4 1.8 2.6 1.8 1.6 0 2.8-1.1 2.8-2.6\" opacity=\".45\"\/><\/svg><\/span><span class=\"phc-cat__body\"><span class=\"phc-cat__name\">M\u00e9tabolisme et r\u00e9gulation<\/span><span class=\"phc-cat__count\">4 produits<\/span><span class=\"phc-cat__link\">Voir les produits <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/span><span class=\"phc-cat__arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg><\/span><\/a><a class=\"phc-cat\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt-kategorie\/accessoires-et-materiel-de-laboratoire\/\"><span class=\"phc-cat__bg phc-cat__bg--default\" aria-hidden=\"true\"><\/span><span class=\"phc-cat__ico\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 3h6\"\/><path d=\"M10 3v4\"\/><path d=\"M14 3v4\"\/><rect x=\"8\" y=\"7\" width=\"8\" height=\"13\" rx=\"2\"\/><path d=\"M8 11h8\" opacity=\".45\"\/><path d=\"M12 13.5s-2 2.1-2 3.4a2 2 0 0 0 4 0c0-1.3-2-3.4-2-3.4z\"\/><\/svg><\/span><span class=\"phc-cat__body\"><span class=\"phc-cat__name\">Accessoires et mat\u00e9riel de laboratoire<\/span><span class=\"phc-cat__count\">2 produits<\/span><span class=\"phc-cat__link\">Voir les produits <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/span><span class=\"phc-cat__arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M7 17L17 7M9 7h8v8\"\/><\/svg><\/span><\/a>\t<\/div>\n\n\t\n<\/section>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-a372f80 e-flex e-con-boxed e-con e-parent\" data-id=\"a372f80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81d3042 elementor-widget elementor-widget-html\" data-id=\"81d3042\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  PEPTZONE \u2014 PREUVE \/ PASSEPORT DE LOT \u00b7 SCH\u00c9MA \u00b7 OPTIMIS\u00c9 MOBILE\r\n\r\n  Changements :\r\n  \u00b7 Pleine largeur en CSS au lieu d'un script (plus de phFit)\r\n  \u00b7 dt\/dd empil\u00e9s sous 560px \u2192 les valeurs mono ne sont plus compress\u00e9es\r\n  \u00b7 QR compact et horizontal, sceau du pied de carte redimensionn\u00e9\r\n  \u00b7 Parcours de v\u00e9rification en cha\u00eene compacte\r\n  \u00b7 Boutons pleine largeur, zone tactile \u226544px\r\n  \u00b7 Breakpoint suppl\u00e9mentaire 400px\r\n============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;600;800&family=IBM+Plex+Mono:wght@500;600&display=swap');\r\n\r\n.php2{\r\n  --deep:#00152D;\r\n  --deep-2:#001B38;\r\n  --paper:#F2F3F1;\r\n  --white:#FFFFFF;\r\n  --patina:#002E5C;\r\n  --patina-dk:#001F3F;\r\n  --verdi:#1E5A9C;\r\n  --verdi-hi:#4A90E2;\r\n  --line:rgba(242,243,241,.13);\r\n\r\n  font-family:'Archivo',system-ui,sans-serif;\r\n  margin:0;\r\n\r\n  \/* Pleine largeur sans script *\/\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  overflow:hidden;\r\n\r\n  background:linear-gradient(180deg,var(--deep-2) 0%,var(--deep) 100%);\r\n  color:var(--paper);\r\n}\r\n\r\n.php2 *{\r\n  box-sizing:border-box;\r\n  margin:0;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   1280PX PROOF CONTAINER\r\n============================================================ *\/\r\n\r\n.php2-wrap{\r\n  max-width:1280px;\r\n  margin-inline:auto;\r\n\r\n  padding:\r\n    clamp(68px,9vw,116px)\r\n    clamp(24px,3.5vw,44px);\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,.88fr)\r\n    minmax(0,1.12fr);\r\n\r\n  gap:clamp(44px,5vw,72px);\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TEXT COLUMN\r\n============================================================ *\/\r\n\r\n.php2 .php2-eyebrow{\r\n  font-family:'IBM Plex Mono',monospace!important;\r\n  font-size:11px;\r\n  font-weight:500;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n  color:var(--verdi-hi)!important;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  margin:0 0 22px;\r\n}\r\n\r\n.php2 .php2-eyebrow::before{\r\n  content:'';\r\n  width:28px;\r\n  height:1px;\r\n  flex:0 0 28px;\r\n  background:var(--verdi-hi);\r\n}\r\n\r\n.php2 h2.php2-h2{\r\n  font-family:'Archivo',sans-serif!important;\r\n  font-size:clamp(34px,4vw,54px)!important;\r\n  font-weight:800!important;\r\n  letter-spacing:-.024em!important;\r\n  line-height:1.04!important;\r\n  color:var(--paper)!important;\r\n  margin:0 0 26px!important;\r\n  padding:0!important;\r\n}\r\n\r\n.php2 h2.php2-h2 em{\r\n  font-style:normal;\r\n  color:var(--verdi-hi)!important;\r\n}\r\n\r\n.php2 .php2-lede{\r\n  font-size:16px;\r\n  line-height:1.65;\r\n  color:rgba(242,243,241,.68)!important;\r\n  max-width:46ch;\r\n  margin:0 0 18px;\r\n}\r\n\r\n.php2 .php2-lede strong{\r\n  color:var(--paper)!important;\r\n  font-weight:600;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   VERIFICATION PATH\r\n============================================================ *\/\r\n\r\n.php2 .php2-path{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:12px;\r\n  font-weight:500;\r\n  color:rgba(242,243,241,.5);\r\n  margin:28px 0 34px;\r\n}\r\n\r\n.php2 .php2-path b{\r\n  color:var(--paper)!important;\r\n  font-weight:600;\r\n  padding:6px 11px;\r\n  border:1px solid var(--line);\r\n  border-radius:2px;\r\n  white-space:nowrap;\r\n}\r\n\r\n.php2 .php2-path i{\r\n  font-style:normal;\r\n  color:var(--verdi-hi)!important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CTA\r\n============================================================ *\/\r\n\r\n.php2 .php2-cta{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n}\r\n\r\n.php2 a.php2-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  font-size:14.5px;\r\n  font-weight:600;\r\n  padding:15px 26px;\r\n  border-radius:3px;\r\n  text-decoration:none!important;\r\n  transition:background .18s,color .18s,border-color .18s;\r\n}\r\n\r\n.php2 a.php2-btn--solid{\r\n  background:var(--verdi-hi)!important;\r\n  color:#000C1E!important;\r\n}\r\n\r\n.php2 a.php2-btn--solid:hover{\r\n  background:#5C9EE8!important;\r\n}\r\n\r\n.php2 a.php2-btn--ghost{\r\n  color:var(--paper)!important;\r\n  border:1px solid rgba(242,243,241,.32);\r\n  background:transparent!important;\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:13px;\r\n}\r\n\r\n.php2 a.php2-btn--ghost:hover{\r\n  border-color:var(--paper);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PASSEPORT DE LOT \u2014 SCH\u00c9MA\r\n============================================================ *\/\r\n\r\n.php2 .php2-pass{\r\n  background:var(--white);\r\n  color:#16191B;\r\n  border-radius:3px;\r\n  overflow:hidden;\r\n  box-shadow:0 40px 80px rgba(0,10,22,.5);\r\n}\r\n\r\n.php2 .php2-pass__head{\r\n  background:var(--patina);\r\n  padding:17px 24px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:14px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.php2 .php2-pass__title{\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:10.5px;\r\n  font-weight:600;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  color:rgba(255,255,255,.78)!important;\r\n}\r\n\r\n.php2 .php2-pass__lot{\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:16px;\r\n  font-weight:600;\r\n  color:#fff!important;\r\n  opacity:.65;\r\n  letter-spacing:.02em;\r\n}\r\n\r\n.php2 .php2-pass__body{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) auto;\r\n}\r\n\r\n.php2 .php2-siegel{\r\n  width:54px;\r\n  height:54px;\r\n  margin-left:auto;\r\n  flex-shrink:0;\r\n}\r\n\r\n.php2 .php2-rows{\r\n  padding:6px 0;\r\n  margin:0;\r\n}\r\n\r\n.php2 .php2-row{\r\n  display:flex;\r\n  align-items:baseline;\r\n  justify-content:space-between;\r\n  gap:18px;\r\n  padding:14px 24px;\r\n  border-bottom:1px solid rgba(22,25,27,.08);\r\n}\r\n\r\n.php2 .php2-row:last-child{\r\n  border-bottom:0;\r\n}\r\n\r\n.php2 .php2-row dt{\r\n  font-size:13px;\r\n  color:#5A6165!important;\r\n  font-weight:400;\r\n  flex:0 0 auto;\r\n}\r\n\r\n.php2 .php2-row dd{\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:12.5px;\r\n  font-weight:600;\r\n  color:#16191B!important;\r\n  text-align:right;\r\n  border-bottom:1.5px solid var(--verdi-hi);\r\n  padding-bottom:2px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   QR\r\n============================================================ *\/\r\n\r\n.php2 .php2-qr{\r\n  padding:24px;\r\n  border-left:1px solid rgba(22,25,27,.08);\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  text-decoration:none!important;\r\n}\r\n\r\n.php2 .php2-qr svg{\r\n  width:100px;\r\n  height:100px;\r\n  flex:0 0 auto;\r\n}\r\n\r\n.php2 .php2-qr span{\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:10px;\r\n  font-weight:500;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n  color:#8A9094!important;\r\n  text-align:center;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PASSPORT FOOTER\r\n============================================================ *\/\r\n\r\n.php2 .php2-pass__foot{\r\n  padding:17px 24px;\r\n  border-top:1px solid rgba(22,25,27,.08);\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.php2 .php2-status{\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:11px;\r\n  font-weight:600;\r\n  letter-spacing:.1em;\r\n  text-transform:uppercase;\r\n  padding:6px 12px;\r\n  border-radius:2px;\r\n  background:var(--verdi-hi);\r\n  color:#000C1E!important;\r\n}\r\n\r\n.php2 a.php2-report{\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:12.5px;\r\n  font-weight:600;\r\n  color:var(--patina-dk)!important;\r\n  text-decoration:none!important;\r\n  border-bottom:1.5px solid var(--verdi-hi);\r\n  padding-bottom:2px;\r\n  transition:color .18s;\r\n}\r\n\r\n.php2 a.php2-report:hover{\r\n  color:var(--verdi)!important;\r\n}\r\n\r\n.php2 .php2-note{\r\n  font-size:11.5px;\r\n  color:#8A9094!important;\r\n  padding:0 24px 20px;\r\n  line-height:1.55;\r\n  margin:0;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLETTE \u2264960px\r\n============================================================ *\/\r\n\r\n@media (max-width:960px){\r\n  .php2-wrap{\r\n    max-width:760px;\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n    padding-block:clamp(56px,8vw,80px);\r\n  }\r\n\r\n  .php2 .php2-pass__body{grid-template-columns:1fr;}\r\n\r\n  .php2 .php2-qr{\r\n    border-left:0;\r\n    border-top:1px solid rgba(22,25,27,.08);\r\n    flex-direction:row;\r\n    gap:16px;\r\n    justify-content:flex-start;\r\n    padding:18px 24px;\r\n  }\r\n\r\n  .php2 .php2-qr svg{width:76px;height:76px;}\r\n  .php2 .php2-qr span{text-align:left;}\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE \u2264560px\r\n   Libell\u00e9 et valeur empil\u00e9s : les valeurs mono sont longues\r\n   (\u00ab confirm\u00e9e par spectrom\u00e9trie de masse \u00bb) et seraient sinon\r\n   compress\u00e9es sur deux lignes \u00e0 c\u00f4t\u00e9 du libell\u00e9.\r\n============================================================ *\/\r\n\r\n@media (max-width:560px){\r\n\r\n  .php2-wrap{\r\n    padding:46px 18px 52px;\r\n    gap:32px;\r\n  }\r\n\r\n  .php2 .php2-eyebrow{\r\n    margin-bottom:16px;\r\n    font-size:10px;\r\n    letter-spacing:.13em;\r\n  }\r\n\r\n  .php2 h2.php2-h2{\r\n    font-size:clamp(28px,8.5vw,36px)!important;\r\n    margin-bottom:18px!important;\r\n  }\r\n\r\n  .php2 .php2-lede{\r\n    font-size:15.5px;\r\n    line-height:1.6;\r\n    margin-bottom:14px;\r\n  }\r\n\r\n  \/* Parcours de v\u00e9rification plus compact *\/\r\n  .php2 .php2-path{\r\n    gap:7px;\r\n    margin:22px 0 26px;\r\n    font-size:11px;\r\n  }\r\n  .php2 .php2-path b{padding:5px 9px;}\r\n\r\n  \/* Boutons : pleine largeur, zone tactile *\/\r\n  .php2 .php2-cta{\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n    gap:10px;\r\n  }\r\n  .php2 a.php2-btn{\r\n    width:100%;\r\n    min-height:48px;\r\n    padding:14px 20px;\r\n  }\r\n\r\n  \/* En-t\u00eate du passeport *\/\r\n  .php2 .php2-pass__head{\r\n    padding:14px 18px;\r\n    gap:6px;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n  }\r\n  .php2 .php2-pass__lot{font-size:14px;}\r\n\r\n  \/* Lignes empil\u00e9es *\/\r\n  .php2 .php2-row{\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    gap:5px;\r\n    padding:12px 18px;\r\n  }\r\n  .php2 .php2-row dt{\r\n    font-size:12px;\r\n    letter-spacing:.02em;\r\n  }\r\n  .php2 .php2-row dd{\r\n    text-align:left;\r\n    font-size:12px;\r\n    line-height:1.4;\r\n  }\r\n\r\n  \/* QR compact *\/\r\n  .php2 .php2-qr{\r\n    padding:16px 18px;\r\n    gap:14px;\r\n    min-height:48px;\r\n  }\r\n  .php2 .php2-qr svg{width:64px;height:64px;}\r\n  .php2 .php2-qr span{font-size:9.5px;}\r\n\r\n  \/* Pied de la carte *\/\r\n  .php2 .php2-pass__foot{\r\n    padding:14px 18px;\r\n    gap:12px;\r\n    align-items:center;\r\n  }\r\n  .php2 .php2-siegel{width:42px;height:42px;}\r\n  .php2 a.php2-report{font-size:11.5px;}\r\n  .php2 .php2-status{font-size:10px;padding:5px 10px;}\r\n\r\n  .php2 .php2-note{\r\n    padding:0 18px 18px;\r\n    font-size:11px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TR\u00c8S PETIT \u2264400px\r\n============================================================ *\/\r\n\r\n@media (max-width:400px){\r\n  .php2-wrap{padding:40px 14px 46px;}\r\n  .php2 h2.php2-h2{font-size:26px!important;}\r\n  .php2 .php2-lede{font-size:15px;}\r\n  .php2 .php2-path{font-size:10.5px;gap:6px;}\r\n  .php2 .php2-path b{padding:4px 8px;}\r\n  .php2 .php2-row,\r\n  .php2 .php2-pass__head,\r\n  .php2 .php2-pass__foot,\r\n  .php2 .php2-qr{padding-inline:14px;}\r\n  .php2 .php2-note{padding-inline:14px;}\r\n  .php2 .php2-qr svg{width:56px;height:56px;}\r\n  .php2 .php2-siegel{width:38px;height:38px;}\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"php2\" aria-label=\"Preuve par lot\">\r\n\r\n  <div class=\"php2-wrap\">\r\n\r\n\r\n    <!-- ========================================================\r\n         COPY\r\n    ========================================================= -->\r\n\r\n    <div>\r\n\r\n      <p class=\"php2-eyebrow\" style=\"color:#4A90E2!important\">\r\n        La preuve, pas la promesse\r\n      <\/p>\r\n\r\n      <h2 class=\"php2-h2\" style=\"color:#F2F3F1!important\">\r\n        Chaque lot a\r\n        <em style=\"color:#4A90E2!important;font-style:normal\">\r\n          son propre rapport.\r\n        <\/em>\r\n      <\/h2>\r\n\r\n      <p class=\"php2-lede\" style=\"color:rgba(242,243,241,.68)!important\">\r\n        Pas de PDF g\u00e9n\u00e9rique perdu quelque part dans le pied de page.\r\n        Le num\u00e9ro de LOT figurant sur votre produit appara\u00eet aussi sur le rapport correspondant \u2014\r\n        et vous pouvez\r\n        <strong style=\"color:#F2F3F1!important\">le consulter avant l\u2019achat.<\/strong>\r\n      <\/p>\r\n\r\n      <p class=\"php2-lede\" style=\"color:rgba(242,243,241,.68)!important\">\r\n        Quand le lot change, la documentation change aussi.\r\n        Les anciens lots restent accessibles \u2014 votre lot ne dispara\u00eet pas\r\n        quand un nouveau lot arrive.\r\n      <\/p>\r\n\r\n\r\n      <div class=\"php2-path\" aria-label=\"Parcours de v\u00e9rification\">\r\n        <b style=\"color:#F2F3F1!important\">LOT<\/b>\r\n        <i style=\"color:#4A90E2!important;font-style:normal\">\u2192<\/i>\r\n        <b style=\"color:#F2F3F1!important\">QR<\/b>\r\n        <i style=\"color:#4A90E2!important;font-style:normal\">\u2192<\/i>\r\n        <b style=\"color:#F2F3F1!important\">Passeport de lot<\/b>\r\n        <i style=\"color:#4A90E2!important;font-style:normal\">\u2192<\/i>\r\n        <b style=\"color:#F2F3F1!important\">PDF original<\/b>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"php2-cta\">\r\n\r\n        <a class=\"php2-btn php2-btn--solid\" href=\"\/verify-a-batch\/\"\r\n           style=\"background:#4A90E2!important;color:#000C1E!important\">\r\n          Consulter le registre des lots\r\n        <\/a>\r\n\r\n        <a class=\"php2-btn php2-btn--ghost\" href=\"\/qualite\/\"\r\n           style=\"color:#F2F3F1!important;border:1px solid rgba(242,243,241,.32)\">\r\n          Standard qualit\u00e9\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ========================================================\r\n         PASSEPORT DE LOT \u2014 SCH\u00c9MA\r\n    ========================================================= -->\r\n\r\n    <div class=\"php2-pass\">\r\n\r\n\r\n      <div class=\"php2-pass__head\">\r\n\r\n        <span class=\"php2-pass__title\" style=\"color:rgba(255,255,255,.78)!important\">\r\n          Passeport de lot \u00b7 Structure\r\n        <\/span>\r\n\r\n        <span class=\"php2-pass__lot\" style=\"color:#FFFFFF!important\">\r\n          Votre num\u00e9ro de LOT\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"php2-pass__body\">\r\n\r\n        <dl class=\"php2-rows\">\r\n\r\n          <div class=\"php2-row\">\r\n            <dt>Identit\u00e9<\/dt>\r\n            <dd>confirm\u00e9e par spectrom\u00e9trie de masse<\/dd>\r\n          <\/div>\r\n\r\n          <div class=\"php2-row\">\r\n            <dt>Puret\u00e9<\/dt>\r\n            <dd>indiqu\u00e9e dans le rapport<\/dd>\r\n          <\/div>\r\n\r\n          <div class=\"php2-row\">\r\n            <dt>Teneur<\/dt>\r\n            <dd>quantifi\u00e9e s\u00e9par\u00e9ment<\/dd>\r\n          <\/div>\r\n\r\n          <div class=\"php2-row\">\r\n            <dt>Laboratoire<\/dt>\r\n            <dd>externe \u00b7 nomm\u00e9 explicitement<\/dd>\r\n          <\/div>\r\n\r\n          <div class=\"php2-row\">\r\n            <dt>Date du contr\u00f4le<\/dt>\r\n            <dd>document\u00e9e pour chaque lot<\/dd>\r\n          <\/div>\r\n\r\n        <\/dl>\r\n\r\n\r\n        <a class=\"php2-qr\" href=\"\/verify-a-batch\/\" style=\"text-decoration:none;\">\r\n\r\n          <svg viewBox=\"0 0 25 25\" shape-rendering=\"crispEdges\" aria-hidden=\"true\">\r\n\r\n            <rect width=\"25\" height=\"25\" fill=\"#fff\"\/>\r\n\r\n            <g fill=\"#16191B\">\r\n              <path d=\"M0 0h7v7H0zM1 1v5h5V1z\" fill-rule=\"evenodd\"\/>\r\n              <rect x=\"2\" y=\"2\" width=\"3\" height=\"3\"\/>\r\n              <path d=\"M18 0h7v7h-7zM19 1v5h5V1z\" fill-rule=\"evenodd\"\/>\r\n              <rect x=\"20\" y=\"2\" width=\"3\" height=\"3\"\/>\r\n              <path d=\"M0 18h7v7H0zM1 19v5h5v-5z\" fill-rule=\"evenodd\"\/>\r\n              <rect x=\"2\" y=\"20\" width=\"3\" height=\"3\"\/>\r\n\r\n              <rect x=\"9\" y=\"0\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"11\" y=\"0\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"15\" y=\"0\" width=\"1\" height=\"2\"\/>\r\n              <rect x=\"9\" y=\"2\" width=\"1\" height=\"2\"\/>\r\n              <rect x=\"12\" y=\"2\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"14\" y=\"3\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"10\" y=\"5\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"13\" y=\"5\" width=\"1\" height=\"2\"\/>\r\n              <rect x=\"16\" y=\"5\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"0\" y=\"9\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"3\" y=\"9\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"5\" y=\"10\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"8\" y=\"9\" width=\"1\" height=\"2\"\/>\r\n              <rect x=\"10\" y=\"10\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"14\" y=\"9\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"16\" y=\"9\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"19\" y=\"10\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"22\" y=\"9\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"1\" y=\"12\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"4\" y=\"12\" width=\"1\" height=\"2\"\/>\r\n              <rect x=\"6\" y=\"13\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"9\" y=\"13\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"15\" y=\"12\" width=\"1\" height=\"2\"\/>\r\n              <rect x=\"18\" y=\"12\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"21\" y=\"13\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"23\" y=\"12\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"0\" y=\"15\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"2\" y=\"15\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"5\" y=\"16\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"8\" y=\"15\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"12\" y=\"15\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"14\" y=\"16\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"18\" y=\"15\" width=\"1\" height=\"2\"\/>\r\n              <rect x=\"20\" y=\"16\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"23\" y=\"15\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"9\" y=\"18\" width=\"1\" height=\"2\"\/>\r\n              <rect x=\"12\" y=\"18\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"16\" y=\"19\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"19\" y=\"18\" width=\"2\" height=\"2\"\/>\r\n              <rect x=\"23\" y=\"18\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"10\" y=\"21\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"13\" y=\"21\" width=\"1\" height=\"2\"\/>\r\n              <rect x=\"15\" y=\"22\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"18\" y=\"22\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"21\" y=\"21\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"23\" y=\"22\" width=\"1\" height=\"2\"\/>\r\n              <rect x=\"9\" y=\"24\" width=\"2\" height=\"1\"\/>\r\n              <rect x=\"14\" y=\"24\" width=\"1\" height=\"1\"\/>\r\n              <rect x=\"17\" y=\"24\" width=\"1\" height=\"1\"\/>\r\n            <\/g>\r\n\r\n            <rect x=\"11\" y=\"11\" width=\"3\" height=\"3\" fill=\"#1E5A9C\"\/>\r\n\r\n          <\/svg>\r\n\r\n          <span>Sur chaque flacon<\/span>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"php2-pass__foot\">\r\n\r\n        <span class=\"php2-status\">Statut de validation<\/span>\r\n\r\n        <a class=\"php2-report\" href=\"\/verify-a-batch\/\">\r\n          Ouvrir le registre des lots&nbsp;\u2192\r\n        <\/a>\r\n\r\n        <svg class=\"php2-siegel\" viewBox=\"0 0 200 200\" aria-hidden=\"true\">\r\n          <circle cx=\"100\" cy=\"100\" r=\"92\" fill=\"#FFFFFF\" stroke=\"#16191B\" stroke-width=\"7\"\/>\r\n          <circle cx=\"100\" cy=\"100\" r=\"68\" fill=\"none\" stroke=\"#16191B\" stroke-width=\"3\"\/>\r\n          <circle cx=\"100\" cy=\"22\" r=\"4.5\" fill=\"#4A90E2\"\/>\r\n          <circle cx=\"100\" cy=\"178\" r=\"4.5\" fill=\"#4A90E2\"\/>\r\n          <polygon points=\"66,72 84,62 84,138 66,138\" fill=\"#16191B\"\/>\r\n          <polygon points=\"116,62 134,62 134,128 116,138\" fill=\"#16191B\"\/>\r\n          <rect x=\"66\" y=\"94\" width=\"68\" height=\"13\" fill=\"#002E5C\"\/>\r\n          <rect x=\"66\" y=\"94\" width=\"68\" height=\"3.5\" fill=\"#4A90E2\"\/>\r\n        <\/svg>\r\n\r\n      <\/div>\r\n\r\n\r\n      <p class=\"php2-note\">\r\n        Repr\u00e9sentation sch\u00e9matique de la structure.\r\n        Les valeurs r\u00e9elles figurent sur la page du lot concern\u00e9 \u2014\r\n        seules les informations relatives aux contr\u00f4les effectu\u00e9s pour ce lot y sont affich\u00e9es.\r\n      <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-2c2a1e8 e-flex e-con-boxed e-con e-parent\" data-id=\"2c2a1e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b14130d elementor-widget elementor-widget-html\" data-id=\"b14130d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  PEPTZONE \u2014 LIVRAISON \u00b7 Timeline avec cartes photo\r\n  WIDTH : 1420px (tier COMMERCE) \u00b7 v3 (29.08.2026) \u00b7 localisation FR\r\n\r\n  \u00b7 Chaque \u00e9tape a une carte photo au format carte postale\r\n    (bord blanc, hairline, l\u00e9gende avec num\u00e9ro d'\u00e9tape)\r\n  \u00b7 Chemin entre les cartes : ligne tiret\u00e9e ondul\u00e9e, qui passe sous la\r\n    carte suivante (--route-over) \u2014 horizontale sur desktop, verticale\r\n    sur mobile. Dessin\u00e9e uniquement en ::before\/::after (aucun tag vide,\r\n    l'\u00e9diteur les supprimerait). R\u00e9glages : --seg (desktop),\r\n    --route-gap \/ --route-over \/ --route-len \/ --route-ang \/ --route-dx \/\r\n    --route-x2 (mobile).\r\n  \u00b7 Desktop : 4 colonnes en zigzag (--off), cartes l\u00e9g\u00e8rement inclin\u00e9es\r\n    (\u00b11,2\u00b0) ; mobile : cartes altern\u00e9es gauche\/droite (--w = 84 %)\r\n\r\n  \u2500\u2500 INS\u00c9RER LES IMAGES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  Charger quatre photos dans la m\u00e9diath\u00e8que et remplacer les quatre src\r\n  ci-dessous (rechercher \u00ab IMAGE 01 \u00bb \u2026 \u00ab IMAGE 04 \u00bb).\r\n  Recommand\u00e9 : paysage 4:3, min. 900\u00d7675 px, WebP ou JPG.\r\n  Si une URL casse, la zone reste simplement claire \u2014 pas d'ic\u00f4ne bris\u00e9e.\r\n\r\n  \u2500\u2500 \u00c0 V\u00c9RIFIER AVANT LA MISE EN LIGNE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  \u00b7 Transporteur (l'\u00e9tape 03 nomme DHL)\r\n  \u00b7 D\u00e9lai 3 \u00e0 4 jours ouvr\u00e9s\r\n============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;600;800&family=IBM+Plex+Mono:wght@500;600&display=swap');\r\n\r\n.phv{\r\n  --paper:#F2F3F1;\r\n  --white:#FFFFFF;\r\n  --ink:#16191B;\r\n  --patina:#002E5C;\r\n  --patina-dk:#001F3F;\r\n  --wash:#DCE6F2;\r\n  --verdi:#1E5A9C;\r\n  --verdi-hi:#4A90E2;\r\n  --line:rgba(22,25,27,.12);\r\n\r\n  font-family:'Archivo',system-ui,sans-serif;\r\n  margin:0;\r\n\r\n  \/* Pleine largeur sans script *\/\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  overflow:hidden;\r\n\r\n  background:var(--white);\r\n}\r\n\r\n.phv *{\r\n  box-sizing:border-box;\r\n  margin:0;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   1420PX SHIPPING CONTAINER\r\n============================================================ *\/\r\n\r\n.phv-wrap{\r\n  max-width:1420px;\r\n  margin-inline:auto;\r\n\r\n  padding:\r\n    clamp(68px,8vw,116px)\r\n    clamp(24px,3vw,40px);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   HEADER\r\n============================================================ *\/\r\n\r\n.phv-eyebrow{\r\n  font-family:'IBM Plex Mono',monospace!important;\r\n  font-size:11px;\r\n  font-weight:500;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  margin:0 0 22px;\r\n}\r\n\r\n.phv-eyebrow::before{\r\n  content:'';\r\n  width:28px;\r\n  height:1px;\r\n  flex:0 0 28px;\r\n  background:#4A90E2;\r\n}\r\n\r\n.phv h2.phv-h2{\r\n  font-family:'Archivo',sans-serif!important;\r\n  font-size:clamp(34px,4.2vw,56px)!important;\r\n  font-weight:800!important;\r\n  letter-spacing:-.024em!important;\r\n  line-height:1.04!important;\r\n  margin:0 0 16px!important;\r\n  padding:0!important;\r\n  max-width:20ch;\r\n}\r\n\r\n.phv-lede{\r\n  font-size:16px;\r\n  line-height:1.62;\r\n  max-width:58ch;\r\n  margin:0 0 clamp(40px,4.5vw,64px);\r\n}\r\n\r\n.phv-lede strong{\r\n  font-weight:600;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SHIPPING RAIL \u2014 Desktop : quatre colonnes\r\n============================================================ *\/\r\n\r\n.phv-rail{\r\n  --gap:clamp(34px,3.4vw,60px);\r\n  --off:58px;      \/* d\u00e9calage vertical des cartes paires *\/\r\n  --slope:40deg;   \/* inclinaison de la liaison *\/\r\n  --seg:calc(var(--gap) + 62px); \/* d\u00e9passe l'espace et passe sous la carte suivante *\/\r\n\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n  gap:var(--gap);\r\n}\r\n\r\n.phv-step{\r\n  position:relative;\r\n  min-width:0;\r\n  text-align:center;\r\n}\r\n\r\n\/* Parcours : une carte sur deux plus bas *\/\r\n.phv-step:nth-child(even){margin-top:var(--off);}\r\n\r\n\r\n\/* ============================================================\r\n   CARTE PHOTO \u2014 carte postale : bord blanc + hairline + l\u00e9gende\r\n============================================================ *\/\r\n\r\n.phv-media{\r\n  position:relative;\r\n  margin-bottom:20px;\r\n}\r\n\r\n.phv-card{\r\n  position:relative;\r\n  z-index:1;\r\n  background:var(--white);\r\n  border:1px solid var(--line);\r\n  border-radius:3px;\r\n  padding:9px 9px 0;\r\n  transform:rotate(-1.2deg);\r\n  transition:border-color .18s,transform .18s;\r\n}\r\n\r\n.phv-step:nth-child(even) .phv-card{transform:rotate(1.1deg);}\r\n.phv-step:hover .phv-card{transform:rotate(0deg);}\r\n\r\n.phv-shot{\r\n  display:block;\r\n  aspect-ratio:4\/3;\r\n  overflow:hidden;\r\n  border-radius:2px;\r\n  background:var(--wash);\r\n\r\n  \/* zone calme si une image manque *\/\r\n  background-image:radial-gradient(rgba(0,46,92,.16) 1px,transparent 1px);\r\n  background-size:9px 9px;\r\n}\r\n\r\n.phv-shot img{\r\n  display:block;\r\n  width:100%!important;\r\n  height:100%!important;\r\n  max-width:100%!important;\r\n  object-fit:cover;\r\n  object-position:center;\r\n}\r\n\r\n.phv-stamp{display:none;}\r\n\r\n.phv-cap{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:10px;\r\n  padding:9px 2px 10px;\r\n  text-align:left;\r\n}\r\n\r\n.phv-cap em{\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-style:normal;\r\n  font-size:11px;\r\n  font-weight:600;\r\n  letter-spacing:.1em;\r\n}\r\n\r\n.phv-cap span{\r\n  font-size:11.5px;\r\n  font-weight:600;\r\n  letter-spacing:.02em;\r\n  text-transform:uppercase;\r\n  white-space:nowrap;\r\n  overflow:hidden;\r\n  text-overflow:ellipsis;\r\n}\r\n\r\n\/* \u00e9tape active *\/\r\n.phv-step--hot .phv-card{\r\n  border-color:#1E5A9C;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CHEMIN ENTRE LES CARTES\r\n   Point \u00b7 ligne tiret\u00e9e \u00b7 vague \u2014 uniquement en pseudo-\u00e9l\u00e9ments,\r\n   pour qu'aucun tag vide ne soit n\u00e9cessaire (l'\u00e9diteur les supprime).\r\n============================================================ *\/\r\n\r\n\/* Point de d\u00e9part au bord droit de la carte *\/\r\n.phv-media::before{\r\n  content:'';\r\n  position:absolute;\r\n  left:calc(100% + 2px);\r\n  top:50%;\r\n  width:7px;\r\n  height:7px;\r\n  margin-top:-3.5px;\r\n  border-radius:50%;\r\n  background:#1E5A9C;\r\n  z-index:0;\r\n}\r\n\r\n\/* tron\u00e7on ondul\u00e9 et tiret\u00e9 \u2014 inclin\u00e9 vers la carte suivante *\/\r\n.phv-media::after{\r\n  content:'';\r\n  position:absolute;\r\n  left:calc(100% + 12px);\r\n  top:50%;\r\n  width:var(--seg,104px);\r\n  height:26px;\r\n  margin-top:-13px;\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='64' height='26' viewBox='0 0 64 26'%3E%3Cpath d='M0 13Q16 1 32 13Q48 25 64 13' fill='none' stroke='%234A90E2' stroke-width='2' stroke-dasharray='6 7' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n  background-repeat:repeat-x;\r\n  background-size:64px 26px;\r\n  transform-origin:left center;\r\n  transform:rotate(var(--slope));\r\n  z-index:0;\r\n}\r\n\r\n.phv-step:nth-child(even) .phv-media::after{transform:rotate(calc(-1 * var(--slope)));}\r\n\r\n\/* derni\u00e8re carte : plus de chemin *\/\r\n.phv-step:last-child .phv-media::before,\r\n.phv-step:last-child .phv-media::after{content:none;}\r\n\r\n\r\n\/* ============================================================\r\n   TEXT\r\n============================================================ *\/\r\n\r\n.phv-step__n{\r\n  display:block;\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:11px;\r\n  font-weight:600;\r\n  letter-spacing:.1em;\r\n  text-transform:uppercase;\r\n  margin-bottom:11px;\r\n}\r\n\r\n.phv-step__t{\r\n  display:block;\r\n  font-size:17px;\r\n  font-weight:600;\r\n  letter-spacing:-.01em;\r\n  margin-bottom:9px;\r\n}\r\n\r\n.phv-step__d{\r\n  display:block;\r\n  font-size:13.5px;\r\n  line-height:1.6;\r\n  max-width:27ch;\r\n  margin-inline:auto;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   BUYER PROTECTION NOTE\r\n============================================================ *\/\r\n\r\n.phv-note{\r\n  margin-top:clamp(40px,4.5vw,64px);\r\n  background:var(--paper);\r\n  border-radius:3px;\r\n  border-left:2px solid #1E5A9C;\r\n  padding:21px 26px;\r\n  display:flex;\r\n  gap:12px 34px;\r\n  flex-wrap:wrap;\r\n  align-items:baseline;\r\n}\r\n\r\n.phv-note b{\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:13px;\r\n  font-weight:600;\r\n  white-space:nowrap;\r\n  border-bottom:1.5px solid #4A90E2;\r\n  padding-bottom:2px;\r\n}\r\n\r\n.phv-note span{\r\n  font-size:14px;\r\n  line-height:1.55;\r\n  flex:1;\r\n  min-width:260px;\r\n}\r\n\r\n.phv-note a{\r\n  color:#001F3F!important;\r\n  font-weight:600;\r\n  text-decoration:underline;\r\n  text-underline-offset:3px;\r\n  text-decoration-color:#4A90E2;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SMALL DESKTOP\r\n============================================================ *\/\r\n\r\n@media (max-width:1100px){\r\n  .phv-rail{--gap:clamp(26px,3vw,40px);--off:42px;--slope:38deg;--seg:calc(var(--gap) + 54px);}\r\n  .phv-step__d{max-width:24ch;}\r\n  .phv-cap span{font-size:10.5px;}\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLETTE \/ MOBILE \u2264860px \u2014 empil\u00e9, photo pleine largeur\r\n   Ordre : carte photo \u2192 titre \u2192 texte \u2192 chemin vers la carte suivante\r\n============================================================ *\/\r\n\r\n@media (max-width:860px){\r\n\r\n  .phv-wrap{\r\n    max-width:760px;\r\n    padding-block:clamp(56px,8vw,80px);\r\n  }\r\n\r\n  .phv-rail{\r\n    grid-template-columns:1fr;\r\n    gap:0;\r\n    max-width:560px;\r\n    margin-inline:auto;\r\n    --w:84%;        \/* largeur de la carte \u2014 le reste donne le d\u00e9calage *\/\r\n    --tilt:1.2deg;\r\n    --slope:19deg;\r\n    --route-gap:62px;   \/* espace visible entre deux \u00e9tapes *\/\r\n    --route-over:46px;  \/* le tron\u00e7on passe d'autant sous la carte suivante *\/\r\n    --route-len:131px;   \/* longueur de la ligne ondul\u00e9e *\/\r\n    --route-ang:40deg;   \/* inclinaison *\/\r\n    --route-dx:84px;    \/* = longueur \u00d7 sin(angle) *\/\r\n    --route-x2:64%;      \/* point d'arriv\u00e9e au-dessus de la carte suivante *\/\r\n  }\r\n\r\n  .phv-step{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    text-align:left;\r\n    margin-top:0;\r\n  }\r\n\r\n  \/* Les cartes changent de c\u00f4t\u00e9 \u2192 chemin en zigzag *\/\r\n  .phv-card,\r\n  .phv-step__t,\r\n  .phv-step__d{width:var(--w);max-width:100%;}\r\n\r\n  .phv-step:nth-child(even) .phv-card,\r\n  .phv-step:nth-child(even) .phv-step__t,\r\n  .phv-step:nth-child(even) .phv-step__d{align-self:flex-end;}\r\n\r\n  .phv-step:nth-child(odd) .phv-card{transform:rotate(calc(-1 * var(--tilt)));}\r\n  .phv-step:nth-child(even) .phv-card{transform:rotate(var(--tilt));}\r\n\r\n  \/* Figure et chemin deviennent enfants directs de l'\u00e9tape \u2192 order s'applique *\/\r\n  .phv-media{display:contents;}\r\n\r\n  .phv-card{order:1;}\r\n  .phv-step__n{order:2;}\r\n  .phv-step__t{order:3;}\r\n  .phv-step__d{order:4;}\r\n\r\n  .phv-card{\r\n    padding:8px 8px 0;\r\n  }\r\n\r\n  \/* format plus calme que 4:3 \u2014 moins de hauteur, plus d'image *\/\r\n  .phv-shot{\r\n    aspect-ratio:16\/10;\r\n    background-size:11px 11px;\r\n  }\r\n\r\n  \/* Num\u00e9ro en tampon sur la carte, change de c\u00f4t\u00e9 avec la carte *\/\r\n  .phv-shot{position:relative;}\r\n\r\n  .phv-stamp{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    position:absolute;\r\n    top:9px;\r\n    right:9px;\r\n    min-width:30px;\r\n    height:30px;\r\n    padding:0 8px;\r\n    background:#FFFFFF;\r\n    border-radius:2px;\r\n    font-family:'IBM Plex Mono',monospace;\r\n    font-size:12.5px;\r\n    font-weight:600;\r\n    letter-spacing:.06em;\r\n  }\r\n\r\n  .phv-step:nth-child(even) .phv-stamp{right:auto;left:9px;}\r\n\r\n  .phv-cap{\r\n    padding:10px 3px 11px;\r\n    border-top:1px solid rgba(22,25,27,.08);\r\n    margin-top:9px;\r\n    gap:12px;\r\n  }\r\n\r\n  .phv-cap em{display:none;}          \/* le num\u00e9ro est d\u00e9j\u00e0 sur l'image *\/\r\n  .phv-cap span{font-size:11px;letter-spacing:.08em;}\r\n\r\n  \/* le num\u00e9ro est d\u00e9j\u00e0 sur la carte *\/\r\n  .phv-step__n{display:none;}\r\n\r\n  .phv-step__t{\r\n    font-size:19.5px;\r\n    line-height:1.24;\r\n    letter-spacing:-.015em;\r\n    margin:15px 0 7px;\r\n  }\r\n\r\n  .phv-step__d{\r\n    margin-inline:0;\r\n    max-width:var(--w);\r\n    font-size:14.5px;\r\n    line-height:1.62;\r\n  }\r\n\r\n  \/* Chemin de carte \u00e0 carte : ligne ondul\u00e9e inclin\u00e9e.\r\n     Le point d'arriv\u00e9e (--route-x2) est au-dessus de la carte suivante,\r\n     le point de d\u00e9part --route-dx plus \u00e0 gauche\/droite sous la pr\u00e9c\u00e9dente.\r\n     L'espace r\u00e9serv\u00e9 fait exactement --route-dy de haut \u2014 pas de vide. *\/\r\n  .phv-step{\r\n    position:relative;\r\n    padding-bottom:var(--route-gap,62px);\r\n  }\r\n\r\n  .phv-step:last-child{padding-bottom:0;}\r\n\r\n  \/* Chemin desktop d\u00e9sactiv\u00e9 *\/\r\n  .phv-media::before,\r\n  .phv-media::after{content:none;}\r\n\r\n  \/* Point de d\u00e9part \u2014 extr\u00e9mit\u00e9 haute du tron\u00e7on *\/\r\n  .phv-step::before{\r\n    content:'';\r\n    position:absolute;\r\n    left:calc(var(--route-x2,64%) - var(--route-dx,84px));\r\n    bottom:calc(var(--route-gap,62px) - 4px);\r\n    width:7px;\r\n    height:7px;\r\n    margin:0 0 0 -3.5px;\r\n    border-radius:50%;\r\n    background:#1E5A9C;\r\n  }\r\n\r\n  \/* tron\u00e7on ondul\u00e9 et tiret\u00e9 \u2014 pivote autour de son extr\u00e9mit\u00e9 basse *\/\r\n  .phv-step::after{\r\n    content:'';\r\n    position:absolute;\r\n    left:var(--route-x2,64%);\r\n    bottom:calc(-1 * var(--route-over,46px));\r\n    width:26px;\r\n    height:var(--route-len,131px);\r\n    z-index:0;\r\n    margin-left:-13px;\r\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='26' height='64' viewBox='0 0 26 64'%3E%3Cpath d='M13 0Q25 16 13 32Q1 48 13 64' fill='none' stroke='%234A90E2' stroke-width='2' stroke-dasharray='6 7' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n    background-repeat:repeat-y;\r\n    background-size:26px 64px;\r\n    transform-origin:bottom center;\r\n    transform:rotate(calc(-1 * var(--route-ang,40deg)));\r\n  }\r\n\r\n  \/* la carte suivante est \u00e0 gauche \u2192 le tron\u00e7on bascule dans l'autre sens *\/\r\n  .phv-step:nth-child(even){--route-x2:36%;}\r\n\r\n  .phv-step:nth-child(even)::before{\r\n    left:calc(var(--route-x2,36%) + var(--route-dx,84px));\r\n  }\r\n\r\n  .phv-step:nth-child(even)::after{\r\n    transform:rotate(var(--route-ang,40deg));\r\n  }\r\n\r\n  .phv-step:last-child::before,\r\n  .phv-step:last-child::after{content:none;}\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE \u2264560px\r\n============================================================ *\/\r\n\r\n@media (max-width:560px){\r\n\r\n  .phv-wrap{padding:48px 18px 54px;}\r\n\r\n  .phv-eyebrow{\r\n    margin-bottom:16px;\r\n    font-size:10px;\r\n    letter-spacing:.13em;\r\n  }\r\n\r\n  .phv h2.phv-h2{\r\n    font-size:clamp(29px,8.6vw,36px)!important;\r\n    max-width:none;\r\n    margin-bottom:14px!important;\r\n  }\r\n\r\n  .phv-lede{\r\n    font-size:15.5px;\r\n    line-height:1.6;\r\n    margin-bottom:30px;\r\n  }\r\n\r\n  .phv-rail{--w:86%;--tilt:1.1deg;--route-gap:56px;--route-over:44px;--route-len:117px;--route-ang:38deg;--route-dx:72px;--route-x2:63%;}\r\n\r\n  .phv-card{padding:7px 7px 0;}\r\n\r\n  .phv-cap{padding:9px 2px 10px;margin-top:8px;}\r\n\r\n  .phv-step__t{font-size:18px;margin:14px 0 7px;}\r\n\r\n  .phv-step__d{font-size:14px;}\r\n\r\n\r\n  \/* Protection de l'acheteur : empil\u00e9, le titre ne se coupe plus *\/\r\n  .phv-note{\r\n    margin-top:36px;\r\n    padding:18px 18px 18px 20px;\r\n    flex-direction:column;\r\n    gap:10px;\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .phv-note b{\r\n    white-space:normal;\r\n    font-size:12.5px;\r\n  }\r\n\r\n  .phv-note span{\r\n    min-width:0;\r\n    font-size:13.5px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TR\u00c8S PETIT \u2264400px\r\n============================================================ *\/\r\n\r\n@media (max-width:400px){\r\n  .phv-wrap{padding:42px 15px 48px;}\r\n  .phv h2.phv-h2{font-size:27px!important;}\r\n  .phv-lede{font-size:15px;margin-bottom:26px;}\r\n\r\n  \/* \u00e9troit : r\u00e9duire d\u00e9calage et inclinaison, lisibilit\u00e9 d'abord *\/\r\n  .phv-rail{--w:92%;--tilt:.8deg;--route-gap:50px;--route-over:40px;--route-len:99px;--route-ang:34deg;--route-dx:55px;--route-x2:61%;}\r\n\r\n  .phv-card{padding:6px 6px 0;}\r\n  .phv-shot{aspect-ratio:3\/2;}\r\n  .phv-cap{padding:8px 2px 9px;margin-top:7px;gap:8px;}\r\n  .phv-cap em{font-size:11px;}\r\n  .phv-cap span{font-size:10px;}\r\n\r\n  .phv-step__t{font-size:17px;margin:12px 0 6px;}\r\n  .phv-step__d{font-size:13.5px;line-height:1.6;}\r\n\r\n  .phv-stamp{min-width:27px;height:27px;font-size:11.5px;top:7px;right:7px;}\r\n  .phv-step:nth-child(even) .phv-stamp{left:7px;}\r\n\r\n  .phv-note{padding:16px 15px 16px 17px;}\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"phv\" aria-label=\"Livraison\">\r\n\r\n  <div class=\"phv-wrap\">\r\n\r\n\r\n    <!-- ========================================================\r\n         HEADER\r\n    ========================================================= -->\r\n\r\n    <p class=\"phv-eyebrow\" style=\"color:#1E5A9C!important\">\r\n      Exp\u00e9dition\r\n    <\/p>\r\n\r\n    <h2 class=\"phv-h2\" style=\"color:#16191B!important\">\r\n      Quatre \u00e9tapes.\r\n      Pas de mise en sc\u00e8ne autour des \u00e9tiquettes.\r\n    <\/h2>\r\n\r\n    <p class=\"phv-lede\" style=\"color:#5A6165!important\">\r\n      Une \u00e9tiquette d\u2019exp\u00e9dition n\u2019est pas encore une livraison.\r\n      C\u2019est pourquoi nous ne consid\u00e9rons une commande comme\r\n      <strong style=\"color:#16191B!important\">\r\n        exp\u00e9di\u00e9e qu\u2019une fois le colis pris en charge par DHL.\r\n      <\/strong>\r\n      Voici le parcours, de la commande \u00e0 la livraison :\r\n    <\/p>\r\n\r\n\r\n\r\n    <!-- ========================================================\r\n         SHIPPING TIMELINE\r\n    ========================================================= -->\r\n\r\n    <div class=\"phv-rail\">\r\n\r\n\r\n      <!-- ============ 01 ============ -->\r\n      <article class=\"phv-step\">\r\n\r\n        <div class=\"phv-media\">\r\n\r\n          <figure class=\"phv-card\">\r\n            <span class=\"phv-shot\">\r\n              <!-- IMAGE 01 \u2014 Commande : mains sur ordinateur\/smartphone au checkout -->\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/08\/hf_20260831_132437_ba4a1774-9c0f-4eff-bd88-d329a056471c.png\"\r\n                alt=\"Commande finalis\u00e9e dans la boutique en ligne\"\r\n                loading=\"lazy\" decoding=\"async\"\r\n                onerror=\"this.remove()\">\r\n              <span class=\"phv-stamp\" style=\"color:#1E5A9C!important\" aria-hidden=\"true\">01<\/span>\r\n            <\/span>\r\n            <figcaption class=\"phv-cap\">\r\n              <em style=\"color:#1E5A9C!important\">01<\/em>\r\n              <span style=\"color:#5A6165!important\">Commande<\/span>\r\n            <\/figcaption>\r\n          <\/figure>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"phv-step__n\" style=\"color:#1E5A9C!important\">\r\n          \u00c9tape 01\r\n        <\/span>\r\n\r\n        <span class=\"phv-step__t\" style=\"color:#16191B!important\">\r\n          Commande\r\n        <\/span>\r\n\r\n        <span class=\"phv-step__d\" style=\"color:#5A6165!important\">\r\n          Confirmation par e-mail avec le num\u00e9ro\r\n          et les d\u00e9tails de la commande.\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ============ 02 ============ -->\r\n      <article class=\"phv-step\">\r\n\r\n        <div class=\"phv-media\">\r\n\r\n          <figure class=\"phv-card\">\r\n            <span class=\"phv-shot\">\r\n              <!-- IMAGE 02 \u2014 Validation du lot : flacon + rapport d'analyse sur la paillasse -->\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/08\/hf_20260831_133643_649e915b-3ca2-4882-af29-c94902dd0b2f.png\"\r\n                alt=\"Flacon avec num\u00e9ro de lot \u00e0 c\u00f4t\u00e9 du rapport d\u2019analyse\"\r\n                loading=\"lazy\" decoding=\"async\"\r\n                onerror=\"this.remove()\">\r\n              <span class=\"phv-stamp\" style=\"color:#1E5A9C!important\" aria-hidden=\"true\">02<\/span>\r\n            <\/span>\r\n            <figcaption class=\"phv-cap\">\r\n              <em style=\"color:#1E5A9C!important\">02<\/em>\r\n              <span style=\"color:#5A6165!important\">Validation<\/span>\r\n            <\/figcaption>\r\n          <\/figure>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"phv-step__n\" style=\"color:#1E5A9C!important\">\r\n          \u00c9tape 02\r\n        <\/span>\r\n\r\n        <span class=\"phv-step__t\" style=\"color:#16191B!important\">\r\n          Validation du lot\r\n        <\/span>\r\n\r\n        <span class=\"phv-step__d\" style=\"color:#5A6165!important\">\r\n          Le lot concern\u00e9 est valid\u00e9\r\n          et document\u00e9 via son Passeport de lot.\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ============ 03 \u2014 EXP\u00c9DITION EFFECTIVE ============ -->\r\n      <article class=\"phv-step phv-step--hot\">\r\n\r\n        <div class=\"phv-media\">\r\n\r\n          <figure class=\"phv-card\">\r\n            <span class=\"phv-shot\">\r\n              <!-- IMAGE 03 \u2014 Remise DHL : colis neutre remis au livreur -->\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/08\/Ep305-banner-dhl-express.webp\"\r\n                alt=\"Colis \u00e0 emballage neutre remis au transporteur\"\r\n                loading=\"lazy\" decoding=\"async\"\r\n                onerror=\"this.remove()\">\r\n              <span class=\"phv-stamp\" style=\"color:#001F3F!important\" aria-hidden=\"true\">03<\/span>\r\n            <\/span>\r\n            <figcaption class=\"phv-cap\">\r\n              <em style=\"color:#001F3F!important\">03<\/em>\r\n              <span style=\"color:#001F3F!important\">Remise<\/span>\r\n            <\/figcaption>\r\n          <\/figure>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"phv-step__n\" style=\"color:#001F3F!important\">\r\n          \u00c9tape 03\r\n        <\/span>\r\n\r\n        <span class=\"phv-step__t\" style=\"color:#16191B!important\">\r\n          Remise \u00e0 DHL\r\n        <\/span>\r\n\r\n        <span class=\"phv-step__d\" style=\"color:#5A6165!important\">\r\n          Ce n\u2019est qu\u2019apr\u00e8s la remise effective\r\n          que votre commande passe en \u00ab exp\u00e9di\u00e9e \u00bb \u2014\r\n          avec le suivi de colis inclus.\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- ============ 04 ============ -->\r\n      <article class=\"phv-step\">\r\n\r\n        <div class=\"phv-media\">\r\n\r\n          <figure class=\"phv-card\">\r\n            <span class=\"phv-shot\">\r\n              <!-- IMAGE 04 \u2014 Livraison : colis \u00e0 la porte \/ remise en main propre -->\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/08\/female-postal-worker-scanning-parcel-0001.jpeg\"\r\n                alt=\"Colis livr\u00e9 \u00e0 la porte\"\r\n                loading=\"lazy\" decoding=\"async\"\r\n                onerror=\"this.remove()\">\r\n              <span class=\"phv-stamp\" style=\"color:#1E5A9C!important\" aria-hidden=\"true\">04<\/span>\r\n            <\/span>\r\n            <figcaption class=\"phv-cap\">\r\n              <em style=\"color:#1E5A9C!important\">04<\/em>\r\n              <span style=\"color:#5A6165!important\">Livraison<\/span>\r\n            <\/figcaption>\r\n          <\/figure>\r\n\r\n        <\/div>\r\n\r\n        <span class=\"phv-step__n\" style=\"color:#1E5A9C!important\">\r\n          \u00c9tape 04\r\n        <\/span>\r\n\r\n        <span class=\"phv-step__t\" style=\"color:#16191B!important\">\r\n          Livraison\r\n        <\/span>\r\n\r\n        <span class=\"phv-step__d\" style=\"color:#5A6165!important\">\r\n          En g\u00e9n\u00e9ral sous 3 \u00e0 4 jours ouvr\u00e9s\r\n          en France \u2014 exp\u00e9dition depuis l\u2019UE.\r\n        <\/span>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ========================================================\r\n         BUYER PROTECTION\r\n    ========================================================= -->\r\n\r\n    <div class=\"phv-note\">\r\n\r\n      <b style=\"color:#001F3F!important\">\r\n        Protection de l\u2019acheteur incluse\r\n      <\/b>\r\n\r\n      <span style=\"color:#5A6165!important\">\r\n        En cas de perte ou de dommage pendant le transport, des proc\u00e9dures de\r\n        remplacement et de remboursement clairement d\u00e9finies s\u2019appliquent. Les\r\n        conditions compl\u00e8tes sont consultables avant l\u2019achat sur la\r\n        <a href=\"\/faq\/\">page livraison &amp; FAQ<\/a>.\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-3dbf070 e-flex e-con-boxed e-con e-parent\" data-id=\"3dbf070\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0c2e43 elementor-widget elementor-widget-shortcode\" data-id=\"b0c2e43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n\/* ---- Basis ---- *\/\n.phc{\n  --ink:#16191B;--paper:#F2F3F1;--card:#EDEFF3;--white:#FFFFFF;--patina:#002E5C;--patina-dk:#001F3F;\n  --wash:#DCE6F2;--verdi:#1E5A9C;--anod:#4A90E2;--line:rgba(22,25,27,.12);--muted:#5A6165;\n  font-family:'Archivo',system-ui,sans-serif;color:var(--ink);margin:0;\n}\n.phc *{box-sizing:border-box;margin:0;}\n.phc a{text-decoration:none!important;}\n.phc a:focus-visible{outline:2px solid var(--anod);outline-offset:2px;}\n.phc-bleed{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;}\n\/* Full-Bleed: unabh\u00e4ngig vom (boxed) Elementor-Container. Inhalt 80 % der Breite wie im Mockup. *\/\n.phc-wrap{width:100vw;margin-left:calc(50% - 50vw);padding:clamp(28px,2.8vw,44px) clamp(18px,10vw,200px) 12px;}\n.phc-bereiche.phc-wrap{padding-bottom:40px;}\n\n\/* ---- Kopfzeile ---- *\/\n.phc-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px;}\n.phc h2.phc-h2{\n  font-family:'Archivo',sans-serif!important;font-size:clamp(22px,1.7vw,26px)!important;font-weight:800!important;\n  letter-spacing:-.02em!important;line-height:1.1!important;color:var(--ink)!important;margin:0!important;padding:0!important;\n}\n.phc a.phc-all{\n  display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--patina-dk)!important;\n  white-space:nowrap;min-height:44px;transition:color .18s;\n}\n.phc a.phc-all:hover{color:var(--patina)!important;}\n.phc-all svg{width:16px;height:16px;flex:0 0 16px;transition:transform .18s;}\n.phc a.phc-all:hover svg{transform:translateX(3px);}\n.phc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,26px);}\n\n\/* ---- 27 \u00b7 Scroll-Track + Pfeile ---- *\/\n.phc-headnav{display:flex;align-items:center;gap:18px;}\n.phc-nav{display:flex;gap:8px;}\n.phc-arrow{\n  width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--patina-dk);\n  cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .18s,border-color .18s;\n}\n.phc-arrow svg{width:16px;height:16px;}\n.phc-arrow:hover{background:var(--wash);border-color:var(--verdi);}\n.phc-arrow:disabled{opacity:.35;cursor:default;}\n.phc-track{\n  --n:4;--g:clamp(12px,1.6vw,26px);\n  display:flex;gap:var(--g);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;\n  padding:4px 0 8px;margin:-4px 0 -8px;\n}\n.phc-track::-webkit-scrollbar{display:none;}\n.phc-dots{display:none;justify-content:center;gap:6px;margin-top:12px;}\n.phc-dots span{width:6px;height:6px;border-radius:50%;background:var(--line);transition:background .18s,width .18s;}\n.phc-dots span.is-on{background:var(--patina);width:18px;border-radius:3px;}\n.phc-track > .phc-card{flex:0 0 calc((100% - (var(--n) - 1) * var(--g)) \/ var(--n));scroll-snap-align:start;}\n\n\/* ---- 27 \u00b7 Produktkarte ---- *\/\n.phc a.phc-card{\n  position:relative;display:grid;grid-template-columns:44% 1fr;gap:clamp(8px,1vw,14px);align-items:stretch;\n  background:var(--white);border:1px solid rgba(0,46,92,.16);border-radius:3px;\n  padding:8px clamp(10px,1.1vw,16px) 8px 8px;color:var(--ink)!important;min-width:0;overflow:hidden;\n  box-shadow:0 1px 2px rgba(22,25,27,.04);\n  transition:border-color .2s,box-shadow .2s,transform .2s;\n}\n\/* Akzent-Hairline oben (wie Bereichs-Karten) *\/\n.phc a.phc-card::before{content:'';position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--anod),var(--verdi) 60%,transparent);z-index:1;}\n.phc a.phc-card:hover{border-color:var(--verdi);box-shadow:0 14px 34px rgba(0,27,56,.14);transform:translateY(-3px);}\n\/* Bild: festes 4:5-Fenster, Studio-Foto f\u00fcllt es per object-fit:cover\n   (kein Freistellen n\u00f6tig \u2014 der eigene Studio-Hintergrund bleibt). *\/\n.phc-img{\n  position:relative;min-width:0;aspect-ratio:4\/5;border-radius:3px;overflow:hidden;background:#F4F6F8;\n}\n.phc-img img{\n  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;\n  max-width:none!important;max-height:none!important;display:block;object-fit:cover;object-position:center;\n  transition:transform .4s ease;\n}\n.phc a.phc-card:hover .phc-img img{transform:scale(1.05);}\n.phc-body{min-width:0;align-self:center;padding:10px 0;}\n.phc-name{display:block;font-size:clamp(15px,1.15vw,18px);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--ink)!important;margin-bottom:2px;overflow-wrap:break-word;hyphens:auto;}\n.phc-sub{display:block;font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:500;color:var(--muted)!important;margin-bottom:14px;}\n.phc-price{\n  display:block;font-family:'IBM Plex Mono',monospace;font-size:clamp(16px,1.2vw,19px);font-weight:600;letter-spacing:-.01em;\n  color:var(--ink)!important;margin-bottom:10px;font-variant-numeric:tabular-nums;white-space:nowrap;\n}\n.phc-price::after{content:'';display:block;width:28px;height:2px;background:var(--verdi);margin-top:6px;border-radius:1px;}\n.phc-price small{font-family:'Archivo',sans-serif;font-size:12px;font-weight:600;color:var(--muted)!important;margin-right:4px;}\n.phc-badge{\n  display:inline-flex;align-items:center;gap:7px;background:var(--wash);color:var(--patina-dk)!important;\n  border:1px solid rgba(0,46,92,.18);font-size:12px;font-weight:600;padding:5px 10px;border-radius:3px;margin-bottom:10px;white-space:nowrap;\n}\n.phc-badge svg{width:12px;height:12px;flex:0 0 12px;color:var(--verdi);}\n.phc-doc{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)!important;white-space:nowrap;}\n.phc-doc svg{width:16px;height:16px;flex:0 0 16px;color:var(--patina);}\n\/* Kaufsignal: Pfeil-Chip unten rechts, erscheint beim Hover *\/\n.phc-card__go{\n  position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:50%;\n  background:var(--ink);color:#FFFFFF;display:flex;align-items:center;justify-content:center;\n  opacity:0;transform:translate(4px,4px);transition:opacity .2s,transform .2s;\n}\n.phc-card__go svg{width:14px;height:14px;}\n.phc a.phc-card:hover .phc-card__go{opacity:1;transform:none;}\n\n\/* ---- 29 \u00b7 Trust Strip ---- *\/\n.phc-strip{background:linear-gradient(180deg,#001B38 0%,#00152D 100%);color:#FFFFFF;}\n.phc-strip__row{\n  max-width:1420px;margin-inline:auto;padding:28px clamp(24px,3vw,40px);\n  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));\n}\n.phc a.phc-strip__item{\n  display:flex;align-items:flex-start;gap:16px;padding:4px 28px;border-left:1px solid rgba(255,255,255,.14);\n  min-width:0;color:#FFFFFF!important;\n}\n.phc a.phc-strip__item:first-child{border-left:0;padding-left:0;}\n.phc a.phc-strip__item:last-child{padding-right:0;}\n.phc a.phc-strip__item:hover .phc-strip__t{color:#4A90E2!important;}\n.phc-strip__ico{flex:0 0 40px;width:40px;height:40px;color:#FFFFFF;margin-top:1px;}\n.phc-strip__ico svg{width:100%;height:100%;display:block;}\n.phc-strip__txt{min-width:0;}\n.phc-strip__t{display:block;font-size:15px;font-weight:600;line-height:1.3;color:#FFFFFF!important;margin-bottom:5px;transition:color .18s;}\n.phc-strip__d{display:block;font-size:13.5px;font-weight:400;line-height:1.5;color:rgba(255,255,255,.78)!important;}\n\n\/* ---- 29 \u00b7 Kategoriekarte ---- *\/\n.phc a.phc-cat{\n  position:relative;display:grid;grid-template-columns:clamp(56px,6vw,96px) 1fr;gap:clamp(12px,1.5vw,24px);align-items:start;\n  background:linear-gradient(135deg,#F7F8FA 0%,#E9EEF4 100%);\n  border:1px solid rgba(0,46,92,.16);border-radius:3px;\n  padding:clamp(20px,2.2vw,36px) clamp(16px,1.6vw,26px) clamp(18px,2vw,32px);color:var(--ink)!important;min-width:0;\n  min-height:clamp(150px,14vw,224px);overflow:hidden;\n  transition:border-color .2s,box-shadow .2s,transform .2s;\n}\n\/* Akzent-Hairline oben in Verderame *\/\n.phc a.phc-cat::before{content:'';position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--anod),var(--verdi) 60%,transparent);opacity:.9;}\n.phc a.phc-cat:hover{border-color:var(--verdi);box-shadow:0 14px 34px rgba(0,27,56,.14);transform:translateY(-3px);}\n\/* Wasserzeichen: eigenes Bild (pep_bg) oder Standard-Molek\u00fcl als Inline-SVG *\/\n.phc-cat__bg{\n  position:absolute;right:-4%;bottom:-6%;width:56%;height:100%;background-position:right bottom;\n  background-repeat:no-repeat;background-size:contain;opacity:.6;pointer-events:none;transition:opacity .2s,transform .3s;\n}\n.phc a.phc-cat:hover .phc-cat__bg{opacity:.85;transform:translate(-2%,-2%);}\n.phc-cat__bg--default{\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 200 200' fill='none' stroke='%23002E5C' stroke-width='1.4' stroke-opacity='.22'%3E%3Ccircle cx='150' cy='150' r='16'\/%3E%3Ccircle cx='108' cy='118' r='11'\/%3E%3Ccircle cx='166' cy='94' r='9'\/%3E%3Ccircle cx='128' cy='68' r='7'\/%3E%3Ccircle cx='70' cy='150' r='8'\/%3E%3Ccircle cx='180' cy='178' r='6'\/%3E%3Cpath d='M138 138l-19-13M156 136l7-33M117 109l8-34M98 124l-20 20M163 160l12 13M119 60l-40-7M137 62l24 27'\/%3E%3Ccircle cx='150' cy='150' r='6' fill='%231E5A9C' fill-opacity='.18' stroke='none'\/%3E%3Ccircle cx='108' cy='118' r='4' fill='%231E5A9C' fill-opacity='.18' stroke='none'\/%3E%3C\/svg%3E\");\n}\n.phc-cat__ico{\n  position:relative;width:clamp(56px,6vw,96px);height:clamp(56px,6vw,96px);border-radius:50%;background:var(--white);display:flex;\n  align-items:center;justify-content:center;color:var(--patina-dk);flex:0 0 auto;\n  box-shadow:0 0 0 1px rgba(0,46,92,.14),0 8px 20px rgba(0,27,56,.10);\n  transition:background .2s,box-shadow .2s;\n}\n.phc a.phc-cat:hover .phc-cat__ico{background:var(--patina);box-shadow:0 0 0 1px var(--patina),0 10px 24px rgba(0,27,56,.22);}\n.phc-cat__ico svg{width:50%;height:50%;display:block;stroke:var(--patina-dk);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s;}\n.phc a.phc-cat:hover .phc-cat__ico svg{stroke:#FFFFFF;}\n.phc-cat__ico img{width:50%;height:50%;display:block;object-fit:contain;}\n.phc-cat__body{position:relative;min-width:0;padding-right:clamp(14px,1.4vw,22px);padding-top:2px;}\n.phc-cat__name{display:block;font-size:clamp(15px,1.4vw,22px);font-weight:600;line-height:1.22;letter-spacing:-.012em;color:var(--ink)!important;margin-bottom:clamp(8px,.9vw,14px);overflow-wrap:break-word;hyphens:auto;}\n.phc-cat__count{\n  display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:clamp(11px,.8vw,12.5px);font-weight:600;letter-spacing:.02em;\n  color:var(--patina-dk)!important;background:rgba(255,255,255,.75);border:1px solid rgba(0,46,92,.16);border-radius:3px;\n  padding:4px 9px;margin-bottom:clamp(14px,1.6vw,26px);white-space:nowrap;\n}\n.phc-cat__link{display:flex;width:max-content;align-items:center;gap:7px;font-size:clamp(12px,.9vw,14px);font-weight:600;color:var(--patina-dk)!important;white-space:nowrap;border-bottom:1px solid transparent;transition:border-color .2s;}\n.phc a.phc-cat:hover .phc-cat__link{border-bottom-color:var(--verdi);}\n.phc-cat__link svg{width:15px;height:15px;flex:0 0 15px;transition:transform .18s;}\n.phc a.phc-cat:hover .phc-cat__link svg{transform:translateX(3px);}\n.phc-cat__arrow{position:absolute;top:clamp(12px,1.4vw,22px);right:clamp(12px,1.4vw,22px);width:18px;height:18px;color:var(--anod);transition:transform .2s,color .2s;}\n.phc a.phc-cat:hover .phc-cat__arrow{transform:translate(3px,-3px);color:var(--patina);}\n.phc-cat__arrow svg{width:100%;height:100%;display:block;}\n\n\/* Wide-Zeile (optional, z.B. Laborbedarf) *\/\n.phc a.phc-cat--wide::before{display:none;}\n.phc a.phc-cat--wide{grid-column:1 \/ -1;grid-template-columns:56px 1fr;align-items:center;padding:16px 44px 16px 18px;min-height:0;background:transparent;border-style:dashed;}\n.phc a.phc-cat--wide .phc-cat__ico{width:56px;height:56px;flex-basis:56px;}\n.phc a.phc-cat--wide .phc-cat__ico svg,.phc a.phc-cat--wide .phc-cat__ico img{width:26px;height:26px;}\n.phc a.phc-cat--wide .phc-cat__body{padding-top:0;}\n.phc a.phc-cat--wide .phc-cat__name{font-size:16px;margin-bottom:2px;}\n.phc a.phc-cat--wide .phc-cat__count{margin-bottom:0;}\n.phc a.phc-cat--wide .phc-cat__link{display:none;}\n.phc a.phc-cat--wide .phc-cat__arrow{top:50%;transform:translateY(-50%);}\n.phc a.phc-cat--wide:hover{border-style:solid;background:var(--white);}\n\n.phc-admin-note{font-family:'IBM Plex Mono',monospace;font-size:11.5px;line-height:1.6;color:#B4442E!important;margin-top:14px;}\n\n\/* ---- Responsive ---- *\/\n@media (max-width:1800px){\n  .phc-wrap{padding-inline:24px;}\n  .phc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}\n  .phc-track{--n:3.2;--g:16px;}\n  .phc-name{font-size:17px;}\n  .phc-price{font-size:18px;}\n  .phc a.phc-cat{grid-template-columns:72px 1fr;gap:16px;padding:26px 18px 22px;min-height:0;}\n  .phc-cat__ico{width:72px;height:72px;}\n  .phc-cat__name{font-size:18px;margin-bottom:10px;}\n  .phc-cat__count{margin-bottom:18px;}\n  .phc-strip__row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;padding:24px;}\n  .phc a.phc-strip__item{padding:0 22px;}\n  .phc a.phc-strip__item:nth-child(odd){border-left:0;padding-left:0;}\n  .phc a.phc-strip__item:nth-child(even){padding-right:0;}\n}\n\n@media (max-width:1200px){\n  .phc-track{--n:2.2;--g:16px;}\n}\n@media (max-width:850px){\n  .phc-track{--n:1.6;--g:16px;}\n}\n\n@media (max-width:620px){\n  \/* ===== KOMPAKT (Wireframe 27.08.2026) ===== *\/\n  .phc-wrap{padding:16px 18px 4px;}\n  .phc-bereiche.phc-wrap{padding-bottom:18px;}\n  .phc-head{margin-bottom:10px;}\n  .phc h2.phc-h2{font-size:20px!important;}\n  .phc a.phc-all{font-size:12.5px;min-height:36px;gap:6px;}\n  .phc-all svg{width:13px;height:13px;flex-basis:13px;}\n\n  \/* Bestseller: horizontale Mini-Karte (Bild links, Text rechts), Swipe *\/\n  .phc-track{--g:8px;margin-inline:-18px;padding-inline:18px;scroll-padding-inline:18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}\n  .phc-track > .phc-card{flex:0 0 66%;scroll-snap-align:start;}\n  .phc-nav{display:none;}\n  .phc-dots{display:flex;margin-top:6px;}\n  .phc a.phc-card{\n    display:flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;\n    border:1px solid rgba(0,46,92,.22);box-shadow:0 2px 0 rgba(0,46,92,.18),0 6px 14px rgba(0,27,56,.10);\n    transition:transform .12s,box-shadow .12s;\n  }\n  .phc a.phc-card:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,46,92,.18),0 3px 8px rgba(0,27,56,.10);}\n  .phc a.phc-card::before{height:3px;background:linear-gradient(90deg,#4A90E2,#1E5A9C);}\n  .phc-img{flex:0 0 30%;width:30%;aspect-ratio:4\/5;position:relative;}\n  .phc-img img{position:static!important;width:100%!important;height:100%!important;aspect-ratio:4\/5;object-fit:cover;}\n  .phc-body{flex:1 1 auto;min-width:0;padding:2px 0;}\n  .phc-name{font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px;}\n  .phc-sub{font-size:10px;margin-bottom:4px;}\n  .phc-price{font-size:14px;margin-bottom:4px;white-space:nowrap;}\n  .phc-price::after{display:none;}\n  .phc-badge{font-size:9.5px;padding:2px 6px;margin-bottom:4px;gap:4px;}\n  .phc-badge svg{width:9px;height:9px;flex-basis:9px;}\n  .phc-doc{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.3;}\n  .phc-doc svg{display:none;}\n  .phc-card__go{display:none;}\n\n  \/* Trust Strip (Modul 29) *\/\n  .phc-strip__row{grid-template-columns:1fr;row-gap:0;padding:6px 18px;}\n  .phc a.phc-strip__item{padding:14px 0;border-left:0;border-top:1px solid rgba(255,255,255,.14);gap:12px;}\n  .phc a.phc-strip__item:first-child{border-top:0;}\n  .phc-strip__ico{flex-basis:30px;width:30px;height:30px;}\n  .phc-strip__t{font-size:14px;margin-bottom:2px;}\n  .phc-strip__d{font-size:12.5px;}\n\n  \/* ===== Bereiche (v26.2): 2\u00d72, Karte VERTIKAL =====\n     Kopfzeile: Icon links, Chevron rechts. Darunter Name + Anzahl in\n     VOLLER Kartenbreite (~150px statt ~85px). Damit passt auch\n     \u201eKupferpeptide\" ohne Umbruch in einer Zeile \u2014 und nichts l\u00e4uft\n     mehr unter den Chevron. Pill am Kartenboden (margin-top:auto),\n     Grid streckt beide Karten einer Zeile auf gleiche H\u00f6he. *\/\n  .phc-grid{grid-template-columns:1fr 1fr;gap:10px;align-items:stretch;}\n  .phc a.phc-cat{\n    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;\n    padding:12px 12px 12px;min-height:0;height:100%;\n    background:linear-gradient(180deg,#FFFFFF 0%,#EEF3F8 100%)!important;border:1px solid #002E5C!important;border-radius:6px!important;\n    \/* Relief: feste Kante unten in Patina-dunkel + Lichtkante oben *\/\n    box-shadow:0 4px 0 #001F3F,0 8px 16px rgba(0,27,56,.16),inset 0 1px 0 #FFFFFF!important;\n    margin-bottom:4px;\n    transition:transform .12s,box-shadow .12s;\n  }\n  .phc a.phc-cat:active{transform:translateY(4px);box-shadow:0 0 0 #001F3F,0 2px 6px rgba(0,27,56,.12),inset 0 1px 0 #FFFFFF!important;}\n  .phc a.phc-cat::before{display:none;}\n  \/* Chevron oben rechts, auf H\u00f6he des Icons \u2014 nie mehr neben dem Text *\/\n  .phc a.phc-cat::after{content:'\u203a';position:absolute;right:12px;top:10px;transform:none;font-family:'IBM Plex Mono',monospace;font-size:24px;line-height:1;color:#002E5C;}\n  .phc a.phc-cat:hover{transform:none;}\n  .phc-cat__ico{width:40px;height:40px;flex:0 0 40px;background:#DCE6F2;box-shadow:none;margin-bottom:10px;}\n  .phc-cat__ico svg,.phc-cat__ico img{width:20px;height:20px;}\n  .phc-cat__body{padding:0;min-width:0;width:100%;flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;}\n  .phc-cat__name{\n    font-size:14px!important;font-weight:700!important;line-height:1.2!important;margin-bottom:8px!important;\n    hyphens:manual!important;-webkit-hyphens:manual!important;word-break:normal!important;\n    overflow-wrap:anywhere!important; \/* Notbremse: bricht nur, wenn ein Wort wirklich nicht passt \u2014 nie mehr \u00dcberlauf *\/\n    color:#001F3F!important;\n  }\n  .phc-cat__count{font-size:10.5px;padding:3px 8px;margin:auto 0 0;background:#F2F3F1;border-color:rgba(0,46,92,.18);color:#002E5C!important;}\n  .phc-cat__link{display:none;}\n  .phc-cat__arrow{display:none!important;}\n  .phc-cat__bg{display:none;}\n  .phc a.phc-cat--wide{grid-column:1 \/ -1;flex-direction:row;align-items:center;gap:10px;padding:8px 30px 8px 8px;min-height:64px;height:auto;}\n  .phc a.phc-cat--wide::after{top:50%;transform:translateY(-50%);}\n  .phc a.phc-cat--wide .phc-cat__ico{margin-bottom:0;}\n  .phc a.phc-cat--wide .phc-cat__count{margin-top:0;}\n}\n@media (max-width:340px){\n  \/* sehr schmale Ger\u00e4te: eine Spalte, Karte horizontal (Icon links) *\/\n  .phc-grid{grid-template-columns:1fr;}\n  .phc a.phc-cat{flex-direction:row;align-items:center;gap:10px;padding:10px 32px 10px 10px;}\n  .phc a.phc-cat::after{top:50%;transform:translateY(-50%);}\n  .phc-cat__ico{margin-bottom:0;}\n  .phc-cat__count{margin-top:0;}\n}\n<\/style>\n\t\t<section class=\"phc phc-wrap phc-bestseller\" aria-label=\"Best-seller\">\n\n\t<div class=\"phc-head\">\n\t\t<h2 class=\"phc-h2\">Best-seller<\/h2>\n\t\t<div class=\"phc-headnav\">\n\t\t\t\t\t\t<a class=\"phc-all\" href=\"https:\/\/peptzone.fr\/fr_be\/shop\/\">Voir tous les produits <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a>\n\t\t\t\t\t\t<div class=\"phc-nav\" aria-hidden=\"true\">\n\t\t\t\t<button type=\"button\" class=\"phc-arrow\" data-dir=\"-1\" aria-label=\"Pr\u00e9c\u00e9dent\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg><\/button>\n\t\t\t\t<button type=\"button\" class=\"phc-arrow\" data-dir=\"1\" aria-label=\"Suivant\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"phc-track\" id=\"phc-track-2\">\n\t\t\t<a class=\"phc-card\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt\/retatrutide\/\">\n\t\t\t<span class=\"phc-img\"><img width=\"600\" height=\"600\" src=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-600x600.png\" class=\"attachment-woocommerce_single size-woocommerce_single\" alt=\"Retatrutide\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-600x600.png 600w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-300x300.png 300w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-1024x1024.png 1024w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-150x150.png 150w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-768x768.png 768w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero-1536x1536.png 1536w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/reta-hero.png 2048w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/span>\n\t\t\t<span class=\"phc-body\">\n\t\t\t\t<span class=\"phc-name\">Retatrutide<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-sub\">10mg<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-price\">79,90 \u20ac<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-badge\">Lot v\u00e9rifi\u00e9 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2.6\"><path d=\"M5 12.5l4.5 4.5L19 7\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-doc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"1.7\"><path d=\"M7 3h7l5 5v13H7z\"\/><path d=\"M14 3v5h5M10 12h6M10 16h6\"\/><\/svg> Passeport de lot inclus<\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"phc-card__go\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t\t<\/a>\n\t\t\t<a class=\"phc-card\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt\/tirzepatide\/\">\n\t\t\t<span class=\"phc-img\"><img width=\"600\" height=\"600\" src=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-600x600.png\" class=\"attachment-woocommerce_single size-woocommerce_single\" alt=\"Tirzepatide\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-600x600.png 600w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-300x300.png 300w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-1024x1024.png 1024w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-150x150.png 150w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-768x768.png 768w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero-1536x1536.png 1536w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/tirze-hero.png 2048w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/span>\n\t\t\t<span class=\"phc-body\">\n\t\t\t\t<span class=\"phc-name\">Tirzepatide<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-sub\">10mg<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-price\">59,90 \u20ac<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-badge\">Lot v\u00e9rifi\u00e9 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2.6\"><path d=\"M5 12.5l4.5 4.5L19 7\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-doc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"1.7\"><path d=\"M7 3h7l5 5v13H7z\"\/><path d=\"M14 3v5h5M10 12h6M10 16h6\"\/><\/svg> Passeport de lot inclus<\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"phc-card__go\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t\t<\/a>\n\t\t\t<a class=\"phc-card\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt\/bpc-157\/\">\n\t\t\t<span class=\"phc-img\"><img width=\"600\" height=\"600\" src=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-600x600.png\" class=\"attachment-woocommerce_single size-woocommerce_single\" alt=\"BPC-157\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-600x600.png 600w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-300x300.png 300w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-1024x1024.png 1024w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-150x150.png 150w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-768x768.png 768w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2-1536x1536.png 1536w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/bpc-hero-2.png 2048w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/span>\n\t\t\t<span class=\"phc-body\">\n\t\t\t\t<span class=\"phc-name\">BPC-157<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-sub\">10mg<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-price\">39,90 \u20ac<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-badge\">Lot v\u00e9rifi\u00e9 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2.6\"><path d=\"M5 12.5l4.5 4.5L19 7\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-doc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"1.7\"><path d=\"M7 3h7l5 5v13H7z\"\/><path d=\"M14 3v5h5M10 12h6M10 16h6\"\/><\/svg> Passeport de lot inclus<\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"phc-card__go\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t\t<\/a>\n\t\t\t<a class=\"phc-card\" href=\"https:\/\/peptzone.fr\/fr_be\/produkt\/ghk-cu-serum\/\">\n\t\t\t<span class=\"phc-img\"><img width=\"600\" height=\"600\" src=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-600x600.png\" class=\"attachment-woocommerce_single size-woocommerce_single\" alt=\"GHK-Cu Serum\" loading=\"lazy\" decoding=\"async\" srcset=\"https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-600x600.png 600w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-300x300.png 300w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-1024x1024.png 1024w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-150x150.png 150w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-768x768.png 768w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero-1536x1536.png 1536w, https:\/\/peptzone.fr\/wp-content\/uploads\/2026\/08\/serum-hero.png 2048w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/span>\n\t\t\t<span class=\"phc-body\">\n\t\t\t\t<span class=\"phc-name\">GHK-Cu Serum<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-sub\">30ml<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-price\">39,90 \u20ac<\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-badge\">Lot v\u00e9rifi\u00e9 <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2.6\"><path d=\"M5 12.5l4.5 4.5L19 7\"\/><\/svg><\/span>\n\t\t\t\t\t\t\t\t<span class=\"phc-doc\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"1.7\"><path d=\"M7 3h7l5 5v13H7z\"\/><path d=\"M14 3v5h5M10 12h6M10 16h6\"\/><\/svg> Passeport de lot inclus<\/span>\n\t\t\t<\/span>\n\t\t\t<span class=\"phc-card__go\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t\t<\/a>\n\t\t<\/div>\n\t<div class=\"phc-dots\" aria-hidden=\"true\"><\/div>\n\n<\/section>\n<script>\n(function(){\n\tvar secs=document.querySelectorAll('.phc-bestseller');\n\tsecs.forEach(function(sec){\n\t\tif(sec.dataset.phcInit)return;sec.dataset.phcInit='1';\n\t\tvar track=sec.querySelector('.phc-track');if(!track)return;\n\t\tvar btns=sec.querySelectorAll('.phc-arrow');\n\t\tfunction step(){var c=track.querySelector('.phc-card');return c?c.getBoundingClientRect().width+parseFloat(getComputedStyle(track).columnGap||getComputedStyle(track).gap||0):300;}\n\t\tfunction sync(){\n\t\t\tvar max=track.scrollWidth-track.clientWidth-1;\n\t\t\tbtns.forEach(function(b){b.disabled=(b.dataset.dir==='-1')?track.scrollLeft<=1:track.scrollLeft>=max;});\n\t\t}\n\t\tbtns.forEach(function(b){b.addEventListener('click',function(){track.scrollBy({left:step()*parseInt(b.dataset.dir,10),behavior:'smooth'});});});\n\t\tvar dots=sec.querySelector('.phc-dots'),cards=track.querySelectorAll('.phc-card');\n\t\tif(dots){cards.forEach(function(){var d=document.createElement('span');dots.appendChild(d);});}\n\t\tfunction dotsync(){\n\t\t\tif(!dots||!cards.length)return;\n\t\t\tvar i=Math.round(track.scrollLeft\/step());\n\t\t\tdots.querySelectorAll('span').forEach(function(d,k){d.classList.toggle('is-on',k===i);});\n\t\t}\n\t\ttrack.addEventListener('scroll',function(){sync();dotsync();},{passive:true});window.addEventListener('resize',function(){sync();dotsync();});sync();dotsync();\n\t});\n})();\n<\/script>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-765ecf6 elementor-widget elementor-widget-html\" data-id=\"765ecf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.phg{\r\n  --ink:#16191B;--paper:#F2F3F1;--white:#FFFFFF;--patina:#002E5C;--patina-dk:#001F3F;\r\n  --wash:#DCE6F2;--verdi:#1E5A9C;--anod:#4A90E2;--line:rgba(22,25,27,.12);--muted:#5A6165;\r\n  font-family:'Archivo',system-ui,sans-serif;color:var(--ink);\r\n  width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;\r\n  background:\r\n    radial-gradient(60% 50% at 100% 0%,rgba(220,230,242,.55) 0%,rgba(220,230,242,0) 70%),\r\n    var(--paper);\r\n}\r\n.phg *{box-sizing:border-box;margin:0;}\r\n.phg a{text-decoration:none!important;}\r\n.phg a:focus-visible{outline:2px solid var(--anod);outline-offset:3px;}\r\n\r\n.phg-wrap{\r\n  max-width:1420px;margin-inline:auto;\r\n  padding:clamp(56px,6.5vw,104px) clamp(24px,3vw,40px);\r\n  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);\r\n  gap:clamp(40px,6vw,96px);align-items:center;\r\n}\r\n\r\n\/* ---------- PHOTO ---------- *\/\r\n.phg-media{position:relative;min-width:0;}\r\n.phg-frame{\r\n  position:relative;aspect-ratio:4\/5;border-radius:3px;overflow:hidden;background:var(--wash);\r\n  box-shadow:0 30px 60px -20px rgba(0,27,56,.35);\r\n}\r\n.phg-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease;}\r\n.phg-media:hover .phg-frame img{transform:scale(1.03);}\r\n\/* cadre d\u00e9cal\u00e9 en bleu, derri\u00e8re *\/\r\n.phg-media::before{\r\n  content:'';position:absolute;inset:0;transform:translate(-14px,14px);border-radius:3px;\r\n  background:linear-gradient(160deg,#4A90E2 0%,#002E5C 55%,#001B38 100%);z-index:0;\r\n}\r\n.phg-frame{z-index:1;}\r\n\/* rep\u00e8res d'angle en haut \u00e0 droite *\/\r\n.phg-corner{position:absolute;top:14px;right:14px;width:26px;height:26px;z-index:2;pointer-events:none;}\r\n.phg-corner::before,.phg-corner::after{content:'';position:absolute;background:rgba(255,255,255,.85);}\r\n.phg-corner::before{top:0;right:0;width:100%;height:1.5px;}\r\n.phg-corner::after{top:0;right:0;width:1.5px;height:100%;}\r\n\/* \u00e9tiquette flottante *\/\r\n.phg-tag{\r\n  position:absolute;left:-14px;bottom:clamp(22px,3vw,40px);z-index:3;\r\n  background:var(--white);border:1px solid var(--line);border-radius:3px;\r\n  padding:10px 14px 10px 12px;display:flex;align-items:center;gap:10px;\r\n  box-shadow:0 10px 26px rgba(22,25,27,.10);\r\n  animation:phg-float 6s ease-in-out infinite;\r\n}\r\n.phg-tag i{width:8px;height:8px;border-radius:50%;background:var(--anod);flex:0 0 8px;box-shadow:0 0 0 4px rgba(74,144,226,.18);}\r\n.phg-tag b{display:block;font-size:11px;font-weight:600;color:var(--ink)!important;margin-bottom:2px;}\r\n.phg-tag span{display:block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:600;color:var(--patina-dk)!important;letter-spacing:.02em;}\r\n.phg-caption{\r\n  margin-top:18px;font-size:13px;line-height:1.5;color:var(--muted)!important;\r\n  display:flex;align-items:center;gap:10px;\r\n}\r\n.phg-caption::before{content:'';width:22px;height:1px;background:var(--verdi);flex:0 0 22px;}\r\n.phg-caption strong{color:var(--ink)!important;font-weight:600;}\r\n\r\n\/* ---------- COPY ---------- *\/\r\n.phg-copy{min-width:0;}\r\n.phg-eyebrow{\r\n  font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;\r\n  color:var(--patina)!important;display:flex;align-items:center;gap:12px;margin-bottom:22px;\r\n}\r\n.phg-eyebrow::before{content:'';width:28px;height:1px;flex:0 0 28px;background:var(--verdi);}\r\n.phg h2.phg-h2{\r\n  font-family:'Archivo',sans-serif!important;font-size:clamp(30px,3.4vw,50px)!important;font-weight:800!important;\r\n  letter-spacing:-.028em!important;line-height:1.04!important;color:var(--ink)!important;margin:0 0 24px!important;padding:0!important;\r\n  max-width:18ch;\r\n}\r\n.phg h2.phg-h2 em{font-style:normal;color:var(--patina);}\r\n.phg-p{font-size:clamp(15.5px,1.15vw,17px);line-height:1.65;color:var(--muted)!important;max-width:58ch;margin-bottom:16px;}\r\n.phg-p strong{color:var(--ink)!important;font-weight:600;}\r\n.phg-p:last-of-type{margin-bottom:30px;}\r\n\r\n\/* Piliers *\/\r\n.phg-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:32px;}\r\n.phg-pillar{\r\n  position:relative;display:flex;align-items:center;gap:12px;background:var(--white);\r\n  border:1px solid rgba(0,46,92,.18);border-radius:3px;padding:14px 14px;min-height:64px;overflow:hidden;\r\n  transition:border-color .2s,transform .2s,box-shadow .2s;\r\n}\r\n.phg-pillar::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--anod),var(--verdi));}\r\n.phg-pillar:hover{border-color:var(--verdi);}\r\n.phg-pillar svg{width:24px;height:24px;flex:0 0 24px;stroke:var(--patina);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;}\r\n.phg-pillar span{font-size:13.5px;font-weight:600;line-height:1.3;color:var(--ink)!important;}\r\n\r\n\/* Signature + lien *\/\r\n.phg-sign{display:flex;align-items:flex-end;gap:28px;flex-wrap:wrap;}\r\n.phg-sign img{height:54px;width:auto;display:block;opacity:.9;}\r\n.phg a.phg-link{\r\n  display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--patina-dk)!important;\r\n  padding:12px 0;border-bottom:1.5px solid var(--verdi);min-height:44px;transition:color .18s;\r\n}\r\n.phg a.phg-link:hover{color:var(--patina)!important;}\r\n.phg-link svg{width:18px;height:18px;flex:0 0 18px;transition:transform .18s;}\r\n.phg a.phg-link:hover svg{transform:translateX(4px);}\r\n\r\n@keyframes phg-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}\r\n\r\n\/* ---------- RESPONSIVE ---------- *\/\r\n@media (max-width:1100px){\r\n  .phg-wrap{gap:40px;}\r\n  .phg-pillars{grid-template-columns:1fr 1fr;}\r\n  .phg-pillar:last-child{grid-column:1 \/ -1;}\r\n}\r\n@media (max-width:900px){\r\n  .phg-wrap{grid-template-columns:1fr;max-width:760px;gap:34px;padding:48px 24px;}\r\n  .phg-media{max-width:520px;}\r\n  .phg h2.phg-h2{max-width:none;}\r\n}\r\n@media (max-width:620px){\r\n  .phg-wrap{padding:36px 18px 44px;gap:26px;}\r\n  .phg-media{max-width:none;margin-right:0;}\r\n  .phg-media::before{transform:translate(-10px,10px);}\r\n  .phg-tag{left:-8px;bottom:18px;padding:9px 12px 9px 10px;}\r\n  .phg-caption{font-size:12.5px;margin-top:22px;}\r\n  .phg-eyebrow{margin-bottom:14px;font-size:10px;letter-spacing:.13em;}\r\n  .phg h2.phg-h2{font-size:clamp(28px,8.2vw,36px)!important;margin-bottom:16px!important;}\r\n  .phg-p{font-size:15px;line-height:1.6;margin-bottom:12px;}\r\n  .phg-p:last-of-type{margin-bottom:22px;}\r\n  .phg-pillars{grid-template-columns:1fr;gap:8px;margin-bottom:24px;}\r\n  .phg-pillar{min-height:56px;padding:12px 12px;transform:none!important;}\r\n  .phg-sign{gap:16px;}\r\n  .phg-sign img{height:44px;}\r\n  .phg a.phg-link{width:100%;justify-content:space-between;}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .phg-tag{animation:none;}\r\n  .phg-frame img,.phg-pillar{transition:none;}\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"phg\" aria-label=\"Pourquoi PEPTZONE existe\">\r\n  <div class=\"phg-wrap\">\r\n    <div class=\"phg-media\">\r\n      <div class=\"phg-frame\">\r\n        <img src=\"\/wp-content\/uploads\/2026\/08\/mertens-professionale.png\" alt=\"Dr Philipp Mertens, cofondateur et responsable qualit\u00e9 de PEPTZONE, au laboratoire\" width=\"1200\" height=\"1500\" loading=\"lazy\" decoding=\"async\">\r\n        <span class=\"phg-corner\" aria-hidden=\"true\"><\/span>\r\n      <\/div>\r\n      <div class=\"phg-tag\">\r\n        <i aria-hidden=\"true\"><\/i>\r\n        <span>\r\n          <b>Cofondateur et responsable qualit\u00e9<\/b>\r\n          <span>Dr Philipp Mertens<\/span>\r\n        <\/span>\r\n      <\/div>\r\n      <p class=\"phg-caption\"><strong>Dr Philipp Mertens<\/strong> \u00b7 Cofondateur et responsable qualit\u00e9<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"phg-copy\">\r\n\r\n      <p class=\"phg-eyebrow\">Pourquoi PEPTZONE existe<\/p>\r\n\r\n      <h2 class=\"phg-h2\">Nous avons fond\u00e9 PEPTZONE parce que personne ne voulait <em>nous montrer le rapport.<\/em><\/h2>\r\n\r\n      <p class=\"phg-p\">Nous avons trop souvent vu des promesses \u2014 sans qu\u2019aucune preuve ne vienne les \u00e9tayer. <strong>Pour nous, ce qui compte, ce n\u2019est pas ce qui est annonc\u00e9, mais ce qui a \u00e9t\u00e9 v\u00e9rifi\u00e9.<\/strong><\/p>\r\n\r\n      <p class=\"phg-p\">C\u2019est pourquoi PEPTZONE existe : chaque lot est accompagn\u00e9 d\u2019un rapport d\u2019analyse ind\u00e9pendant, tra\u00e7able gr\u00e2ce \u00e0 son num\u00e9ro de lot et \u00e0 son QR code. Pas de secrets, pas d\u2019excuses \u2014 seulement des standards que nous garantissons en notre nom.<\/p>\r\n\r\n      <div class=\"phg-pillars\">\r\n\r\n        <div class=\"phg-pillar\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 3h6M10 3v6.5L4.5 19a1.5 1.5 0 0 0 1.3 2.2h12.4a1.5 1.5 0 0 0 1.3-2.2L14 9.5V3\"\/><path d=\"M7.5 15.5h9\"\/><\/svg>\r\n          <span>Analyses externes<br>et ind\u00e9pendantes<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"phg-pillar\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 3h7l5 5v13H7z\"\/><path d=\"M14 3v5h5M10 12h6M10 16h6\"\/><\/svg>\r\n          <span>Chaque lot<br>est document\u00e9<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"phg-pillar\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l7 3v5.5c0 4.4-3 8.1-7 9.5-4-1.4-7-5.1-7-9.5V6z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\r\n          <span>Responsabilit\u00e9 assum\u00e9e<br>dans les mentions l\u00e9gales<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"phg-sign\">\r\n        <img src=\"\/wp-content\/uploads\/2026\/08\/firma-2.png\" alt=\"Signature du Dr Philipp Mertens\" width=\"220\" height=\"70\" loading=\"lazy\" decoding=\"async\">\r\n        <a class=\"phg-link\" href=\"\/qualite\/\">Notre standard qualit\u00e9\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c203a70 e-con e-atomic-element e-flexbox-base e-e31d715 \" data-id=\"c203a70\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c203a70\" data-e-type=\"e-flexbox\" data-id=\"c203a70\">\n    \t\t<div class=\"elementor-element elementor-element-885583f elementor-widget elementor-widget-html\" data-id=\"885583f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  PEPTZONE \u2014 T\u00c9MOIGNAGES CLIENTS \u00b7 8 emplacements photo \u00b7 v2 (01.09.2026)\r\n\r\n  Changements par rapport \u00e0 la v1 :\r\n  \u00b7 8 cartes au lieu de 4 \u2014 la rang\u00e9e d\u00e9file horizontalement (snap,\r\n    balayage, fl\u00e8ches, clavier \u2190 \u2192)\r\n  \u00b7 la carte citation sombre est retir\u00e9e, tous les emplacements sont des photos\r\n  \u00b7 les points repr\u00e9sentent des PAGES et non des cartes (avec 4 cartes\r\n    visibles = 2 points) et am\u00e8nent au bon endroit au clic\r\n\r\n  \u2500\u2500 INS\u00c9RER LES IMAGES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  Charger huit images dans la m\u00e9diath\u00e8que et remplacer les src\r\n  ci-dessous. Format portrait 3:4, min. 900\u00d71200 px. Si une image\r\n  manque, la zone reste simplement claire.\r\n\r\n  Nom et date de chaque carte : \u00e0 modifier directement dans le markup.\r\n============================================================ -->\r\n\r\n<style>\r\n.phk{\r\n  --ink:#16191B;--paper:#F2F3F1;--white:#FFFFFF;--patina:#002E5C;--patina-dk:#001F3F;\r\n  --wash:#DCE6F2;--verdi:#1E5A9C;--anod:#4A90E2;--line:rgba(22,25,27,.12);--muted:#5A6165;\r\n  font-family:'Archivo',system-ui,sans-serif;color:var(--ink);\r\n  width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;background:var(--paper);\r\n}\r\n.phk *{box-sizing:border-box;margin:0;}\r\n.phk-wrap{max-width:1420px;margin-inline:auto;padding:clamp(48px,6vw,88px) clamp(24px,3vw,40px);position:relative;}\r\n\r\n.phk-eyebrow{\r\n  font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;\r\n  color:var(--patina)!important;display:flex;align-items:center;gap:12px;margin-bottom:14px;\r\n}\r\n.phk-eyebrow::before{content:'';width:28px;height:1px;flex:0 0 28px;background:var(--verdi);}\r\n.phk h2.phk-h2{\r\n  font-family:'Archivo',sans-serif!important;font-size:clamp(26px,3vw,42px)!important;font-weight:800!important;\r\n  letter-spacing:-.026em!important;line-height:1.05!important;color:var(--ink)!important;margin:0 0 28px!important;padding:0!important;\r\n}\r\n.phk h2.phk-h2 em{font-style:normal;color:var(--patina);}\r\n\r\n\/* ---- Rang\u00e9e ---- *\/\r\n.phk-stage{position:relative;}\r\n.phk-track{\r\n  --n:4;--g:20px;\r\n  display:flex;gap:var(--g);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;\r\n  padding:6px 0 12px;margin:-6px 0 -12px;\r\n  overscroll-behavior-x:contain;\r\n}\r\n.phk-track::-webkit-scrollbar{display:none;}\r\n.phk-card{\r\n  flex:0 0 calc((100% - (var(--n) - 1) * var(--g)) \/ var(--n));scroll-snap-align:start;\r\n  position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);\r\n  border-radius:3px;overflow:hidden;min-width:0;\r\n  transition:transform .2s,box-shadow .2s,border-color .2s;\r\n}\r\n.phk-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,27,56,.14);border-color:var(--verdi);}\r\n\r\n\/* Carte photo *\/\r\n.phk-photo{position:relative;aspect-ratio:3\/4;overflow:hidden;background:var(--wash);}\r\n.phk-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}\r\n.phk-card:hover .phk-photo img{transform:scale(1.03);}\r\n.phk-photo::after{content:'';position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,rgba(0,27,56,0),rgba(0,27,56,.22));pointer-events:none;}\r\n.phk-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;}\r\n.phk-name{font-size:14px;font-weight:600;color:var(--ink)!important;}\r\n.phk-verified{display:block;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.04em;color:var(--patina)!important;margin-top:3px;}\r\n.phk-stars{display:inline-flex;gap:3px;flex:0 0 auto;}\r\n.phk-stars svg{width:15px;height:15px;fill:var(--anod);}\r\n\r\n\/* Fl\u00e8ches ext\u00e9rieures *\/\r\n.phk-arrow{\r\n  position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;\r\n  border:1px solid var(--line);background:var(--white);color:var(--patina-dk);cursor:pointer;\r\n  display:flex;align-items:center;justify-content:center;padding:0;z-index:2;\r\n  box-shadow:0 6px 18px rgba(22,25,27,.08);transition:background .18s,border-color .18s,opacity .18s;\r\n}\r\n.phk-arrow svg{width:18px;height:18px;}\r\n.phk-arrow:hover{background:var(--wash);border-color:var(--verdi);}\r\n.phk-arrow:disabled{opacity:.3;cursor:default;}\r\n.phk-arrow--prev{left:-23px;}\r\n.phk-arrow--next{right:-23px;}\r\n\r\n\/* Points \u2014 une page par point *\/\r\n.phk-dots{display:flex;justify-content:center;gap:6px;margin-top:22px;}\r\n.phk-dots span{width:6px;height:6px;border-radius:50%;background:var(--line);cursor:pointer;transition:background .18s,width .18s;}\r\n.phk-dots span.is-on{background:var(--patina);width:18px;border-radius:3px;}\r\n\r\n\/* ---- Responsive ---- *\/\r\n@media (max-width:1200px){\r\n  .phk-track{--n:3;}\r\n  .phk-arrow--prev{left:-10px;}\r\n  .phk-arrow--next{right:-10px;}\r\n}\r\n@media (max-width:900px){\r\n  .phk-track{--n:2.2;--g:14px;}\r\n  .phk-arrow{display:none;}\r\n}\r\n@media (max-width:620px){\r\n  .phk-wrap{padding:40px 18px 44px;}\r\n  .phk-eyebrow{margin-bottom:10px;font-size:10px;letter-spacing:.13em;}\r\n  .phk h2.phk-h2{font-size:clamp(26px,7.6vw,32px)!important;margin-bottom:20px!important;}\r\n  .phk-track{--n:1.15;--g:12px;margin-inline:-18px;padding-inline:18px;scroll-padding-inline:18px;}\r\n  .phk-card:hover{transform:none;}\r\n  .phk-foot{padding:12px 14px;}\r\n  .phk-dots{margin-top:16px;}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .phk-card,.phk-photo img{transition:none;}\r\n  .phk-track{scroll-behavior:auto;}\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"phk\" aria-label=\"T\u00e9moignages de clients\">\r\n  <div class=\"phk-wrap\">\r\n\r\n    <p class=\"phk-eyebrow\">T\u00e9moignages de clients<\/p>\r\n    <h2 class=\"phk-h2\">V\u00e9rifi\u00e9. Livr\u00e9. <em>Confirm\u00e9.<\/em><\/h2>\r\n\r\n    <div class=\"phk-stage\">\r\n\r\n      <button type=\"button\" class=\"phk-arrow phk-arrow--prev\" data-dir=\"-1\" aria-label=\"Pr\u00e9c\u00e9dent\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M11 6l-6 6 6 6\"\/><\/svg>\r\n      <\/button>\r\n      <button type=\"button\" class=\"phk-arrow phk-arrow--next\" data-dir=\"1\" aria-label=\"Suivant\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"phk-track\" tabindex=\"0\" role=\"group\" aria-label=\"Photos clients, d\u00e9filement horizontal\">\r\n\r\n        <!-- 1 -->\r\n        <article class=\"phk-card\">\r\n          <div class=\"phk-photo\"><img src=\"\/wp-content\/uploads\/2026\/08\/bew-1.png\" alt=\"Photo client : emballage PEPTZONE ouvert avec l\u2019\u00e9tiquette de lot\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n          <div class=\"phk-foot\">\r\n            <div>\r\n              <span class=\"phk-name\">Camille M.<\/span>\r\n              <span class=\"phk-verified\">Achat v\u00e9rifi\u00e9 \u00b7 02\/2026<\/span>\r\n            <\/div>\r\n            <span class=\"phk-stars\" aria-label=\"5 \u00e9toiles sur 5\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 2 -->\r\n        <article class=\"phk-card\">\r\n          <div class=\"phk-photo\"><img src=\"\/wp-content\/uploads\/2026\/08\/hf_20260827_114500_cfd80ac0-128d-4539-841d-c1da529e9e11.png\" alt=\"Photo client : Passeport de lot sur le smartphone \u00e0 c\u00f4t\u00e9 du flacon\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n          <div class=\"phk-foot\">\r\n            <div>\r\n              <span class=\"phk-name\">Julie S.<\/span>\r\n              <span class=\"phk-verified\">Achat v\u00e9rifi\u00e9 \u00b7 07\/2026<\/span>\r\n            <\/div>\r\n            <span class=\"phk-stars\" aria-label=\"5 \u00e9toiles sur 5\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 3 -->\r\n        <article class=\"phk-card\">\r\n          <div class=\"phk-photo\"><img src=\"\/wp-content\/uploads\/2026\/08\/bew-4.png\" alt=\"Photo client : flacon avec le num\u00e9ro de lot sur l\u2019\u00e9tiquette\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n          <div class=\"phk-foot\">\r\n            <div>\r\n              <span class=\"phk-name\">Thomas K.<\/span>\r\n              <span class=\"phk-verified\">Achat v\u00e9rifi\u00e9 \u00b7 04\/2026<\/span>\r\n            <\/div>\r\n            <span class=\"phk-stars\" aria-label=\"5 \u00e9toiles sur 5\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 4 -->\r\n        <article class=\"phk-card\">\r\n          <div class=\"phk-photo\"><img src=\"\/wp-content\/uploads\/2026\/09\/REVIEW-5.png\" alt=\"Photo client : livraison du colis avec suivi\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n          <div class=\"phk-foot\">\r\n            <div>\r\n              <span class=\"phk-name\">Antoine W.<\/span>\r\n              <span class=\"phk-verified\">Achat v\u00e9rifi\u00e9 \u00b7 09\/2025<\/span>\r\n            <\/div>\r\n            <span class=\"phk-stars\" aria-label=\"5 \u00e9toiles sur 5\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 5 -->\r\n        <article class=\"phk-card\">\r\n          <div class=\"phk-photo\"><img src=\"\/wp-content\/uploads\/2026\/09\/review-6.png\" alt=\"Photo client : livraison \u00e0 la porte\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n          <div class=\"phk-foot\">\r\n            <div>\r\n              <span class=\"phk-name\">Sandrine L.<\/span>\r\n              <span class=\"phk-verified\">Achat v\u00e9rifi\u00e9 \u00b7 05\/2026<\/span>\r\n            <\/div>\r\n            <span class=\"phk-stars\" aria-label=\"5 \u00e9toiles sur 5\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 6 -->\r\n        <article class=\"phk-card\">\r\n          <div class=\"phk-photo\"><img src=\"\/wp-content\/uploads\/2026\/09\/review-3.png\" alt=\"Photo client : emballage et notice\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n          <div class=\"phk-foot\">\r\n            <div>\r\n              <span class=\"phk-name\">L\u00e9a R.<\/span>\r\n              <span class=\"phk-verified\">Achat v\u00e9rifi\u00e9 \u00b7 06\/2026<\/span>\r\n            <\/div>\r\n            <span class=\"phk-stars\" aria-label=\"5 \u00e9toiles sur 5\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 7 -->\r\n        <article class=\"phk-card\">\r\n          <div class=\"phk-photo\"><img src=\"\/wp-content\/uploads\/2026\/09\/hf_20260901_203320_48d063fc-9191-4feb-9440-80d9736383d0.png\" alt=\"Photo client : v\u00e9rification du num\u00e9ro de LOT sur le site\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n          <div class=\"phk-foot\">\r\n            <div>\r\n              <span class=\"phk-name\">Marc B.<\/span>\r\n              <span class=\"phk-verified\">Achat v\u00e9rifi\u00e9 \u00b7 08\/2026<\/span>\r\n            <\/div>\r\n            <span class=\"phk-stars\" aria-label=\"5 \u00e9toiles sur 5\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- 8 -->\r\n        <article class=\"phk-card\">\r\n          <div class=\"phk-photo\"><img src=\"\/wp-content\/uploads\/2026\/09\/hf_20260901_201614_602c5a2b-9205-4a3b-9519-9aa8d172a4ec.png\" alt=\"Photo client : produit sur le plan de travail\" loading=\"lazy\" decoding=\"async\"><\/div>\r\n          <div class=\"phk-foot\">\r\n            <div>\r\n              <span class=\"phk-name\">Kevin H.<\/span>\r\n              <span class=\"phk-verified\">Achat v\u00e9rifi\u00e9 \u00b7 08\/2026<\/span>\r\n            <\/div>\r\n            <span class=\"phk-stars\" aria-label=\"5 \u00e9toiles sur 5\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z\"\/><\/svg>\r\n            <\/span>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"phk-dots\" role=\"tablist\" aria-label=\"Pages\"><\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var sec=document.querySelector('.phk');\r\n  if(!sec||sec.dataset.init)return;\r\n  sec.dataset.init='1';\r\n\r\n  var track=sec.querySelector('.phk-track'),\r\n      btns=sec.querySelectorAll('.phk-arrow'),\r\n      dots=sec.querySelector('.phk-dots'),\r\n      cards=track.querySelectorAll('.phk-card');\r\n\r\n  function step(){\r\n    var c=cards[0];\r\n    if(!c)return 300;\r\n    return c.getBoundingClientRect().width+parseFloat(getComputedStyle(track).gap||0);\r\n  }\r\n  \/* une page = autant de cartes qu'il y en a d'enti\u00e8rement visibles *\/\r\n  function perPage(){return Math.max(1,Math.round(track.clientWidth\/step()));}\r\n  function pages(){return Math.max(1,Math.ceil(cards.length\/perPage()));}\r\n\r\n  function buildDots(){\r\n    var n=pages();\r\n    if(dots.children.length===n)return;\r\n    dots.innerHTML='';\r\n    for(var i=0;i<n;i++){\r\n      var d=document.createElement('span');\r\n      d.dataset.p=i;\r\n      d.setAttribute('role','tab');\r\n      d.setAttribute('aria-label','Page '+(i+1));\r\n      dots.appendChild(d);\r\n    }\r\n  }\r\n\r\n  function sync(){\r\n    buildDots();\r\n    var max=track.scrollWidth-track.clientWidth-1;\r\n    btns.forEach(function(b){\r\n      b.disabled=(b.dataset.dir==='-1')?track.scrollLeft<=1:track.scrollLeft>=max;\r\n    });\r\n    var p=Math.round(track.scrollLeft\/(step()*perPage()));\r\n    dots.querySelectorAll('span').forEach(function(d,k){d.classList.toggle('is-on',k===p);});\r\n  }\r\n\r\n  btns.forEach(function(b){\r\n    b.addEventListener('click',function(){\r\n      track.scrollBy({left:step()*perPage()*parseInt(b.dataset.dir,10),behavior:'smooth'});\r\n    });\r\n  });\r\n\r\n  dots.addEventListener('click',function(e){\r\n    var d=e.target.closest('span');\r\n    if(!d)return;\r\n    track.scrollTo({left:step()*perPage()*parseInt(d.dataset.p,10),behavior:'smooth'});\r\n  });\r\n\r\n  \/* Clavier : \u2190 \u2192 quand la rang\u00e9e a le focus *\/\r\n  track.addEventListener('keydown',function(e){\r\n    if(e.key!=='ArrowRight'&&e.key!=='ArrowLeft')return;\r\n    e.preventDefault();\r\n    track.scrollBy({left:step()*(e.key==='ArrowRight'?1:-1),behavior:'smooth'});\r\n  });\r\n\r\n  track.addEventListener('scroll',sync,{passive:true});\r\n  window.addEventListener('resize',sync);\r\n  sync();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d14b482 elementor-widget elementor-widget-html\" data-id=\"d14b482\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@400;600;800&family=IBM+Plex+Mono:wght@500;600&display=swap');\r\n\r\n.phf{\r\n  --paper:#F2F3F1;\r\n  --white:#FFFFFF;\r\n  --ink:#16191B;\r\n\r\n  --patina:#002E5C;\r\n  --patina-dk:#001F3F;\r\n  --wash:#DCE6F2;\r\n\r\n  --verdi:#1E5A9C;\r\n  --verdi-hi:#4A90E2;\r\n\r\n  --line:rgba(22,25,27,.12);\r\n\r\n  font-family:'Archivo',system-ui,sans-serif;\r\n  margin:0;\r\n\r\n  \/* Pleine largeur sans script *\/\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n  overflow:hidden;\r\n\r\n  background:var(--paper);\r\n}\r\n\r\n.phf *{\r\n  box-sizing:border-box;\r\n  margin:0;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   1120PX READING CONTAINER\r\n============================================================ *\/\r\n\r\n.phf-wrap{\r\n  max-width:1120px;\r\n  margin-inline:auto;\r\n\r\n  padding:\r\n    clamp(68px,9vw,116px)\r\n    clamp(22px,3vw,36px);\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,.78fr)\r\n    minmax(0,1.22fr);\r\n\r\n  gap:clamp(46px,6vw,78px);\r\n\r\n  align-items:start;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   LEFT \/ STICKY HEADER\r\n============================================================ *\/\r\n\r\n.phf-head{\r\n  position:sticky;\r\n  top:96px;\r\n}\r\n\r\n.phf-eyebrow{\r\n  font-family:'IBM Plex Mono',monospace!important;\r\n  font-size:11px;\r\n  font-weight:500;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  margin:0 0 22px;\r\n}\r\n\r\n.phf-eyebrow::before{\r\n  content:'';\r\n  width:28px;\r\n  height:1px;\r\n  flex:0 0 28px;\r\n  background:#4A90E2;\r\n}\r\n\r\n.phf h2.phf-h2{\r\n  font-family:'Archivo',sans-serif!important;\r\n  font-size:clamp(34px,4vw,50px)!important;\r\n  font-weight:800!important;\r\n  letter-spacing:-.024em!important;\r\n  line-height:1.05!important;\r\n  margin:0 0 18px!important;\r\n  padding:0!important;\r\n}\r\n\r\n.phf-head p{\r\n  font-size:15px;\r\n  line-height:1.65;\r\n  max-width:34ch;\r\n}\r\n\r\n.phf-head p a{\r\n  font-weight:600;\r\n  text-decoration:none;\r\n  border-bottom:1.5px solid #4A90E2;\r\n  padding-bottom:1px;\r\n}\r\n\r\n.phf-head .phf-links{\r\n  margin-top:22px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:9px;\r\n  max-width:34ch;\r\n}\r\n\r\n.phf-head .phf-links a{\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:12.5px;\r\n  font-weight:600;\r\n  border-bottom:0;\r\n  text-decoration:none;\r\n  color:#001F3F!important;\r\n}\r\n\r\n.phf-head .phf-links a span{\r\n  color:#1E5A9C!important;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   FAQ LIST\r\n============================================================ *\/\r\n\r\n.phf-list{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n.phf details{\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n.phf summary{\r\n  list-style:none;\r\n  cursor:pointer;\r\n  position:relative;\r\n  padding:24px 48px 24px 0;\r\n  font-size:16.5px;\r\n  font-weight:600;\r\n  letter-spacing:-.01em;\r\n  line-height:1.45;\r\n}\r\n\r\n.phf summary::-webkit-details-marker{\r\n  display:none;\r\n}\r\n\r\n.phf summary::after{\r\n  content:'+';\r\n  position:absolute;\r\n  right:4px;\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:21px;\r\n  font-weight:500;\r\n  line-height:1;\r\n  color:#1E5A9C;\r\n}\r\n\r\n.phf details[open] summary::after{\r\n  content:'\u2212';\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   ANSWER\r\n============================================================ *\/\r\n\r\n.phf-a{\r\n  padding:0 30px 26px 0;\r\n  font-size:15px;\r\n  line-height:1.68;\r\n  max-width:64ch;\r\n}\r\n\r\n.phf-a b{\r\n  font-weight:600;\r\n}\r\n\r\n.phf-a .mono{\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:13px;\r\n  font-weight:600;\r\n  border-bottom:1.5px solid #4A90E2;\r\n  padding-bottom:1px;\r\n  white-space:nowrap;\r\n}\r\n\r\n.phf-a a{\r\n  color:#001F3F!important;\r\n  font-weight:600;\r\n  text-decoration:underline;\r\n  text-underline-offset:3px;\r\n  text-decoration-color:#4A90E2;\r\n}\r\n\r\n.phf-a .phf-more{\r\n  display:inline-block;\r\n  margin-top:14px;\r\n  font-family:'IBM Plex Mono',monospace;\r\n  font-size:12.5px;\r\n  font-weight:600;\r\n  color:#001F3F!important;\r\n  text-decoration:none;\r\n  border-bottom:1.5px solid #4A90E2;\r\n  padding-bottom:2px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLETTE \u2264860px\r\n============================================================ *\/\r\n\r\n@media (max-width:860px){\r\n  .phf-wrap{\r\n    max-width:720px;\r\n    grid-template-columns:1fr;\r\n    gap:36px;\r\n    padding-block:clamp(56px,8vw,80px);\r\n  }\r\n  .phf-head{position:static;}\r\n  .phf-head p{max-width:56ch;}\r\n  .phf-head .phf-links{max-width:none;}\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE \u2264560px\r\n============================================================ *\/\r\n\r\n@media (max-width:560px){\r\n\r\n  .phf-wrap{padding:46px 18px 52px;}\r\n\r\n  .phf-eyebrow{\r\n    margin-bottom:16px;\r\n    font-size:10px;\r\n    letter-spacing:.13em;\r\n  }\r\n\r\n  .phf h2.phf-h2{\r\n    font-size:clamp(28px,8.5vw,36px)!important;\r\n    margin-bottom:14px!important;\r\n  }\r\n\r\n  .phf-head p{font-size:14.5px;line-height:1.6;}\r\n\r\n  \/* Liens de contact en lignes tactiles *\/\r\n  .phf-head .phf-links{\r\n    margin-top:18px;\r\n    gap:0;\r\n    border-top:1px solid var(--line);\r\n  }\r\n\r\n  .phf-head .phf-links a{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    min-height:46px;\r\n    padding:12px 0;\r\n    border-bottom:1px solid var(--line);\r\n    font-size:12px;\r\n  }\r\n\r\n  \/* Accord\u00e9on *\/\r\n  .phf summary{\r\n    padding:18px 40px 18px 0;\r\n    font-size:15.5px;\r\n    line-height:1.4;\r\n    min-height:48px;\r\n    display:flex;\r\n    align-items:center;\r\n  }\r\n\r\n  .phf summary::after{\r\n    right:2px;\r\n    font-size:20px;\r\n  }\r\n\r\n  .phf-a{\r\n    padding:0 0 22px 0;\r\n    font-size:14.5px;\r\n    line-height:1.62;\r\n  }\r\n\r\n  \/* La puce mono peut passer \u00e0 la ligne, sinon elle d\u00e9borde *\/\r\n  .phf-a .mono{\r\n    white-space:normal;\r\n    font-size:12.5px;\r\n    line-height:1.4;\r\n  }\r\n\r\n  .phf-a .phf-more{\r\n    margin-top:12px;\r\n    font-size:12px;\r\n    min-height:32px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TR\u00c8S PETIT \u2264400px\r\n============================================================ *\/\r\n\r\n@media (max-width:400px){\r\n  .phf-wrap{padding:40px 14px 46px;}\r\n  .phf h2.phf-h2{font-size:26px!important;}\r\n  .phf-head p{font-size:14px;}\r\n  .phf summary{font-size:15px;padding-right:36px;}\r\n  .phf-a{font-size:14px;}\r\n  .phf-a .mono{font-size:12px;}\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"phf\" aria-label=\"Questions fr\u00e9quentes\">\r\n\r\n  <div class=\"phf-wrap\">\r\n\r\n\r\n    <!-- ========================================================\r\n         LEFT\r\n    ========================================================= -->\r\n\r\n    <div class=\"phf-head\">\r\n\r\n      <p class=\"phf-eyebrow\" style=\"color:#1E5A9C!important\">\r\n        Questions fr\u00e9quentes\r\n      <\/p>\r\n\r\n      <h2 class=\"phf-h2\" style=\"color:#16191B!important\">\r\n        Avant m\u00eame que\r\n        vous ne demandiez.\r\n      <\/h2>\r\n\r\n      <p style=\"color:#5A6165!important\">\r\n        Vous avez encore des questions ?\r\n        \u00c9crivez-nous \u00e0\r\n        <a href=\"mailto:support@peptzone.fr\" style=\"color:#001F3F!important\">\r\n          support@peptzone.fr\r\n        <\/a>\r\n        \u2014 nous r\u00e9pondons sous 24 h les jours ouvr\u00e9s.\r\n      <\/p>\r\n\r\n      <div class=\"phf-links\">\r\n        <a href=\"\/support\/\">Toutes les questions et le support <span>\u2192<\/span><\/a>\r\n        <a href=\"\/verify-a-batch\/\">V\u00e9rifier un lot <span>\u2192<\/span><\/a>\r\n        <a href=\"\/qualite\/\">Standard qualit\u00e9 <span>\u2192<\/span><\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ========================================================\r\n         FAQ\r\n    ========================================================= -->\r\n\r\n    <div class=\"phf-list\">\r\n\r\n\r\n      <!-- 01 \u2014 LOT EXACT -->\r\n\r\n      <details>\r\n\r\n        <summary style=\"color:#16191B!important\">\r\n          Le rapport d\u2019analyse correspond-il bien \u00e0 mon flacon ?\r\n        <\/summary>\r\n\r\n        <div class=\"phf-a\" style=\"color:#5A6165!important\">\r\n\r\n          C\u2019est pr\u00e9cis\u00e9ment \u00e0 cela que sert la v\u00e9rification du LOT.\r\n          Le num\u00e9ro de lot figurant sur le flacon correspond \u00e0 l\u2019identifiant\r\n          indiqu\u00e9 dans le \u00ab Passeport de lot \u00bb et dans le rapport d\u2019analyse correspondant \u2014\r\n          <span class=\"mono\" style=\"color:#001F3F!important\">LOT sur le flacon = LOT dans le rapport<\/span>.\r\n          Cela permet d\u2019attribuer sans ambigu\u00eft\u00e9 la documentation au lot\r\n          effectivement re\u00e7u.\r\n\r\n          <a class=\"phf-more\" href=\"\/verify-a-batch\/\">V\u00e9rifier un lot \u2192<\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- 02 \u2014 EXP\u00c9DITION -->\r\n\r\n      <details>\r\n\r\n        <summary style=\"color:#16191B!important\">\r\n          D\u2019o\u00f9 ma commande est-elle exp\u00e9di\u00e9e ?\r\n        <\/summary>\r\n\r\n        <div class=\"phf-a\" style=\"color:#5A6165!important\">\r\n\r\n          L\u2019exp\u00e9dition s\u2019effectue depuis notre centre de distribution europ\u00e9en.\r\n          Pour la France, le d\u00e9lai de livraison habituel est de\r\n          <b style=\"color:#16191B!important\">3 \u00e0 4 jours ouvr\u00e9s<\/b>\r\n          apr\u00e8s remise au transporteur.\r\n          Chaque commande b\u00e9n\u00e9ficie d\u2019un suivi de colis,\r\n          d\u00e8s que celui-ci a effectivement \u00e9t\u00e9 remis au transporteur.\r\n\r\n          <a class=\"phf-more\" href=\"\/faq\/\">Exp\u00e9dition et livraison&nbsp;\u2192<\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- 03 \u2014 CE QUE PROUVE L'ANALYSE -->\r\n\r\n      <details>\r\n\r\n        <summary style=\"color:#16191B!important\">\r\n          Que confirme le rapport d\u2019analyse \u2014 et que ne confirme-t-il pas ?\r\n        <\/summary>\r\n\r\n        <div class=\"phf-a\" style=\"color:#5A6165!important\">\r\n\r\n          Le rapport documente les param\u00e8tres analytiques\r\n          qui ont \u00e9t\u00e9 examin\u00e9s et indiqu\u00e9s pour ce lot pr\u00e9cis.\r\n          Vous pouvez voir quels param\u00e8tres ont \u00e9t\u00e9 test\u00e9s directement dans le\r\n          <span class=\"mono\" style=\"color:#001F3F!important\">Passeport de lot<\/span>\r\n          et dans le rapport original du laboratoire.\r\n          Il ne constitue en aucun cas une preuve d\u2019effet th\u00e9rapeutique,\r\n          une recommandation posologique ou une autorisation d\u2019utilisation chez l\u2019humain.\r\n\r\n          <a class=\"phf-more\" href=\"\/bibliotheque-de-recherche\/\">Comprendre les rapports d\u2019analyse&nbsp;\u2192<\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- 04 \u2014 RESEARCH USE ONLY -->\r\n\r\n      <details>\r\n\r\n        <summary style=\"color:#16191B!important\">\r\n          Que signifie \u00ab Research Use Only \u00bb chez PEPTZONE ?\r\n        <\/summary>\r\n\r\n        <div class=\"phf-a\" style=\"color:#5A6165!important\">\r\n\r\n          Les peptides de recherche portant cette mention\r\n          sont propos\u00e9s exclusivement \u00e0 des fins de recherche.\r\n          PEPTZONE ne fournit \u00e0 cet \u00e9gard\r\n          <b style=\"color:#16191B!important\">aucune recommandation concernant le dosage, le traitement ou l\u2019utilisation<\/b>.\r\n          Le statut du produit, ses sp\u00e9cifications et la documentation disponible\r\n          sont clairement indiqu\u00e9s sur la page du produit concern\u00e9.\r\n\r\n          <a class=\"phf-more\" href=\"\/conditions-generales-de-vente\/\">Politique d\u2019utilisation \u00e0 des fins de recherche \u2192<\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- 05 \u2014 PRIX \/ VALEUR -->\r\n\r\n      <details>\r\n\r\n        <summary style=\"color:#16191B!important\">\r\n          Qu\u2019est-ce qui est inclus dans le prix d\u2019un produit PEPTZONE ?\r\n        <\/summary>\r\n\r\n        <div class=\"phf-a\" style=\"color:#5A6165!important\">\r\n\r\n          Pas seulement le produit.\r\n          Le syst\u00e8me PEPTZONE comprend une documentation sp\u00e9cifique \u00e0 chaque lot,\r\n          des analyses externes, la v\u00e9rification des lots, la gestion des commandes au sein de l\u2019UE,\r\n          des processus qualit\u00e9 tra\u00e7ables et un support.\r\n          Notre objectif n\u2019est donc pas d\u2019offrir le prix le plus bas,\r\n          mais\r\n          <b style=\"color:#16191B!important\">un produit tra\u00e7able avec un lot tra\u00e7able.<\/b>\r\n\r\n          <a class=\"phf-more\" href=\"\/qualite\/\">Standard qualit\u00e9&nbsp;\u2192<\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n      <!-- 06 \u2014 COLIS PERDU \/ ENDOMMAG\u00c9 -->\r\n\r\n      <details>\r\n\r\n        <summary style=\"color:#16191B!important\">\r\n          Que se passe-t-il si mon colis est perdu ou arrive endommag\u00e9 ?\r\n        <\/summary>\r\n\r\n        <div class=\"phf-a\" style=\"color:#5A6165!important\">\r\n\r\n          En cas de perte ou de dommage li\u00e9 au transport d\u00fbment constat\u00e9,\r\n          des proc\u00e9dures de remplacement et de remboursement clairement d\u00e9finies s\u2019appliquent.\r\n          Signalez l\u2019incident \u00e0 notre support en indiquant votre num\u00e9ro de commande et,\r\n          le cas \u00e9ch\u00e9ant, des photos du colis.\r\n          Les conditions compl\u00e8tes sont\r\n          <b style=\"color:#16191B!important\">consultables avant l\u2019achat<\/b>\r\n          dans notre politique d\u2019exp\u00e9dition et de remboursement.\r\n\r\n          <a class=\"phf-more\" href=\"\/support\/\">Signaler un incident&nbsp;\u2192<\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/details>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Chaque lot. Chaque test. V\u00e9rifiable.Chaque lot. V\u00e9rifiable. Ne vous fiez pas\u00e0 nos paroles. V\u00e9rifiez parvous-m\u00eame. PEPTZONE \u00e9tablit une nouvelle norme<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/peptzone.fr\/fr_be\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peptzone.fr\/fr_be\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/peptzone.fr\/fr_be\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/peptzone.fr\/fr_be\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/peptzone.fr\/fr_be\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":204,"href":"https:\/\/peptzone.fr\/fr_be\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":1212,"href":"https:\/\/peptzone.fr\/fr_be\/wp-json\/wp\/v2\/pages\/24\/revisions\/1212"}],"wp:attachment":[{"href":"https:\/\/peptzone.fr\/fr_be\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}