{"title":"Nos Solutions","description":null,"products":[{"product_id":"cla-byo-core®","title":"CLA-ByoCore®","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\" name=\"viewport\"\u003e \u003cmeta content=\"#FDFAF0\" name=\"theme-color\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600\u0026amp;family=DM+Sans:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  :root {\n    --cream:    #FDFAF0;\n    --sand:     #F5F0D8;\n    --gold-lt:  #EDE08A;\n    --gold:     #D4B800;\n    --gold2:    #B8A000;\n    --amber:    #E8C000;\n    --yellow:   #F5D800;\n    --dark:     #1A1600;\n    --dark2:    #2E2600;\n    --text:     #1C1800;\n    --muted:    #6A6020;\n    --white:    #FFFFFF;\n  }\n  *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  body{background:var(--cream);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden;line-height:1.6;-webkit-text-size-adjust:100%;}\n  *{-webkit-tap-highlight-color:transparent;}\n  h1,h2,h3,h4{font-family:'Playfair Display',serif;}\n\n  \/* ── HERO ── *\/\n  .hero{display:grid;grid-template-columns:1fr;position:relative;overflow:hidden;}\n  .hero-left{\n    background:linear-gradient(150deg,#FDFAF0 0%,#F7F2D0 55%,#EDE08A 100%);\n    display:flex;flex-direction:column;justify-content:center;\n    padding:80px 5vw 80px 6vw;position:relative;z-index:2;\n  }\n  .hero-left::before{\n    content:'';position:absolute;inset:0;pointer-events:none;\n    background-image:\n      radial-gradient(circle,rgba(212,184,0,0.12) 1px,transparent 1px),\n      radial-gradient(circle,rgba(212,184,0,0.07) 1.5px,transparent 1.5px);\n    background-size:44px 44px,72px 72px;\n    background-position:0 0,22px 22px;\n    z-index:0;\n  }\n  .hero-left \u003e *{position:relative;z-index:1;}\n  .eyebrow{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--gold2);margin-bottom:20px;}\n  .hero-title{font-size:clamp(38px,5vw,68px);font-weight:700;line-height:1.05;color:var(--dark);margin-bottom:24px;}\n  .hero-title em{color:var(--gold2);font-style:italic;}\n  .hero-sub{font-size:16px;color:var(--dark2);line-height:1.8;max-width:560px;margin-bottom:36px;font-weight:300;}\n  .badge-strip{display:flex;gap:12px;flex-wrap:wrap;}\n  .badge{\n    display:inline-flex;align-items:center;gap:7px;\n    background:rgba(255,255,255,0.65);backdrop-filter:blur(8px);\n    border:1px solid rgba(212,184,0,0.25);border-radius:40px;padding:8px 16px;\n    font-size:13px;color:var(--dark2);font-weight:500;\n  }\n  .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gold2);}\n\n  \/* ── SECTIONS ── *\/\n  section{padding:90px 0;width:100%;}\n  .wrap{padding:0 6vw;width:100%;}\n  .section-tag{font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--gold2);margin-bottom:14px;}\n  .section-title{font-size:clamp(28px,4vw,48px);font-weight:700;color:var(--dark);line-height:1.1;}\n  .section-title em{color:var(--gold2);font-style:italic;}\n  .divider{width:48px;height:3px;background:linear-gradient(90deg,var(--gold2),var(--gold-lt));border-radius:2px;margin:18px 0 36px;}\n\n  \/* ── PROBLEM ── *\/\n  .problem{background:var(--sand);}\n  .problem-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:48px;}\n  .problem-card{background:var(--white);padding:36px 24px;position:relative;overflow:hidden;transition:background 0.3s;}\n  .problem-card:hover{background:#FFFDF5;}\n  .problem-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold2),var(--gold-lt));transform:scaleX(0);transform-origin:left;transition:transform 0.3s;}\n  .problem-card:hover::after{transform:scaleX(1);}\n  .problem-icon{margin-bottom:16px;display:block;}\n  .problem-title{font-family:'Playfair Display',serif;font-size:17px;font-weight:600;color:var(--dark);margin-bottom:8px;}\n  .problem-text{font-size:13px;color:var(--muted);line-height:1.65;}\n\n  \/* ── SOLUTION ── *\/\n  .solution{background:var(--cream);}\n  .solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:48px;}\n  .solution-diagram{display:flex;justify-content:center;align-items:center;}\n  .solution-points{display:flex;flex-direction:column;gap:24px;}\n  .sol-point{display:flex;gap:18px;align-items:flex-start;}\n  .sol-icon{width:50px;height:50px;border-radius:14px;flex-shrink:0;background:linear-gradient(135deg,var(--sand),var(--gold-lt));display:flex;align-items:center;justify-content:center;}\n  .sol-content h4{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:var(--dark);margin-bottom:5px;}\n  .sol-content p{font-size:14px;color:var(--muted);line-height:1.65;}\n\n  \/* ── BENEFITS ── *\/\n  .benefits{background:var(--dark);}\n  .benefits .section-tag{color:var(--gold-lt);}\n  .benefits .section-title{color:var(--white);}\n  .benefits .divider{background:linear-gradient(90deg,var(--gold-lt),var(--gold));}\n  .benefits-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:48px;}\n  .benefit-card{\n    background:rgba(255,255,255,0.04);\n    border:1px solid rgba(255,255,255,0.06);\n    \/* FIXE : padding vertical réduit, pas de min-height qui force le texte *\/\n    padding:36px 20px;\n    text-align:center;\n    transition:background 0.3s;\n    position:relative;\n    overflow:hidden;\n  }\n  .benefit-card:hover{background:rgba(255,255,255,0.08);}\n  .benefit-card::before{\n    content:'';position:absolute;top:0;left:0;right:0;height:2px;\n    background:linear-gradient(90deg,var(--gold2),var(--gold-lt));\n    transform:scaleX(0);transform-origin:center;transition:transform 0.3s;\n  }\n  .benefit-card:hover::before{transform:scaleX(1);}\n  .benefit-icon{margin-bottom:16px;display:flex;justify-content:center;}\n  .benefit-title{\n    font-family:'Playfair Display',serif;\n    font-size:15px;\n    font-weight:600;\n    color:var(--white);\n    margin-bottom:10px;\n    \/* FIXE : empêche la coupure lettre par lettre *\/\n    word-break:normal;\n    overflow-wrap:break-word;\n    hyphens:auto;\n    line-height:1.3;\n  }\n  .benefit-desc{font-size:12px;color:rgba(255,255,255,0.42);line-height:1.65;}\n\n  \/* ── HOW ── *\/\n  .how{background:var(--sand);}\n  .steps{display:flex;gap:0;margin-top:60px;position:relative;}\n  .steps::before{\n    content:'';position:absolute;top:36px;left:10%;right:10%;\n    height:1px;background:linear-gradient(90deg,var(--gold2),rgba(212,184,0,0.08));\n  }\n  .step{flex:1;text-align:center;padding:0 24px;display:flex;flex-direction:column;align-items:center;}\n  .step-num{\n    width:72px;height:72px;border-radius:50%;\n    background:linear-gradient(135deg,var(--gold2),var(--gold-lt));\n    display:flex;align-items:center;justify-content:center;\n    font-family:'Playfair Display',serif;font-size:26px;font-weight:700;\n    color:var(--dark);box-shadow:0 8px 32px rgba(212,184,0,0.3);\n    margin-bottom:24px;position:relative;z-index:2;flex-shrink:0;\n  }\n  .step-svg{margin:0 auto 20px;display:flex;justify-content:center;}\n  .step h4{\n    font-family:'Playfair Display',serif;\n    font-size:19px;font-weight:600;color:var(--dark);\n    margin-bottom:10px;text-align:center;width:100%;\n    \/* FIXE : retour à la ligne naturel, pas de coupure forcée *\/\n    word-break:normal;\n    overflow-wrap:break-word;\n    hyphens:auto;\n    line-height:1.25;\n  }\n  .step p{font-size:13px;color:var(--muted);line-height:1.65;max-width:220px;margin:0 auto;text-align:center;}\n\n  \/* ── INGREDIENTS ── *\/\n  .ingredients{background:var(--cream);}\n  .ing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:48px;}\n  .ing-card{background:var(--white);padding:40px 24px;text-align:center;border-bottom:3px solid transparent;transition:border-color 0.3s,background 0.3s;}\n  .ing-card:hover{border-color:var(--gold2);background:#FFFDF5;}\n  .ing-svg{margin:0 auto 16px;display:flex;justify-content:center;}\n  .ing-name{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--gold2);margin-bottom:8px;}\n  .ing-role{font-size:13px;color:var(--muted);line-height:1.65;}\n\n  \/* ── RESULTS ── *\/\n  .results{background:var(--dark);}\n  .results .section-tag{color:var(--gold-lt);}\n  .results .section-title{color:var(--white);}\n  .results .divider{background:linear-gradient(90deg,var(--gold-lt),var(--gold));}\n  .results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:56px;}\n  .result-card{background:rgba(255,255,255,0.04);padding:48px 20px;text-align:center;transition:background 0.3s;}\n  .result-card:hover{background:rgba(255,255,255,0.08);}\n  .result-n{\n    font-family:'Playfair Display',serif;font-size:52px;font-weight:700;\n    background:linear-gradient(135deg,var(--gold-lt),var(--gold2));\n    -webkit-background-clip:text;-webkit-text-fill-color:transparent;\n    background-clip:text;line-height:1;margin-bottom:10px;\n  }\n  .result-l{font-size:14px;color:rgba(255,255,255,0.42);}\n\n  \/* ── ROUTINE ── *\/\n  .routine{background:var(--cream);}\n  .routine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:48px;}\n  .routine-card{background:var(--sand);padding:40px 28px;border-top:3px solid transparent;transition:border-color 0.3s;}\n  .routine-card:hover{border-color:var(--gold2);}\n  .routine-num{font-family:'Playfair Display',serif;font-size:48px;font-weight:700;color:var(--gold-lt);line-height:1;margin-bottom:16px;}\n  .routine-title{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:var(--dark);margin-bottom:10px;}\n  .routine-text{font-size:14px;color:var(--muted);line-height:1.75;}\n\n  \/* ── FAQ ── *\/\n  .faq{background:var(--sand);}\n  .faq-list{margin-top:48px;display:flex;flex-direction:column;gap:2px;}\n  .faq-item{background:var(--white);overflow:hidden;}\n  .faq-q{\n    width:100%;background:none;border:none;color:var(--dark);\n    font-family:'Playfair Display',serif;font-size:18px;font-weight:600;\n    text-align:left;padding:24px 6vw;cursor:pointer;\n    display:flex;justify-content:space-between;align-items:center;\n    transition:opacity 0.2s;\n  }\n  .faq-q:hover{opacity:0.7;}\n  .faq-arr{color:var(--gold2);font-size:18px;transition:transform 0.3s;flex-shrink:0;margin-left:16px;}\n  .faq-a{display:none;padding:0 6vw 24px;font-size:14px;color:var(--muted);line-height:1.8;}\n  .faq-item.open .faq-a{display:block;}\n  .faq-item.open .faq-arr{transform:rotate(180deg);}\n\n  \/* ════════════════════════════════════════\n     MOBILE FIXES — breakpoint 1024px\n  ════════════════════════════════════════ *\/\n  @media(max-width:1024px){\n    .problem-grid{grid-template-columns:repeat(3,1fr);}\n    \/* FIXE CRITIQUE : benefits passe en 2 colonnes avec assez d'espace\n       pour que le titre ne se coupe plus lettre par lettre *\/\n    .benefits-grid{grid-template-columns:repeat(2,1fr);}\n    .results-grid{grid-template-columns:repeat(2,1fr);}\n    .routine-grid{grid-template-columns:repeat(2,1fr);}\n    .ing-grid{grid-template-columns:repeat(3,1fr);}\n    \/* FIXE CRITIQUE : steps passe en colonne pour éviter\n       la compression horizontale qui fracture les titres *\/\n    .steps{flex-direction:column;gap:0;}\n    .steps::before{display:none;}\n    .step{\n      flex-direction:row;\n      align-items:flex-start;\n      gap:20px;\n      text-align:left;\n      padding:24px 6vw;\n      border-bottom:1px solid rgba(212,184,0,0.12);\n    }\n    .step:last-child{border-bottom:none;}\n    .step-num{width:54px;height:54px;font-size:20px;margin-bottom:0;flex-shrink:0;}\n    .step-svg{display:none;}\n    .step h4{font-size:17px;margin-bottom:6px;text-align:left;}\n    .step p{font-size:13px;max-width:100%;text-align:left;margin:0;}\n  }\n\n  \/* ════════════════════════════════════════\n     MOBILE FIXES — breakpoint 768px\n  ════════════════════════════════════════ *\/\n  @media(max-width:768px){\n    section{padding:52px 0;}\n    .wrap{padding:0 5vw;}\n    .hero-left{padding:52px 5vw 44px;}\n    .hero-title{font-size:clamp(30px,8vw,46px);}\n    .hero-sub{font-size:15px;max-width:100%;}\n    .badge-strip{gap:10px;}\n    .badge{font-size:12px;padding:7px 14px;}\n    .section-title{font-size:clamp(22px,6.5vw,36px);}\n    .section-tag{font-size:10px;letter-spacing:3px;}\n\n    \/* Problem *\/\n    .problem-grid{grid-template-columns:repeat(2,1fr);gap:2px;}\n    .problem-card{padding:24px 18px;}\n    .problem-title{font-size:15px;}\n\n    \/* Solution *\/\n    .solution-grid{grid-template-columns:1fr;gap:32px;}\n    .solution-diagram{display:none;}\n    .sol-content h4{font-size:16px;}\n\n    \/* FIXE CRITIQUE : benefits — 1 card par ligne sur petit mobile\n       Chaque card a toute la largeur → le titre ne sera JAMAIS compressé *\/\n    .benefits-grid{grid-template-columns:1fr;}\n    .benefit-card{\n      padding:22px 5vw;\n      text-align:left;\n      display:flex;\n      align-items:flex-start;\n      gap:16px;\n    }\n    .benefit-icon{margin-bottom:0;flex-shrink:0;}\n    .benefit-title{font-size:15px;text-align:left;white-space:normal;}\n    .benefit-desc{font-size:13px;text-align:left;}\n\n    \/* Steps : déjà en colonne depuis 1024px, on affine *\/\n    .step{padding:20px 5vw;}\n    .step-num{width:48px;height:48px;font-size:18px;}\n    .step h4{font-size:15px;}\n\n    \/* Ingredients *\/\n    .ing-grid{grid-template-columns:1fr;}\n    .ing-card{padding:32px 5vw;}\n\n    \/* Results *\/\n    .results-grid{grid-template-columns:repeat(2,1fr);}\n    .result-card{padding:36px 16px;}\n    .result-n{font-size:40px;}\n\n    \/* Routine *\/\n    .routine-grid{grid-template-columns:1fr;}\n    .routine-card{padding:32px 5vw;}\n\n    \/* FAQ *\/\n    .faq-q{font-size:15px;padding:20px 5vw;}\n    .faq-a{padding:0 5vw 20px;font-size:13px;}\n  }\n\n  \/* ════════════════════════════════════════\n     MOBILE FIXES — breakpoint 480px\n  ════════════════════════════════════════ *\/\n  @media(max-width:480px){\n    section{padding:44px 0;}\n    .hero-left{padding:40px 5vw 32px;}\n    .hero-title{font-size:clamp(26px,9vw,38px);}\n    .problem-grid{grid-template-columns:1fr;}\n    .problem-card{padding:20px 5vw;}\n    .result-n{font-size:34px;}\n    .step-num{width:42px;height:42px;font-size:16px;}\n  }\n\u003c\/style\u003e\n\u003c!-- ═══════════════ HERO ═══════════════ --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"hero-left\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eBYOCORE · CLA\u003c\/div\u003e\n\u003ch1 class=\"hero-title\"\u003eSoutenez votre\u003cbr\u003e\u003cem\u003etransformation physique.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eLe CLA (Acide Linoléique Conjugué) est un acide gras naturel formulé pour accompagner votre métabolisme des graisses et soutenir vos objectifs de composition corporelle dans le cadre d'un mode de vie actif.\u003c\/p\u003e\n\u003cdiv class=\"badge-strip\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cdiv class=\"badge-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n60 capsules\u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cdiv class=\"badge-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\nAcide Linoléique Conjugué\u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cdiv class=\"badge-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\nMode de vie actif\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ PROBLEM ═══════════════ --\u003e\n\u003csection class=\"problem\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLe problème\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003ePourquoi certaines graisses\u003cbr\u003esont-elles si \u003cem\u003edifficiles à perdre ?\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-grid\"\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 32 32\" height=\"32\" width=\"32\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.25)\" r=\"15\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n          \u003cellipse fill=\"rgba(212,184,0,0.08)\" stroke-width=\"1.3\" stroke=\"#D4B800\" ry=\"7\" rx=\"9\" cy=\"18\" cx=\"16\"\u003e\u003c\/ellipse\u003e\n          \u003cellipse opacity=\"0.7\" fill=\"rgba(212,184,0,0.12)\" stroke-width=\"1\" stroke=\"#D4B800\" ry=\"4\" rx=\"5\" cy=\"18\" cx=\"16\"\u003e\u003c\/ellipse\u003e\n          \u003cline stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#D4B800\" y2=\"12\" x2=\"16\" y1=\"8\" x1=\"16\"\u003e\u003c\/line\u003e\n          \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"#D4B800\" d=\"M13 11 L16 14 L19 11\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eGraisse abdominale\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLa zone abdominale stocke les graisses en priorité et résiste souvent aux efforts d'alimentation et d'entraînement.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 32 32\" height=\"32\" width=\"32\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.25)\" r=\"15\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n          \u003cpath fill=\"rgba(212,184,0,0.06)\" stroke-width=\"1.3\" stroke=\"#D4B800\" d=\"M16 6 Q12 10 11 14 Q10 18 12 22 Q14 26 16 27 Q18 26 20 22 Q22 18 21 14 Q20 10 16 6Z\"\u003e\u003c\/path\u003e\n          \u003cellipse fill=\"rgba(212,184,0,0.12)\" stroke-width=\"1\" stroke=\"#D4B800\" ry=\"4\" rx=\"3.5\" cy=\"19\" cx=\"12\"\u003e\u003c\/ellipse\u003e\n          \u003cellipse fill=\"rgba(212,184,0,0.12)\" stroke-width=\"1\" stroke=\"#D4B800\" ry=\"4\" rx=\"3.5\" cy=\"19\" cx=\"20\"\u003e\u003c\/ellipse\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eHanches \u0026amp; cuisses\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eCes zones accumulent des réserves lipidiques tenaces, difficiles à réduire même avec un régime alimentaire strict.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 32 32\" height=\"32\" width=\"32\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.25)\" r=\"15\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n          \u003ccircle fill=\"rgba(212,184,0,0.08)\" stroke-width=\"1.3\" stroke=\"#D4B800\" r=\"7\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n          \u003cpath fill=\"none\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M11 12 Q9 16 11 20\"\u003e\u003c\/path\u003e\n          \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"#D4B800\" d=\"M11 19 L9 21 L13 21\"\u003e\u003c\/path\u003e\n          \u003cpath stroke-dasharray=\"2 1\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"rgba(212,184,0,0.4)\" d=\"M18 11 L22 14 L22 20\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eMétabolisme ralenti\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eAvec le temps, le métabolisme basal ralentit, rendant plus difficile l'utilisation des graisses comme source d'énergie.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 32 32\" height=\"32\" width=\"32\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.25)\" r=\"15\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n          \u003cpath stroke-linecap=\"round\" fill=\"rgba(212,184,0,0.08)\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M9 20 Q11 12 16 11 Q21 12 23 20\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"rgba(212,184,0,0.06)\" stroke-width=\"1.3\" stroke=\"#D4B800\" d=\"M9 20 Q10 24 16 24 Q22 24 23 20\"\u003e\u003c\/path\u003e\n          \u003cline stroke-dasharray=\"1.5 1.5\" stroke-width=\"1\" stroke=\"rgba(212,184,0,0.3)\" y2=\"20\" x2=\"13\" y1=\"15\" x1=\"13\"\u003e\u003c\/line\u003e\n          \u003cline stroke-dasharray=\"1.5 1.5\" stroke-width=\"1\" stroke=\"rgba(212,184,0,0.25)\" y2=\"20\" x2=\"19\" y1=\"15\" x1=\"19\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003ePerte de masse musculaire\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLes régimes restrictifs peuvent entraîner une perte de muscle parallèlement à la perte de graisse, réduisant la définition corporelle.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 32 32\" height=\"32\" width=\"32\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.25)\" r=\"15\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n          \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M6 22 L10 18 L14 14 L18 14 L22 14 L26 14\"\u003e\u003c\/path\u003e\n          \u003ccircle opacity=\"0.5\" fill=\"#D4B800\" r=\"2\" cy=\"14\" cx=\"14\"\u003e\u003c\/circle\u003e\n          \u003cline stroke-dasharray=\"2 1\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"rgba(212,184,0,0.4)\" y2=\"17\" x2=\"22\" y1=\"11\" x1=\"22\"\u003e\u003c\/line\u003e\n          \u003cline stroke-dasharray=\"2 1\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"rgba(212,184,0,0.3)\" y2=\"17\" x2=\"26\" y1=\"11\" x1=\"26\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eEffet plateau\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLes progrès stagnent malgré les efforts. Le corps s'adapte et résiste au déficit calorique sur la durée.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 32 32\" height=\"32\" width=\"32\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.25)\" r=\"15\" cy=\"16\" cx=\"16\"\u003e\u003c\/circle\u003e\n          \u003cpath stroke-linecap=\"round\" fill=\"rgba(212,184,0,0.07)\" stroke-width=\"1.3\" stroke=\"#D4B800\" d=\"M10 20 C10 14 12 10 16 10 C20 10 22 14 22 20\"\u003e\u003c\/path\u003e\n          \u003cpath stroke-width=\"1.2\" stroke=\"#D4B800\" d=\"M10 20 Q10 24 16 24 Q22 24 22 20\"\u003e\u003c\/path\u003e\n          \u003cpath opacity=\"0.6\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"#D4B800\" d=\"M9 10 L8 8 L10 9\"\u003e\u003c\/path\u003e\n          \u003cpath opacity=\"0.5\" stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"#D4B800\" d=\"M23 10 L24 8 L22 9\"\u003e\u003c\/path\u003e\n          \u003cpath opacity=\"0.7\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"#D4B800\" d=\"M13 15 L15 13 L17 15 L19 13\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eStress \u0026amp; stockage\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLe cortisol lié au stress favorise le stockage des graisses, en particulier dans la région abdominale.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ SOLUTION ═══════════════ --\u003e\n\u003csection class=\"solution\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"solution-grid\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"section-tag\"\u003eLa solution\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eLe CLA, un acide gras\u003cbr\u003e\u003cem\u003eau service de votre corps.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"solution-points\"\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\n                \u003cpath fill=\"rgba(212,184,0,0.12)\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M12 3 L14 9 L20 10 L16 14 L17 20 L12 17 L7 20 L8 14 L4 10 L10 9 Z\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eSoutient le métabolisme lipidique\u003c\/h4\u003e\n\u003cp\u003eLe CLA accompagne le fonctionnement normal du métabolisme des graisses, aidant l'organisme à les utiliser comme source d'énergie plutôt que de les stocker.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\n                \u003cpath stroke-linecap=\"round\" fill=\"rgba(212,184,0,0.1)\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M6 18 Q9 10 12 8 Q15 10 18 18\"\u003e\u003c\/path\u003e\n                \u003cpath stroke-width=\"1.3\" stroke=\"#D4B800\" d=\"M6 18 Q9 22 12 22 Q15 22 18 18\"\u003e\u003c\/path\u003e\n                \u003cpath fill=\"none\" stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"rgba(212,184,0,0.5)\" d=\"M10 12 Q12 10 14 12\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003ePréserve la masse musculaire\u003c\/h4\u003e\n\u003cp\u003eEn soutenant la composition corporelle, le CLA aide à maintenir la masse maigre pendant les phases d'effort et de restriction calorique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\n                \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.3)\" r=\"9\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\n                \u003cpath fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M8 14 L10 12 L12 14 L14 10 L16 12 L18 10\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eAccompagne les performances\u003c\/h4\u003e\n\u003cp\u003eIntégré dans une routine sportive, le CLA soutient l'endurance et la récupération pour des entraînements plus efficaces et réguliers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\n                \u003cpath fill=\"rgba(212,184,0,0.08)\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M12 3 C6 3 3 7 3 12 C3 17 7 21 12 21 C17 21 21 17 21 12 C21 7 18 3 12 3Z\"\u003e\u003c\/path\u003e\n                \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#D4B800\" d=\"M8 12 L11 15 L16 9\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eNaturellement présent dans l'alimentation\u003c\/h4\u003e\n\u003cp\u003eNaturellement présent dans la viande et les produits laitiers, le CLA est un acide gras familier à l'organisme et bien toléré sous forme de complément.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"solution-diagram\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 300 380\" height=\"380\" width=\"300\"\u003e\n          \u003cdefs\u003e\n            \u003clineargradient y2=\"0\" x2=\"1\" y1=\"0\" x1=\"0\" id=\"fat1\"\u003e\n              \u003cstop stop-opacity=\"0.4\" stop-color=\"#D4B800\" offset=\"0%\"\u003e\u003c\/stop\u003e\n              \u003cstop stop-opacity=\"0.2\" stop-color=\"#EDE08A\" offset=\"100%\"\u003e\u003c\/stop\u003e\n            \u003c\/lineargradient\u003e\n            \u003clineargradient y2=\"0\" x2=\"1\" y1=\"0\" x1=\"0\" id=\"muscle1\"\u003e\n              \u003cstop stop-opacity=\"0.7\" stop-color=\"#1A1600\" offset=\"0%\"\u003e\u003c\/stop\u003e\n              \u003cstop stop-opacity=\"0.4\" stop-color=\"#2E2600\" offset=\"100%\"\u003e\u003c\/stop\u003e\n            \u003c\/lineargradient\u003e\n          \u003c\/defs\u003e\n          \u003ctext opacity=\"0.9\" text-anchor=\"middle\" font-weight=\"600\" font-size=\"11\" font-family=\"DM Sans\" fill=\"#D4B800\" y=\"22\" x=\"150\"\u003eComposition corporelle — Impact CLA\u003c\/text\u003e\n          \u003ctext text-anchor=\"middle\" font-weight=\"600\" font-size=\"11\" font-family=\"DM Sans\" fill=\"#6A6020\" y=\"48\" x=\"80\"\u003eAvant\u003c\/text\u003e\n          \u003crect stroke-width=\"1.2\" stroke=\"#D4B800\" fill=\"rgba(212,184,0,0.18)\" rx=\"4\" height=\"95\" width=\"100\" y=\"55\" x=\"30\"\u003e\u003c\/rect\u003e\n          \u003ctext font-weight=\"600\" text-anchor=\"middle\" font-size=\"11\" font-family=\"DM Sans\" fill=\"#D4B800\" y=\"107\" x=\"80\"\u003eMasse grasse\u003c\/text\u003e\n          \u003ctext font-weight=\"700\" text-anchor=\"middle\" font-size=\"13\" font-family=\"DM Sans\" fill=\"#D4B800\" y=\"122\" x=\"80\"\u003e~32%\u003c\/text\u003e\n          \u003cpath fill=\"none\" stroke-width=\"0.8\" stroke=\"rgba(212,184,0,0.3)\" d=\"M45 75 L55 69 L65 75 L65 87 L55 93 L45 87Z\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"none\" stroke-width=\"0.8\" stroke=\"rgba(212,184,0,0.25)\" d=\"M65 75 L75 69 L85 75 L85 87 L75 93 L65 87Z\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"none\" stroke-width=\"0.8\" stroke=\"rgba(212,184,0,0.2)\" d=\"M85 75 L95 69 L105 75 L105 87 L95 93 L85 87Z\"\u003e\u003c\/path\u003e\n          \u003crect stroke-width=\"1.2\" stroke=\"rgba(26,22,0,0.25)\" fill=\"rgba(26,22,0,0.08)\" rx=\"4\" height=\"65\" width=\"100\" y=\"153\" x=\"30\"\u003e\u003c\/rect\u003e\n          \u003ctext font-weight=\"600\" text-anchor=\"middle\" font-size=\"11\" font-family=\"DM Sans\" fill=\"#6A6020\" y=\"185\" x=\"80\"\u003eMasse maigre\u003c\/text\u003e\n          \u003ctext font-weight=\"700\" text-anchor=\"middle\" font-size=\"13\" font-family=\"DM Sans\" fill=\"#6A6020\" y=\"200\" x=\"80\"\u003e~68%\u003c\/text\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"#D4B800\" d=\"M140 150 L160 150\"\u003e\u003c\/path\u003e\n          \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#D4B800\" d=\"M155 145 L160 150 L155 155\"\u003e\u003c\/path\u003e\n          \u003ctext text-anchor=\"middle\" font-weight=\"700\" font-size=\"9\" font-family=\"DM Sans\" fill=\"#D4B800\" y=\"138\" x=\"150\"\u003eCLA\u003c\/text\u003e\n          \u003ctext opacity=\"0.7\" text-anchor=\"middle\" font-size=\"9\" font-family=\"DM Sans\" fill=\"#D4B800\" y=\"126\" x=\"150\"\u003e+routine\u003c\/text\u003e\n          \u003ctext text-anchor=\"middle\" font-weight=\"600\" font-size=\"11\" font-family=\"DM Sans\" fill=\"#6A6020\" y=\"48\" x=\"220\"\u003eAprès\u003c\/text\u003e\n          \u003crect stroke-dasharray=\"4 2\" stroke-width=\"1.2\" stroke=\"#D4B800\" fill=\"rgba(212,184,0,0.1)\" rx=\"4\" height=\"60\" width=\"100\" y=\"55\" x=\"170\"\u003e\u003c\/rect\u003e\n          \u003ctext font-weight=\"600\" text-anchor=\"middle\" font-size=\"11\" font-family=\"DM Sans\" fill=\"#D4B800\" y=\"83\" x=\"220\"\u003eMasse grasse\u003c\/text\u003e\n          \u003ctext font-weight=\"700\" text-anchor=\"middle\" font-size=\"13\" font-family=\"DM Sans\" fill=\"#D4B800\" y=\"98\" x=\"220\"\u003e~24%\u003c\/text\u003e\n          \u003crect stroke-width=\"1.2\" stroke=\"rgba(26,22,0,0.35)\" fill=\"rgba(26,22,0,0.12)\" rx=\"4\" height=\"100\" width=\"100\" y=\"118\" x=\"170\"\u003e\u003c\/rect\u003e\n          \u003ctext font-weight=\"600\" text-anchor=\"middle\" font-size=\"11\" font-family=\"DM Sans\" fill=\"#2E2600\" y=\"163\" x=\"220\"\u003eMasse maigre\u003c\/text\u003e\n          \u003ctext font-weight=\"700\" text-anchor=\"middle\" font-size=\"13\" font-family=\"DM Sans\" fill=\"#2E2600\" y=\"178\" x=\"220\"\u003e~76%\u003c\/text\u003e\n          \u003cline stroke-width=\"1\" stroke=\"rgba(26,22,0,0.15)\" y2=\"135\" x2=\"260\" y1=\"135\" x1=\"180\"\u003e\u003c\/line\u003e\n          \u003cline stroke-width=\"1\" stroke=\"rgba(26,22,0,0.12)\" y2=\"145\" x2=\"260\" y1=\"145\" x1=\"180\"\u003e\u003c\/line\u003e\n          \u003cline stroke-width=\"1\" stroke=\"rgba(26,22,0,0.1)\" y2=\"155\" x2=\"260\" y1=\"155\" x1=\"180\"\u003e\u003c\/line\u003e\n          \u003ctext text-anchor=\"middle\" font-weight=\"700\" font-size=\"11\" font-family=\"DM Sans\" fill=\"#D4B800\" y=\"250\" x=\"150\"\u003e−8% graisse\u003c\/text\u003e\n          \u003ctext text-anchor=\"middle\" font-size=\"11\" font-family=\"DM Sans\" fill=\"#6A6020\" y=\"265\" x=\"150\"\u003e+8% masse maigre\u003c\/text\u003e\n          \u003cline stroke-dasharray=\"3 2\" stroke-width=\"1\" stroke=\"rgba(212,184,0,0.3)\" y2=\"240\" x2=\"118\" y1=\"240\" x1=\"80\"\u003e\u003c\/line\u003e\n          \u003cline stroke-dasharray=\"3 2\" stroke-width=\"1\" stroke=\"rgba(212,184,0,0.3)\" y2=\"240\" x2=\"220\" y1=\"240\" x1=\"182\"\u003e\u003c\/line\u003e\n          \u003ctext opacity=\"0.6\" text-anchor=\"middle\" font-size=\"9\" font-family=\"DM Sans\" fill=\"#6A6020\" y=\"300\" x=\"150\"\u003eRésultats indicatifs — varient selon le profil\u003c\/text\u003e\n          \u003ctext opacity=\"0.6\" text-anchor=\"middle\" font-size=\"9\" font-family=\"DM Sans\" fill=\"#6A6020\" y=\"312\" x=\"150\"\u003eet la régularité de la routine\u003c\/text\u003e\n          \u003cpath stroke-width=\"1.2\" stroke=\"#D4B800\" fill=\"rgba(212,184,0,0.2)\" d=\"M150 335 C150 335 144 328 144 323 C144 319 147 317 150 317 C153 317 156 319 156 323 C156 328 150 335 150 335Z\"\u003e\u003c\/path\u003e\n          \u003cpath opacity=\"0.5\" fill=\"#D4B800\" d=\"M150 329 C150 329 147 325 147 323 C147 321 149 320 150 320 C151 320 153 321 153 323 C153 325 150 329 150 329Z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ BENEFITS ═══════════════ --\u003e\n\u003csection class=\"benefits\"\u003e\n\u003cdiv style=\"text-align: center;\" class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eBénéfices\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003e6 raisons de choisir le CLA\u003c\/h2\u003e\n\u003cdiv style=\"margin: 18px auto 0;\" class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 48px;\" class=\"benefits-grid\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 40 40\" height=\"40\" width=\"40\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.2)\" r=\"18\" cy=\"20\" cx=\"20\"\u003e\u003c\/circle\u003e\n          \u003cpath stroke-width=\"1.5\" stroke=\"#EDE08A\" fill=\"rgba(212,184,0,0.15)\" d=\"M20 8 C20 8 12 15 12 22 C12 27.5 15.6 32 20 32 C24.4 32 28 27.5 28 22 C28 15 20 8 20 8Z\"\u003e\u003c\/path\u003e\n          \u003cpath stroke-width=\"1.2\" stroke=\"#D4B800\" fill=\"rgba(212,184,0,0.25)\" d=\"M20 16 C20 16 16 20 16 23 C16 25.2 17.8 27 20 27 C22.2 27 24 25.2 24 23 C24 20 20 16 20 16Z\"\u003e\u003c\/path\u003e\n          \u003ccircle opacity=\"0.6\" fill=\"#D4B800\" r=\"3\" cy=\"23\" cx=\"20\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eMétabolisme des graisses\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eSoutient l'utilisation des acides gras comme source d'énergie dans le cadre d'un mode de vie actif.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 40 40\" height=\"40\" width=\"40\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.2)\" r=\"18\" cy=\"20\" cx=\"20\"\u003e\u003c\/circle\u003e\n          \u003cpath fill=\"rgba(212,184,0,0.1)\" stroke-width=\"1.5\" stroke=\"#EDE08A\" d=\"M20 10 Q16 13 15 17 Q14 21 16 25 Q18 29 20 30 Q22 29 24 25 Q26 21 25 17 Q24 13 20 10Z\"\u003e\u003c\/path\u003e\n          \u003cline opacity=\"0.6\" stroke-width=\"1\" stroke=\"#D4B800\" y2=\"18\" x2=\"23\" y1=\"18\" x1=\"17\"\u003e\u003c\/line\u003e\n          \u003cline opacity=\"0.4\" stroke-width=\"1\" stroke=\"#D4B800\" y2=\"22\" x2=\"24\" y1=\"22\" x1=\"16\"\u003e\u003c\/line\u003e\n          \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#EDE08A\" d=\"M26 12 L28 14 L32 10\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eDéfinition corporelle\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eFavorise une composition corporelle plus équilibrée avec une meilleure définition musculaire visible.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 40 40\" height=\"40\" width=\"40\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.2)\" r=\"18\" cy=\"20\" cx=\"20\"\u003e\u003c\/circle\u003e\n          \u003crect stroke-width=\"1.3\" stroke=\"#EDE08A\" fill=\"rgba(212,184,0,0.15)\" rx=\"2\" height=\"4\" width=\"14\" y=\"18\" x=\"13\"\u003e\u003c\/rect\u003e\n          \u003crect stroke-width=\"1.2\" stroke=\"#D4B800\" fill=\"rgba(212,184,0,0.2)\" rx=\"2\" height=\"10\" width=\"5\" y=\"15\" x=\"8\"\u003e\u003c\/rect\u003e\n          \u003crect stroke-width=\"1.2\" stroke=\"#D4B800\" fill=\"rgba(212,184,0,0.2)\" rx=\"2\" height=\"10\" width=\"5\" y=\"15\" x=\"27\"\u003e\u003c\/rect\u003e\n          \u003crect opacity=\"0.4\" fill=\"#D4B800\" rx=\"1\" height=\"14\" width=\"2\" y=\"13\" x=\"10\"\u003e\u003c\/rect\u003e\n          \u003crect opacity=\"0.4\" fill=\"#D4B800\" rx=\"1\" height=\"14\" width=\"2\" y=\"13\" x=\"28\"\u003e\u003c\/rect\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003ePerformances sportives\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eAccompagne les efforts d'entraînement et soutient l'endurance dans le cadre d'une pratique régulière.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 40 40\" height=\"40\" width=\"40\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.2)\" r=\"18\" cy=\"20\" cx=\"20\"\u003e\u003c\/circle\u003e\n          \u003cpath stroke-linecap=\"round\" fill=\"rgba(212,184,0,0.1)\" stroke-width=\"1.5\" stroke=\"#EDE08A\" d=\"M10 24 Q11 18 15 16 Q19 14 22 16 Q26 18 28 23\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"rgba(212,184,0,0.08)\" stroke-width=\"1.3\" stroke=\"#EDE08A\" d=\"M10 24 Q12 28 15 29 Q19 30 22 29 Q26 28 28 23\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"rgba(212,184,0,0.15)\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M15 16 Q17 11 20 12 Q22 11 22 16\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003ePréservation musculaire\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eAide à maintenir la masse maigre pendant les phases de gestion du poids, pour une silhouette tonique.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 40 40\" height=\"40\" width=\"40\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.2)\" r=\"18\" cy=\"20\" cx=\"20\"\u003e\u003c\/circle\u003e\n          \u003cline stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#EDE08A\" y2=\"30\" x2=\"20\" y1=\"10\" x1=\"20\"\u003e\u003c\/line\u003e\n          \u003cline stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#EDE08A\" y2=\"18\" x2=\"30\" y1=\"18\" x1=\"10\"\u003e\u003c\/line\u003e\n          \u003ccircle stroke-width=\"1.2\" stroke=\"#D4B800\" fill=\"rgba(212,184,0,0.2)\" r=\"4\" cy=\"18\" cx=\"10\"\u003e\u003c\/circle\u003e\n          \u003ccircle stroke-width=\"1.2\" stroke=\"#D4B800\" fill=\"rgba(212,184,0,0.2)\" r=\"4\" cy=\"18\" cx=\"30\"\u003e\u003c\/circle\u003e\n          \u003ccircle opacity=\"0.6\" fill=\"#D4B800\" r=\"2\" cy=\"10\" cx=\"20\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eÉquilibre métabolique\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eContribue à maintenir un équilibre métabolique sain pour accompagner les objectifs de gestion du poids sur la durée.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 40 40\" height=\"40\" width=\"40\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.2)\" r=\"18\" cy=\"20\" cx=\"20\"\u003e\u003c\/circle\u003e\n          \u003cpath stroke-linejoin=\"round\" stroke-width=\"1.5\" stroke=\"#EDE08A\" fill=\"rgba(212,184,0,0.15)\" d=\"M23 10 L15 21 L20 21 L17 32 L28 18 L22 18 Z\"\u003e\u003c\/path\u003e\n          \u003ccircle opacity=\"0.5\" fill=\"#D4B800\" r=\"2\" cy=\"20\" cx=\"20\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eÉnergie \u0026amp; vitalité\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eEn soutenant l'utilisation des graisses comme carburant, le CLA contribue à soutenir les niveaux d'énergie au quotidien.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ HOW IT WORKS ═══════════════ --\u003e\n\u003csection class=\"how\"\u003e\n\u003cdiv style=\"text-align: center;\" class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLe mécanisme\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eComment le CLA agit dans l'organisme ?\u003c\/h2\u003e\n\u003cdiv style=\"margin: 18px auto 0;\" class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"step-svg\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 72 72\" height=\"72\" width=\"72\"\u003e\n            \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.15)\" r=\"34\" cy=\"36\" cx=\"36\"\u003e\u003c\/circle\u003e\n            \u003ccircle fill=\"rgba(212,184,0,0.1)\" stroke-width=\"1.5\" stroke=\"#EDE08A\" r=\"10\" cy=\"30\" cx=\"36\"\u003e\u003c\/circle\u003e\n            \u003ccircle opacity=\"0.5\" fill=\"#D4B800\" r=\"4\" cy=\"30\" cx=\"36\"\u003e\u003c\/circle\u003e\n            \u003cpath stroke-dasharray=\"2 2\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#EDE08A\" d=\"M26 30 L18 30\"\u003e\u003c\/path\u003e\n            \u003cpath stroke-dasharray=\"2 2\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#EDE08A\" d=\"M46 30 L54 30\"\u003e\u003c\/path\u003e\n            \u003cpath stroke-dasharray=\"2 2\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#EDE08A\" d=\"M36 20 L36 12\"\u003e\u003c\/path\u003e\n            \u003cpath opacity=\"0.7\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M30 46 L36 52 L42 46\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eSoutien du métabolisme lipidique\u003c\/h4\u003e\n\u003cp\u003eLe CLA accompagne le fonctionnement normal du métabolisme des graisses, favorisant leur utilisation comme source d'énergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"step-svg\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 72 72\" height=\"72\" width=\"72\"\u003e\n            \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.15)\" r=\"34\" cy=\"36\" cx=\"36\"\u003e\u003c\/circle\u003e\n            \u003ccircle fill=\"rgba(212,184,0,0.1)\" stroke-width=\"1.5\" stroke=\"#EDE08A\" r=\"5\" cy=\"18\" cx=\"44\"\u003e\u003c\/circle\u003e\n            \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#EDE08A\" d=\"M44 23 L40 34 L32 40\"\u003e\u003c\/path\u003e\n            \u003cpath stroke-linecap=\"round\" stroke-width=\"1.8\" stroke=\"#EDE08A\" d=\"M40 34 L46 42\"\u003e\u003c\/path\u003e\n            \u003cpath opacity=\"0.7\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M36 28 L30 26\"\u003e\u003c\/path\u003e\n            \u003cline stroke-linecap=\"round\" stroke-width=\"1.2\" stroke=\"rgba(212,184,0,0.3)\" y2=\"34\" x2=\"30\" y1=\"34\" x1=\"22\"\u003e\u003c\/line\u003e\n            \u003cline stroke-linecap=\"round\" stroke-width=\"1\" stroke=\"rgba(212,184,0,0.2)\" y2=\"38\" x2=\"28\" y1=\"38\" x1=\"20\"\u003e\u003c\/line\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eAccompagnement sportif\u003c\/h4\u003e\n\u003cp\u003eIntégré dans une routine active, le CLA soutient les efforts et la récupération lors des entraînements réguliers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"step-svg\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 72 72\" height=\"72\" width=\"72\"\u003e\n            \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.15)\" r=\"34\" cy=\"36\" cx=\"36\"\u003e\u003c\/circle\u003e\n            \u003cpath stroke-dasharray=\"3 2\" fill=\"none\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"rgba(212,184,0,0.3)\" d=\"M24 24 Q20 28 20 34 Q20 42 24 48 Q28 52 30 52\"\u003e\u003c\/path\u003e\n            \u003cpath stroke-width=\"1.5\" stroke=\"#D4B800\" fill=\"rgba(212,184,0,0.12)\" d=\"M36 22 Q33 26 33 34 Q33 42 36 48 Q39 52 42 52 Q45 50 48 44 Q50 38 48 32 Q46 26 42 22 Q39 20 36 22Z\"\u003e\u003c\/path\u003e\n            \u003cline stroke-width=\"1\" stroke=\"rgba(212,184,0,0.4)\" y2=\"32\" x2=\"44\" y1=\"32\" x1=\"37\"\u003e\u003c\/line\u003e\n            \u003cline stroke-width=\"1\" stroke=\"rgba(212,184,0,0.3)\" y2=\"38\" x2=\"45\" y1=\"38\" x1=\"36\"\u003e\u003c\/line\u003e\n            \u003cpath opacity=\"0.7\" fill=\"#EDE08A\" d=\"M22 18 L23 15 L24 18 L22 17 L24 17Z\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eTransformation corporelle\u003c\/h4\u003e\n\u003cp\u003eAvec la régularité, la composition corporelle évolue : moins de masse grasse, meilleure définition musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ INGREDIENTS ═══════════════ --\u003e\n\u003csection class=\"ingredients\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eL'actif principal\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eLe CLA, \u003cem\u003eun acide gras d'exception.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-grid\"\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 56 56\" height=\"56\" width=\"56\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.2)\" r=\"26\" cy=\"28\" cx=\"28\"\u003e\u003c\/circle\u003e\n          \u003cpath fill=\"rgba(212,184,0,0.12)\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M28 12 L36 17 L36 27 L28 32 L20 27 L20 17 Z\"\u003e\u003c\/path\u003e\n          \u003cpath opacity=\"0.7\" fill=\"rgba(212,184,0,0.07)\" stroke-width=\"1\" stroke=\"#D4B800\" d=\"M36 27 L44 32 L44 42 L36 47 L28 42 L28 32 Z\"\u003e\u003c\/path\u003e\n          \u003cpath opacity=\"0.6\" fill=\"rgba(212,184,0,0.06)\" stroke-width=\"1\" stroke=\"#D4B800\" d=\"M20 27 L28 32 L28 42 L20 47 L12 42 L12 32 Z\"\u003e\u003c\/path\u003e\n          \u003ccircle opacity=\"0.55\" fill=\"#D4B800\" r=\"4\" cy=\"22\" cx=\"28\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eCLA — Acide Linoléique Conjugué\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eAcide gras naturellement présent dans les viandes et produits laitiers. Reconnu pour son rôle dans le soutien du métabolisme des graisses et la composition corporelle dans le cadre d'une alimentation équilibrée.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 56 56\" height=\"56\" width=\"56\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.2)\" r=\"26\" cy=\"28\" cx=\"28\"\u003e\u003c\/circle\u003e\n          \u003cpath fill=\"none\" stroke-width=\"1\" stroke=\"rgba(212,184,0,0.2)\" d=\"M28 10 L50 22 L50 34 L28 46 L6 34 L6 22 Z\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"none\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M28 18 C34 18 38 22 38 28\"\u003e\u003c\/path\u003e\n          \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"#D4B800\" d=\"M36 26 L38 28 L40 26\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"none\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#EDE08A\" d=\"M28 38 C22 38 18 34 18 28\"\u003e\u003c\/path\u003e\n          \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.3\" stroke=\"#EDE08A\" d=\"M20 30 L18 28 L16 30\"\u003e\u003c\/path\u003e\n          \u003ccircle stroke-width=\"1.2\" stroke=\"#D4B800\" fill=\"rgba(212,184,0,0.2)\" r=\"5\" cy=\"28\" cx=\"28\"\u003e\u003c\/circle\u003e\n          \u003cpath stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M26 28 L28 30 L31 25\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eHaute biodisponibilité\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eSous forme de complément, le CLA est formulé pour une absorption optimale par l'organisme. Sa structure lipidique est facilement intégrée dans les processus métaboliques naturels du corps.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg fill=\"none\" viewbox=\"0 0 56 56\" height=\"56\" width=\"56\"\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(212,184,0,0.2)\" r=\"26\" cy=\"28\" cx=\"28\"\u003e\u003c\/circle\u003e\n          \u003cpath fill=\"rgba(212,184,0,0.1)\" stroke-width=\"1.5\" stroke=\"#D4B800\" d=\"M28 14 L32 22 L42 23 L35 30 L37 40 L28 35 L19 40 L21 30 L14 23 L24 22 Z\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"rgba(212,184,0,0.15)\" d=\"M28 18 L30 24 L37 25 L32 30 L34 37 L28 33 L22 37 L24 30 L19 25 L26 24 Z\"\u003e\u003c\/path\u003e\n          \u003ccircle opacity=\"0.5\" fill=\"#D4B800\" r=\"4\" cy=\"28\" cx=\"28\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eFormule naturelle\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eIssu de sources naturelles, le CLA est un acide gras familier à l'organisme. La formule BYOCORE est conçue sans additifs inutiles, pour un complément simple, propre et efficace au quotidien.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ RESULTS ═══════════════ --\u003e\n\u003csection class=\"results\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eRésultats possibles\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eCe que vous pouvez observer\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003csvg style=\"margin-bottom: 48px;\" fill=\"none\" preserveaspectratio=\"none\" viewbox=\"0 0 900 90\" height=\"90\" width=\"100%\"\u003e\n      \u003cdefs\u003e\n        \u003clineargradient y2=\"1\" x2=\"0\" y1=\"0\" x1=\"0\" id=\"clag\"\u003e\n          \u003cstop stop-opacity=\"0.3\" stop-color=\"#D4B800\" offset=\"0%\"\u003e\u003c\/stop\u003e\n          \u003cstop stop-opacity=\"0\" stop-color=\"#D4B800\" offset=\"100%\"\u003e\u003c\/stop\u003e\n        \u003c\/lineargradient\u003e\n      \u003c\/defs\u003e\n      \u003cpolygon fill=\"url(#clag)\" points=\"0,80 0,76 150,65 300,50 450,33 600,18 750,8 900,4 900,80\"\u003e\u003c\/polygon\u003e\n      \u003cpolyline stroke-linejoin=\"round\" stroke-linecap=\"round\" fill=\"none\" stroke-width=\"2\" stroke=\"#D4B800\" points=\"0,76 150,65 300,50 450,33 600,18 750,8 900,4\"\u003e\u003c\/polyline\u003e\n      \u003ccircle fill=\"#D4B800\" r=\"4\" cy=\"4\" cx=\"900\"\u003e\u003c\/circle\u003e\n      \u003ctext font-family=\"DM Sans\" font-size=\"10\" fill=\"rgba(255,255,255,0.2)\" y=\"88\" x=\"5\"\u003eSem. 1\u003c\/text\u003e\n      \u003ctext font-family=\"DM Sans\" font-size=\"10\" fill=\"rgba(255,255,255,0.2)\" y=\"88\" x=\"140\"\u003eSem. 2\u003c\/text\u003e\n      \u003ctext font-family=\"DM Sans\" font-size=\"10\" fill=\"rgba(255,255,255,0.2)\" y=\"88\" x=\"292\"\u003eMois 1\u003c\/text\u003e\n      \u003ctext font-family=\"DM Sans\" font-size=\"10\" fill=\"rgba(255,255,255,0.2)\" y=\"88\" x=\"440\"\u003eMois 2\u003c\/text\u003e\n      \u003ctext font-family=\"DM Sans\" font-size=\"10\" fill=\"rgba(255,255,255,0.2)\" y=\"88\" x=\"590\"\u003eMois 3\u003c\/text\u003e\n      \u003ctext font-family=\"DM Sans\" font-size=\"10\" fill=\"rgba(255,255,255,0.2)\" y=\"88\" x=\"740\"\u003eMois 4\u003c\/text\u003e\n      \u003ctext font-family=\"DM Sans\" font-size=\"10\" fill=\"rgba(255,255,255,0.2)\" y=\"88\" x=\"886\"\u003eMois 6\u003c\/text\u003e\n    \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-grid\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e−8%\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003ede masse grasse corporelle après 3 mois avec routine active\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e+12%\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003ede masse maigre maintenue lors des phases de sèche\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e×1.5\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003emeilleure utilisation des graisses comme source d'énergie\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e90j\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003epour une transformation visible avec alimentation et sport adaptés\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cp style=\"margin-top: 20px; font-size: 12px; color: rgba(255,255,255,0.18);\"\u003e* Résultats indicatifs — varient selon l'alimentation, l'activité physique et la régularité de prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ ROUTINE ═══════════════ --\u003e\n\u003csection class=\"routine\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eRoutine transformation\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eUne approche globale pour\u003cbr\u003e\u003cem\u003eatteindre vos objectifs.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-grid\"\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eAlimentation équilibrée\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003eAdoptez une alimentation riche en protéines, légumes et bons lipides. Réduisez les sucres rapides et les ultra-transformés. Le CLA accompagne vos efforts — il ne remplace pas une nutrition adaptée.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eActivité physique régulière\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003eCombinez musculation et cardio pour maximiser la perte de graisse tout en préservant la masse musculaire. Une pratique régulière de 3 à 5 séances par semaine optimise l'action du CLA.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eConstance \u0026amp; régularité\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003eLes résultats se construisent sur la durée. Restez constant dans vos habitudes alimentaires, sportives et dans la prise de votre complément. La régularité est le facteur clé de toute transformation physique.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eCLA au quotidien\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003ePrenez le CLA au moment des repas pour une meilleure absorption. Une cure de 3 mois minimum est recommandée pour observer des résultats visibles sur la composition corporelle et les performances.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ FAQ ═══════════════ --\u003e\n\u003csection class=\"faq\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eQuestions fréquentes\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eOn vous répond.\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-list\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eLe CLA est-il un brûleur de graisse ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eLe CLA est un acide gras naturel utilisé comme complément alimentaire pour soutenir le métabolisme des graisses dans le cadre d'un mode de vie équilibré. Il n'est pas un brûleur de graisse au sens pharmacologique, mais un soutien nutritionnel qui accompagne les efforts d'alimentation et d'activité physique.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eEst-il adapté aux hommes et aux femmes ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eOui, le CLA peut être utilisé par tous les adultes souhaitant accompagner leurs objectifs de gestion du poids et de composition corporelle, quel que soit leur profil ou leur niveau d'activité physique.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eCombien de temps faut-il pour observer des résultats ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eLes résultats varient selon l'alimentation, l'activité physique et la régularité d'utilisation. En général, une cure de 3 mois associée à une routine sportive et une alimentation adaptée permet d'observer des changements visibles sur la composition corporelle.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003ePeut-il être utilisé avec d'autres compléments ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eOui, le CLA peut facilement s'intégrer dans une routine comprenant d'autres compléments nutritionnels comme des protéines, des acides aminés, ou des vitamines. Il est particulièrement efficace en combinaison avec une supplémentation en protéines et une pratique sportive régulière.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eEst-il nécessaire de faire du sport ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eUne activité physique régulière n'est pas obligatoire mais fortement recommandée pour optimiser les résultats. Le CLA agit en synergie avec l'exercice physique et une alimentation équilibrée. Sans routine active, les effets seront plus limités et progressifs.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"BYOCORE","offers":[{"title":"Default Title","offer_id":42830557020238,"sku":null,"price":4700.0,"currency_code":"DZD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/9751\/4318\/files\/CLA.jpg?v=1780497262"},{"product_id":"lipocore-byocore®","title":"LIPOCORE-ByoCore®","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\" name=\"viewport\"\u003e \u003cmeta content=\"#FDE8E7\" name=\"theme-color\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800;900\u0026amp;family=Barlow:wght@400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  :root {\n    --red: #E8231A;\n    --red-dark: #B5180F;\n    --black: #FDE8E7;\n    --dark: #F8D8D6;\n    --dark2: #F2C8C6;\n    --gray: #E8B0AC;\n    --white: #0A0A0A;\n    --muted: #444;\n  }\n  *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n  html { scroll-behavior:smooth; }\n  body {\n    background: var(--black);\n    color: #0A0A0A;\n    font-family: 'Barlow', sans-serif;\n    overflow-x: hidden;\n    width: 100%;\n    line-height: 1.6;\n    -webkit-text-size-adjust: 100%;\n  }\n  * { -webkit-tap-highlight-color: transparent; }\n  h1,h2,h3,h4 { font-family: 'Barlow Condensed', sans-serif; letter-spacing: 0.02em; }\n\n  section { width:100%; padding: 90px 0; }\n  .wrap { width:100%; padding: 0 5vw; }\n\n  \/* HERO *\/\n  .hero {\n    min-height: 100vh;\n    display: flex; align-items: center;\n    padding: 60px 5vw 70px;\n    position: relative; overflow: hidden;\n    background: linear-gradient(135deg, #FDE8E7 0%, #F5D0CE 55%, #FDE8E7 100%);\n  }\n  .hero::before {\n    content:''; position:absolute; inset:0; pointer-events:none;\n    background:\n      radial-gradient(ellipse 55% 75% at 65% 50%, rgba(232,35,26,0.1) 0%, transparent 70%),\n      repeating-linear-gradient(0deg, transparent, transparent 60px, rgba(255,255,255,0.01) 60px, rgba(255,255,255,0.01) 61px),\n      repeating-linear-gradient(90deg, transparent, transparent 60px, rgba(255,255,255,0.01) 60px, rgba(255,255,255,0.01) 61px);\n  }\n  .hero-inner {\n    width:100%; display:grid; grid-template-columns:1fr 1fr;\n    gap:60px; align-items:center; position:relative; z-index:2;\n  }\n  .hero-badge {\n    display:inline-flex; align-items:center; gap:8px;\n    background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.18);\n    border-radius:40px; padding:6px 18px;\n    font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700;\n    letter-spacing:2px; text-transform:uppercase; color:var(--white); margin-bottom:20px;\n  }\n  .hero-badge::before { content:'●'; font-size:8px; color:var(--red); animation:pulse 1.5s infinite; }\n  @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }\n  .hero-title {\n    font-size:clamp(44px,6vw,88px); font-weight:900;\n    line-height:0.93; text-transform:uppercase; margin-bottom:24px; color:var(--white);\n  }\n  .hero-sub { font-size:17px; color:rgba(0,0,0,0.6); margin-bottom:36px; line-height:1.75; }\n  .hero-diagram { display:flex; justify-content:center; align-items:center; position:relative; }\n  .hero-diagram::before {\n    content:''; position:absolute; width:340px; height:340px; border-radius:50%;\n    background:radial-gradient(circle, rgba(232,35,26,0.13) 0%, transparent 70%);\n    animation:breathe 3.5s ease-in-out infinite;\n  }\n  @keyframes breathe { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }\n  .hero-svg { position:relative; z-index:2; animation:float 4s ease-in-out infinite; }\n  @keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-16px)} }\n\n  \/* STATS BAR *\/\n  .stats-bar {\n    background:var(--dark2); width:100%;\n    border-top:1px solid rgba(255,255,255,0.06);\n    border-bottom:1px solid rgba(255,255,255,0.06);\n    padding:22px 5vw;\n  }\n  .stats-inner { display:flex; justify-content:space-around; flex-wrap:wrap; gap:16px; }\n  .stat-item { text-align:center; }\n  .stat-num { font-family:'Barlow Condensed',sans-serif; font-size:34px; font-weight:900; color:var(--white); }\n  .stat-label { font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:1px; }\n\n  \/* SECTION LABELS *\/\n  .section-tag {\n    font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700;\n    letter-spacing:4px; text-transform:uppercase; color:rgba(0,0,0,0.38); margin-bottom:12px;\n  }\n  .section-title { font-size:clamp(32px,4.5vw,56px); font-weight:900; text-transform:uppercase; line-height:1; color:var(--white); }\n  .divider { width:50px; height:4px; background:var(--red); border-radius:2px; margin:18px 0 32px; }\n\n  \/* PROBLEM *\/\n  .problem { background:var(--dark); }\n  .problem-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:48px; gap:2px; }\n  .problem-card {\n    background:var(--dark2); padding:44px 32px;\n    position:relative; overflow:hidden; transition:background 0.3s;\n  }\n  .problem-card:hover { background:#F0C4C0; }\n  .problem-card::after {\n    content:''; position:absolute; bottom:0; left:0; right:0; height:3px;\n    background:var(--red); transform:scaleX(0); transform-origin:left; transition:transform 0.3s;\n  }\n  .problem-card:hover::after { transform:scaleX(1); }\n  .problem-svg { margin-bottom:20px; }\n  .problem-title { font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:800; text-transform:uppercase; color:var(--white); margin-bottom:10px; }\n  .problem-text { font-size:15px; color:rgba(0,0,0,0.45); line-height:1.65; }\n\n  \/* SOLUTION *\/\n  .solution { background:linear-gradient(160deg,#FDE8E7 0%,#F8D8D6 50%,#FDE8E7 100%); }\n  .solution-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; margin-top:48px; }\n  .solution-points { display:flex; flex-direction:column; gap:24px; }\n  .solution-point { display:flex; gap:18px; align-items:flex-start; }\n  .point-icon {\n    width:52px; height:52px; border-radius:12px;\n    background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.09);\n    display:flex; align-items:center; justify-content:center; flex-shrink:0;\n  }\n  .point-content h4 { font-size:19px; font-weight:800; text-transform:uppercase; color:var(--white); margin-bottom:5px; }\n  .point-content p { font-size:14px; color:rgba(0,0,0,0.45); line-height:1.65; }\n  .solution-diagram { display:flex; justify-content:center; align-items:center; }\n\n  \/* BENEFITS — FIXE *\/\n  .benefits { background:var(--dark2); }\n  .benefits-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; margin-top:48px; }\n  .benefit-card {\n    background:var(--dark); padding:44px 24px; text-align:center;\n    transition:background 0.3s; cursor:default; position:relative; overflow:hidden;\n  }\n  .benefit-card:hover { background:#EEB8B4; }\n  .benefit-card::before {\n    content:''; position:absolute; top:0; left:0; right:0; height:3px;\n    background:var(--red); transform:scaleX(0); transform-origin:center; transition:transform 0.3s;\n  }\n  .benefit-card:hover::before { transform:scaleX(1); }\n  .benefit-svg-wrap { margin-bottom:20px; display:flex; justify-content:center; }\n  .benefit-title {\n    font-size:18px; font-weight:800; text-transform:uppercase;\n    color:var(--white); margin-bottom:10px;\n    \/* FIXE : word-break pour éviter la coupure lettre par lettre *\/\n    word-break:normal;\n    overflow-wrap:break-word;\n    hyphens:auto;\n    line-height:1.25;\n  }\n  .benefit-desc { font-size:13px; color:rgba(0,0,0,0.4); line-height:1.65; }\n\n  \/* HOW IT WORKS — FIXE *\/\n  .how { background:var(--dark); }\n  .steps { display:flex; gap:0; position:relative; margin-top:60px; }\n  .steps::before {\n    content:''; position:absolute; top:36px; left:10%; right:10%; height:1px;\n    background:linear-gradient(90deg,var(--red) 0%,rgba(232,35,26,0.1) 100%);\n  }\n  .step { flex:1; text-align:center; position:relative; padding:0 24px; display:flex; flex-direction:column; align-items:center; }\n  .step-num {\n    width:72px; height:72px; border-radius:50%; background:var(--red);\n    display:flex; align-items:center; justify-content:center; margin:0 auto 24px;\n    font-family:'Barlow Condensed',sans-serif; font-size:28px; font-weight:900; color:var(--white);\n    box-shadow:0 0 28px rgba(232,35,26,0.4); position:relative; z-index:2; flex-shrink:0;\n  }\n  .step-diagram { margin:0 auto 20px; display:flex; justify-content:center; }\n  .step h4 {\n    font-size:21px; font-weight:800; text-transform:uppercase;\n    color:var(--white); margin-bottom:10px; text-align:center; width:100%;\n    \/* FIXE : retour à la ligne naturel *\/\n    word-break:normal;\n    overflow-wrap:break-word;\n    hyphens:auto;\n    line-height:1.2;\n  }\n  .step p { font-size:14px; color:rgba(0,0,0,0.45); line-height:1.65; max-width:260px; margin:0 auto; text-align:center; }\n\n  \/* RESULTS *\/\n  .results { background:var(--dark2); }\n  .results-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; margin-top:56px; }\n  .result-card { background:var(--dark); padding:52px 28px; text-align:center; transition:background 0.3s; }\n  .result-card:hover { background:#EEB8B4; }\n  .result-pct { font-family:'Barlow Condensed',sans-serif; font-size:60px; font-weight:900; color:var(--white); line-height:1; margin-bottom:10px; }\n  .result-label { font-size:15px; color:rgba(0,0,0,0.45); }\n\n  \/* USAGE *\/\n  .usage { background:var(--dark2); }\n  .usage-inner { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }\n  .usage-steps { display:flex; flex-direction:column; gap:14px; margin-top:36px; }\n  .usage-step {\n    display:flex; gap:18px; align-items:center; background:var(--dark);\n    border-left:3px solid var(--red); padding:20px 24px; transition:background 0.2s;\n  }\n  .usage-step:hover { background:#F0C4C0; }\n  .usage-badge {\n    background:var(--red); border-radius:3px; padding:5px 13px;\n    font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:12px;\n    letter-spacing:1px; text-transform:uppercase; white-space:nowrap; color:var(--white);\n  }\n  .usage-step-text { font-size:15px; color:rgba(0,0,0,0.55); }\n  .usage-diagram { display:flex; justify-content:center; }\n\n  \/* FAQ *\/\n  .faq { background:var(--dark); }\n  .faq-list { margin-top:48px; display:flex; flex-direction:column; gap:2px; }\n  .faq-item { background:var(--dark2); overflow:hidden; }\n  .faq-q {\n    width:100%; background:none; border:none; color:var(--white);\n    font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:700;\n    text-align:left; padding:26px 5vw; cursor:pointer;\n    display:flex; justify-content:space-between; align-items:center; transition:opacity 0.2s;\n  }\n  .faq-q:hover { opacity:0.7; }\n  .faq-q .faq-arr { color:var(--red); font-size:20px; transition:transform 0.3s; flex-shrink:0; margin-left:16px; }\n  .faq-a { display:none; padding:0 5vw 26px; font-size:15px; color:rgba(0,0,0,0.45); line-height:1.8; }\n  .faq-item.open .faq-a { display:block; }\n  .faq-item.open .faq-arr { transform:rotate(180deg); }\n\n  \/* ══════════════ MOBILE FIXES ══════════════ *\/\n  @media(max-width:1024px) {\n    .benefits-grid { grid-template-columns:repeat(2,1fr); }\n    \/* FIXE : steps en colonne dès 1024px *\/\n    .steps { flex-direction:column; align-items:stretch; gap:0; }\n    .steps::before { display:none; }\n    .step { display:flex; flex-direction:row; align-items:center; gap:20px; text-align:left; padding:20px 6vw; border-bottom:1px solid rgba(232,35,26,0.08); }\n    .step:last-child { border-bottom:none; }\n    .step-num { width:54px; height:54px; font-size:22px; flex-shrink:0; margin:0; }\n    .step-diagram { display:none; }\n    .step h4 { font-size:18px; margin-bottom:4px; text-align:left; }\n    .step p { font-size:13px; max-width:100%; text-align:left; margin:0; }\n  }\n\n  @media(max-width:768px) {\n    section { padding: 56px 0; }\n    .wrap { padding: 0 6vw; }\n    .hero { padding: 48px 6vw 56px; min-height: auto; }\n    .hero-inner { grid-template-columns:1fr; text-align:center; gap:32px; }\n    .hero-diagram { order:-1; }\n    .hero-diagram::before { width:220px; height:220px; }\n    .hero-svg { width:220px; height:220px; }\n    .hero-title { font-size: clamp(36px,9vw,56px); }\n    .hero-sub { font-size:15px; }\n    .hero-badge { font-size:11px; }\n    .stats-bar { padding:18px 6vw; }\n    .stats-inner { gap:12px; justify-content:space-between; }\n    .stat-num { font-size:26px; }\n    .stat-label { font-size:10px; }\n    .problem-grid { grid-template-columns:1fr 1fr; gap:2px; }\n    .problem-card { padding:28px 20px; }\n    .problem-title { font-size:17px; }\n    .problem-text { font-size:14px; }\n    .solution-grid { grid-template-columns:1fr; gap:36px; }\n    .solution-diagram { display:none; }\n    .point-icon { width:44px; height:44px; }\n    .point-content h4 { font-size:16px; }\n    .point-content p { font-size:13px; }\n    \/* FIXE : benefits 1 colonne flex horizontal *\/\n    .benefits-grid { grid-template-columns:1fr; }\n    .benefit-card { padding:22px 6vw; text-align:left; display:flex; align-items:flex-start; gap:16px; }\n    .benefit-svg-wrap { margin-bottom:0; flex-shrink:0; }\n    .benefit-title { font-size:16px; text-align:left; white-space:normal; }\n    .benefit-desc { font-size:13px; text-align:left; }\n    \/* Steps affinés *\/\n    .step { padding:20px 6vw; }\n    .step-num { width:48px; height:48px; font-size:20px; }\n    .step h4 { font-size:17px; }\n    .results-grid { grid-template-columns:1fr 1fr; gap:2px; }\n    .result-card { padding:32px 16px; }\n    .result-pct { font-size:44px; }\n    .result-label { font-size:13px; }\n    .usage-inner { grid-template-columns:1fr; gap:32px; }\n    .usage-diagram { display:none; }\n    .usage-step { padding:16px 18px; gap:12px; }\n    .usage-step-text { font-size:14px; }\n    .faq-q { font-size:16px; padding:20px 6vw; }\n    .faq-a { font-size:14px; padding:0 6vw 20px; }\n    .section-title { font-size:clamp(26px,7vw,40px); }\n    .divider { margin:14px 0 24px; }\n  }\n\n  @media(max-width:400px) {\n    .problem-grid { grid-template-columns:1fr; }\n    .results-grid { grid-template-columns:1fr 1fr; }\n    .hero-title { font-size:32px; }\n    .stats-inner { flex-wrap:wrap; }\n    .stat-item { min-width:45%; }\n    .step-num { width:42px; height:42px; font-size:18px; }\n  }\n\u003c\/style\u003e\n\u003c!-- ═══════════════════════ HERO ═══════════════════════ --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"hero-inner\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"hero-badge\"\u003eFormule Avancée · Résultats Visibles\u003c\/div\u003e\n\u003ch1 class=\"hero-title\"\u003eBrûlez les graisses,\u003cbr\u003erévélez vos muscles.\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eLIPOCORE est un brûleur de graisses de nouvelle génération — L-Carnitine, Bromélaïne, Yohimbine — formulé pour accélérer votre combustion des graisses, booster votre énergie et révéler votre physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-diagram\"\u003e\u003csvg class=\"hero-svg\" width=\"360\" height=\"360\" viewbox=\"0 0 360 360\" fill=\"none\"\u003e\n        \u003ccircle cx=\"180\" cy=\"180\" r=\"155\" stroke=\"rgba(255,255,255,0.04)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"180\" cy=\"180\" r=\"118\" stroke=\"rgba(255,255,255,0.07)\" stroke-width=\"1\" stroke-dasharray=\"6 4\"\u003e\u003c\/circle\u003e\n        \u003cpath d=\"M180 62 A118 118 0 0 1 298 180\" stroke=\"#E8231A\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M298 180 A118 118 0 0 1 180 298\" stroke=\"rgba(232,35,26,0.45)\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M180 298 A118 118 0 0 1 62 180\" stroke=\"rgba(232,35,26,0.2)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M62 180 A118 118 0 0 1 180 62\" stroke=\"rgba(232,35,26,0.1)\" stroke-width=\"1\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003crect x=\"143\" y=\"153\" width=\"74\" height=\"54\" rx=\"27\" fill=\"#E8231A\"\u003e\u003c\/rect\u003e\n        \u003crect x=\"143\" y=\"153\" width=\"37\" height=\"54\" rx=\"27 0 0 27\" fill=\"rgba(255,255,255,0.06)\"\u003e\u003c\/rect\u003e\n        \u003cline x1=\"180\" y1=\"153\" x2=\"180\" y2=\"207\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n        \u003ctext x=\"162\" y=\"185\" fill=\"white\" font-family=\"Barlow Condensed\" font-size=\"13\" font-weight=\"900\" letter-spacing=\"1\"\u003eLIPO\u003c\/text\u003e\n        \u003ccircle cx=\"180\" cy=\"62\" r=\"9\" fill=\"white\" opacity=\"0.9\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"298\" cy=\"180\" r=\"7\" fill=\"white\" opacity=\"0.7\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"180\" cy=\"298\" r=\"8\" fill=\"#E8231A\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"62\" cy=\"180\" r=\"6\" fill=\"white\" opacity=\"0.4\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"180\" cy=\"62\" r=\"18\" fill=\"#E8231A\" opacity=\"0.1\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"298\" cy=\"180\" r=\"14\" fill=\"#E8231A\" opacity=\"0.08\"\u003e\u003c\/circle\u003e\n        \u003cline x1=\"180\" y1=\"71\" x2=\"180\" y2=\"153\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\u003e\u003c\/line\u003e\n        \u003cline x1=\"291\" y1=\"183\" x2=\"217\" y2=\"183\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\u003e\u003c\/line\u003e\n        \u003cline x1=\"180\" y1=\"289\" x2=\"180\" y2=\"207\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\" stroke-dasharray=\"4 3\"\u003e\u003c\/line\u003e\n        \u003ctext x=\"180\" y=\"50\" fill=\"rgba(255,255,255,0.75)\" font-family=\"Barlow Condensed\" font-size=\"13\" font-weight=\"700\" letter-spacing=\"1\" text-anchor=\"middle\"\u003eL-CARNITINE\u003c\/text\u003e\n        \u003ctext x=\"352\" y=\"177\" fill=\"rgba(255,255,255,0.65)\" font-family=\"Barlow Condensed\" font-size=\"13\" font-weight=\"700\" letter-spacing=\"1\" text-anchor=\"end\"\u003eBROMÉLAÏNE\u003c\/text\u003e\n        \u003ctext x=\"196\" y=\"318\" fill=\"rgba(255,255,255,0.55)\" font-family=\"Barlow Condensed\" font-size=\"13\" font-weight=\"700\" letter-spacing=\"1\"\u003eYOHIMBINE\u003c\/text\u003e\n      \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- STATS --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n\u003cdiv class=\"stats-inner\"\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-num\"\u003e120\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eCapsules \/ boîte\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eActifs clés\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-num\"\u003e4.8★\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eNote client\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-num\"\u003e+10 000\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eClients satisfaits\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-item\"\u003e\n\u003cdiv class=\"stat-num\"\u003e60j\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eDurée de cure\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ═══════════════════════ PROBLEM ═══════════════════════ --\u003e\n\u003csection class=\"problem\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLe problème\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eVous vous reconnaissez ?\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-grid\"\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-svg\"\u003e\u003csvg width=\"60\" height=\"60\" viewbox=\"0 0 60 60\" fill=\"none\"\u003e\n          \u003ccircle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cellipse cx=\"30\" cy=\"36\" rx=\"14\" ry=\"11\" fill=\"rgba(232,35,26,0.12)\" stroke=\"rgba(232,35,26,0.5)\" stroke-width=\"1.5\"\u003e\u003c\/ellipse\u003e\n          \u003ccircle cx=\"30\" cy=\"20\" r=\"7\" fill=\"none\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"24\" y1=\"32\" x2=\"36\" y2=\"40\" stroke=\"#E8231A\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"36\" y1=\"32\" x2=\"24\" y2=\"40\" stroke=\"#E8231A\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eVentre récalcitrant\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eVous faites du sport, vous mangez bien, mais la graisse abdominale reste obstinément en place malgré tous vos efforts.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-svg\"\u003e\u003csvg width=\"60\" height=\"60\" viewbox=\"0 0 60 60\" fill=\"none\"\u003e\n          \u003ccircle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003crect x=\"12\" y=\"22\" width=\"32\" height=\"18\" rx=\"3\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n          \u003crect x=\"44\" y=\"27\" width=\"4\" height=\"8\" rx=\"1\" fill=\"rgba(255,255,255,0.15)\"\u003e\u003c\/rect\u003e\n          \u003crect x=\"14\" y=\"24\" width=\"7\" height=\"14\" rx=\"1\" fill=\"#E8231A\" opacity=\"0.75\"\u003e\u003c\/rect\u003e\n          \u003ctext x=\"24\" y=\"35\" fill=\"rgba(255,255,255,0.2)\" font-size=\"11\" font-family=\"Barlow Condensed\" font-weight=\"700\"\u003eZZZ\u003c\/text\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eFatigue chronique\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eVos séances manquent d'intensité, vous n'avez plus l'énergie pour vous surpasser et performer à votre niveau.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-svg\"\u003e\u003csvg width=\"60\" height=\"60\" viewbox=\"0 0 60 60\" fill=\"none\"\u003e\n          \u003ccircle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpolyline points=\"8,44 18,28 28,32 38,30 52,30\" stroke=\"rgba(255,255,255,0.18)\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/polyline\u003e\n          \u003cpolyline points=\"28,32 38,30 52,30\" stroke=\"#E8231A\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/polyline\u003e\n          \u003ccircle cx=\"52\" cy=\"30\" r=\"4\" fill=\"#E8231A\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"49\" y1=\"27\" x2=\"52\" y2=\"30\" stroke=\"#E8231A\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"49\" y1=\"33\" x2=\"52\" y2=\"30\" stroke=\"#E8231A\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eStagnation totale\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eMalgré vos efforts constants, les résultats ne suivent plus. Votre corps s'est adapté et refuse de progresser.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-svg\"\u003e\u003csvg width=\"60\" height=\"60\" viewbox=\"0 0 60 60\" fill=\"none\"\u003e\n          \u003ccircle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"rgba(255,255,255,0.08)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M22 20 C16 22 14 28 16 34 C18 40 24 42 30 40 C36 38 42 32 40 26 C38 20 30 16 24 18\" fill=\"none\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n          \u003cline x1=\"34\" y1=\"14\" x2=\"34\" y2=\"27\" stroke=\"#E8231A\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"31\" y1=\"14\" x2=\"31\" y2=\"21\" stroke=\"rgba(232,35,26,0.6)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"37\" y1=\"14\" x2=\"37\" y2=\"21\" stroke=\"rgba(232,35,26,0.6)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003ccircle cx=\"22\" cy=\"30\" r=\"6\" fill=\"rgba(232,35,26,0.1)\" stroke=\"#E8231A\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ctext x=\"20\" y=\"34\" fill=\"#E8231A\" font-size=\"10\" font-weight=\"900\" font-family=\"Barlow Condensed\"\u003e!\u003c\/text\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eFringales constantes\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLes envies de sucré ou de gras surgissent à toute heure et sabotent régulièrement tous vos efforts alimentaires.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════════════ SOLUTION ═══════════════════════ --\u003e\n\u003csection class=\"solution\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"solution-grid\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"section-tag\"\u003eLa solution\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eLIPOCORE change la donne\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"solution-points\"\u003e\n\u003cdiv class=\"solution-point\"\u003e\n\u003cdiv class=\"point-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 28 28\" fill=\"none\"\u003e\u003cpath d=\"M14 4 C14 4 7 9 7 15 C7 19.4 10.1 23 14 23 C17.9 23 21 19.4 21 15 C21 9 14 4 14 4Z\" fill=\"rgba(232,35,26,0.6)\" stroke=\"#E8231A\" stroke-width=\"1\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"point-content\"\u003e\n\u003ch4\u003eCombustion activée\u003c\/h4\u003e\n\u003cp\u003eLa L-Carnitine transporte les acides gras vers les mitochondries pour les brûler comme carburant énergétique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"solution-point\"\u003e\n\u003cdiv class=\"point-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 28 28\" fill=\"none\"\u003e\u003ccircle cx=\"14\" cy=\"14\" r=\"7\" fill=\"rgba(232,35,26,0.12)\" stroke=\"#E8231A\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M14 7 L14 5M14 21 L14 23M7 14 L5 14M21 14 L23 14\" stroke=\"rgba(255,255,255,0.35)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\u003ccircle cx=\"14\" cy=\"14\" r=\"3\" fill=\"#E8231A\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"point-content\"\u003e\n\u003ch4\u003eThermogenèse maximisée\u003c\/h4\u003e\n\u003cp\u003eBromélaïne et Yohimbine augmentent votre température corporelle, accélérant le métabolisme même au repos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"solution-point\"\u003e\n\u003cdiv class=\"point-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 28 28\" fill=\"none\"\u003e\u003cpath d=\"M14 4 L17 12 L24 12 L18.5 16.5 L20.5 24.5 L14 20 L7.5 24.5 L9.5 16.5 L4 12 L11 12 Z\" fill=\"rgba(232,35,26,0.18)\" stroke=\"#E8231A\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"point-content\"\u003e\n\u003ch4\u003eÉnergie décuplée\u003c\/h4\u003e\n\u003cp\u003eUn boost d'énergie propre et durable pour des entraînements plus intenses, plus longs et plus productifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"solution-point\"\u003e\n\u003cdiv class=\"point-icon\"\u003e\u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 28 28\" fill=\"none\"\u003e\u003crect x=\"5\" y=\"11\" width=\"18\" height=\"12\" rx=\"6\" fill=\"rgba(232,35,26,0.12)\" stroke=\"#E8231A\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\u003cline x1=\"14\" y1=\"5\" x2=\"14\" y2=\"11\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\u003ccircle cx=\"14\" cy=\"5\" r=\"2\" fill=\"#E8231A\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"point-content\"\u003e\n\u003ch4\u003eAppétit sous contrôle\u003c\/h4\u003e\n\u003cp\u003eRéduisez les fringales et reprenez le contrôle total de votre alimentation pour respecter votre plan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"solution-diagram\"\u003e\u003csvg width=\"340\" height=\"340\" viewbox=\"0 0 340 340\" fill=\"none\"\u003e\n          \u003ccircle cx=\"170\" cy=\"170\" r=\"140\" fill=\"rgba(232,35,26,0.03)\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"170\" cy=\"170\" r=\"108\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\" stroke-dasharray=\"5 5\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M170 62 A108 108 0 0 1 278 170\" stroke=\"#E8231A\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M278 170 A108 108 0 0 1 170 278\" stroke=\"rgba(232,35,26,0.5)\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M170 278 A108 108 0 0 1 62 170\" stroke=\"rgba(232,35,26,0.25)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M62 170 A108 108 0 0 1 170 62\" stroke=\"rgba(232,35,26,0.1)\" stroke-width=\"1\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"170\" cy=\"170\" r=\"44\" fill=\"rgba(232,35,26,0.1)\" stroke=\"#E8231A\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003ctext x=\"170\" y=\"165\" fill=\"white\" font-family=\"Barlow Condensed\" font-size=\"15\" font-weight=\"900\" text-anchor=\"middle\" letter-spacing=\"1\"\u003eLIPO\u003c\/text\u003e\n          \u003ctext x=\"170\" y=\"183\" fill=\"white\" font-family=\"Barlow Condensed\" font-size=\"15\" font-weight=\"900\" text-anchor=\"middle\" letter-spacing=\"1\"\u003eCORE\u003c\/text\u003e\n          \u003ccircle cx=\"170\" cy=\"62\" r=\"11\" fill=\"#E8231A\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"170\" cy=\"62\" r=\"20\" fill=\"#E8231A\" opacity=\"0.1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"278\" cy=\"170\" r=\"9\" fill=\"#E8231A\" opacity=\"0.7\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"170\" cy=\"278\" r=\"10\" fill=\"#E8231A\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"62\" cy=\"170\" r=\"8\" fill=\"#E8231A\" opacity=\"0.3\"\u003e\u003c\/circle\u003e\n          \u003ctext x=\"170\" y=\"46\" fill=\"rgba(255,255,255,0.8)\" font-family=\"Barlow Condensed\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\"\u003eMÉTABOLISME\u003c\/text\u003e\n          \u003ctext x=\"295\" y=\"174\" fill=\"rgba(255,255,255,0.65)\" font-family=\"Barlow Condensed\" font-size=\"12\" font-weight=\"700\"\u003eÉNERGIE\u003c\/text\u003e\n          \u003ctext x=\"170\" y=\"303\" fill=\"rgba(255,255,255,0.55)\" font-family=\"Barlow Condensed\" font-size=\"12\" font-weight=\"700\" text-anchor=\"middle\"\u003eGRAISSES → FUEL\u003c\/text\u003e\n          \u003ctext x=\"52\" y=\"174\" fill=\"rgba(255,255,255,0.4)\" font-family=\"Barlow Condensed\" font-size=\"12\" font-weight=\"700\" text-anchor=\"end\"\u003eAPPÉTIT\u003c\/text\u003e\n          \u003cpolygon points=\"274,157 278,170 265,166\" fill=\"#E8231A\" opacity=\"0.7\"\u003e\u003c\/polygon\u003e\n          \u003cpolygon points=\"157,274 170,278 166,265\" fill=\"rgba(232,35,26,0.5)\"\u003e\u003c\/polygon\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════════════ BENEFITS ═══════════════════════ --\u003e\n\u003csection class=\"benefits\"\u003e\n\u003cdiv class=\"wrap\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"section-tag\"\u003eBénéfices\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003e4 raisons de choisir LIPOCORE\u003c\/h2\u003e\n\u003cdiv class=\"divider\" style=\"margin: 18px auto 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\" style=\"margin-top: 48px;\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-svg-wrap\"\u003e\u003csvg width=\"56\" height=\"56\" viewbox=\"0 0 56 56\" fill=\"none\"\u003e\n          \u003ccircle cx=\"28\" cy=\"28\" r=\"26\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M28 9 C28 9 16 17 16 27 C16 34.7 21.4 41 28 41 C34.6 41 40 34.7 40 27 C40 17 28 9 28 9Z\" fill=\"rgba(232,35,26,0.14)\" stroke=\"#E8231A\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M23 27 L26 31 L33 23\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eBrûle plus vite\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eCombustion des graisses accélérée 24h\/24, même hors entraînement.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-svg-wrap\"\u003e\u003csvg width=\"56\" height=\"56\" viewbox=\"0 0 56 56\" fill=\"none\"\u003e\n          \u003ccircle cx=\"28\" cy=\"28\" r=\"26\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M28 11 L32 23 L44 23 L34 31 L38 43 L28 35 L18 43 L22 31 L12 23 L24 23 Z\" fill=\"rgba(232,35,26,0.14)\" stroke=\"#E8231A\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eÉnergie explosive\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eBoostez vos séances avec une énergie clean et sans crash.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-svg-wrap\"\u003e\u003csvg width=\"56\" height=\"56\" viewbox=\"0 0 56 56\" fill=\"none\"\u003e\n          \u003ccircle cx=\"28\" cy=\"28\" r=\"26\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M18 34 C18 34 16 28 20 24 C24 20 32 20 36 24 C40 28 38 34 38 34\" fill=\"rgba(232,35,26,0.1)\" stroke=\"#E8231A\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"28\" cy=\"23\" r=\"6\" fill=\"rgba(232,35,26,0.15)\" stroke=\"rgba(255,255,255,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"22\" y1=\"38\" x2=\"24\" y2=\"44\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"34\" y1=\"38\" x2=\"32\" y2=\"44\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eMuscles révélés\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eÉliminez le voile de graisse et faites apparaître votre musculature.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-svg-wrap\"\u003e\u003csvg width=\"56\" height=\"56\" viewbox=\"0 0 56 56\" fill=\"none\"\u003e\n          \u003ccircle cx=\"28\" cy=\"28\" r=\"26\" stroke=\"rgba(255,255,255,0.06)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003crect x=\"13\" y=\"26\" width=\"30\" height=\"14\" rx=\"7\" fill=\"rgba(232,35,26,0.1)\" stroke=\"#E8231A\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\n          \u003cline x1=\"28\" y1=\"15\" x2=\"28\" y2=\"26\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003ccircle cx=\"28\" cy=\"14\" r=\"3.5\" fill=\"#E8231A\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eMoins de fringales\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eContrôlez votre appétit et restez dans votre plan nutritionnel.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════════════ HOW IT WORKS ═══════════════════════ --\u003e\n\u003csection class=\"how\"\u003e\n\u003cdiv class=\"wrap\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLe mécanisme\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eComment ça fonctionne ?\u003c\/h2\u003e\n\u003cdiv class=\"divider\" style=\"margin: 18px auto 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"step-diagram\"\u003e\u003csvg width=\"90\" height=\"90\" viewbox=\"0 0 90 90\" fill=\"none\"\u003e\n            \u003ccircle cx=\"45\" cy=\"45\" r=\"42\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n            \u003crect x=\"36\" y=\"18\" width=\"18\" height=\"38\" rx=\"9\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(255,255,255,0.18)\" stroke-width=\"1.2\"\u003e\u003c\/rect\u003e\n            \u003crect x=\"39\" y=\"30\" width=\"12\" height=\"26\" rx=\"6\" fill=\"#E8231A\" opacity=\"0.85\"\u003e\u003c\/rect\u003e\n            \u003ccircle cx=\"45\" cy=\"62\" r=\"11\" fill=\"#E8231A\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"45\" cy=\"62\" r=\"7\" fill=\"rgba(255,255,255,0.18)\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M62 34 Q67 30 62 25\" stroke=\"rgba(232,35,26,0.7)\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M68 40 Q73 36 68 31\" stroke=\"rgba(232,35,26,0.4)\" stroke-width=\"1.2\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M68 49 Q73 45 68 40\" stroke=\"rgba(232,35,26,0.2)\" stroke-width=\"1\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eStimule le métabolisme\u003c\/h4\u003e\n\u003cp\u003eLa Yohimbine et la Bromélaïne activent votre système thermogénique pour brûler plus de calories au repos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"step-diagram\"\u003e\u003csvg width=\"90\" height=\"90\" viewbox=\"0 0 90 90\" fill=\"none\"\u003e\n            \u003ccircle cx=\"45\" cy=\"45\" r=\"42\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M33 49 C33 49 31 43 35 38 C39 33 51 33 55 38 C59 43 57 49 57 49 C57 56 51.5 61 45 61 C38.5 61 33 56 33 49Z\" fill=\"rgba(232,35,26,0.1)\" stroke=\"rgba(255,255,255,0.18)\" stroke-width=\"1.2\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M40 45 L50 45\" stroke=\"#E8231A\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpolygon points=\"50,42 56,45 50,48\" fill=\"#E8231A\"\u003e\u003c\/polygon\u003e\n            \u003cpath d=\"M42 26 L38 36 L42 36 L38 52\" stroke=\"#E8231A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eTransforme les graisses\u003c\/h4\u003e\n\u003cp\u003eLa L-Carnitine convertit les graisses stockées en énergie utilisable par vos muscles pendant l'effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"step-diagram\"\u003e\u003csvg width=\"90\" height=\"90\" viewbox=\"0 0 90 90\" fill=\"none\"\u003e\n            \u003ccircle cx=\"45\" cy=\"45\" r=\"42\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M30 44 C30 36 36 31 45 31 C54 31 60 36 60 44 C60 52 54 58 45 60 C36 58 30 52 30 44Z\" fill=\"rgba(232,35,26,0.07)\" stroke=\"rgba(255,255,255,0.14)\" stroke-width=\"1.2\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M36 44 C36 41 40 38 45 38 C50 38 54 41 54 44 C54 47 50 50 45 50 C40 50 36 47 36 44Z\" fill=\"rgba(232,35,26,0.18)\" stroke=\"#E8231A\" stroke-width=\"1\"\u003e\u003c\/path\u003e\n            \u003cline x1=\"42\" y1=\"63\" x2=\"42\" y2=\"72\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"3\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"48\" y1=\"63\" x2=\"48\" y2=\"72\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"3\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eRéduit les envies\u003c\/h4\u003e\n\u003cp\u003eLe complexe d'actifs régule votre appétit et réduit les envies alimentaires pour rester discipliné.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════════════ RESULTS ═══════════════════════ --\u003e\n\u003csection class=\"results\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eRésultats attendus\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eCe que vous pouvez atteindre\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003csvg width=\"100%\" height=\"110\" viewbox=\"0 0 900 110\" preserveaspectratio=\"none\" fill=\"none\" style=\"margin-bottom: 48px;\"\u003e\n      \u003cdefs\u003e\n        \u003clineargradient id=\"cg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"\u003e\n          \u003cstop offset=\"0%\" stop-color=\"#E8231A\" stop-opacity=\"0.45\"\u003e\u003c\/stop\u003e\n          \u003cstop offset=\"100%\" stop-color=\"#E8231A\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\n        \u003c\/lineargradient\u003e\n      \u003c\/defs\u003e\n      \u003cpolygon points=\"0,100 0,96 150,84 300,66 450,44 600,28 750,14 900,7 900,100\" fill=\"url(#cg)\"\u003e\u003c\/polygon\u003e\n      \u003cpolyline points=\"0,96 150,84 300,66 450,44 600,28 750,14 900,7\" stroke=\"#E8231A\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/polyline\u003e\n      \u003ccircle cx=\"900\" cy=\"7\" r=\"5\" fill=\"#E8231A\"\u003e\u003c\/circle\u003e\n      \u003cline x1=\"150\" y1=\"84\" x2=\"150\" y2=\"100\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n      \u003cline x1=\"300\" y1=\"66\" x2=\"300\" y2=\"100\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n      \u003cline x1=\"450\" y1=\"44\" x2=\"450\" y2=\"100\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n      \u003cline x1=\"600\" y1=\"28\" x2=\"600\" y2=\"100\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n      \u003cline x1=\"750\" y1=\"14\" x2=\"750\" y2=\"100\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n      \u003ctext x=\"5\" y=\"108\" fill=\"rgba(255,255,255,0.2)\" font-size=\"11\" font-family=\"Barlow Condensed\"\u003eJ0\u003c\/text\u003e\n      \u003ctext x=\"145\" y=\"108\" fill=\"rgba(255,255,255,0.2)\" font-size=\"11\" font-family=\"Barlow Condensed\"\u003eJ10\u003c\/text\u003e\n      \u003ctext x=\"295\" y=\"108\" fill=\"rgba(255,255,255,0.2)\" font-size=\"11\" font-family=\"Barlow Condensed\"\u003eJ20\u003c\/text\u003e\n      \u003ctext x=\"445\" y=\"108\" fill=\"rgba(255,255,255,0.2)\" font-size=\"11\" font-family=\"Barlow Condensed\"\u003eJ30\u003c\/text\u003e\n      \u003ctext x=\"595\" y=\"108\" fill=\"rgba(255,255,255,0.2)\" font-size=\"11\" font-family=\"Barlow Condensed\"\u003eJ40\u003c\/text\u003e\n      \u003ctext x=\"745\" y=\"108\" fill=\"rgba(255,255,255,0.2)\" font-size=\"11\" font-family=\"Barlow Condensed\"\u003eJ50\u003c\/text\u003e\n      \u003ctext x=\"888\" y=\"108\" fill=\"rgba(255,255,255,0.2)\" font-size=\"11\" font-family=\"Barlow Condensed\"\u003eJ60\u003c\/text\u003e\n    \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-grid\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-pct\"\u003e−5 kg\u003c\/div\u003e\n\u003cdiv class=\"result-label\"\u003ede masse grasse en 8 semaines avec sport régulier\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-pct\"\u003e+30%\u003c\/div\u003e\n\u003cdiv class=\"result-label\"\u003ed'énergie ressentie dès les premières semaines\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-pct\"\u003e×2\u003c\/div\u003e\n\u003cdiv class=\"result-label\"\u003el'intensité de vos séances grâce au boost thermogénique\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-pct\"\u003e−60%\u003c\/div\u003e\n\u003cdiv class=\"result-label\"\u003ede fringales selon les retours de nos utilisateurs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cp style=\"margin-top: 20px; font-size: 12px; color: rgba(0,0,0,0.18);\"\u003e* Résultats variables selon le profil, l'alimentation et l'activité physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════════════ USAGE ═══════════════════════ --\u003e\n\u003csection class=\"usage\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"usage-inner\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"section-tag\"\u003eUtilisation\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eMode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp style=\"color: rgba(0,0,0,0.45); margin-bottom: 8px;\"\u003e2 capsules par jour — un protocole simple et efficace.\u003c\/p\u003e\n\u003cdiv class=\"usage-steps\"\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-badge\"\u003eMatin\u003c\/div\u003e\n\u003cdiv class=\"usage-step-text\"\u003e1 capsule à jeun avec un grand verre d'eau pour activer votre métabolisme dès le réveil.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-badge\"\u003ePré-Training\u003c\/div\u003e\n\u003cdiv class=\"usage-step-text\"\u003e1 capsule 30 min avant l'entraînement pour maximiser le brûlage de graisses pendant l'effort.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-step\"\u003e\n\u003cdiv class=\"usage-badge\"\u003eDurée\u003c\/div\u003e\n\u003cdiv class=\"usage-step-text\"\u003eCure recommandée de 8 à 12 semaines avec alimentation équilibrée et sport régulier.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"usage-diagram\"\u003e\u003csvg width=\"290\" height=\"330\" viewbox=\"0 0 290 330\" fill=\"none\"\u003e\n          \u003cline x1=\"62\" y1=\"40\" x2=\"62\" y2=\"290\" stroke=\"rgba(255,255,255,0.07)\" stroke-width=\"2\"\u003e\u003c\/line\u003e\n          \u003ccircle cx=\"62\" cy=\"85\" r=\"20\" fill=\"#E8231A\"\u003e\u003c\/circle\u003e\n          \u003ctext x=\"62\" y=\"90\" fill=\"white\" font-family=\"Barlow Condensed\" font-size=\"11\" font-weight=\"700\" text-anchor=\"middle\"\u003eAM\u003c\/text\u003e\n          \u003crect x=\"94\" y=\"66\" width=\"182\" height=\"40\" rx=\"6\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(255,255,255,0.09)\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n          \u003ctext x=\"106\" y=\"84\" fill=\"rgba(255,255,255,0.85)\" font-family=\"Barlow Condensed\" font-size=\"14\" font-weight=\"700\"\u003eMATIN\u003c\/text\u003e\n          \u003ctext x=\"106\" y=\"98\" fill=\"rgba(255,255,255,0.45)\" font-family=\"Barlow Condensed\" font-size=\"12\"\u003e1 capsule à jeun\u003c\/text\u003e\n          \u003crect x=\"248\" y=\"74\" width=\"22\" height=\"14\" rx=\"7\" fill=\"#E8231A\" opacity=\"0.8\"\u003e\u003c\/rect\u003e\n          \u003cline x1=\"259\" y1=\"74\" x2=\"259\" y2=\"88\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n          \u003ccircle cx=\"62\" cy=\"168\" r=\"14\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(255,255,255,0.12)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ctext x=\"62\" y=\"173\" fill=\"rgba(255,255,255,0.3)\" font-family=\"Barlow Condensed\" font-size=\"9\" text-anchor=\"middle\"\u003e12h\u003c\/text\u003e\n          \u003crect x=\"94\" y=\"158\" width=\"182\" height=\"22\" rx=\"4\" fill=\"rgba(255,255,255,0.02)\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n          \u003ctext x=\"106\" y=\"173\" fill=\"rgba(255,255,255,0.2)\" font-family=\"Barlow Condensed\" font-size=\"12\"\u003eRepas équilibré\u003c\/text\u003e\n          \u003ccircle cx=\"62\" cy=\"250\" r=\"20\" fill=\"#E8231A\" opacity=\"0.9\"\u003e\u003c\/circle\u003e\n          \u003ctext x=\"62\" y=\"255\" fill=\"white\" font-family=\"Barlow Condensed\" font-size=\"10\" font-weight=\"700\" text-anchor=\"middle\"\u003eGYM\u003c\/text\u003e\n          \u003crect x=\"94\" y=\"231\" width=\"182\" height=\"40\" rx=\"6\" fill=\"rgba(255,255,255,0.04)\" stroke=\"rgba(255,255,255,0.09)\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n          \u003ctext x=\"106\" y=\"249\" fill=\"rgba(255,255,255,0.85)\" font-family=\"Barlow Condensed\" font-size=\"14\" font-weight=\"700\"\u003ePRÉ-TRAINING\u003c\/text\u003e\n          \u003ctext x=\"106\" y=\"263\" fill=\"rgba(255,255,255,0.45)\" font-family=\"Barlow Condensed\" font-size=\"12\"\u003e1 capsule — 30 min avant\u003c\/text\u003e\n          \u003crect x=\"248\" y=\"239\" width=\"22\" height=\"14\" rx=\"7\" fill=\"#E8231A\" opacity=\"0.8\"\u003e\u003c\/rect\u003e\n          \u003cline x1=\"259\" y1=\"239\" x2=\"259\" y2=\"253\" stroke=\"rgba(255,255,255,0.25)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n          \u003crect x=\"32\" y=\"298\" width=\"230\" height=\"26\" rx=\"4\" fill=\"rgba(232,35,26,0.1)\" stroke=\"rgba(232,35,26,0.25)\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n          \u003ctext x=\"147\" y=\"315\" fill=\"rgba(255,255,255,0.7)\" font-family=\"Barlow Condensed\" font-size=\"13\" font-weight=\"700\" text-anchor=\"middle\" letter-spacing=\"1\"\u003eTOTAL : 2 CAPSULES \/ JOUR\u003c\/text\u003e\n          \u003ctext x=\"62\" y=\"28\" fill=\"rgba(255,255,255,0.2)\" font-family=\"Barlow Condensed\" font-size=\"12\" text-anchor=\"middle\" letter-spacing=\"1\"\u003eJOURNÉE TYPE\u003c\/text\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════════════ FAQ ═══════════════════════ --\u003e\n\u003csection class=\"faq\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eQuestions fréquentes\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eOn répond à vos questions\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-list\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eCe produit est-il sûr ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eOui. LIPOCORE est formulé avec des ingrédients naturels (L-Carnitine, Bromélaïne, Yohimbine) largement étudiés dans les compléments sportifs. Respectez la posologie recommandée. En cas de traitement médical, consultez votre médecin avant utilisation.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eQuand peut-on voir les premiers résultats ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eLes premiers effets (énergie accrue, réduction des fringales) sont ressentis dès la première semaine. Les résultats visuels apparaissent typiquement entre la 3ème et 6ème semaine selon votre alimentation et activité physique.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eY a-t-il des effets secondaires ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eLIPOCORE est bien toléré par la majorité des utilisateurs. La Yohimbine peut provoquer une légère augmentation du rythme cardiaque chez les personnes sensibles. Ne pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes ou allaitantes.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eEst-ce adapté aux hommes et aux femmes ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eAbsolument. LIPOCORE est conçu pour hommes et femmes actifs souhaitant perdre de la graisse, améliorer leurs performances et révéler leur physique. La formule est identique et efficace pour les deux.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eCombien de temps faut-il l'utiliser ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eCure recommandée de 8 à 12 semaines pour des résultats optimaux. Une boîte de 120 capsules correspond à 60 jours (2 capsules\/jour). Après la cure, une pause de 2 à 4 semaines est conseillée avant de recommencer.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"BYOCORE","offers":[{"title":"Default Title","offer_id":42830557610062,"sku":null,"price":4900.0,"currency_code":"DZD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/9751\/4318\/files\/LIPOCORE.jpg?v=1780497373"},{"product_id":"lipocore-byocore®-copie","title":"BYONIGHT-ByoCore®","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\" name=\"viewport\"\u003e \u003cmeta content=\"#F4F0FA\" name=\"theme-color\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600\u0026amp;family=DM+Sans:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  :root {\n    --lavender:  #F4F0FA;\n    --lavender2: #E8E0F5;\n    --lilac:     #D4C4EC;\n    --violet:    #7B4FA6;\n    --violet2:   #6238A0;\n    --violet3:   #4A2880;\n    --purple-lt: #C4A8E0;\n    --night:     #1A0D2E;\n    --night2:    #2C1A48;\n    --text:      #180C2C;\n    --muted:     #6A5080;\n    --white:     #FFFFFF;\n  }\n  *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  body{background:var(--lavender);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden;line-height:1.6;-webkit-text-size-adjust:100%;}\n  *{-webkit-tap-highlight-color:transparent;}\n  h1,h2,h3,h4{font-family:'Playfair Display',serif;}\n\n  .hero{display:grid;grid-template-columns:1fr;position:relative;overflow:hidden;}\n  .hero-left{background:linear-gradient(150deg,#F4F0FA 0%,#EDE4F8 55%,#DDD0F0 100%);display:flex;flex-direction:column;justify-content:center;padding:80px 5vw 80px 6vw;position:relative;z-index:2;}\n  .hero-left::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(123,79,166,0.15) 1px,transparent 1px),radial-gradient(circle,rgba(123,79,166,0.08) 1.5px,transparent 1.5px);background-size:48px 48px,80px 80px;background-position:0 0,24px 24px;z-index:0;}\n  .hero-left \u003e *{position:relative;z-index:1;}\n  .eyebrow{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--violet);margin-bottom:20px;}\n  .hero-title{font-size:clamp(38px,5vw,68px);font-weight:700;line-height:1.05;color:var(--night);margin-bottom:24px;}\n  .hero-title em{color:var(--violet);font-style:italic;}\n  .hero-sub{font-size:16px;color:var(--night2);line-height:1.8;max-width:560px;margin-bottom:36px;font-weight:300;}\n  .badge-strip{display:flex;gap:12px;flex-wrap:wrap;}\n  .badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.6);backdrop-filter:blur(8px);border:1px solid rgba(123,79,166,0.2);border-radius:40px;padding:8px 16px;font-size:13px;color:var(--night2);font-weight:500;}\n  .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--violet);}\n\n  section{padding:90px 0;width:100%;}\n  .wrap{padding:0 6vw;width:100%;}\n  .section-tag{font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--violet);margin-bottom:14px;}\n  .section-title{font-size:clamp(28px,4vw,48px);font-weight:700;color:var(--night);line-height:1.1;}\n  .section-title em{color:var(--violet);font-style:italic;}\n  .divider{width:48px;height:3px;background:linear-gradient(90deg,var(--violet),var(--purple-lt));border-radius:2px;margin:18px 0 36px;}\n\n  .problem{background:var(--lavender2);}\n  .problem-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:48px;}\n  .problem-card{background:var(--white);padding:36px 24px;position:relative;overflow:hidden;transition:background 0.3s;}\n  .problem-card:hover{background:#FAF8FD;}\n  .problem-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--violet),var(--purple-lt));transform:scaleX(0);transform-origin:left;transition:transform 0.3s;}\n  .problem-card:hover::after{transform:scaleX(1);}\n  .problem-icon{margin-bottom:16px;display:block;}\n  .problem-title{font-family:'Playfair Display',serif;font-size:17px;font-weight:600;color:var(--night);margin-bottom:8px;}\n  .problem-text{font-size:13px;color:var(--muted);line-height:1.65;}\n\n  .solution{background:var(--lavender);}\n  .solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:48px;}\n  .solution-diagram{display:flex;justify-content:center;align-items:center;}\n  .solution-points{display:flex;flex-direction:column;gap:24px;}\n  .sol-point{display:flex;gap:18px;align-items:flex-start;}\n  .sol-icon{width:50px;height:50px;border-radius:14px;flex-shrink:0;background:linear-gradient(135deg,var(--lavender2),var(--lilac));display:flex;align-items:center;justify-content:center;}\n  .sol-content h4{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:var(--night);margin-bottom:5px;}\n  .sol-content p{font-size:14px;color:var(--muted);line-height:1.65;}\n\n  \/* BENEFITS — FIXE *\/\n  .benefits{background:var(--night);}\n  .benefits .section-tag{color:var(--purple-lt);}\n  .benefits .section-title{color:var(--white);}\n  .benefits .divider{background:linear-gradient(90deg,var(--purple-lt),var(--violet));}\n  .benefits-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:48px;}\n  .benefit-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);padding:36px 20px;text-align:center;transition:background 0.3s;position:relative;overflow:hidden;}\n  .benefit-card:hover{background:rgba(255,255,255,0.08);}\n  .benefit-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--violet),var(--purple-lt));transform:scaleX(0);transform-origin:center;transition:transform 0.3s;}\n  .benefit-card:hover::before{transform:scaleX(1);}\n  .benefit-icon{margin-bottom:16px;display:flex;justify-content:center;}\n  .benefit-title{font-family:'Playfair Display',serif;font-size:15px;font-weight:600;color:var(--white);margin-bottom:10px;word-break:normal;overflow-wrap:break-word;hyphens:auto;line-height:1.3;}\n  .benefit-desc{font-size:12px;color:rgba(255,255,255,0.42);line-height:1.65;}\n\n  \/* HOW — FIXE *\/\n  .how{background:var(--lavender2);}\n  .steps{display:flex;gap:0;margin-top:60px;position:relative;}\n  .steps::before{content:'';position:absolute;top:36px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,var(--violet),rgba(123,79,166,0.08));}\n  .step{flex:1;text-align:center;padding:0 24px;display:flex;flex-direction:column;align-items:center;}\n  .step-num{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--purple-lt));display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:var(--white);box-shadow:0 8px 32px rgba(123,79,166,0.3);margin-bottom:24px;position:relative;z-index:2;flex-shrink:0;}\n  .step-svg{margin:0 auto 20px;display:flex;justify-content:center;}\n  .step h4{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;color:var(--night);margin-bottom:10px;text-align:center;width:100%;word-break:normal;overflow-wrap:break-word;hyphens:auto;line-height:1.25;}\n  .step p{font-size:13px;color:var(--muted);line-height:1.65;max-width:220px;margin:0 auto;text-align:center;}\n\n  .ingredients{background:var(--lavender);}\n  .ing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:48px;}\n  .ing-card{background:var(--white);padding:36px 20px;text-align:center;border-bottom:3px solid transparent;transition:border-color 0.3s,background 0.3s;}\n  .ing-card:hover{border-color:var(--violet);background:#FAF8FD;}\n  .ing-svg{margin:0 auto 16px;display:flex;justify-content:center;}\n  .ing-name{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--violet);margin-bottom:8px;}\n  .ing-role{font-size:12px;color:var(--muted);line-height:1.6;}\n\n  .results{background:var(--night);}\n  .results .section-tag{color:var(--purple-lt);}\n  .results .section-title{color:var(--white);}\n  .results .divider{background:linear-gradient(90deg,var(--purple-lt),var(--violet));}\n  .results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:56px;}\n  .result-card{background:rgba(255,255,255,0.04);padding:48px 20px;text-align:center;transition:background 0.3s;}\n  .result-card:hover{background:rgba(255,255,255,0.08);}\n  .result-n{font-family:'Playfair Display',serif;font-size:52px;font-weight:700;background:linear-gradient(135deg,var(--purple-lt),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:10px;}\n  .result-l{font-size:14px;color:rgba(255,255,255,0.42);}\n\n  .routine{background:var(--lavender);}\n  .routine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:48px;}\n  .routine-card{background:var(--lavender2);padding:40px 28px;border-top:3px solid transparent;transition:border-color 0.3s;}\n  .routine-card:hover{border-color:var(--violet);}\n  .routine-num{font-family:'Playfair Display',serif;font-size:48px;font-weight:700;color:var(--lilac);line-height:1;margin-bottom:16px;}\n  .routine-title{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:var(--night);margin-bottom:10px;}\n  .routine-text{font-size:14px;color:var(--muted);line-height:1.75;}\n\n  .faq{background:var(--lavender2);}\n  .faq-list{margin-top:48px;display:flex;flex-direction:column;gap:2px;}\n  .faq-item{background:var(--white);overflow:hidden;}\n  .faq-q{width:100%;background:none;border:none;color:var(--night);font-family:'Playfair Display',serif;font-size:18px;font-weight:600;text-align:left;padding:24px 6vw;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:opacity 0.2s;}\n  .faq-q:hover{opacity:0.7;}\n  .faq-arr{color:var(--violet);font-size:18px;transition:transform 0.3s;flex-shrink:0;margin-left:16px;}\n  .faq-a{display:none;padding:0 6vw 24px;font-size:14px;color:var(--muted);line-height:1.8;}\n  .faq-item.open .faq-a{display:block;}\n  .faq-item.open .faq-arr{transform:rotate(180deg);}\n\n  \/* ═══ MOBILE FIXES ═══ *\/\n  @media(max-width:1024px){\n    .problem-grid{grid-template-columns:repeat(3,1fr);}\n    .benefits-grid{grid-template-columns:repeat(2,1fr);}\n    .results-grid{grid-template-columns:repeat(2,1fr);}\n    .routine-grid{grid-template-columns:repeat(2,1fr);}\n    .steps{flex-direction:column;gap:0;}\n    .steps::before{display:none;}\n    .step{flex-direction:row;align-items:flex-start;gap:20px;text-align:left;padding:24px 6vw;border-bottom:1px solid rgba(123,79,166,0.1);}\n    .step:last-child{border-bottom:none;}\n    .step-num{width:54px;height:54px;font-size:20px;margin-bottom:0;flex-shrink:0;}\n    .step-svg{display:none;}\n    .step h4{font-size:17px;margin-bottom:6px;text-align:left;}\n    .step p{font-size:13px;max-width:100%;text-align:left;margin:0;}\n  }\n\n  @media(max-width:768px){\n    section{padding:52px 0;}\n    .wrap{padding:0 5vw;}\n    .hero-left{padding:52px 5vw 44px;}\n    .hero-title{font-size:clamp(30px,8vw,46px);}\n    .hero-sub{font-size:15px;max-width:100%;}\n    .badge-strip{gap:10px;}\n    .badge{font-size:12px;padding:7px 14px;}\n    .section-title{font-size:clamp(22px,6.5vw,36px);}\n    .section-tag{font-size:10px;letter-spacing:3px;}\n    .problem-grid{grid-template-columns:repeat(2,1fr);gap:2px;}\n    .problem-card{padding:24px 18px;}\n    .problem-title{font-size:15px;}\n    .solution-grid{grid-template-columns:1fr;gap:32px;}\n    .solution-diagram{display:none;}\n    .sol-content h4{font-size:16px;}\n    .benefits-grid{grid-template-columns:1fr;}\n    .benefit-card{padding:22px 5vw;text-align:left;display:flex;align-items:flex-start;gap:16px;}\n    .benefit-icon{margin-bottom:0;flex-shrink:0;}\n    .benefit-title{font-size:15px;text-align:left;white-space:normal;}\n    .benefit-desc{font-size:13px;text-align:left;}\n    .step{padding:20px 5vw;}\n    .step-num{width:48px;height:48px;font-size:18px;}\n    .step h4{font-size:15px;}\n    .ing-grid{grid-template-columns:repeat(2,1fr);}\n    .ing-card{padding:28px 16px;}\n    .results-grid{grid-template-columns:repeat(2,1fr);}\n    .result-card{padding:36px 16px;}\n    .result-n{font-size:40px;}\n    .routine-grid{grid-template-columns:1fr;}\n    .routine-card{padding:32px 5vw;}\n    .faq-q{font-size:15px;padding:20px 5vw;}\n    .faq-a{padding:0 5vw 20px;font-size:13px;}\n  }\n\n  @media(max-width:480px){\n    section{padding:44px 0;}\n    .hero-left{padding:40px 5vw 32px;}\n    .hero-title{font-size:clamp(26px,9vw,38px);}\n    .problem-grid{grid-template-columns:1fr;}\n    .problem-card{padding:20px 5vw;}\n    .ing-grid{grid-template-columns:repeat(2,1fr);}\n    .result-n{font-size:34px;}\n    .step-num{width:42px;height:42px;font-size:16px;}\n  }\n\u003c\/style\u003e\n\u003c!-- ═══════════════ HERO ═══════════════ --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"hero-left\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eBYOCORE · BYO NIGHT\u003c\/div\u003e\n\u003ch1 class=\"hero-title\"\u003eRetrouvez des nuits paisibles\u003cbr\u003eet un sommeil \u003cem\u003eréparateur.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eUn complément formulé pour accompagner votre organisme dans l'endormissement naturel — et vous permettre de vous réveiller reposé, chaque matin.\u003c\/p\u003e\n\u003cdiv class=\"badge-strip\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cdiv class=\"badge-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n60 capsules\u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cdiv class=\"badge-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n4 actifs clés\u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cdiv class=\"badge-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\nFormule nuit\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ PROBLEM ═══════════════ --\u003e\n\u003csection class=\"problem\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLe problème\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003ePourquoi vos nuits\u003cbr\u003ene sont plus \u003cem\u003eréparatrices ?\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-grid\"\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"8\" stroke=\"#7B4FA6\" stroke-width=\"1.3\" fill=\"rgba(123,79,166,0.07)\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"16\" y1=\"16\" x2=\"16\" y2=\"10\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"16\" y1=\"16\" x2=\"21\" y2=\"18\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003ctext x=\"22\" y=\"11\" fill=\"#7B4FA6\" font-size=\"5\" font-family=\"DM Sans\" font-weight=\"700\" opacity=\"0.7\"\u003eZ\u003c\/text\u003e\n          \u003ctext x=\"24\" y=\"8\" fill=\"#7B4FA6\" font-size=\"4\" font-family=\"DM Sans\" font-weight=\"700\" opacity=\"0.4\"\u003eZ\u003c\/text\u003e\n          \u003ctext x=\"26\" y=\"6\" fill=\"#7B4FA6\" font-size=\"3\" font-family=\"DM Sans\" font-weight=\"700\" opacity=\"0.25\"\u003eZ\u003c\/text\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eDifficultés à s'endormir\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eL'esprit s'emballe au moment de dormir. On tourne, on retourne. Le sommeil ne vient pas avant des heures.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M20 8 C14 8 9 12.5 9 18 C9 23 13 27 18 27 C22 27 25 25 26 22 C22 22 18 18 18 14 C18 11 19 9 20 8Z\" stroke=\"#7B4FA6\" stroke-width=\"1.3\" fill=\"rgba(123,79,166,0.08)\"\u003e\u003c\/path\u003e\n          \u003cline x1=\"22\" y1=\"12\" x2=\"25\" y2=\"10\" stroke=\"#C4A8E0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"24\" y1=\"15\" x2=\"27\" y2=\"15\" stroke=\"#C4A8E0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"22\" y1=\"18\" x2=\"25\" y2=\"20\" stroke=\"#C4A8E0\" stroke-width=\"1\" stroke-linecap=\"round\" opacity=\"0.7\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eRéveils nocturnes\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eOn se réveille plusieurs fois par nuit sans raison apparente. Impossible de se rendormir rapidement.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M6 18 Q9 15 12 18 Q15 21 18 18 Q21 15 24 18 Q27 21 28 18\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M6 14 Q8 12 10 14 Q12 16 14 14 Q16 12 18 14 Q20 16 22 14\" stroke=\"#C4A8E0\" stroke-width=\"1\" stroke-linecap=\"round\" fill=\"none\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 22 L24 22\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\" stroke-dasharray=\"2 2\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eSommeil non réparateur\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLes phases de sommeil profond sont insuffisantes. Le corps ne récupère pas vraiment pendant la nuit.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cellipse cx=\"16\" cy=\"17\" rx=\"7\" ry=\"8\" stroke=\"#7B4FA6\" stroke-width=\"1.3\" fill=\"rgba(123,79,166,0.07)\"\u003e\u003c\/ellipse\u003e\n          \u003cpath d=\"M13 15 Q14 14 15 15\" stroke=\"#7B4FA6\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M17 15 Q18 14 19 15\" stroke=\"#7B4FA6\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M13 20 Q16 18 19 20\" stroke=\"#7B4FA6\" stroke-width=\"1\" stroke-linecap=\"round\" fill=\"none\" opacity=\"0.7\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 8 L10 10M16 6 L16 8M24 8 L22 10\" stroke=\"#C4A8E0\" stroke-width=\"1\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eFatigue au réveil\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eOn se lève aussi fatigué qu'au coucher. L'énergie n'est pas au rendez-vous malgré des heures passées au lit.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M10 18 C10 13 12 10 16 10 C20 10 22 13 22 18 C22 21 20 23 16 23 C12 23 10 21 10 18Z\" stroke=\"#7B4FA6\" stroke-width=\"1.3\" fill=\"rgba(123,79,166,0.07)\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M13 16 L15 14 L17 17 L19 15\" stroke=\"#7B4FA6\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 10 L9 8 L10 10\" stroke=\"#C4A8E0\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.7\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M22 8 L23 6 L24 8\" stroke=\"#C4A8E0\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eStress \u0026amp; agitation\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLe mental continue à tourner le soir. Les tensions de la journée empêchent le corps de se déconnecter vraiment.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003crect x=\"9\" y=\"9\" width=\"14\" height=\"16\" rx=\"2\" stroke=\"#7B4FA6\" stroke-width=\"1.3\" fill=\"rgba(123,79,166,0.07)\"\u003e\u003c\/rect\u003e\n          \u003crect x=\"11\" y=\"11\" width=\"10\" height=\"10\" rx=\"1\" fill=\"rgba(123,79,166,0.12)\" stroke=\"#C4A8E0\" stroke-width=\"0.8\"\u003e\u003c\/rect\u003e\n          \u003cline x1=\"23\" y1=\"9\" x2=\"26\" y2=\"7\" stroke=\"#C4A8E0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"24\" y1=\"12\" x2=\"27\" y2=\"12\" stroke=\"#C4A8E0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"23\" y1=\"15\" x2=\"26\" y2=\"17\" stroke=\"#C4A8E0\" stroke-width=\"1\" stroke-linecap=\"round\" opacity=\"0.7\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eÉcrans \u0026amp; perturbation\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLa lumière bleue des écrans retarde la production de mélatonine et dérègle l'horloge interne naturellement.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ SOLUTION ═══════════════ --\u003e\n\u003csection class=\"solution\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"solution-grid\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"section-tag\"\u003eLa solution\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eBYO NIGHT soutient\u003cbr\u003e\u003cem\u003evotre cycle naturel.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"solution-points\"\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                \u003cpath d=\"M21 12.8 C19.5 16.8 15.6 19.5 11 19 C6.4 18.5 2.9 14.8 3 10.2 C3.1 6.2 5.8 2.8 9.5 2 C6.8 5.5 7.2 10.5 10.5 13.5 C13.8 16.5 18.8 16.5 21 12.8Z\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" fill=\"rgba(123,79,166,0.1)\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eFavorise l'endormissement naturel\u003c\/h4\u003e\n\u003cp\u003eLa mélatonine contenue dans BYO NIGHT aide à réduire le temps d'endormissement, en harmonie avec le rythme circadien du corps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                \u003cpath d=\"M3 12 Q6 6 12 6 Q18 6 21 12 Q18 18 12 18 Q6 18 3 12Z\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" fill=\"rgba(123,79,166,0.1)\"\u003e\u003c\/path\u003e\n                \u003ccircle cx=\"12\" cy=\"12\" r=\"3.5\" fill=\"#7B4FA6\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eDétend le corps et le mental\u003c\/h4\u003e\n\u003cp\u003eLe Magnésium et les plantes relaxantes apaisent les tensions nerveuses et musculaires pour un état de calme propice au sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                \u003cpath d=\"M12 3 L14 9 L20 9 L15 13 L17 19 L12 15 L7 19 L9 13 L4 9 L10 9 Z\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" fill=\"rgba(123,79,166,0.1)\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eAméliore la qualité du sommeil\u003c\/h4\u003e\n\u003cp\u003eLa Vitamine B6 soutient le fonctionnement normal du système nerveux, favorisant des phases de sommeil plus profondes et réparatrices.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                \u003ccircle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"rgba(123,79,166,0.3)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n                \u003ccircle cx=\"12\" cy=\"12\" r=\"5\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" fill=\"rgba(123,79,166,0.1)\"\u003e\u003c\/circle\u003e\n                \u003cpath d=\"M12 7 L12 17 M8 10 L12 7 L16 10\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eRéveil plus reposé\u003c\/h4\u003e\n\u003cp\u003eEn améliorant la profondeur du sommeil, BYO NIGHT permet à l'organisme de mieux récupérer et de se réveiller plein d'énergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"solution-diagram\"\u003e\u003csvg width=\"300\" height=\"380\" viewbox=\"0 0 300 380\" fill=\"none\"\u003e\n          \u003cdefs\u003e\n            \u003clineargradient id=\"sg1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"\u003e\n              \u003cstop offset=\"0%\" stop-color=\"#7B4FA6\" stop-opacity=\"0.25\"\u003e\u003c\/stop\u003e\n              \u003cstop offset=\"100%\" stop-color=\"#7B4FA6\" stop-opacity=\"0.05\"\u003e\u003c\/stop\u003e\n            \u003c\/lineargradient\u003e\n          \u003c\/defs\u003e\n          \u003ctext x=\"150\" y=\"22\" fill=\"#7B4FA6\" font-family=\"DM Sans\" font-size=\"11\" font-weight=\"600\" text-anchor=\"middle\" opacity=\"0.8\"\u003eCycle du sommeil — BYO NIGHT\u003c\/text\u003e\n          \u003ctext x=\"8\" y=\"55\" fill=\"#6A5080\" font-family=\"DM Sans\" font-size=\"9\"\u003eÉveil\u003c\/text\u003e\n          \u003ctext x=\"8\" y=\"110\" fill=\"#6A5080\" font-family=\"DM Sans\" font-size=\"9\"\u003eLéger\u003c\/text\u003e\n          \u003ctext x=\"8\" y=\"170\" fill=\"#6A5080\" font-family=\"DM Sans\" font-size=\"9\"\u003eMoyen\u003c\/text\u003e\n          \u003ctext x=\"8\" y=\"230\" fill=\"#6A5080\" font-family=\"DM Sans\" font-size=\"9\"\u003eProfond\u003c\/text\u003e\n          \u003cline x1=\"44\" y1=\"50\" x2=\"290\" y2=\"50\" stroke=\"rgba(123,79,166,0.08)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"44\" y1=\"105\" x2=\"290\" y2=\"105\" stroke=\"rgba(123,79,166,0.08)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"44\" y1=\"165\" x2=\"290\" y2=\"165\" stroke=\"rgba(123,79,166,0.08)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"44\" y1=\"225\" x2=\"290\" y2=\"225\" stroke=\"rgba(123,79,166,0.08)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n          \u003cpath d=\"M50 55 Q65 90 80 105 Q90 115 100 115 Q110 115 115 105 Q125 90 135 105 Q145 115 155 115 Q165 115 170 105 Q180 90 190 105 Q200 115 210 115 Q220 115 225 105 Q235 90 245 105 Q255 115 270 115 L280 115 L280 55 L50 55Z\" fill=\"rgba(123,79,166,0.06)\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M50 55 Q65 90 80 105 Q90 115 100 115 Q110 115 115 105 Q125 90 135 105 Q145 115 155 115 Q165 115 170 105 Q180 90 190 105 Q200 115 210 115 Q220 115 225 105 Q235 90 245 105 Q255 115 270 115\" stroke=\"rgba(123,79,166,0.35)\" stroke-width=\"1.5\" fill=\"none\" stroke-dasharray=\"4 3\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpolygon points=\"50,55 70,105 90,175 105,225 115,175 130,105 155,175 165,225 178,175 195,105 215,175 225,225 240,175 258,105 270,55 280,55 280,55 50,55\" fill=\"url(#sg1)\"\u003e\u003c\/polygon\u003e\n          \u003cpolyline points=\"50,55 70,105 90,175 105,225 115,175 130,105 155,175 165,225 178,175 195,105 215,175 225,225 240,175 258,105 270,55\" stroke=\"#7B4FA6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/polyline\u003e\n          \u003cline x1=\"50\" y1=\"268\" x2=\"80\" y2=\"268\" stroke=\"#7B4FA6\" stroke-width=\"2\"\u003e\u003c\/line\u003e\n          \u003ccircle cx=\"65\" cy=\"268\" r=\"3\" fill=\"#7B4FA6\"\u003e\u003c\/circle\u003e\n          \u003ctext x=\"84\" y=\"272\" fill=\"#7B4FA6\" font-family=\"DM Sans\" font-size=\"11\" font-weight=\"600\"\u003eAvec BYO NIGHT\u003c\/text\u003e\n          \u003cline x1=\"50\" y1=\"288\" x2=\"80\" y2=\"288\" stroke=\"rgba(123,79,166,0.4)\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\"\u003e\u003c\/line\u003e\n          \u003ctext x=\"84\" y=\"292\" fill=\"#6A5080\" font-family=\"DM Sans\" font-size=\"11\"\u003eSans complément\u003c\/text\u003e\n          \u003ctext x=\"97\" y=\"243\" fill=\"#7B4FA6\" font-family=\"DM Sans\" font-size=\"9\" text-anchor=\"middle\" font-weight=\"600\"\u003eCycle 1\u003c\/text\u003e\n          \u003ctext x=\"167\" y=\"243\" fill=\"#7B4FA6\" font-family=\"DM Sans\" font-size=\"9\" text-anchor=\"middle\" font-weight=\"600\"\u003eCycle 2\u003c\/text\u003e\n          \u003ctext x=\"227\" y=\"243\" fill=\"#7B4FA6\" font-family=\"DM Sans\" font-size=\"9\" text-anchor=\"middle\" font-weight=\"600\"\u003eCycle 3\u003c\/text\u003e\n          \u003ctext x=\"50\" y=\"315\" fill=\"#6A5080\" font-family=\"DM Sans\" font-size=\"9\" text-anchor=\"middle\"\u003e22h\u003c\/text\u003e\n          \u003ctext x=\"115\" y=\"315\" fill=\"#6A5080\" font-family=\"DM Sans\" font-size=\"9\" text-anchor=\"middle\"\u003e00h\u003c\/text\u003e\n          \u003ctext x=\"180\" y=\"315\" fill=\"#6A5080\" font-family=\"DM Sans\" font-size=\"9\" text-anchor=\"middle\"\u003e2h\u003c\/text\u003e\n          \u003ctext x=\"245\" y=\"315\" fill=\"#6A5080\" font-family=\"DM Sans\" font-size=\"9\" text-anchor=\"middle\"\u003e4h\u003c\/text\u003e\n          \u003ctext x=\"272\" y=\"315\" fill=\"#6A5080\" font-family=\"DM Sans\" font-size=\"9\" text-anchor=\"middle\"\u003e6h\u003c\/text\u003e\n          \u003cline x1=\"44\" y1=\"305\" x2=\"290\" y2=\"305\" stroke=\"rgba(123,79,166,0.15)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n          \u003cpath d=\"M258 340 C254 340 250 337 250 332 C250 328 253 325 257 325 C254 328 254 333 257 336 C259 338 261 338 263 337 C262 339 260 340 258 340Z\" fill=\"#7B4FA6\" opacity=\"0.4\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"265\" cy=\"328\" r=\"1.5\" fill=\"#C4A8E0\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"268\" cy=\"333\" r=\"1\" fill=\"#C4A8E0\" opacity=\"0.4\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"260\" cy=\"323\" r=\"1\" fill=\"#C4A8E0\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ BENEFITS ═══════════════ --\u003e\n\u003csection class=\"benefits\"\u003e\n\u003cdiv class=\"wrap\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"section-tag\"\u003eBénéfices\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003e6 raisons de choisir BYO NIGHT\u003c\/h2\u003e\n\u003cdiv class=\"divider\" style=\"margin: 18px auto 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\" style=\"margin-top: 48px;\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M28 18 C26 12 20 8 14 10 C10 11 8 14 9 18 C7 19 7 22 10 23 C10 27 14 29 20 29 C26 29 30 26 30 22 C33 20 31 17 28 18Z\" stroke=\"#C4A8E0\" stroke-width=\"1.5\" fill=\"rgba(123,79,166,0.1)\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M16 20 L19 23 L24 17\" stroke=\"#C4A8E0\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eEndormissement rapide\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eAide à réduire le temps d'endormissement pour des nuits qui commencent sans attente.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M7 20 Q11 12 15 20 Q19 28 23 20 Q27 12 33 20\" stroke=\"#C4A8E0\" stroke-width=\"2\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M7 25 Q10 21 13 25 Q16 29 19 25 Q22 21 25 25 Q28 29 31 25\" stroke=\"#7B4FA6\" stroke-width=\"1.2\" stroke-linecap=\"round\" fill=\"none\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eSommeil plus profond\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eFavorise l'accès aux phases de sommeil profond, essentielles à la récupération physique et mentale.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M12 22 C12 16 15 13 20 13 C25 13 28 16 28 22 C28 26 25 28 20 28 C15 28 12 26 12 22Z\" stroke=\"#C4A8E0\" stroke-width=\"1.5\" fill=\"rgba(123,79,166,0.08)\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M15 21 Q17 19 20 21 Q23 23 25 21\" stroke=\"#7B4FA6\" stroke-width=\"1.3\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M10 13 L11 11 L12 13 L10 12 L12 12Z\" fill=\"#C4A8E0\" opacity=\"0.6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M28 11 L29 9 L30 11 L28 10 L30 10Z\" fill=\"#C4A8E0\" opacity=\"0.4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eEsprit apaisé\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eAide à calmer les pensées intrusives et la rumination mentale qui empêchent de se détendre le soir.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M8 26 Q14 22 20 22 Q26 22 32 26\" stroke=\"#C4A8E0\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"5\" fill=\"rgba(123,79,166,0.15)\" stroke=\"#7B4FA6\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"20\" y1=\"11\" x2=\"20\" y2=\"13\" stroke=\"#C4A8E0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"27\" y1=\"13\" x2=\"25.5\" y2=\"14.5\" stroke=\"#C4A8E0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"13\" y1=\"13\" x2=\"14.5\" y2=\"14.5\" stroke=\"#C4A8E0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"2.5\" fill=\"#7B4FA6\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eRéveil reposé\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003ePermet de se lever avec de l'énergie et une clarté mentale retrouvée, sans la lourdeur habituelle.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M13 14 Q15 12 18 14 L18 26 Q15 28 13 26 Z\" stroke=\"#C4A8E0\" stroke-width=\"1.3\" fill=\"rgba(123,79,166,0.08)\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M22 14 Q25 12 27 14 L27 26 Q25 28 22 26 Z\" stroke=\"#C4A8E0\" stroke-width=\"1.3\" fill=\"rgba(123,79,166,0.06)\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M15 20 Q16 18 18 20\" stroke=\"#7B4FA6\" stroke-width=\"1\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M22 20 Q24 18 26 20\" stroke=\"#7B4FA6\" stroke-width=\"1\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eDétente musculaire\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eLe Magnésium contribue à la relaxation musculaire, libérant les tensions accumulées dans la journée.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M20 11 C25 11 29 15 29 20\" stroke=\"#C4A8E0\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M27 18 L29 20 L31 18\" stroke=\"#C4A8E0\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 29 C15 29 11 25 11 20\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M13 22 L11 20 L9 22\" stroke=\"#7B4FA6\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"3\" fill=\"#7B4FA6\" opacity=\"0.4\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eCycle naturel respecté\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eSoutient l'équilibre naturel de l'horloge biologique sans créer de dépendance ni perturber le rythme.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ HOW IT WORKS ═══════════════ --\u003e\n\u003csection class=\"how\"\u003e\n\u003cdiv class=\"wrap\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLe mécanisme\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eComment BYO NIGHT agit ?\u003c\/h2\u003e\n\u003cdiv class=\"divider\" style=\"margin: 18px auto 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"step-svg\"\u003e\u003csvg width=\"72\" height=\"72\" viewbox=\"0 0 72 72\" fill=\"none\"\u003e\n            \u003ccircle cx=\"36\" cy=\"36\" r=\"34\" stroke=\"rgba(123,79,166,0.15)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M36 18 C42 18 46 22 46 28 C46 34 42 38 36 38 C30 38 26 34 26 28 C26 22 30 18 36 18Z\" stroke=\"#C4A8E0\" stroke-width=\"1.5\" fill=\"rgba(123,79,166,0.1)\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M30 28 Q33 25 36 28 Q39 31 42 28\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M26 50 Q30 44 36 44 Q42 44 46 50\" stroke=\"#C4A8E0\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\" opacity=\"0.6\"\u003e\u003c\/path\u003e\n            \u003ctext x=\"48\" y=\"24\" fill=\"#7B4FA6\" font-size=\"8\" font-family=\"DM Sans\" font-weight=\"700\" opacity=\"0.6\"\u003eZ\u003c\/text\u003e\n            \u003ctext x=\"51\" y=\"20\" fill=\"#7B4FA6\" font-size=\"6\" font-family=\"DM Sans\" font-weight=\"700\" opacity=\"0.35\"\u003ez\u003c\/text\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003ePréparation au repos\u003c\/h4\u003e\n\u003cp\u003eLes actifs favorisent la relaxation nerveuse et musculaire. Le corps et l'esprit se déconnectent progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"step-svg\"\u003e\u003csvg width=\"72\" height=\"72\" viewbox=\"0 0 72 72\" fill=\"none\"\u003e\n            \u003ccircle cx=\"36\" cy=\"36\" r=\"34\" stroke=\"rgba(123,79,166,0.15)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M44 22 C38 22 32 27 32 34 C32 40 37 45 44 45 C38 46 27 44 24 36 C22 29 26 22 33 20 C37 18 42 19 44 22Z\" stroke=\"#C4A8E0\" stroke-width=\"1.5\" fill=\"rgba(123,79,166,0.1)\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"50\" cy=\"26\" r=\"2\" fill=\"#C4A8E0\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"54\" cy=\"32\" r=\"1.5\" fill=\"#C4A8E0\" opacity=\"0.4\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"48\" cy=\"34\" r=\"1\" fill=\"#C4A8E0\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M22 52 Q29 48 36 52 Q43 56 50 52\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M28 52 Q36 55 44 52\" stroke=\"#C4A8E0\" stroke-width=\"1\" stroke-linecap=\"round\" fill=\"none\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eEndormissement facilité\u003c\/h4\u003e\n\u003cp\u003eLa mélatonine synchronise l'horloge interne. L'organisme entre naturellement en phase d'endormissement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"step-svg\"\u003e\u003csvg width=\"72\" height=\"72\" viewbox=\"0 0 72 72\" fill=\"none\"\u003e\n            \u003ccircle cx=\"36\" cy=\"36\" r=\"34\" stroke=\"rgba(123,79,166,0.15)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M14 36 Q19 24 24 36 Q29 48 34 36 Q39 24 44 36 Q49 48 54 36 Q57 30 60 36\" stroke=\"#7B4FA6\" stroke-width=\"2\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M14 44 Q18 38 22 44 Q26 50 30 44 Q34 38 38 44 Q42 50 46 44 Q50 38 54 44\" stroke=\"#C4A8E0\" stroke-width=\"1.2\" stroke-linecap=\"round\" fill=\"none\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"20\" cy=\"20\" r=\"2\" fill=\"#C4A8E0\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"50\" cy=\"18\" r=\"1.5\" fill=\"#C4A8E0\" opacity=\"0.4\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"36\" cy=\"14\" r=\"1.5\" fill=\"#7B4FA6\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eSommeil réparateur\u003c\/h4\u003e\n\u003cp\u003eLes cycles de sommeil profond se succèdent. Le corps récupère, la mémoire se consolide, l'énergie se régénère.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ INGREDIENTS ═══════════════ --\u003e\n\u003csection class=\"ingredients\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLa formule\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003e4 actifs, \u003cem\u003eune nuit transformée.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-grid\"\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"22\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M30 14 C24 14 18 19 18 26 C18 32 22 37 30 37 C24 38 14 36 11 27 C9 20 13 13 20 11 C24 9 28 10 30 14Z\" fill=\"rgba(123,79,166,0.12)\" stroke=\"#7B4FA6\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"35\" cy=\"16\" r=\"2\" fill=\"#C4A8E0\" opacity=\"0.7\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"38\" cy=\"21\" r=\"1.5\" fill=\"#C4A8E0\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"33\" cy=\"22\" r=\"1\" fill=\"#C4A8E0\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eMélatonine\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eContribue à réduire le temps d'endormissement et régule le rythme circadien naturel de l'organisme.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"22\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"10\" fill=\"rgba(123,79,166,0.1)\" stroke=\"#7B4FA6\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"4.5\" fill=\"#7B4FA6\" opacity=\"0.55\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"24\" y1=\"8\" x2=\"24\" y2=\"14\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"24\" y1=\"34\" x2=\"24\" y2=\"40\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"8\" y1=\"24\" x2=\"14\" y2=\"24\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"34\" y1=\"24\" x2=\"40\" y2=\"24\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"13\" y1=\"13\" x2=\"17\" y2=\"17\" stroke=\"#7B4FA6\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"31\" y1=\"31\" x2=\"35\" y2=\"35\" stroke=\"#7B4FA6\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eMagnésium\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eParticipe à la relaxation musculaire et nerveuse. Réduit la fatigue et favorise un état calme propice au sommeil.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"22\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M24 38 C24 38 12 30 12 20 C12 12 17 8 24 8 C31 8 36 12 36 20 C36 30 24 38 24 38Z\" fill=\"rgba(123,79,166,0.1)\" stroke=\"#7B4FA6\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M24 38 L24 8\" stroke=\"rgba(123,79,166,0.3)\" stroke-width=\"1\" stroke-dasharray=\"2 2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M24 28 Q30 24 34 18\" stroke=\"#7B4FA6\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M24 22 Q18 20 14 15\" stroke=\"#7B4FA6\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M24 34 Q19 30 16 24\" stroke=\"#C4A8E0\" stroke-width=\"1\" stroke-linecap=\"round\" opacity=\"0.4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003ePlantes relaxantes\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eExtraits botaniques (Ashwagandha) reconnus pour leurs effets apaisants sur l'esprit et le système nerveux.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"22\" stroke=\"rgba(123,79,166,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M24 10 L32 15 L32 25 L24 30 L16 25 L16 15 Z\" stroke=\"#7B4FA6\" stroke-width=\"1.5\" fill=\"rgba(123,79,166,0.1)\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M24 14 L29 17 L29 23 L24 26 L19 23 L19 17 Z\" fill=\"rgba(123,79,166,0.12)\"\u003e\u003c\/path\u003e\n          \u003ctext x=\"24\" y=\"22\" fill=\"#7B4FA6\" font-family=\"DM Sans\" font-size=\"8\" font-weight=\"700\" text-anchor=\"middle\"\u003eB6\u003c\/text\u003e\n          \u003ccircle cx=\"24\" cy=\"37\" r=\"4\" fill=\"rgba(123,79,166,0.15)\" stroke=\"#7B4FA6\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"24\" y1=\"30\" x2=\"24\" y2=\"33\" stroke=\"#7B4FA6\" stroke-width=\"1.2\" opacity=\"0.5\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eVitamine B6\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eContribue au fonctionnement normal du système nerveux et à la régulation psychologique, soutenant la qualité du sommeil.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ RESULTS ═══════════════ --\u003e\n\u003csection class=\"results\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eEffets ressentis\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eCe que vous pouvez ressentir\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003csvg width=\"100%\" height=\"90\" viewbox=\"0 0 900 90\" preserveaspectratio=\"none\" fill=\"none\" style=\"margin-bottom: 48px;\"\u003e\n      \u003cdefs\u003e\n        \u003clineargradient id=\"ng\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"\u003e\n          \u003cstop offset=\"0%\" stop-color=\"#7B4FA6\" stop-opacity=\"0.35\"\u003e\u003c\/stop\u003e\n          \u003cstop offset=\"100%\" stop-color=\"#7B4FA6\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\n        \u003c\/lineargradient\u003e\n      \u003c\/defs\u003e\n      \u003cpolygon points=\"0,80 0,75 150,62 300,46 450,30 600,16 750,8 900,4 900,80\" fill=\"url(#ng)\"\u003e\u003c\/polygon\u003e\n      \u003cpolyline points=\"0,75 150,62 300,46 450,30 600,16 750,8 900,4\" stroke=\"#7B4FA6\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/polyline\u003e\n      \u003ccircle cx=\"900\" cy=\"4\" r=\"4\" fill=\"#7B4FA6\"\u003e\u003c\/circle\u003e\n      \u003ctext x=\"5\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eNuit 1\u003c\/text\u003e\n      \u003ctext x=\"140\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eNuit 3\u003c\/text\u003e\n      \u003ctext x=\"290\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eSemaine 1\u003c\/text\u003e\n      \u003ctext x=\"435\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eSemaine 2\u003c\/text\u003e\n      \u003ctext x=\"585\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eSemaine 3\u003c\/text\u003e\n      \u003ctext x=\"735\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eMois 1\u003c\/text\u003e\n      \u003ctext x=\"878\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eMois 2\u003c\/text\u003e\n    \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-grid\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e−40%\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003ede temps d'endormissement dès les premières nuits\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e+55%\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003ede qualité de sommeil perçue après 4 semaines\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e×2\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003emoins de réveils nocturnes après une cure régulière\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e90%\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003ese réveillent plus reposés dès la 2ème semaine\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cp style=\"margin-top: 20px; font-size: 12px; color: rgba(255,255,255,0.18);\"\u003e* Résultats variables selon le profil, le niveau de stress et la régularité de prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ ROUTINE ═══════════════ --\u003e\n\u003csection class=\"routine\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eRoutine nuit\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eUne routine simple pour\u003cbr\u003e\u003cem\u003emieux dormir chaque soir.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-grid\"\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eHoraires réguliers\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003eLe corps fonctionne mieux avec une routine fixe. Se coucher et se lever aux mêmes heures renforce l'horloge biologique et améliore la qualité globale du sommeil.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eLimiter les écrans\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003eÉteignez les écrans 30 à 60 minutes avant de dormir. La lumière bleue bloque la mélatonine naturelle. Remplacez-les par une lecture, une musique douce ou une respiration consciente.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eEnvironnement calme\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003eUn espace sombre, frais et silencieux favorise l'endormissement et les phases de sommeil profond. Quelques ajustements suffisent à transformer radicalement la qualité de vos nuits.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eBYO NIGHT le soir\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003ePrenez BYO NIGHT 30 à 60 minutes avant le coucher, avec un verre d'eau. La régularité est clé : les actifs agissent progressivement pour recalibrer votre cycle de sommeil naturel.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ FAQ ═══════════════ --\u003e\n\u003csection class=\"faq\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eQuestions fréquentes\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eOn vous répond.\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-list\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eCe produit est-il sûr ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eOui. BYO NIGHT est formulé avec des ingrédients reconnus et utilisés dans les compléments alimentaires pour le sommeil — Mélatonine, Magnésium, Vitamine B6 et extraits de plantes relaxantes. Respectez la posologie recommandée. En cas de grossesse ou de traitement médical, consultez votre médecin.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eCombien de temps avant de ressentir les effets ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eCertaines personnes ressentent des effets dès la première nuit — notamment un endormissement plus rapide. Pour une amélioration durable de la qualité du sommeil et une réduction des réveils nocturnes, comptez 1 à 2 semaines de prise régulière.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003ePeut-il être utilisé régulièrement ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eOui. BYO NIGHT est conçu pour s'intégrer dans une routine bien-être quotidienne. Sa formule ne crée pas de dépendance. Il peut être utilisé en cure sur plusieurs semaines ou comme soutien ponctuel lors de périodes de stress ou de perturbation du sommeil.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eEst-il adapté aux hommes et aux femmes ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eOui, BYO NIGHT est formulé pour tout adulte souhaitant améliorer la qualité de son sommeil, quel que soit le profil. Que vous souffriez d'insomnie légère, de réveils nocturnes ou simplement d'un sommeil peu réparateur, la formule s'adapte à vos besoins.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003ePeut-il être combiné avec d'autres compléments ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eBYO NIGHT peut généralement être associé à d'autres compléments alimentaires. Vérifiez cependant la composition pour éviter les doublons, notamment en Magnésium ou en Mélatonine. En cas de doute, consultez un professionnel de santé.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"BYOCORE","offers":[{"title":"Default Title","offer_id":42830557708366,"sku":null,"price":3900.0,"currency_code":"DZD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/9751\/4318\/files\/BYONIGHT.jpg?v=1780497501"},{"product_id":"lipocore-byocore®-copie-copie","title":"BYOHAIR-ByoCore®","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\" name=\"viewport\"\u003e \u003cmeta content=\"#FDF6F0\" name=\"theme-color\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600\u0026amp;family=DM+Sans:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  :root {\n    --cream:   #FDF6F0;\n    --beige:   #F2E8DC;\n    --blush:   #E8C4B0;\n    --copper:  #C47B5A;\n    --copper2: #A8624A;\n    --rose:    #D4897A;\n    --rose-lt: #F0D4CC;\n    --brown:   #3D2B1F;\n    --brown2:  #5C3D2E;\n    --text:    #2C1A10;\n    --muted:   #8C6A58;\n    --white:   #FFFFFF;\n  }\n  *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  body{background:var(--cream);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden;line-height:1.6;-webkit-text-size-adjust:100%;}\n  *{-webkit-tap-highlight-color:transparent;}\n  h1,h2,h3,h4{font-family:'Playfair Display',serif;}\n\n  .hero{display:grid;grid-template-columns:1fr;position:relative;overflow:hidden;}\n  .hero-left{background:linear-gradient(160deg,#FDF6F0 0%,#F0DDD0 60%,#E8C4B0 100%);display:flex;flex-direction:column;justify-content:center;padding:80px 5vw 80px 6vw;position:relative;z-index:2;}\n  .eyebrow{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--copper);margin-bottom:20px;}\n  .hero-title{font-size:clamp(38px,5vw,68px);font-weight:700;line-height:1.05;color:var(--brown);margin-bottom:24px;}\n  .hero-title em{color:var(--copper);font-style:italic;}\n  .hero-sub{font-size:16px;color:var(--brown2);line-height:1.8;max-width:440px;margin-bottom:36px;font-weight:300;}\n  .badge-strip{display:flex;gap:16px;flex-wrap:wrap;}\n  .badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.6);backdrop-filter:blur(8px);border:1px solid rgba(196,123,90,0.2);border-radius:40px;padding:8px 16px;font-size:13px;color:var(--brown2);font-weight:500;}\n  .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--copper);}\n\n  section{padding:90px 0;width:100%;}\n  .wrap{padding:0 6vw;width:100%;}\n  .section-tag{font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--copper);margin-bottom:14px;}\n  .section-title{font-size:clamp(28px,4vw,48px);font-weight:700;color:var(--brown);line-height:1.1;}\n  .section-title em{color:var(--copper);font-style:italic;}\n  .divider{width:48px;height:3px;background:linear-gradient(90deg,var(--copper),var(--rose));border-radius:2px;margin:18px 0 36px;}\n\n  .problem{background:var(--beige);}\n  .problem-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:48px;}\n  .problem-card{background:var(--white);padding:36px 24px;position:relative;overflow:hidden;transition:background 0.3s;}\n  .problem-card:hover{background:#FFFAF7;}\n  .problem-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--copper),var(--rose));transform:scaleX(0);transform-origin:left;transition:transform 0.3s;}\n  .problem-card:hover::after{transform:scaleX(1);}\n  .problem-icon{margin-bottom:16px;display:block;}\n  .problem-title{font-family:'Playfair Display',serif;font-size:17px;font-weight:600;color:var(--brown);margin-bottom:8px;}\n  .problem-text{font-size:13px;color:var(--muted);line-height:1.65;}\n\n  .solution{background:var(--cream);}\n  .solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:48px;}\n  .solution-diagram{display:flex;justify-content:center;align-items:center;}\n  .solution-points{display:flex;flex-direction:column;gap:24px;}\n  .sol-point{display:flex;gap:18px;align-items:flex-start;}\n  .sol-icon{width:50px;height:50px;border-radius:14px;flex-shrink:0;background:linear-gradient(135deg,var(--rose-lt),var(--blush));display:flex;align-items:center;justify-content:center;}\n  .sol-content h4{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:var(--brown);margin-bottom:5px;}\n  .sol-content p{font-size:14px;color:var(--muted);line-height:1.65;}\n\n  \/* BENEFITS — FIXE : 4 cols, pas 4 sur une ligne trop étroite *\/\n  .benefits{background:var(--brown);}\n  .benefits .section-tag{color:var(--blush);}\n  .benefits .section-title{color:var(--white);}\n  .benefits .divider{background:linear-gradient(90deg,var(--blush),var(--rose));}\n  .benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:48px;}\n  .benefit-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);padding:40px 24px;text-align:center;transition:background 0.3s;position:relative;overflow:hidden;}\n  .benefit-card:hover{background:rgba(255,255,255,0.08);}\n  .benefit-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--copper),var(--rose));transform:scaleX(0);transform-origin:center;transition:transform 0.3s;}\n  .benefit-card:hover::before{transform:scaleX(1);}\n  .benefit-icon{margin-bottom:16px;display:flex;justify-content:center;}\n  .benefit-title{\n    font-family:'Playfair Display',serif;font-size:17px;font-weight:600;\n    color:var(--white);margin-bottom:10px;\n    word-break:normal;overflow-wrap:break-word;hyphens:auto;line-height:1.3;\n  }\n  .benefit-desc{font-size:13px;color:rgba(255,255,255,0.45);line-height:1.65;}\n\n  \/* HOW — FIXE *\/\n  .how{background:var(--beige);}\n  .steps{display:flex;gap:0;margin-top:60px;position:relative;}\n  .steps::before{content:'';position:absolute;top:36px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,var(--copper),rgba(196,123,90,0.1));}\n  .step{flex:1;text-align:center;padding:0 24px;display:flex;flex-direction:column;align-items:center;}\n  .step-num{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--copper),var(--rose));display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:var(--white);box-shadow:0 8px 32px rgba(196,123,90,0.35);margin-bottom:24px;position:relative;z-index:2;flex-shrink:0;}\n  .step-svg{margin:0 auto 20px;display:flex;justify-content:center;}\n  .step h4{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;color:var(--brown);margin-bottom:10px;text-align:center;width:100%;word-break:normal;overflow-wrap:break-word;hyphens:auto;line-height:1.25;}\n  .step p{font-size:13px;color:var(--muted);line-height:1.65;max-width:220px;margin:0 auto;text-align:center;}\n\n  .ingredients{background:var(--cream);}\n  .ing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:48px;}\n  .ing-card{background:var(--white);padding:36px 20px;text-align:center;border-bottom:3px solid transparent;transition:border-color 0.3s,background 0.3s;}\n  .ing-card:hover{border-color:var(--copper);background:#FFFAF7;}\n  .ing-svg{margin:0 auto 16px;display:flex;justify-content:center;}\n  .ing-name{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--copper);margin-bottom:8px;}\n  .ing-role{font-size:12px;color:var(--muted);line-height:1.6;}\n\n  .results{background:var(--brown);}\n  .results .section-tag{color:var(--blush);}\n  .results .section-title{color:var(--white);}\n  .results .divider{background:linear-gradient(90deg,var(--blush),var(--rose));}\n  .results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:56px;}\n  .result-card{background:rgba(255,255,255,0.04);padding:48px 20px;text-align:center;transition:background 0.3s;}\n  .result-card:hover{background:rgba(255,255,255,0.08);}\n  .result-n{font-family:'Playfair Display',serif;font-size:52px;font-weight:700;background:linear-gradient(135deg,var(--blush),var(--rose));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:10px;}\n  .result-l{font-size:14px;color:rgba(255,255,255,0.45);}\n\n  .routine{background:var(--cream);}\n  .routine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:48px;}\n  .routine-card{background:var(--beige);padding:40px 28px;border-top:3px solid transparent;transition:border-color 0.3s;}\n  .routine-card:hover{border-color:var(--copper);}\n  .routine-num{font-family:'Playfair Display',serif;font-size:48px;font-weight:700;color:var(--blush);line-height:1;margin-bottom:16px;}\n  .routine-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;color:var(--brown);margin-bottom:10px;}\n  .routine-text{font-size:14px;color:var(--muted);line-height:1.75;}\n\n  .faq{background:var(--beige);}\n  .faq-list{margin-top:48px;display:flex;flex-direction:column;gap:2px;}\n  .faq-item{background:var(--white);overflow:hidden;}\n  .faq-q{width:100%;background:none;border:none;color:var(--brown);font-family:'Playfair Display',serif;font-size:18px;font-weight:600;text-align:left;padding:24px 6vw;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:opacity 0.2s;}\n  .faq-q:hover{opacity:0.7;}\n  .faq-arr{color:var(--copper);font-size:18px;transition:transform 0.3s;flex-shrink:0;margin-left:16px;}\n  .faq-a{display:none;padding:0 6vw 24px;font-size:14px;color:var(--muted);line-height:1.8;}\n  .faq-item.open .faq-a{display:block;}\n  .faq-item.open .faq-arr{transform:rotate(180deg);}\n\n  \/* ═══ MOBILE FIXES ═══ *\/\n  @media(max-width:1024px){\n    .problem-grid{grid-template-columns:repeat(3,1fr);}\n    \/* FIXE : benefits 2 colonnes *\/\n    .benefits-grid{grid-template-columns:repeat(2,1fr);}\n    .results-grid{grid-template-columns:repeat(2,1fr);}\n    \/* FIXE : steps en colonne *\/\n    .steps{flex-direction:column;gap:0;}\n    .steps::before{display:none;}\n    .step{flex-direction:row;align-items:flex-start;gap:20px;text-align:left;padding:24px 6vw;border-bottom:1px solid rgba(196,123,90,0.12);}\n    .step:last-child{border-bottom:none;}\n    .step-num{width:54px;height:54px;font-size:20px;margin-bottom:0;flex-shrink:0;}\n    .step-svg{display:none;}\n    .step h4{font-size:17px;margin-bottom:6px;text-align:left;}\n    .step p{font-size:13px;max-width:100%;text-align:left;margin:0;}\n  }\n\n  @media(max-width:768px){\n    section{padding:52px 0;}\n    .wrap{padding:0 5vw;}\n    .hero-left{padding:52px 5vw 44px;}\n    .hero-title{font-size:clamp(30px,8vw,46px);}\n    .hero-sub{font-size:15px;max-width:100%;}\n    .badge-strip{gap:10px;}\n    .badge{font-size:12px;padding:7px 14px;}\n    .section-title{font-size:clamp(22px,6.5vw,36px);}\n    .section-tag{font-size:10px;letter-spacing:3px;}\n    .problem-grid{grid-template-columns:repeat(2,1fr);gap:2px;}\n    .problem-card{padding:24px 18px;}\n    .problem-title{font-size:15px;}\n    .solution-grid{grid-template-columns:1fr;gap:32px;}\n    .solution-diagram{display:none;}\n    .sol-content h4{font-size:16px;}\n    \/* FIXE : benefits 1 colonne flex horizontal *\/\n    .benefits-grid{grid-template-columns:1fr;}\n    .benefit-card{padding:22px 5vw;text-align:left;display:flex;align-items:flex-start;gap:16px;}\n    .benefit-icon{margin-bottom:0;flex-shrink:0;}\n    .benefit-title{font-size:15px;text-align:left;white-space:normal;}\n    .benefit-desc{font-size:13px;text-align:left;}\n    .step{padding:20px 5vw;}\n    .step-num{width:48px;height:48px;font-size:18px;}\n    .step h4{font-size:15px;}\n    .ing-grid{grid-template-columns:repeat(2,1fr);}\n    .ing-card{padding:28px 16px;}\n    .results-grid{grid-template-columns:repeat(2,1fr);}\n    .result-card{padding:36px 16px;}\n    .result-n{font-size:40px;}\n    .routine-grid{grid-template-columns:1fr;}\n    .routine-card{padding:32px 5vw;}\n    .faq-q{font-size:15px;padding:20px 5vw;}\n    .faq-a{padding:0 5vw 20px;font-size:13px;}\n  }\n\n  @media(max-width:480px){\n    section{padding:44px 0;}\n    .wrap{padding:0 5vw;}\n    .hero-left{padding:44px 5vw 36px;}\n    .hero-title{font-size:clamp(28px,9vw,40px);}\n    .problem-grid{grid-template-columns:1fr;}\n    .problem-card{padding:22px 5vw;}\n    .ing-grid{grid-template-columns:repeat(2,1fr);}\n    .result-n{font-size:36px;}\n    .step{padding:18px 5vw;}\n    .step-num{width:42px;height:42px;font-size:16px;}\n  }\n\u003c\/style\u003e\n\u003c!-- ═══════════════ HERO ═══════════════ --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"hero-left\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eBYOCORE · BYOHAIR\u003c\/div\u003e\n\u003ch1 class=\"hero-title\"\u003eDes cheveux plus forts,\u003cbr\u003eplus denses,\u003cbr\u003e\u003cem\u003een pleine santé.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eUn complément alimentaire avancé — Biotine, Zinc, Vitamines C, D3 et K2 — formulé pour réduire la chute de cheveux et favoriser leur croissance naturelle.\u003c\/p\u003e\n\u003cdiv class=\"badge-strip\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cdiv class=\"badge-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n60 capsules\u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cdiv class=\"badge-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n5 actifs clés\u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cdiv class=\"badge-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\nFormule premium\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ PROBLEM ═══════════════ --\u003e\n\u003csection class=\"problem\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLe problème\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eVos cheveux vous envoient\u003cbr\u003eun signal d'alarme ?\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-grid\"\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M8 10 Q12 8 16 10 Q20 12 24 10\" stroke=\"#C47B5A\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M10 14 L10 22\" stroke=\"#3D2B1F\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M16 12 L15 22\" stroke=\"#3D2B1F\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M22 14 L21 22\" stroke=\"#3D2B1F\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.3\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M13 22 Q12 25 14 27\" stroke=\"#C47B5A\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.7\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M19 23 Q20 26 18 28\" stroke=\"#C47B5A\" stroke-width=\"1\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eChute excessive\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eDes poignées de cheveux dans la brosse, sur l'oreiller ou sous la douche. Une réalité qui s'intensifie.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M16 6 Q15 10 16 13\" stroke=\"#3D2B1F\" stroke-width=\"3\" stroke-linecap=\"round\" opacity=\"0.6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M16 16 Q17 20 16 26\" stroke=\"#3D2B1F\" stroke-width=\"3\" stroke-linecap=\"round\" opacity=\"0.4\"\u003e\u003c\/path\u003e\n          \u003cline x1=\"13\" y1=\"14\" x2=\"19\" y2=\"16\" stroke=\"#C47B5A\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003ccircle cx=\"16\" cy=\"15\" r=\"2.5\" fill=\"rgba(196,123,90,0.2)\" stroke=\"#C47B5A\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eCheveux cassants\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLa fibre capillaire fragilisée se casse au moindre geste. Longueurs abîmées, pointes fourchues.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M11 8 L10 24\" stroke=\"#3D2B1F\" stroke-width=\"2.5\" stroke-linecap=\"round\" opacity=\"0.55\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M16 8 L16 24\" stroke=\"#3D2B1F\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.35\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M21 8 L22 24\" stroke=\"#3D2B1F\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.2\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 26 L24 26\" stroke=\"rgba(196,123,90,0.3)\" stroke-width=\"1\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M25 12 L25 18 M23 16 L25 18 L27 16\" stroke=\"#C47B5A\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003ePerte de densité\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLe volume diminue progressivement. La chevelure paraît plus fine, moins fournie, moins présente.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M6 16 Q16 10 26 16\" stroke=\"#C47B5A\" stroke-width=\"1.5\" fill=\"rgba(196,123,90,0.08)\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M6 16 Q16 22 26 16\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M16 18 L14 23 L18 23 Z\" fill=\"rgba(196,123,90,0.25)\" stroke=\"#C47B5A\" stroke-width=\"1\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003cline x1=\"16\" y1=\"19.5\" x2=\"16\" y2=\"21\" stroke=\"#C47B5A\" stroke-width=\"1\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003ccircle cx=\"16\" cy=\"22\" r=\"0.6\" fill=\"#C47B5A\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eCuir chevelu fragilisé\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eSécheresse, démangeaisons, sensibilité. Le terrain capillaire est déséquilibré depuis la racine.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M12 8 Q11 14 12 22\" stroke=\"#8C6A58\" stroke-width=\"2.5\" stroke-linecap=\"round\" opacity=\"0.4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M16 7 Q16 14 16 23\" stroke=\"#8C6A58\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.3\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 8 Q21 14 20 22\" stroke=\"#8C6A58\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.35\"\u003e\u003c\/path\u003e\n          \u003cline x1=\"23\" y1=\"8\" x2=\"26\" y2=\"11\" stroke=\"rgba(196,123,90,0.4)\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"26\" y1=\"8\" x2=\"23\" y2=\"11\" stroke=\"rgba(196,123,90,0.4)\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eCheveux ternes\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eSans brillance ni vitalité. Le stress, les carences et la fatigue ternissent l'éclat naturel de vos cheveux.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"16\" cy=\"13\" r=\"5.5\" stroke=\"#C47B5A\" stroke-width=\"1.5\" fill=\"rgba(196,123,90,0.08)\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M12 18 Q10 23 12 26\" stroke=\"#5C3D2E\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 18 Q22 23 20 26\" stroke=\"#5C3D2E\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M5 9 L7 7 L9 9 L11 7\" stroke=\"#C47B5A\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M21 7 L23 5 L25 7 L27 5\" stroke=\"#C47B5A\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eStress \u0026amp; carences\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLa fatigue chronique et les déficits nutritionnels perturbent le cycle capillaire et accélèrent la chute.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ SOLUTION ═══════════════ --\u003e\n\u003csection class=\"solution\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"solution-grid\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"section-tag\"\u003eLa solution\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eBYOHAIR nourrit\u003cbr\u003e\u003cem\u003elà où ça compte.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"solution-points\"\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                \u003cpath d=\"M12 22 C12 22 4 16 4 9 C4 5 7.6 2 12 2 C16.4 2 20 5 20 9 C20 16 12 22 12 22Z\" stroke=\"#C47B5A\" stroke-width=\"1.5\" fill=\"rgba(196,123,90,0.1)\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M12 22 L12 2\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"0.8\" stroke-dasharray=\"2 2\"\u003e\u003c\/path\u003e\n                \u003ccircle cx=\"12\" cy=\"11\" r=\"3\" fill=\"#C47B5A\" opacity=\"0.7\"\u003e\u003c\/circle\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eNourrit le follicule capillaire\u003c\/h4\u003e\n\u003cp\u003eLa Biotine et le Zinc agissent directement à la racine pour renforcer la structure interne du cheveu dès sa naissance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                \u003cpath d=\"M12 3 L20 7 L20 14 C20 18.4 12 22 12 22 C12 22 4 18.4 4 14 L4 7 Z\" stroke=\"#C47B5A\" stroke-width=\"1.5\" fill=\"rgba(196,123,90,0.1)\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M8.5 13 L11 15.5 L15.5 10\" stroke=\"#C47B5A\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eRenforce la fibre capillaire\u003c\/h4\u003e\n\u003cp\u003eLa Vitamine C et le Zinc soutiennent la kératine, protéine structurelle qui donne résistance et élasticité au cheveu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                \u003ccircle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#C47B5A\" stroke-width=\"1.5\" stroke-dasharray=\"4 2\" fill=\"none\"\u003e\u003c\/circle\u003e\n                \u003cpath d=\"M12 7 L12 17 M8 11 L12 7 L16 11\" stroke=\"#C47B5A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eSoutient le cycle de croissance\u003c\/h4\u003e\n\u003cp\u003eLa Vitamine D3 participe activement à la régulation du cycle capillaire pour favoriser une croissance continue et saine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                \u003ccircle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"rgba(196,123,90,0.3)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n                \u003ccircle cx=\"12\" cy=\"12\" r=\"5\" stroke=\"#C47B5A\" stroke-width=\"1.5\" fill=\"rgba(196,123,90,0.1)\"\u003e\u003c\/circle\u003e\n                \u003cline x1=\"12\" y1=\"3\" x2=\"12\" y2=\"6\" stroke=\"#C47B5A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n                \u003cline x1=\"12\" y1=\"18\" x2=\"12\" y2=\"21\" stroke=\"#C47B5A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n                \u003cline x1=\"3\" y1=\"12\" x2=\"6\" y2=\"12\" stroke=\"#C47B5A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n                \u003cline x1=\"18\" y1=\"12\" x2=\"21\" y2=\"12\" stroke=\"#C47B5A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eRééquilibre le cuir chevelu\u003c\/h4\u003e\n\u003cp\u003eLa Vitamine K2 contribue à l'équilibre du cuir chevelu, terreau essentiel à la santé durable de vos cheveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"solution-diagram\"\u003e\u003csvg width=\"320\" height=\"380\" viewbox=\"0 0 320 380\" fill=\"none\"\u003e\n          \u003crect x=\"0\" y=\"0\" width=\"320\" height=\"80\" fill=\"rgba(232,196,176,0.2)\" rx=\"0\"\u003e\u003c\/rect\u003e\n          \u003cpath d=\"M0 80 Q80 60 160 75 Q240 90 320 70 L320 0 L0 0Z\" fill=\"rgba(196,123,90,0.12)\"\u003e\u003c\/path\u003e\n          \u003ctext x=\"160\" y=\"42\" fill=\"#C47B5A\" font-family=\"Playfair Display\" font-size=\"13\" font-style=\"italic\" text-anchor=\"middle\"\u003eCuir chevelu\u003c\/text\u003e\n          \u003cpath d=\"M148 80 Q155 50 160 0\" stroke=\"#5C3D2E\" stroke-width=\"8\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M158 80 Q162 50 165 0\" stroke=\"#3D2B1F\" stroke-width=\"5\" stroke-linecap=\"round\" opacity=\"0.7\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M170 80 Q172 50 174 10\" stroke=\"#5C3D2E\" stroke-width=\"6\" stroke-linecap=\"round\" opacity=\"0.4\"\u003e\u003c\/path\u003e\n          \u003cellipse cx=\"160\" cy=\"180\" rx=\"38\" ry=\"95\" fill=\"rgba(232,196,176,0.3)\" stroke=\"#E8C4B0\" stroke-width=\"1.5\"\u003e\u003c\/ellipse\u003e\n          \u003cellipse cx=\"160\" cy=\"170\" rx=\"26\" ry=\"78\" fill=\"rgba(196,123,90,0.12)\" stroke=\"rgba(196,123,90,0.4)\" stroke-width=\"1\"\u003e\u003c\/ellipse\u003e\n          \u003cellipse cx=\"160\" cy=\"260\" rx=\"18\" ry=\"22\" fill=\"#C47B5A\" opacity=\"0.7\"\u003e\u003c\/ellipse\u003e\n          \u003cellipse cx=\"160\" cy=\"260\" rx=\"10\" ry=\"14\" fill=\"#A8624A\"\u003e\u003c\/ellipse\u003e\n          \u003cellipse cx=\"160\" cy=\"290\" rx=\"30\" ry=\"35\" fill=\"rgba(196,123,90,0.15)\" stroke=\"#C47B5A\" stroke-width=\"1.5\"\u003e\u003c\/ellipse\u003e\n          \u003cellipse cx=\"160\" cy=\"295\" rx=\"22\" ry=\"26\" fill=\"rgba(196,123,90,0.2)\"\u003e\u003c\/ellipse\u003e\n          \u003cellipse cx=\"160\" cy=\"320\" rx=\"14\" ry=\"12\" fill=\"#D4897A\" opacity=\"0.8\"\u003e\u003c\/ellipse\u003e\n          \u003ctext x=\"185\" y=\"323\" fill=\"#C47B5A\" font-family=\"DM Sans\" font-size=\"11\" font-weight=\"600\"\u003ePapille\u003c\/text\u003e\n          \u003cpath d=\"M160 332 Q175 348 180 365\" stroke=\"#D4897A\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M160 332 Q145 348 140 365\" stroke=\"#D4897A\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n          \u003cline x1=\"198\" y1=\"165\" x2=\"230\" y2=\"145\" stroke=\"rgba(196,123,90,0.4)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\u003e\u003c\/line\u003e\n          \u003ctext x=\"233\" y=\"143\" fill=\"#C47B5A\" font-family=\"DM Sans\" font-size=\"11\" font-weight=\"600\"\u003eBiotine\u003c\/text\u003e\n          \u003cline x1=\"120\" y1=\"200\" x2=\"88\" y2=\"200\" stroke=\"rgba(196,123,90,0.4)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\u003e\u003c\/line\u003e\n          \u003ctext x=\"52\" y=\"203\" fill=\"#C47B5A\" font-family=\"DM Sans\" font-size=\"11\" font-weight=\"600\"\u003eZinc\u003c\/text\u003e\n          \u003cline x1=\"190\" y1=\"250\" x2=\"228\" y2=\"240\" stroke=\"rgba(196,123,90,0.4)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\u003e\u003c\/line\u003e\n          \u003ctext x=\"231\" y=\"243\" fill=\"#C47B5A\" font-family=\"DM Sans\" font-size=\"11\" font-weight=\"600\"\u003eVit. D3\u003c\/text\u003e\n          \u003cline x1=\"130\" y1=\"300\" x2=\"92\" y2=\"310\" stroke=\"rgba(196,123,90,0.4)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\u003e\u003c\/line\u003e\n          \u003ctext x=\"44\" y=\"313\" fill=\"#C47B5A\" font-family=\"DM Sans\" font-size=\"11\" font-weight=\"600\"\u003eVit. K2\u003c\/text\u003e\n          \u003ctext x=\"90\" y=\"115\" fill=\"#C47B5A\" font-family=\"DM Sans\" font-size=\"11\" font-weight=\"600\"\u003eVit. C\u003c\/text\u003e\n          \u003cline x1=\"120\" y1=\"118\" x2=\"138\" y2=\"130\" stroke=\"rgba(196,123,90,0.4)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ BENEFITS ═══════════════ --\u003e\n\u003csection class=\"benefits\"\u003e\n\u003cdiv class=\"wrap\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"section-tag\"\u003eBénéfices\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003e4 raisons de choisir BYOHAIR\u003c\/h2\u003e\n\u003cdiv class=\"divider\" style=\"margin: 18px auto 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\" style=\"margin-top: 48px;\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M20 32 L20 18\" stroke=\"#E8C4B0\" stroke-width=\"3\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 20 Q14 17 12 12\" stroke=\"#C47B5A\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 23 Q26 20 28 15\" stroke=\"#C47B5A\" stroke-width=\"1.8\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"20\" cy=\"32\" r=\"5\" fill=\"rgba(196,123,90,0.2)\" stroke=\"#C47B5A\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"20\" cy=\"32\" r=\"2.5\" fill=\"#C47B5A\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M20 14 L18 17 M20 14 L22 17\" stroke=\"#E8C4B0\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eRéduit la chute\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eAgit dès la racine pour ancrer le cheveu et réduire significativement la chute quotidienne.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003crect x=\"9\" y=\"17\" width=\"9\" height=\"6\" rx=\"3\" stroke=\"#C47B5A\" stroke-width=\"1.5\" fill=\"rgba(196,123,90,0.1)\"\u003e\u003c\/rect\u003e\n          \u003crect x=\"22\" y=\"17\" width=\"9\" height=\"6\" rx=\"3\" stroke=\"#E8C4B0\" stroke-width=\"1.5\" fill=\"rgba(232,196,176,0.1)\"\u003e\u003c\/rect\u003e\n          \u003cline x1=\"18\" y1=\"20\" x2=\"22\" y2=\"20\" stroke=\"#C47B5A\" stroke-width=\"1.5\"\u003e\u003c\/line\u003e\n          \u003cpath d=\"M28 17 L28 10\" stroke=\"#E8C4B0\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.7\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 17 L20 10\" stroke=\"#E8C4B0\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eRenforce en profondeur\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eFortifie la kératine et la structure interne pour des cheveux moins cassants et plus résistants.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"7\" fill=\"rgba(196,123,90,0.15)\" stroke=\"#C47B5A\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"20\" y1=\"9\" x2=\"20\" y2=\"12\" stroke=\"#E8C4B0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"20\" y1=\"28\" x2=\"20\" y2=\"31\" stroke=\"#E8C4B0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"9\" y1=\"20\" x2=\"12\" y2=\"20\" stroke=\"#E8C4B0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"28\" y1=\"20\" x2=\"31\" y2=\"20\" stroke=\"#E8C4B0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"12.5\" y1=\"12.5\" x2=\"14.6\" y2=\"14.6\" stroke=\"#E8C4B0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"25.4\" y1=\"25.4\" x2=\"27.5\" y2=\"27.5\" stroke=\"#E8C4B0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"27.5\" y1=\"12.5\" x2=\"25.4\" y2=\"14.6\" stroke=\"#E8C4B0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"3.5\" fill=\"#C47B5A\" opacity=\"0.8\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eBrillance \u0026amp; vitalité\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eRetrouvez l'éclat naturel de vos cheveux, leur souplesse et cette vitalité qui les rend irrésistibles.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M20 32 L20 16\" stroke=\"#E8C4B0\" stroke-width=\"3\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 22 Q14 18 12 12\" stroke=\"#C47B5A\" stroke-width=\"1.8\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 18 Q26 14 27 9\" stroke=\"#E8C4B0\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"12\" cy=\"12\" r=\"3\" fill=\"rgba(196,123,90,0.3)\" stroke=\"#C47B5A\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"27\" cy=\"9\" r=\"2.5\" fill=\"rgba(232,196,176,0.3)\" stroke=\"#E8C4B0\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M17 32 L23 32\" stroke=\"rgba(196,123,90,0.3)\" stroke-width=\"1\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eFavorise la croissance\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eStimule et prolonge la phase de croissance capillaire pour une chevelure plus dense et plus fournie.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ HOW IT WORKS ═══════════════ --\u003e\n\u003csection class=\"how\"\u003e\n\u003cdiv class=\"wrap\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLe mécanisme\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eComment ça fonctionne ?\u003c\/h2\u003e\n\u003cdiv class=\"divider\" style=\"margin: 18px auto 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"step-svg\"\u003e\u003csvg width=\"72\" height=\"72\" viewbox=\"0 0 72 72\" fill=\"none\"\u003e\n            \u003ccircle cx=\"36\" cy=\"36\" r=\"34\" stroke=\"rgba(196,123,90,0.15)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M36 52 L36 28\" stroke=\"#5C3D2E\" stroke-width=\"3\" stroke-linecap=\"round\" opacity=\"0.6\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M36 48 Q28 42 24 34\" stroke=\"#C47B5A\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M36 44 Q44 40 48 32\" stroke=\"#C47B5A\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M36 40 Q30 36 28 28\" stroke=\"#D4897A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"24\" cy=\"33\" r=\"4\" fill=\"#C47B5A\" opacity=\"0.7\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"48\" cy=\"31\" r=\"4\" fill=\"#D4897A\" opacity=\"0.7\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"28\" cy=\"27\" r=\"3\" fill=\"#E8C4B0\"\u003e\u003c\/circle\u003e\n            \u003crect x=\"18\" y=\"54\" width=\"36\" height=\"6\" rx=\"3\" fill=\"rgba(196,123,90,0.2)\" stroke=\"rgba(196,123,90,0.3)\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eLes nutriments nourrissent les racines\u003c\/h4\u003e\n\u003cp\u003eBiotine, Zinc et Vitamines atteignent le follicule capillaire et commencent à travailler depuis la racine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"step-svg\"\u003e\u003csvg width=\"72\" height=\"72\" viewbox=\"0 0 72 72\" fill=\"none\"\u003e\n            \u003ccircle cx=\"36\" cy=\"36\" r=\"34\" stroke=\"rgba(196,123,90,0.15)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M36 16 L52 24 L52 40 C52 50 36 58 36 58 C36 58 20 50 20 40 L20 24 Z\" fill=\"rgba(196,123,90,0.1)\" stroke=\"#C47B5A\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M36 23 L46 29 L46 40 C46 47 36 52 36 52 C36 52 26 47 26 40 L26 29 Z\" fill=\"rgba(212,137,122,0.15)\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M29 38 L34 43 L43 32\" stroke=\"#C47B5A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eLe cuir chevelu est renforcé\u003c\/h4\u003e\n\u003cp\u003eLe terrain capillaire se rééquilibre. Le cuir chevelu devient plus sain, plus résistant et mieux préparé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"step-svg\"\u003e\u003csvg width=\"72\" height=\"72\" viewbox=\"0 0 72 72\" fill=\"none\"\u003e\n            \u003ccircle cx=\"36\" cy=\"36\" r=\"34\" stroke=\"rgba(196,123,90,0.15)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M28 62 Q26 44 30 30 Q32 22 36 16\" stroke=\"#3D2B1F\" stroke-width=\"4\" stroke-linecap=\"round\" opacity=\"0.7\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M36 62 Q35 44 37 28 Q38 20 40 14\" stroke=\"#5C3D2E\" stroke-width=\"3\" stroke-linecap=\"round\" opacity=\"0.6\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M44 62 Q44 46 42 32 Q41 24 39 18\" stroke=\"#C47B5A\" stroke-width=\"2.5\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"50\" cy=\"22\" r=\"3\" fill=\"#E8C4B0\" opacity=\"0.8\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"20\" cy=\"28\" r=\"2\" fill=\"#D4897A\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"54\" cy=\"36\" r=\"2\" fill=\"#C47B5A\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eLes cheveux poussent, forts et résistants\u003c\/h4\u003e\n\u003cp\u003eCycle après cycle, de nouveaux cheveux naissent plus forts. La densité s'améliore, la chute diminue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ INGREDIENTS ═══════════════ --\u003e\n\u003csection class=\"ingredients\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLa formule\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003e4 actifs, \u003cem\u003eune mission.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-grid\"\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"22\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M24 8 C24 8 16 14 16 22 C16 28.6 19.6 34 24 34 C28.4 34 32 28.6 32 22 C32 14 24 8 24 8Z\" fill=\"rgba(196,123,90,0.15)\" stroke=\"#C47B5A\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 22 L23 26 L28 18\" stroke=\"#C47B5A\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"24\" cy=\"38\" r=\"4\" fill=\"rgba(196,123,90,0.2)\" stroke=\"#C47B5A\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"24\" y1=\"34\" x2=\"24\" y2=\"38\" stroke=\"#C47B5A\" stroke-width=\"1.2\" opacity=\"0.5\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eBiotine\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eContribue à la santé normale des cheveux et participe à leur structure kératineuse.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"22\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"10\" fill=\"rgba(196,123,90,0.12)\" stroke=\"#C47B5A\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"5\" fill=\"#C47B5A\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"24\" y1=\"8\" x2=\"24\" y2=\"14\" stroke=\"#C47B5A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"24\" y1=\"34\" x2=\"24\" y2=\"40\" stroke=\"#C47B5A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"8\" y1=\"24\" x2=\"14\" y2=\"24\" stroke=\"#C47B5A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"34\" y1=\"24\" x2=\"40\" y2=\"24\" stroke=\"#C47B5A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"13\" y1=\"13\" x2=\"17\" y2=\"17\" stroke=\"#C47B5A\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"31\" y1=\"31\" x2=\"35\" y2=\"35\" stroke=\"#C47B5A\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eZinc\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eAide à maintenir une fibre capillaire forte et soutient le renouvellement cellulaire du cuir chevelu.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"22\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"12\" fill=\"rgba(212,137,122,0.12)\" stroke=\"#D4897A\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M24 12 L24 36M12 24 L36 24\" stroke=\"#D4897A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"4\" fill=\"#D4897A\" opacity=\"0.7\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M24 8 L28 12 L24 10 L20 12 Z\" fill=\"#D4897A\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eVitamine C\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eSoutient la protection des cellules contre le stress oxydatif et la synthèse du collagène capillaire.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"22\" stroke=\"rgba(196,123,90,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"8\" fill=\"rgba(196,123,90,0.2)\" stroke=\"#C47B5A\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M24 10 L24 14M24 34 L24 38M10 24 L14 24M34 24 L38 24M14 14 L17 17M31 31 L34 34M14 34 L17 31M31 17 L34 14\" stroke=\"#C47B5A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"4\" fill=\"#C47B5A\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eVitamine D3\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eParticipe à la régulation du cycle capillaire et à l'activation des follicules en phase de croissance.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ RESULTS ═══════════════ --\u003e\n\u003csection class=\"results\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eRésultats\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eCe que vous pouvez observer\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003csvg width=\"100%\" height=\"90\" viewbox=\"0 0 900 90\" preserveaspectratio=\"none\" fill=\"none\" style=\"margin-bottom: 48px;\"\u003e\n      \u003cdefs\u003e\n        \u003clineargradient id=\"hg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"\u003e\n          \u003cstop offset=\"0%\" stop-color=\"#C47B5A\" stop-opacity=\"0.4\"\u003e\u003c\/stop\u003e\n          \u003cstop offset=\"100%\" stop-color=\"#C47B5A\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\n        \u003c\/lineargradient\u003e\n      \u003c\/defs\u003e\n      \u003cpolygon points=\"0,80 0,78 150,68 300,54 450,36 600,22 750,11 900,5 900,80\" fill=\"url(#hg)\"\u003e\u003c\/polygon\u003e\n      \u003cpolyline points=\"0,78 150,68 300,54 450,36 600,22 750,11 900,5\" stroke=\"#C47B5A\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/polyline\u003e\n      \u003ccircle cx=\"900\" cy=\"5\" r=\"4\" fill=\"#C47B5A\"\u003e\u003c\/circle\u003e\n      \u003ctext x=\"5\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ0\u003c\/text\u003e\n      \u003ctext x=\"145\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ10\u003c\/text\u003e\n      \u003ctext x=\"295\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ20\u003c\/text\u003e\n      \u003ctext x=\"445\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ30\u003c\/text\u003e\n      \u003ctext x=\"595\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ40\u003c\/text\u003e\n      \u003ctext x=\"745\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ50\u003c\/text\u003e\n      \u003ctext x=\"888\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ60\u003c\/text\u003e\n    \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-grid\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e−60%\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003ede chute observée après 8 semaines de cure\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e+40%\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003ede densité perçue par nos utilisatrices régulières\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e×2\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003eplus de brillance et de vitalité capillaire\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e30j\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003epour ressentir les premiers effets visibles\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cp style=\"margin-top: 20px; font-size: 12px; color: rgba(255,255,255,0.18);\"\u003e* Résultats variables selon le profil, l'alimentation et la régularité de prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ ROUTINE ═══════════════ --\u003e\n\u003csection class=\"routine\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLa routine idéale\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eIntégrez BYOHAIR dans votre quotidien.\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-grid\"\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eAlimentation équilibrée\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003ePrivilégiez les aliments riches en protéines, en fer et en acides gras essentiels. Hydratez-vous suffisamment. BYOHAIR complète — il ne remplace pas — une alimentation soignée.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eSoins capillaires adaptés\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003eAssociez BYOHAIR à des shampoings doux, des masques nourrissants et des huiles capillaires. Limitez la chaleur excessive. Traitez vos cheveux avec douceur à chaque geste.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eComplémentation régulière\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003ePrenez 2 capsules par jour avec un repas. La régularité est la clé : les actifs agissent progressivement sur le cycle capillaire. Une cure de 2 à 3 mois est recommandée.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ FAQ ═══════════════ --\u003e\n\u003csection class=\"faq\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eQuestions fréquentes\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eOn vous répond.\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-list\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eCe produit est-il sûr ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eOui. BYOHAIR est formulé à partir de nutriments essentiels naturels — Biotine, Zinc, Vitamines C, D3 et K2 — largement reconnus et utilisés dans les compléments de santé. Respectez la posologie recommandée. En cas de grossesse, d'allaitement ou de traitement médical en cours, consultez votre médecin.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eCombien de temps faut-il pour voir des résultats ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eLes premiers effets — réduction de la chute, cuir chevelu plus équilibré — sont généralement perceptibles dès la 3ème à 4ème semaine. Les résultats visibles sur la densité et la croissance apparaissent entre le 6ème et le 8ème semaine de cure régulière.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eCe produit est-il adapté aux hommes et aux femmes ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eAbsolument. BYOHAIR est formulé pour tous les profils capillaires, hommes comme femmes. Que vous souffriez de chute diffuse, de cheveux fragilisés ou de perte de densité, la formule répond aux besoins nutritionnels du follicule capillaire de manière universelle.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003ePeut-il être utilisé avec d'autres soins capillaires ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eOui, BYOHAIR est parfaitement compatible avec votre routine capillaire habituelle — shampoings, masques, huiles, sérums. Il agit en complémentarité de vos soins externes en nourrissant le cheveu depuis l'intérieur. Cette synergie intérieur-extérieur optimise les résultats.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eCombien de temps doit durer une cure ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eNous recommandons une cure minimale de 2 mois pour observer des résultats durables. Une boîte de 60 capsules correspond à 30 jours de cure (2 capsules\/jour). Pour des effets optimaux et une amélioration de la densité capillaire, une cure de 3 mois est idéale.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"BYOCORE","offers":[{"title":"Default Title","offer_id":42830557806670,"sku":null,"price":3900.0,"currency_code":"DZD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/9751\/4318\/files\/BYOHAIR_541cf88e-06f0-4494-b3d6-4edfe47ec3bd.jpg?v=1780497611"},{"product_id":"collagene-marin-byocore®-copie","title":"COLLAGÈNE MARIN-ByoCore®","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\" name=\"viewport\"\u003e \u003cmeta content=\"#F0F9FB\" name=\"theme-color\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600\u0026amp;family=DM+Sans:wght@300;400;500;600\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  :root {\n    --ice:     #F0F9FB;\n    --mist:    #E0F2F6;\n    --sky:     #C8E9F0;\n    --teal:    #2BA8C0;\n    --teal2:   #1D8CA6;\n    --teal3:   #156E84;\n    --teal-lt: #A8DCE8;\n    --navy:    #0D3D4A;\n    --navy2:   #1A5566;\n    --text:    #0A2E38;\n    --muted:   #4A7A8A;\n    --white:   #FFFFFF;\n  }\n  *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  body{background:var(--ice);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden;line-height:1.6;-webkit-text-size-adjust:100%;}\n  *{-webkit-tap-highlight-color:transparent;}\n  h1,h2,h3,h4{font-family:'Playfair Display',serif;}\n\n  .hero{display:grid;grid-template-columns:1fr;position:relative;overflow:hidden;}\n  .hero-left{background:linear-gradient(150deg,#F0F9FB 0%,#DDF0F5 55%,#C8E9F0 100%);display:flex;flex-direction:column;justify-content:center;padding:80px 5vw 80px 6vw;position:relative;z-index:2;}\n  .eyebrow{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--teal);margin-bottom:20px;}\n  .hero-title{font-size:clamp(36px,4.5vw,64px);font-weight:700;line-height:1.05;color:var(--navy);margin-bottom:24px;}\n  .hero-title em{color:var(--teal);font-style:italic;}\n  .hero-sub{font-size:16px;color:var(--navy2);line-height:1.8;max-width:460px;margin-bottom:36px;font-weight:300;}\n  .badge-strip{display:flex;gap:12px;flex-wrap:wrap;}\n  .badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,0.65);backdrop-filter:blur(8px);border:1px solid rgba(43,168,192,0.2);border-radius:40px;padding:8px 16px;font-size:13px;color:var(--navy2);font-weight:500;}\n  .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);}\n\n  section{padding:90px 0;width:100%;}\n  .wrap{padding:0 6vw;width:100%;}\n  .section-tag{font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--teal);margin-bottom:14px;}\n  .section-title{font-size:clamp(28px,4vw,48px);font-weight:700;color:var(--navy);line-height:1.1;}\n  .section-title em{color:var(--teal);font-style:italic;}\n  .divider{width:48px;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal-lt));border-radius:2px;margin:18px 0 36px;}\n\n  .problem{background:var(--mist);}\n  .problem-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:48px;}\n  .problem-card{background:var(--white);padding:36px 24px;position:relative;overflow:hidden;transition:background 0.3s;}\n  .problem-card:hover{background:#F8FDFE;}\n  .problem-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--teal-lt));transform:scaleX(0);transform-origin:left;transition:transform 0.3s;}\n  .problem-card:hover::after{transform:scaleX(1);}\n  .problem-icon{margin-bottom:16px;display:block;}\n  .problem-title{font-family:'Playfair Display',serif;font-size:17px;font-weight:600;color:var(--navy);margin-bottom:8px;}\n  .problem-text{font-size:13px;color:var(--muted);line-height:1.65;}\n\n  .solution{background:var(--ice);}\n  .solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:48px;}\n  .solution-diagram{display:flex;justify-content:center;align-items:center;}\n  .solution-points{display:flex;flex-direction:column;gap:24px;}\n  .sol-point{display:flex;gap:18px;align-items:flex-start;}\n  .sol-icon{width:50px;height:50px;border-radius:14px;flex-shrink:0;background:linear-gradient(135deg,var(--sky),var(--teal-lt));display:flex;align-items:center;justify-content:center;}\n  .sol-content h4{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:var(--navy);margin-bottom:5px;}\n  .sol-content p{font-size:14px;color:var(--muted);line-height:1.65;}\n\n  \/* BENEFITS — FIXE *\/\n  .benefits{background:var(--navy);}\n  .benefits .section-tag{color:var(--teal-lt);}\n  .benefits .section-title{color:var(--white);}\n  .benefits .divider{background:linear-gradient(90deg,var(--teal-lt),var(--teal));}\n  .benefits-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin-top:48px;}\n  .benefit-card{\n    background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);\n    padding:36px 20px;text-align:center;transition:background 0.3s;\n    position:relative;overflow:hidden;\n  }\n  .benefit-card:hover{background:rgba(255,255,255,0.08);}\n  .benefit-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--teal),var(--teal-lt));transform:scaleX(0);transform-origin:center;transition:transform 0.3s;}\n  .benefit-card:hover::before{transform:scaleX(1);}\n  .benefit-icon{margin-bottom:16px;display:flex;justify-content:center;}\n  .benefit-title{\n    font-family:'Playfair Display',serif;font-size:16px;font-weight:600;\n    color:var(--white);margin-bottom:10px;\n    word-break:normal;overflow-wrap:break-word;hyphens:auto;line-height:1.3;\n  }\n  .benefit-desc{font-size:13px;color:rgba(255,255,255,0.42);line-height:1.65;}\n\n  \/* HOW — FIXE *\/\n  .how{background:var(--mist);}\n  .steps{display:flex;gap:0;margin-top:60px;position:relative;}\n  .steps::before{content:'';position:absolute;top:36px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,var(--teal),rgba(43,168,192,0.08));}\n  .step{flex:1;text-align:center;padding:0 24px;display:flex;flex-direction:column;align-items:center;}\n  .step-num{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal-lt));display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:var(--white);box-shadow:0 8px 32px rgba(43,168,192,0.3);margin-bottom:24px;position:relative;z-index:2;flex-shrink:0;}\n  .step-svg{margin:0 auto 20px;display:flex;justify-content:center;}\n  .step h4{\n    font-family:'Playfair Display',serif;font-size:19px;font-weight:600;\n    color:var(--navy);margin-bottom:10px;text-align:center;width:100%;\n    word-break:normal;overflow-wrap:break-word;hyphens:auto;line-height:1.25;\n  }\n  .step p{font-size:13px;color:var(--muted);line-height:1.65;max-width:220px;margin:0 auto;text-align:center;}\n\n  .ingredients{background:var(--ice);}\n  .ing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:48px;}\n  .ing-card{background:var(--white);padding:36px 20px;text-align:center;border-bottom:3px solid transparent;transition:border-color 0.3s,background 0.3s;}\n  .ing-card:hover{border-color:var(--teal);background:#F8FDFE;}\n  .ing-svg{margin:0 auto 16px;display:flex;justify-content:center;}\n  .ing-name{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--teal);margin-bottom:8px;}\n  .ing-role{font-size:12px;color:var(--muted);line-height:1.6;}\n\n  .results{background:var(--navy);}\n  .results .section-tag{color:var(--teal-lt);}\n  .results .section-title{color:var(--white);}\n  .results .divider{background:linear-gradient(90deg,var(--teal-lt),var(--teal));}\n  .results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:56px;}\n  .result-card{background:rgba(255,255,255,0.04);padding:48px 20px;text-align:center;transition:background 0.3s;}\n  .result-card:hover{background:rgba(255,255,255,0.08);}\n  .result-n{font-family:'Playfair Display',serif;font-size:52px;font-weight:700;background:linear-gradient(135deg,var(--teal-lt),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:10px;}\n  .result-l{font-size:14px;color:rgba(255,255,255,0.42);}\n\n  .routine{background:var(--ice);}\n  .routine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:48px;}\n  .routine-card{background:var(--mist);padding:40px 28px;border-top:3px solid transparent;transition:border-color 0.3s;}\n  .routine-card:hover{border-color:var(--teal);}\n  .routine-num{font-family:'Playfair Display',serif;font-size:48px;font-weight:700;color:var(--sky);line-height:1;margin-bottom:16px;}\n  .routine-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;color:var(--navy);margin-bottom:10px;}\n  .routine-text{font-size:14px;color:var(--muted);line-height:1.75;}\n\n  .faq{background:var(--mist);}\n  .faq-list{margin-top:48px;display:flex;flex-direction:column;gap:2px;}\n  .faq-item{background:var(--white);overflow:hidden;}\n  .faq-q{width:100%;background:none;border:none;color:var(--navy);font-family:'Playfair Display',serif;font-size:18px;font-weight:600;text-align:left;padding:24px 6vw;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:opacity 0.2s;}\n  .faq-q:hover{opacity:0.7;}\n  .faq-arr{color:var(--teal);font-size:18px;transition:transform 0.3s;flex-shrink:0;margin-left:16px;}\n  .faq-a{display:none;padding:0 6vw 24px;font-size:14px;color:var(--muted);line-height:1.8;}\n  .faq-item.open .faq-a{display:block;}\n  .faq-item.open .faq-arr{transform:rotate(180deg);}\n\n  \/* ═══ MOBILE FIXES ═══ *\/\n  @media(max-width:1024px){\n    .problem-grid{grid-template-columns:repeat(3,1fr);}\n    \/* FIXE : benefits 2 colonnes dès 1024px *\/\n    .benefits-grid{grid-template-columns:repeat(2,1fr);}\n    .results-grid{grid-template-columns:repeat(2,1fr);}\n    \/* FIXE : steps en colonne dès 1024px *\/\n    .steps{flex-direction:column;gap:0;}\n    .steps::before{display:none;}\n    .step{flex-direction:row;align-items:flex-start;gap:20px;text-align:left;padding:24px 6vw;border-bottom:1px solid rgba(43,168,192,0.12);}\n    .step:last-child{border-bottom:none;}\n    .step-num{width:54px;height:54px;font-size:20px;margin-bottom:0;flex-shrink:0;}\n    .step-svg{display:none;}\n    .step h4{font-size:17px;margin-bottom:6px;text-align:left;}\n    .step p{font-size:13px;max-width:100%;text-align:left;margin:0;}\n  }\n\n  @media(max-width:768px){\n    section{padding:52px 0;}\n    .wrap{padding:0 5vw;}\n    .hero{grid-template-columns:1fr;min-height:auto;}\n    .hero-left{padding:52px 5vw 40px;order:2;}\n    .hero-title{font-size:clamp(30px,8vw,46px);}\n    .hero-sub{font-size:15px;max-width:100%;}\n    .badge-strip{gap:10px;}\n    .badge{font-size:12px;padding:7px 14px;}\n    .section-title{font-size:clamp(22px,6.5vw,36px);}\n    .section-tag{font-size:10px;letter-spacing:3px;}\n    .problem-grid{grid-template-columns:repeat(2,1fr);gap:2px;}\n    .problem-card{padding:24px 18px;}\n    .problem-title{font-size:15px;}\n    .solution-grid{grid-template-columns:1fr;gap:32px;}\n    .solution-diagram{display:none;}\n    .sol-content h4{font-size:16px;}\n    \/* FIXE : benefits 1 colonne, layout flex horizontal *\/\n    .benefits-grid{grid-template-columns:1fr;}\n    .benefit-card{padding:22px 5vw;text-align:left;display:flex;align-items:flex-start;gap:16px;}\n    .benefit-icon{margin-bottom:0;flex-shrink:0;}\n    .benefit-title{font-size:15px;text-align:left;white-space:normal;}\n    .benefit-desc{font-size:13px;text-align:left;}\n    \/* Steps affinés *\/\n    .step{padding:20px 5vw;}\n    .step-num{width:48px;height:48px;font-size:18px;}\n    .step h4{font-size:15px;}\n    .ing-grid{grid-template-columns:repeat(2,1fr);}\n    .ing-card{padding:28px 16px;}\n    .results-grid{grid-template-columns:repeat(2,1fr);}\n    .result-card{padding:36px 16px;}\n    .result-n{font-size:40px;}\n    .routine-grid{grid-template-columns:1fr;}\n    .routine-card{padding:32px 5vw;}\n    .faq-q{font-size:15px;padding:20px 5vw;}\n    .faq-a{padding:0 5vw 20px;font-size:13px;}\n  }\n\n  @media(max-width:480px){\n    section{padding:44px 0;}\n    .hero-left{padding:40px 5vw 32px;}\n    .hero-title{font-size:clamp(26px,9vw,38px);}\n    .problem-grid{grid-template-columns:1fr;}\n    .problem-card{padding:20px 5vw;}\n    .ing-grid{grid-template-columns:repeat(2,1fr);}\n    .result-n{font-size:34px;}\n    .step-num{width:42px;height:42px;font-size:16px;}\n  }\n\u003c\/style\u003e\n\u003c!-- ═══════════════ HERO ═══════════════ --\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv class=\"hero-left\"\u003e\n\u003cdiv class=\"eyebrow\"\u003eBYOCORE · Collagène Marin\u003c\/div\u003e\n\u003ch1 class=\"hero-title\"\u003eBeauté et vitalité\u003cbr\u003e\u003cem\u003ede l'intérieur.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-sub\"\u003eUn complément formulé à partir de peptides de collagène marin hautement biodisponibles — pour préserver l'élasticité, la fermeté et l'éclat naturel de votre peau.\u003c\/p\u003e\n\u003cdiv class=\"badge-strip\"\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cdiv class=\"badge-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n60 capsules\u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cdiv class=\"badge-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n4 actifs clés\u003c\/div\u003e\n\u003cdiv class=\"badge\"\u003e\n\u003cdiv class=\"badge-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\nHaute biodisponibilité\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ PROBLEM ═══════════════ --\u003e\n\u003csection class=\"problem\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLe problème\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eCe que le temps fait\u003cbr\u003eà votre peau.\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-grid\"\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cellipse cx=\"16\" cy=\"16\" rx=\"8\" ry=\"10\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" fill=\"rgba(43,168,192,0.06)\"\u003e\u003c\/ellipse\u003e\n          \u003cpath d=\"M10 13 Q12 11 14 13\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M18 13 Q20 11 22 13\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M11 20 Q16 23 21 20\" stroke=\"#2BA8C0\" stroke-width=\"1\" stroke-linecap=\"round\" fill=\"none\" opacity=\"0.6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M9 10 Q11 7 13 10\" stroke=\"#0D3D4A\" stroke-width=\"1\" stroke-linecap=\"round\" fill=\"none\" opacity=\"0.3\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M19 10 Q21 7 23 10\" stroke=\"#0D3D4A\" stroke-width=\"1\" stroke-linecap=\"round\" fill=\"none\" opacity=\"0.3\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eRides \u0026amp; ridules\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eAvec l'âge, la perte de collagène accélère l'apparition des rides, notamment autour des yeux et de la bouche.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M8 10 Q16 8 24 10\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 10 Q7 17 9 24\" stroke=\"#0D3D4A\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M24 10 Q25 17 23 24\" stroke=\"#0D3D4A\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\"0.4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M9 24 Q16 28 23 24\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M13 15 L13 20 M11 18 L13 20 L15 18\" stroke=\"#2BA8C0\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.7\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M19 15 L19 20 M17 18 L19 20 L21 18\" stroke=\"#2BA8C0\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003ePerte de fermeté\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLa peau perd en tonicité et en élasticité. Les contours du visage s'affaissent progressivement.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003crect x=\"7\" y=\"10\" width=\"18\" height=\"12\" rx=\"2\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" fill=\"rgba(43,168,192,0.06)\"\u003e\u003c\/rect\u003e\n          \u003cpath d=\"M11 13 L14 16 L11 19\" stroke=\"#2BA8C0\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M17 13 L20 16 L17 19\" stroke=\"#0D3D4A\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\"0.3\"\u003e\u003c\/path\u003e\n          \u003cline x1=\"24\" y1=\"7\" x2=\"27\" y2=\"10\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"27\" y1=\"7\" x2=\"24\" y2=\"10\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eSécheresse cutanée\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eSans hydratation suffisante, la peau devient terne, tiraillée et perd son confort naturel au quotidien.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M10 22 L10 12 Q10 9 13 9 L19 9 Q22 9 22 12 L22 22\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"rgba(43,168,192,0.06)\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M10 22 L22 22\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M16 9 L15 14 L17 17 L15 22\" stroke=\"#0D3D4A\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eOngles fragiles\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eDes ongles qui se cassent, se dédoublent ou poussent lentement. Un signe de carence en protéines structurelles.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"12\" cy=\"16\" r=\"5\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" fill=\"rgba(43,168,192,0.06)\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"21\" cy=\"16\" r=\"4\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" fill=\"rgba(43,168,192,0.04)\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M17 16 L18 16\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M24 10 L26 8\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M25 13 L27 13\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.4\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M24 16 L26 18\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.3\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eInconfort articulaire\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLe collagène joue aussi un rôle dans le confort des articulations. Sa diminution peut altérer la mobilité.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-card\"\u003e\n\u003cdiv class=\"problem-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\"\u003e\n          \u003ccircle cx=\"16\" cy=\"16\" r=\"15\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cellipse cx=\"16\" cy=\"15\" rx=\"8\" ry=\"9\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" fill=\"rgba(43,168,192,0.05)\"\u003e\u003c\/ellipse\u003e\n          \u003cpath d=\"M11 15 Q13 12 16 15 Q19 18 21 15\" stroke=\"#4A7A8A\" stroke-width=\"1\" stroke-linecap=\"round\" fill=\"none\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M9 10 Q16 7 23 10\" stroke=\"rgba(43,168,192,0.25)\" stroke-width=\"1\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M9 20 Q16 23 23 20\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M25 7 L26 9 L28 9 L26.5 10.5 L27 13 L25 11.5 L23 13 L23.5 10.5 L22 9 L24 9 Z\" stroke=\"rgba(43,168,192,0.3)\" stroke-width=\"0.8\" fill=\"none\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"problem-title\"\u003eTeint terne \u0026amp; fatigué\u003c\/div\u003e\n\u003cdiv class=\"problem-text\"\u003eLe manque de collagène prive la peau de son éclat. Le teint paraît gris, fatigué et sans luminosité.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ SOLUTION ═══════════════ --\u003e\n\u003csection class=\"solution\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"solution-grid\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"section-tag\"\u003eLa solution\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eLe collagène marin,\u003cbr\u003e\u003cem\u003ebiodisponible et efficace.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"solution-points\"\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                \u003cpath d=\"M12 3 C12 3 5 7 5 13 C5 17.4 8.1 21 12 21 C15.9 21 19 17.4 19 13 C19 7 12 3 12 3Z\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" fill=\"rgba(43,168,192,0.1)\"\u003e\u003c\/path\u003e\n                \u003ccircle cx=\"12\" cy=\"13\" r=\"3.5\" fill=\"#2BA8C0\" opacity=\"0.7\"\u003e\u003c\/circle\u003e\n                \u003cpath d=\"M12 21 L12 3\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"0.8\" stroke-dasharray=\"2 2\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003ePeptides facilement assimilables\u003c\/h4\u003e\n\u003cp\u003eLe collagène marin hydrolysé est reconnu pour sa haute biodisponibilité — il est absorbé plus efficacement que d'autres sources de collagène.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                \u003crect x=\"3\" y=\"8\" width=\"18\" height=\"12\" rx=\"3\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" fill=\"rgba(43,168,192,0.1)\"\u003e\u003c\/rect\u003e\n                \u003cpath d=\"M8 8 L8 6 Q8 3 12 3 Q16 3 16 6 L16 8\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M9 14 L11 16 L15 12\" stroke=\"#2BA8C0\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eSoutient la structure de la peau\u003c\/h4\u003e\n\u003cp\u003eLes peptides de collagène apportent les briques essentielles à la matrice dermique pour maintenir fermeté et élasticité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                \u003ccircle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" fill=\"rgba(43,168,192,0.08)\"\u003e\u003c\/circle\u003e\n                \u003cpath d=\"M7 12 C7 9 9.2 6.5 12 6.5 C14.8 6.5 17 9 17 12 C17 15 14.8 17.5 12 17.5\" stroke=\"#2BA8C0\" stroke-width=\"1.3\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M9 15.5 C9 15.5 10.5 18 12 17.5\" stroke=\"#2BA8C0\" stroke-width=\"1.3\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                \u003ccircle cx=\"12\" cy=\"12\" r=\"2.5\" fill=\"#2BA8C0\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n                \u003ccircle cx=\"17\" cy=\"8\" r=\"1.5\" fill=\"#A8DCE8\" opacity=\"0.8\"\u003e\u003c\/circle\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eHydratation en profondeur\u003c\/h4\u003e\n\u003cp\u003eAssocié à l'acide hyaluronique, le collagène marin aide à maintenir une hydratation optimale et durable de la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sol-point\"\u003e\n\u003cdiv class=\"sol-icon\"\u003e\u003csvg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\"\u003e\n                \u003ccircle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"rgba(43,168,192,0.3)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n                \u003ccircle cx=\"12\" cy=\"12\" r=\"5\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" fill=\"rgba(43,168,192,0.1)\"\u003e\u003c\/circle\u003e\n                \u003cline x1=\"12\" y1=\"3\" x2=\"12\" y2=\"6\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n                \u003cline x1=\"12\" y1=\"18\" x2=\"12\" y2=\"21\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n                \u003cline x1=\"3\" y1=\"12\" x2=\"6\" y2=\"12\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n                \u003cline x1=\"18\" y1=\"12\" x2=\"21\" y2=\"12\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n                \u003ccircle cx=\"12\" cy=\"12\" r=\"2.5\" fill=\"#2BA8C0\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n              \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"sol-content\"\u003e\n\u003ch4\u003eBeauté globale cheveux \u0026amp; ongles\u003c\/h4\u003e\n\u003cp\u003eAu-delà de la peau, le Zinc et les peptides marins soutiennent la kératine pour des cheveux et des ongles plus solides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"solution-diagram\"\u003e\u003csvg width=\"300\" height=\"380\" viewbox=\"0 0 300 380\" fill=\"none\"\u003e\n          \u003cdefs\u003e\n            \u003clineargradient id=\"skin1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"\u003e\n              \u003cstop offset=\"0%\" stop-color=\"#C8E9F0\" stop-opacity=\"0.4\"\u003e\u003c\/stop\u003e\n              \u003cstop offset=\"100%\" stop-color=\"#A8DCE8\" stop-opacity=\"0.6\"\u003e\u003c\/stop\u003e\n            \u003c\/lineargradient\u003e\n            \u003clineargradient id=\"skin2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"\u003e\n              \u003cstop offset=\"0%\" stop-color=\"#E0F2F6\" stop-opacity=\"0.5\"\u003e\u003c\/stop\u003e\n              \u003cstop offset=\"100%\" stop-color=\"#C8E9F0\" stop-opacity=\"0.7\"\u003e\u003c\/stop\u003e\n            \u003c\/lineargradient\u003e\n          \u003c\/defs\u003e\n          \u003ctext x=\"150\" y=\"22\" fill=\"#2BA8C0\" font-family=\"DM Sans\" font-size=\"11\" font-weight=\"600\" text-anchor=\"middle\" opacity=\"0.8\"\u003eCoupe transversale de la peau\u003c\/text\u003e\n          \u003crect x=\"10\" y=\"32\" width=\"280\" height=\"55\" rx=\"3\" fill=\"url(#skin1)\" stroke=\"rgba(43,168,192,0.25)\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n          \u003ctext x=\"20\" y=\"56\" fill=\"#2BA8C0\" font-family=\"DM Sans\" font-size=\"10\" font-weight=\"600\"\u003eÉpiderme\u003c\/text\u003e\n          \u003ccircle cx=\"60\" cy=\"50\" r=\"2\" fill=\"rgba(43,168,192,0.3)\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"90\" cy=\"46\" r=\"1.5\" fill=\"rgba(43,168,192,0.2)\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"120\" cy=\"52\" r=\"2\" fill=\"rgba(43,168,192,0.25)\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"155\" cy=\"47\" r=\"1.5\" fill=\"rgba(43,168,192,0.2)\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"190\" cy=\"51\" r=\"2\" fill=\"rgba(43,168,192,0.3)\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"230\" cy=\"48\" r=\"1.5\" fill=\"rgba(43,168,192,0.2)\"\u003e\u003c\/circle\u003e\n          \u003crect x=\"10\" y=\"90\" width=\"280\" height=\"130\" rx=\"3\" fill=\"url(#skin2)\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n          \u003ctext x=\"20\" y=\"110\" fill=\"#2BA8C0\" font-family=\"DM Sans\" font-size=\"10\" font-weight=\"600\"\u003eDerme — réseau de collagène\u003c\/text\u003e\n          \u003cpath d=\"M30 125 Q60 115 90 130 Q120 145 150 128 Q180 112 210 130 Q240 148 270 125\" stroke=\"rgba(43,168,192,0.5)\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M30 145 Q55 135 85 148 Q115 162 148 145 Q178 128 208 145 Q238 162 270 145\" stroke=\"rgba(43,168,192,0.35)\" stroke-width=\"1.2\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M30 165 Q60 155 88 168 Q118 182 150 165 Q180 148 210 165 Q240 182 270 165\" stroke=\"rgba(43,168,192,0.25)\" stroke-width=\"1\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"75\" cy=\"140\" r=\"5\" fill=\"rgba(43,168,192,0.2)\" stroke=\"#2BA8C0\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"150\" cy=\"155\" r=\"6\" fill=\"rgba(43,168,192,0.18)\" stroke=\"#2BA8C0\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"225\" cy=\"138\" r=\"4\" fill=\"rgba(43,168,192,0.22)\" stroke=\"#2BA8C0\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"200\" y1=\"120\" x2=\"240\" y2=\"105\" stroke=\"rgba(43,168,192,0.35)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\u003e\u003c\/line\u003e\n          \u003ctext x=\"243\" y=\"103\" fill=\"#2BA8C0\" font-family=\"DM Sans\" font-size=\"10\" font-weight=\"600\"\u003ePeptides\u003c\/text\u003e\n          \u003crect x=\"10\" y=\"223\" width=\"280\" height=\"70\" rx=\"3\" fill=\"rgba(200,233,240,0.2)\" stroke=\"rgba(43,168,192,0.15)\" stroke-width=\"1\"\u003e\u003c\/rect\u003e\n          \u003ctext x=\"20\" y=\"245\" fill=\"#4A7A8A\" font-family=\"DM Sans\" font-size=\"10\" font-weight=\"600\"\u003eHypoderme\u003c\/text\u003e\n          \u003cellipse cx=\"65\" cy=\"260\" rx=\"20\" ry=\"14\" fill=\"rgba(43,168,192,0.08)\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/ellipse\u003e\n          \u003cellipse cx=\"115\" cy=\"255\" rx=\"18\" ry=\"12\" fill=\"rgba(43,168,192,0.06)\" stroke=\"rgba(43,168,192,0.15)\" stroke-width=\"1\"\u003e\u003c\/ellipse\u003e\n          \u003cellipse cx=\"160\" cy=\"260\" rx=\"20\" ry=\"14\" fill=\"rgba(43,168,192,0.08)\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/ellipse\u003e\n          \u003cellipse cx=\"210\" cy=\"256\" rx=\"18\" ry=\"13\" fill=\"rgba(43,168,192,0.06)\" stroke=\"rgba(43,168,192,0.15)\" stroke-width=\"1\"\u003e\u003c\/ellipse\u003e\n          \u003ctext x=\"18\" y=\"310\" fill=\"#2BA8C0\" font-family=\"DM Sans\" font-size=\"11\" font-weight=\"600\"\u003eCollagène marin\u003c\/text\u003e\n          \u003ctext x=\"18\" y=\"324\" fill=\"#4A7A8A\" font-family=\"DM Sans\" font-size=\"10\"\u003eRéseau dermique\u003c\/text\u003e\n          \u003cline x1=\"30\" y1=\"296\" x2=\"80\" y2=\"222\" stroke=\"rgba(43,168,192,0.3)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\u003e\u003c\/line\u003e\n          \u003ctext x=\"155\" y=\"310\" fill=\"#2BA8C0\" font-family=\"DM Sans\" font-size=\"11\" font-weight=\"600\"\u003eVit. C + Zinc\u003c\/text\u003e\n          \u003ctext x=\"155\" y=\"324\" fill=\"#4A7A8A\" font-family=\"DM Sans\" font-size=\"10\"\u003eSynthèse\u003c\/text\u003e\n          \u003cline x1=\"170\" y1=\"296\" x2=\"150\" y2=\"222\" stroke=\"rgba(43,168,192,0.3)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\u003e\u003c\/line\u003e\n          \u003ctext x=\"18\" y=\"350\" fill=\"#2BA8C0\" font-family=\"DM Sans\" font-size=\"11\" font-weight=\"600\"\u003eAc. Hyaluronique\u003c\/text\u003e\n          \u003ctext x=\"18\" y=\"364\" fill=\"#4A7A8A\" font-family=\"DM Sans\" font-size=\"10\"\u003eHydratation\u003c\/text\u003e\n          \u003cline x1=\"60\" y1=\"337\" x2=\"75\" y2=\"222\" stroke=\"rgba(43,168,192,0.3)\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ BENEFITS ═══════════════ --\u003e\n\u003csection class=\"benefits\"\u003e\n\u003cdiv class=\"wrap\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"section-tag\"\u003eBénéfices\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003e6 raisons de choisir le Collagène Marin\u003c\/h2\u003e\n\u003cdiv class=\"divider\" style=\"margin: 18px auto 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefits-grid\" style=\"margin-top: 48px;\"\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cellipse cx=\"20\" cy=\"20\" rx=\"10\" ry=\"12\" stroke=\"#A8DCE8\" stroke-width=\"1.5\" fill=\"rgba(43,168,192,0.08)\"\u003e\u003c\/ellipse\u003e\n          \u003cpath d=\"M8 20 L11 20 M29 20 L32 20\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M11 20 L9 18 M11 20 L9 22\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M29 20 L31 18 M29 20 L31 22\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"3\" fill=\"#2BA8C0\" opacity=\"0.4\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eFermeté \u0026amp; élasticité\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eContribue à restaurer le rebond naturel de la peau et à raffermir les contours du visage.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M8 17 Q14 13 20 17 Q26 21 32 17\" stroke=\"#2BA8C0\" stroke-width=\"2\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 22 Q14 18 20 22 Q26 26 32 22\" stroke=\"#A8DCE8\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"28\" cy=\"13\" r=\"3\" fill=\"rgba(43,168,192,0.3)\" stroke=\"#2BA8C0\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"28\" cy=\"13\" r=\"1.5\" fill=\"#2BA8C0\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003ePeau lisse \u0026amp; hydratée\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eAide à réduire l'apparence des ridules et à maintenir une hydratation durable au quotidien.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M14 32 Q12 24 14 16 Q16 9 20 8\" stroke=\"#A8DCE8\" stroke-width=\"3\" stroke-linecap=\"round\" opacity=\"0.7\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 32 Q19 24 20 15 Q21 8 23 7\" stroke=\"#A8DCE8\" stroke-width=\"2.5\" stroke-linecap=\"round\" opacity=\"0.6\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M26 32 Q25 25 25 17 Q25 10 27 8\" stroke=\"#2BA8C0\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M32 12 L34 10 M34 12 L32 10\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"33\" cy=\"11\" r=\"1\" fill=\"#2BA8C0\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eCheveux \u0026amp; ongles\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eFavorise la beauté des cheveux et la solidité des ongles grâce aux nutriments structurels de la formule.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"14\" cy=\"20\" r=\"6\" stroke=\"#A8DCE8\" stroke-width=\"1.5\" fill=\"rgba(43,168,192,0.08)\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"26\" cy=\"20\" r=\"5\" stroke=\"#A8DCE8\" stroke-width=\"1.5\" fill=\"rgba(43,168,192,0.06)\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M20 20 L21 20\" stroke=\"#2BA8C0\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"14\" cy=\"20\" r=\"3\" fill=\"#2BA8C0\" opacity=\"0.25\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"26\" cy=\"20\" r=\"2.5\" fill=\"#2BA8C0\" opacity=\"0.2\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eConfort articulaire\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eSoutient les cartilages et contribue au confort des articulations pour une mobilité préservée.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"7\" fill=\"rgba(43,168,192,0.15)\" stroke=\"#2BA8C0\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"20\" y1=\"9\" x2=\"20\" y2=\"12\" stroke=\"#A8DCE8\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"20\" y1=\"28\" x2=\"20\" y2=\"31\" stroke=\"#A8DCE8\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"9\" y1=\"20\" x2=\"12\" y2=\"20\" stroke=\"#A8DCE8\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"28\" y1=\"20\" x2=\"31\" y2=\"20\" stroke=\"#A8DCE8\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"12.5\" y1=\"12.5\" x2=\"14.6\" y2=\"14.6\" stroke=\"#A8DCE8\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"25.4\" y1=\"25.4\" x2=\"27.5\" y2=\"27.5\" stroke=\"#A8DCE8\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"3.5\" fill=\"#2BA8C0\" opacity=\"0.7\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eVitalité \u0026amp; bien-être\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eSoutient la vitalité générale de l'organisme et contribue à un sentiment de bien-être durable.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg width=\"40\" height=\"40\" viewbox=\"0 0 40 40\" fill=\"none\"\u003e\n          \u003ccircle cx=\"20\" cy=\"20\" r=\"18\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M20 10 C20 10 13 17 13 22 C13 25.9 16.1 29 20 29 C23.9 29 27 25.9 27 22 C27 17 20 10 20 10Z\" fill=\"rgba(43,168,192,0.12)\" stroke=\"#A8DCE8\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M16 21 Q15 23 16 25\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cline x1=\"30\" y1=\"10\" x2=\"32\" y2=\"8\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"32\" y1=\"12\" x2=\"35\" y2=\"12\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"30\" y1=\"14\" x2=\"32\" y2=\"16\" stroke=\"#A8DCE8\" stroke-width=\"1\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"benefit-title\"\u003eÉclat \u0026amp; luminosité\u003c\/div\u003e\n\u003cdiv class=\"benefit-desc\"\u003eRedonne au teint sa luminosité naturelle pour une peau visiblement plus fraîche et rayonnante.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ HOW IT WORKS ═══════════════ --\u003e\n\u003csection class=\"how\"\u003e\n\u003cdiv class=\"wrap\" style=\"text-align: center;\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLe mécanisme\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eComment ça fonctionne ?\u003c\/h2\u003e\n\u003cdiv class=\"divider\" style=\"margin: 18px auto 0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"steps\"\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"step-svg\"\u003e\u003csvg width=\"72\" height=\"72\" viewbox=\"0 0 72 72\" fill=\"none\"\u003e\n            \u003ccircle cx=\"36\" cy=\"36\" r=\"34\" stroke=\"rgba(43,168,192,0.15)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n            \u003crect x=\"24\" y=\"22\" width=\"24\" height=\"14\" rx=\"7\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" fill=\"rgba(43,168,192,0.1)\"\u003e\u003c\/rect\u003e\n            \u003ccircle cx=\"36\" cy=\"29\" r=\"4\" fill=\"#2BA8C0\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M30 36 Q28 44 26 52\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-dasharray=\"2 2\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M36 36 L36 52\" stroke=\"#A8DCE8\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-dasharray=\"2 2\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M42 36 Q44 44 46 52\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-dasharray=\"2 2\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"26\" cy=\"54\" r=\"3\" fill=\"#2BA8C0\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"36\" cy=\"54\" r=\"3\" fill=\"#A8DCE8\" opacity=\"0.8\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"46\" cy=\"54\" r=\"3\" fill=\"#2BA8C0\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eLes peptides sont absorbés\u003c\/h4\u003e\n\u003cp\u003eGrâce à sa haute biodisponibilité, le collagène marin hydrolysé passe rapidement dans la circulation sanguine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"step-svg\"\u003e\u003csvg width=\"72\" height=\"72\" viewbox=\"0 0 72 72\" fill=\"none\"\u003e\n            \u003ccircle cx=\"36\" cy=\"36\" r=\"34\" stroke=\"rgba(43,168,192,0.15)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"36\" cy=\"36\" r=\"12\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" fill=\"rgba(43,168,192,0.06)\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"20\" cy=\"28\" r=\"5\" stroke=\"#A8DCE8\" stroke-width=\"1\" fill=\"rgba(43,168,192,0.08)\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"52\" cy=\"28\" r=\"5\" stroke=\"#A8DCE8\" stroke-width=\"1\" fill=\"rgba(43,168,192,0.08)\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"20\" cy=\"44\" r=\"5\" stroke=\"#A8DCE8\" stroke-width=\"1\" fill=\"rgba(43,168,192,0.08)\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"52\" cy=\"44\" r=\"5\" stroke=\"#A8DCE8\" stroke-width=\"1\" fill=\"rgba(43,168,192,0.08)\"\u003e\u003c\/circle\u003e\n            \u003cline x1=\"25\" y1=\"28\" x2=\"31\" y2=\"31\" stroke=\"rgba(43,168,192,0.4)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"47\" y1=\"28\" x2=\"41\" y2=\"31\" stroke=\"rgba(43,168,192,0.4)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"25\" y1=\"44\" x2=\"31\" y2=\"41\" stroke=\"rgba(43,168,192,0.4)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"47\" y1=\"44\" x2=\"41\" y2=\"41\" stroke=\"rgba(43,168,192,0.4)\" stroke-width=\"1\"\u003e\u003c\/line\u003e\n            \u003ccircle cx=\"36\" cy=\"36\" r=\"4\" fill=\"#2BA8C0\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eLe derme est renforcé\u003c\/h4\u003e\n\u003cp\u003eLes peptides stimulent les fibroblastes qui produisent de nouveaux filaments de collagène et d'élastine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"step\"\u003e\n\u003cdiv class=\"step-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"step-svg\"\u003e\u003csvg width=\"72\" height=\"72\" viewbox=\"0 0 72 72\" fill=\"none\"\u003e\n            \u003ccircle cx=\"36\" cy=\"36\" r=\"34\" stroke=\"rgba(43,168,192,0.15)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n            \u003cellipse cx=\"36\" cy=\"36\" rx=\"18\" ry=\"22\" stroke=\"#A8DCE8\" stroke-width=\"1.5\" fill=\"rgba(43,168,192,0.08)\"\u003e\u003c\/ellipse\u003e\n            \u003cellipse cx=\"36\" cy=\"36\" rx=\"12\" ry=\"16\" stroke=\"#2BA8C0\" stroke-width=\"1\" fill=\"rgba(43,168,192,0.1)\"\u003e\u003c\/ellipse\u003e\n            \u003cline x1=\"36\" y1=\"10\" x2=\"36\" y2=\"14\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"36\" y1=\"58\" x2=\"36\" y2=\"62\" stroke=\"#A8DCE8\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"10\" y1=\"36\" x2=\"14\" y2=\"36\" stroke=\"#A8DCE8\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"58\" y1=\"36\" x2=\"62\" y2=\"36\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"18\" y1=\"18\" x2=\"21\" y2=\"21\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"51\" y1=\"51\" x2=\"54\" y2=\"54\" stroke=\"#A8DCE8\" stroke-width=\"1.2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n            \u003ccircle cx=\"36\" cy=\"36\" r=\"5\" fill=\"#2BA8C0\" opacity=\"0.4\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eLa peau retrouve son éclat\u003c\/h4\u003e\n\u003cp\u003eSemaine après semaine, la peau gagne en fermeté, en douceur et en luminosité. Les rides s'estompent progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ INGREDIENTS ═══════════════ --\u003e\n\u003csection class=\"ingredients\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eLa formule\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003e4 actifs, \u003cem\u003eune peau transformée.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-grid\"\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"22\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M8 24 Q14 18 20 24 Q26 30 32 24 Q38 18 44 24\" stroke=\"#2BA8C0\" stroke-width=\"2\" stroke-linecap=\"round\" fill=\"none\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M8 30 Q14 24 20 30 Q26 36 32 30 Q38 24 44 30\" stroke=\"#A8DCE8\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\" opacity=\"0.6\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"24\" cy=\"18\" r=\"4\" fill=\"rgba(43,168,192,0.15)\" stroke=\"#2BA8C0\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"24\" cy=\"18\" r=\"2\" fill=\"#2BA8C0\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eCollagène Marin\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003ePeptides hydrolysés de haute biodisponibilité — soutiennent la structure et la fermeté du derme.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"22\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"12\" fill=\"rgba(43,168,192,0.1)\" stroke=\"#2BA8C0\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M24 12 L24 36M12 24 L36 24\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"4\" fill=\"#2BA8C0\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M24 8 L27 12 L24 10 L21 12 Z\" fill=\"#2BA8C0\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eVitamine C\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eContribue à la formation normale du collagène et protège les cellules contre le stress oxydatif.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"22\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"10\" fill=\"rgba(43,168,192,0.1)\" stroke=\"#2BA8C0\" stroke-width=\"1.5\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"4.5\" fill=\"#2BA8C0\" opacity=\"0.55\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"24\" y1=\"8\" x2=\"24\" y2=\"14\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"24\" y1=\"34\" x2=\"24\" y2=\"40\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"8\" y1=\"24\" x2=\"14\" y2=\"24\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"34\" y1=\"24\" x2=\"40\" y2=\"24\" stroke=\"#2BA8C0\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"13\" y1=\"13\" x2=\"17\" y2=\"17\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"31\" y1=\"31\" x2=\"35\" y2=\"35\" stroke=\"#2BA8C0\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.5\"\u003e\u003c\/line\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eZinc\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eParticipe au maintien d'une peau, de cheveux et d'ongles normaux. Soutient le renouvellement cellulaire.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ing-card\"\u003e\n\u003cdiv class=\"ing-svg\"\u003e\u003csvg width=\"48\" height=\"48\" viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n          \u003ccircle cx=\"24\" cy=\"24\" r=\"22\" stroke=\"rgba(43,168,192,0.2)\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003cpath d=\"M24 10 C24 10 14 20 14 28 C14 33.5 18.5 38 24 38 C29.5 38 34 33.5 34 28 C34 20 24 10 24 10Z\" fill=\"rgba(43,168,192,0.12)\" stroke=\"#2BA8C0\" stroke-width=\"1.5\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 22 Q18 26 20 30\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"24\" cy=\"28\" r=\"5\" fill=\"rgba(43,168,192,0.2)\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"ing-name\"\u003eAcide Hyaluronique\u003c\/div\u003e\n\u003cdiv class=\"ing-role\"\u003eAide à maintenir l'hydratation de la peau en profondeur et à réduire l'apparence des rides.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ RESULTS ═══════════════ --\u003e\n\u003csection class=\"results\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eRésultats\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eCe que vous pouvez observer\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003csvg width=\"100%\" height=\"90\" viewbox=\"0 0 900 90\" preserveaspectratio=\"none\" fill=\"none\" style=\"margin-bottom: 48px;\"\u003e\n      \u003cdefs\u003e\n        \u003clineargradient id=\"rg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"\u003e\n          \u003cstop offset=\"0%\" stop-color=\"#2BA8C0\" stop-opacity=\"0.35\"\u003e\u003c\/stop\u003e\n          \u003cstop offset=\"100%\" stop-color=\"#2BA8C0\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\n        \u003c\/lineargradient\u003e\n      \u003c\/defs\u003e\n      \u003cpolygon points=\"0,80 0,76 150,66 300,52 450,34 600,20 750,9 900,4 900,80\" fill=\"url(#rg)\"\u003e\u003c\/polygon\u003e\n      \u003cpolyline points=\"0,76 150,66 300,52 450,34 600,20 750,9 900,4\" stroke=\"#2BA8C0\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/polyline\u003e\n      \u003ccircle cx=\"900\" cy=\"4\" r=\"4\" fill=\"#2BA8C0\"\u003e\u003c\/circle\u003e\n      \u003ctext x=\"5\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ0\u003c\/text\u003e\n      \u003ctext x=\"145\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ14\u003c\/text\u003e\n      \u003ctext x=\"295\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ30\u003c\/text\u003e\n      \u003ctext x=\"445\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ45\u003c\/text\u003e\n      \u003ctext x=\"595\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ60\u003c\/text\u003e\n      \u003ctext x=\"745\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ75\u003c\/text\u003e\n      \u003ctext x=\"888\" y=\"88\" fill=\"rgba(255,255,255,0.2)\" font-size=\"10\" font-family=\"DM Sans\"\u003eJ90\u003c\/text\u003e\n    \u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"results-grid\"\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e+35%\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003ed'hydratation cutanée après 4 semaines d'utilisation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e−28%\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003ede profondeur des rides observée après 8 semaines\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e+42%\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003ed'élasticité perçue après une cure de 3 mois\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"result-card\"\u003e\n\u003cdiv class=\"result-n\"\u003e90j\u003c\/div\u003e\n\u003cdiv class=\"result-l\"\u003epour des résultats visibles et durables sur le long terme\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cp style=\"margin-top: 20px; font-size: 12px; color: rgba(255,255,255,0.18);\"\u003e* Résultats variables selon le profil, l'alimentation et la régularité de prise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ ROUTINE ═══════════════ --\u003e\n\u003csection class=\"routine\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eRoutine beauté\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eIntégrez le Collagène Marin dans votre quotidien.\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-grid\"\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eAlimentation \u0026amp; hydratation\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003eAdoptez une alimentation riche en antioxydants, en protéines et en bons lipides. Une bonne hydratation quotidienne amplifie l'efficacité des actifs et soutient l'éclat naturel de la peau.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eSoins topiques adaptés\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003eAssociez le Collagène Marin à une crème hydratante, un sérum à la Vitamine C ou un soin anti-âge. La synergie intérieur-extérieur optimise les résultats et accélère la régénération cutanée.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"routine-card\"\u003e\n\u003cdiv class=\"routine-num\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"routine-title\"\u003eComplémentation régulière\u003c\/div\u003e\n\u003cdiv class=\"routine-text\"\u003ePrenez 2 capsules par jour avec un repas. La régularité est essentielle : le collagène agit progressivement sur le renouvellement dermique. Une cure de 3 mois minimum est recommandée.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ═══════════════ FAQ ═══════════════ --\u003e\n\u003csection class=\"faq\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"section-tag\"\u003eQuestions fréquentes\u003c\/div\u003e\n\u003ch2 class=\"section-title\"\u003eOn vous répond.\u003c\/h2\u003e\n\u003cdiv class=\"divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-list\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eCe produit est-il sûr ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eOui. Le Collagène Marin BYOCORE est formulé à partir d'ingrédients naturels reconnus — collagène marin hydrolysé, Vitamine C, Zinc et Acide Hyaluronique. Respectez la posologie recommandée. En cas de grossesse, d'allaitement ou d'allergie aux produits de la mer, consultez votre médecin avant utilisation.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eCombien de temps avant de voir des résultats ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eLes premiers effets — meilleure hydratation, peau plus douce et plus confortable — sont généralement perceptibles dès 2 à 4 semaines. Les résultats visibles sur la fermeté et les rides apparaissent entre le 6ème et le 8ème semaine. Une cure de 3 mois permet d'optimiser les bénéfices à long terme.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eCe produit convient-il aux hommes et aux femmes ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eAbsolument. Le Collagène Marin est adapté à tous les profils, hommes comme femmes, à partir de 25-30 ans, lorsque la production naturelle de collagène commence à diminuer. Qu'il s'agisse d'améliorer la fermeté de la peau, la solidité des ongles ou le confort articulaire, la formule répond aux besoins de tous.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003ePeut-il être associé à d'autres soins beauté ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eOui, le Collagène Marin se combine parfaitement avec votre routine beauté existante — crèmes, sérums, soins hydratants. Il agit depuis l'intérieur en complémentarité de vos soins topiques pour une synergie optimale. Il est également compatible avec d'autres compléments alimentaires en dehors des prises.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cbutton class=\"faq-q\"\u003eQuelle est la durée de cure recommandée ?\u003cspan class=\"faq-arr\"\u003e▼\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"faq-a\"\u003eNous recommandons une cure minimale de 3 mois pour des résultats visibles et durables. Une boîte de 60 capsules correspond à 30 jours (2 capsules\/jour). Pour des effets optimaux sur la fermeté, l'éclat et l'hydratation, une cure longue durée de 3 à 6 mois est idéale.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"BYOCORE","offers":[{"title":"Default Title","offer_id":43521891696718,"sku":"BYCM01","price":3900.0,"currency_code":"DZD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0685\/9751\/4318\/files\/COLLAGENE_f33def69-f423-498e-9cee-5abad987d20e.jpg?v=1780497859"}],"url":"https:\/\/byocoredz.com\/collections\/frontpage.oembed","provider":"BYOCORE","version":"1.0","type":"link"}