{"product_id":"asset-pack-53542944770-example-product-1","title":"LUNETTE DE LECTURE","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eLunettes de Lecture Premium – Confort \u0026amp; Vision\u003c\/title\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,600;1,9..144,500\u0026amp;family=Work+Sans:wght@400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n  :root{\n    --ink:#122543;\n    --ink-2:#1c3a63;\n    --paper:#F7F2E7;\n    --paper-2:#EFE7D6;\n    --gold:#B08A3E;\n    --gold-light:#D9BD84;\n    --ash:#5c6472;\n    --charcoal:#20211f;\n    --line: rgba(18,37,67,0.14);\n    --radius-lens: 999px;\n    --max: 680px;\n  }\n  *{box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  body{\n    margin:0;\n    background:var(--paper);\n    color:var(--charcoal);\n    font-family:'Work Sans', sans-serif;\n    font-size:16px;\n    line-height:1.6;\n    -webkit-font-smoothing:antialiased;\n  }\n  h1,h2,h3,.display{\n    font-family:'Fraunces', serif;\n    font-weight:500;\n    color:var(--ink);\n    letter-spacing:-0.01em;\n    margin:0;\n  }\n  a{color:inherit;}\n  img,svg{display:block;max-width:100%;}\n  .wrap{max-width:var(--max); margin:0 auto; padding:0 24px;}\n  .wrap-wide{max-width:960px; margin:0 auto; padding:0 24px;}\n\n  \/* ---------- HERO ---------- *\/\n  .hero{\n    background: radial-gradient(120% 140% at 20% -10%, var(--ink-2) 0%, var(--ink) 55%, #0c1c33 100%);\n    color:#F4EFE3;\n    padding: 64px 0 88px;\n    position:relative;\n    overflow:hidden;\n  }\n  .hero::after{\n    content:\"\";\n    position:absolute; inset:0;\n    background-image: radial-gradient(rgba(217,189,132,0.18) 1px, transparent 1px);\n    background-size: 26px 26px;\n    opacity:.35;\n    pointer-events:none;\n  }\n  .hero-inner{position:relative; z-index:1; text-align:center;}\n  .lens-mark{\n    width:74px; height:74px; margin:0 auto 28px;\n    border-radius:var(--radius-lens);\n    border:2px solid var(--gold-light);\n    display:flex; align-items:center; justify-content:center;\n  }\n  .lens-mark svg{width:34px; height:34px;}\n  .hero h1{\n    font-size: clamp(2.1rem, 5vw, 3rem);\n    line-height:1.08;\n    max-width: 14ch;\n    margin: 0 auto 18px;\n  }\n  .hero .sub{\n    font-family:'Fraunces', serif;\n    font-style:italic;\n    font-weight:400;\n    font-size:1.15rem;\n    color:var(--gold-light);\n    max-width:32ch;\n    margin:0 auto 34px;\n  }\n  .cta{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    background:var(--gold);\n    color:#1a1408;\n    font-weight:600;\n    font-family:'Work Sans', sans-serif;\n    padding:16px 30px;\n    border-radius:var(--radius-lens);\n    text-decoration:none;\n    border:none;\n    cursor:pointer;\n    font-size:1rem;\n    transition: transform .18s ease, background .18s ease;\n  }\n  .cta:hover{background:#c39a48;}\n  .cta:focus-visible{outline:3px solid #F4EFE3; outline-offset:3px;}\n  .cta:active{transform: scale(.98);}\n\n  \/* ---------- SECTION SHELL ---------- *\/\n  section{padding:64px 0;}\n  .eyebrow-free h2{\n    font-size: clamp(1.5rem, 3.2vw, 2rem);\n    margin-bottom: 22px;\n  }\n  .lead{color:var(--ash); font-size:1.02rem; max-width:56ch;}\n\n  \/* ---------- PROBLEME ---------- *\/\n  .trouble-list{list-style:none; margin:28px 0 0; padding:0; display:flex; flex-direction:column; gap:0;}\n  .trouble-list li{\n    padding:18px 0;\n    border-bottom:1px solid var(--line);\n    display:flex; gap:16px; align-items:flex-start;\n    font-size:1.02rem;\n  }\n  .trouble-list li:first-child{border-top:1px solid var(--line);}\n  .trouble-list em{\n    font-style:normal; font-family:'Fraunces', serif; color:var(--gold); font-size:1.4rem; line-height:1;\n  }\n\n  \/* ---------- SOLUTION ---------- *\/\n  .solution{background:var(--ink); color:#F4EFE3;}\n  .solution h2{color:#F4EFE3;}\n  .solution p{color:#c9d2e0; max-width:58ch;}\n\n  \/* ---------- AVANTAGES : motif \"loupe\" ---------- *\/\n  .lens-grid{\n    display:grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap:28px 22px;\n    margin-top:36px;\n  }\n  .lens-item{display:flex; flex-direction:column; align-items:center; text-align:center; gap:12px;}\n  .lens-circle{\n    width:84px; height:84px;\n    border-radius:50%;\n    background:var(--paper-2);\n    border:1px solid var(--line);\n    display:flex; align-items:center; justify-content:center;\n    font-size:1.7rem;\n  }\n  .lens-item h3{font-family:'Work Sans', sans-serif; font-weight:600; font-size:.98rem; color:var(--ink);}\n  .lens-item p{margin:0; color:var(--ash); font-size:.9rem;}\n\n  \/* ---------- DEGRES ---------- *\/\n  .degres{background:var(--paper-2);}\n  .degre-row{\n    display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin:32px 0 18px;\n  }\n  .degre{\n    width:78px; height:78px; border-radius:50%;\n    border:2px solid var(--ink);\n    background:transparent;\n    display:flex; align-items:center; justify-content:center;\n    font-family:'Fraunces', serif; font-weight:600; font-size:1.05rem; color:var(--ink);\n    cursor:pointer;\n    transition: background .15s ease, color .15s ease;\n  }\n  .degre:hover{background: rgba(18,37,67,.06);}\n  .degre.is-active{background:var(--ink); color:#F4EFE3; border-color:var(--ink);}\n  .degre:focus-visible{outline:3px solid var(--gold); outline-offset:3px;}\n  .degre-hint{text-align:center; color:var(--ash); font-size:.92rem;}\n  .degre-selected{\n    text-align:center; margin-top:18px; font-family:'Fraunces', serif; font-size:1.05rem; color:var(--ink); min-height:1.6em;\n  }\n\n  \/* ---------- UTILISATIONS ---------- *\/\n  .use-list{\n    display:grid; grid-template-columns: repeat(2,1fr); gap:18px 20px; margin-top:32px; list-style:none; padding:0;\n  }\n  .use-list li{\n    display:flex; align-items:center; gap:12px;\n    padding:14px 16px;\n    background:#fff;\n    border:1px solid var(--line);\n    border-radius:14px;\n    font-size:.95rem;\n  }\n  .use-list span.ico{font-size:1.3rem;}\n\n  \/* ---------- CHOISIR DEGRE (sequence) ---------- *\/\n  .steps{counter-reset: step; list-style:none; padding:0; margin:32px 0 0; display:flex; flex-direction:column; gap:22px;}\n  .steps li{position:relative; padding-left:52px;}\n  .steps li::before{\n    counter-increment: step;\n    content: counter(step);\n    position:absolute; left:0; top:-2px;\n    width:36px; height:36px; border-radius:50%;\n    background:var(--ink); color:#F4EFE3;\n    display:flex; align-items:center; justify-content:center;\n    font-family:'Fraunces', serif; font-size:1rem;\n  }\n  .note{\n    margin-top:26px;\n    padding:18px 20px;\n    border-left:3px solid var(--gold);\n    background:var(--paper-2);\n    font-size:.94rem;\n    color:var(--charcoal);\n    border-radius: 0 12px 12px 0;\n  }\n\n  \/* ---------- REASSURANCE ---------- *\/\n  .trust-row{\n    display:grid; grid-template-columns:repeat(3,1fr); gap:18px; text-align:center; margin-top:8px;\n  }\n  .trust-row div{padding:22px 10px;}\n  .trust-row .ico{font-size:1.6rem; margin-bottom:8px;}\n  .trust-row h3{font-size:.92rem; font-family:'Work Sans', sans-serif; font-weight:600; color:var(--ink);}\n  .trust-row p{margin:4px 0 0; font-size:.85rem; color:var(--ash);}\n\n  \/* ---------- FAQ ---------- *\/\n  .faq-item{border-bottom:1px solid var(--line);}\n  .faq-item:first-child{border-top:1px solid var(--line);}\n  .faq-q{\n    width:100%; text-align:left; background:none; border:none; cursor:pointer;\n    padding:20px 0; display:flex; justify-content:space-between; align-items:center; gap:16px;\n    font-family:'Fraunces', serif; font-size:1.05rem; color:var(--ink);\n  }\n  .faq-q:focus-visible{outline:3px solid var(--gold); outline-offset:2px;}\n  .faq-q .plus{font-size:1.3rem; color:var(--gold); transition: transform .2s ease; flex-shrink:0;}\n  .faq-item.open .faq-q .plus{transform: rotate(45deg);}\n  .faq-a{\n    max-height:0; overflow:hidden; transition: max-height .25s ease;\n    color:var(--ash); font-size:.96rem;\n  }\n  .faq-item.open .faq-a{padding-bottom:20px;}\n  .faq-a p{margin:0;}\n\n  \/* ---------- CTA FINAL ---------- *\/\n  .final{\n    background: radial-gradient(120% 140% at 80% 110%, var(--ink-2) 0%, var(--ink) 55%, #0c1c33 100%);\n    color:#F4EFE3; text-align:center;\n  }\n  .final h2{color:#F4EFE3; max-width:18ch; margin:0 auto 14px;}\n  .final p{color:#c9d2e0; margin:0 auto 30px; max-width:44ch;}\n\n  footer{padding:28px 0; text-align:center; color:var(--ash); font-size:.82rem;}\n\n  @media (max-width: 560px){\n    .lens-grid{grid-template-columns: 1fr 1fr;}\n    .use-list{grid-template-columns: 1fr;}\n    .trust-row{grid-template-columns: 1fr;}\n    section{padding:48px 0;}\n    .degre{width:66px; height:66px; font-size:.92rem;}\n  }\n  @media (prefers-reduced-motion: reduce){\n    html{scroll-behavior:auto;}\n    *{transition:none !important;}\n  }\n\u003c\/style\u003e\n\n\n\n\u003cheader class=\"hero\"\u003e\n  \u003cdiv class=\"wrap hero-inner\"\u003e\n    \u003cdiv class=\"lens-mark\" aria-hidden=\"true\"\u003e\n      \u003csvg viewbox=\"0 0 48 48\" fill=\"none\" stroke=\"#D9BD84\" stroke-width=\"2.2\"\u003e\n        \u003ccircle cx=\"14\" cy=\"24\" r=\"9\"\u003e\u003c\/circle\u003e\n        \u003ccircle cx=\"34\" cy=\"24\" r=\"9\"\u003e\u003c\/circle\u003e\n        \u003cpath d=\"M23 22h2\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M5 22c0-3 2-5 4-5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n        \u003cpath d=\"M43 22c0-3-2-5-4-5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n    \u003ch1\u003eVoyez net, sans fatigue, à chaque instant de votre journée\u003c\/h1\u003e\n    \u003cp class=\"sub\"\u003eLunettes de Lecture Premium — Confort \u0026amp; Vision\u003c\/p\u003e\n    \u003ca href=\"#degres\" class=\"cta\"\u003eChoisir mon degré et commander\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/header\u003e\n\n\u003cmain\u003e\n\n  \u003csection class=\"eyebrow-free\"\u003e\n    \u003cdiv class=\"wrap\"\u003e\n      \u003ch2\u003eVous en avez marre de ...\u003c\/h2\u003e\n      \u003cul class=\"trouble-list\"\u003e\n        \u003cli\u003e\n\u003cem\u003e—\u003c\/em\u003e Plisser les yeux pour lire les petits caractères\u003c\/li\u003e\n        \u003cli\u003e\n\u003cem\u003e—\u003c\/em\u003e Ressentir une fatigue oculaire après quelques minutes de lecture\u003c\/li\u003e\n        \u003cli\u003e\n\u003cem\u003e—\u003c\/em\u003e Devoir éloigner votre téléphone ou votre livre pour mieux voir\u003c\/li\u003e\n        \u003cli\u003e\n\u003cem\u003e—\u003c\/em\u003e Avoir les yeux lourds après une session sur ordinateur\u003c\/li\u003e\n        \u003cli\u003e\n\u003cem\u003e—\u003c\/em\u003e Perdre le fil de votre lecture à cause d'un inconfort visuel\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"solution\"\u003e\n    \u003cdiv class=\"wrap\"\u003e\n      \u003ch2\u003eDécouvrez la solution\u003c\/h2\u003e\n      \u003cp\u003eLes Lunettes de Lecture Premium – Confort \u0026amp; Vision ont été pensées pour vous accompagner dans tous vos moments de lecture et d'utilisation d'écrans.\u003c\/p\u003e\n      \u003cp\u003eAvec leur traitement anti-reflet, leur filtre lumière bleue et leurs verres photogray, elles vous offrent un confort visuel optimal — pour la lecture, le téléphone ou l'ordinateur.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eyebrow-free\"\u003e\n    \u003cdiv class=\"wrap-wide\"\u003e\n      \u003ch2 style=\"text-align:center;\"\u003eLes principaux avantages\u003c\/h2\u003e\n      \u003cdiv class=\"lens-grid\"\u003e\n        \u003cdiv class=\"lens-item\"\u003e\n          \u003cdiv class=\"lens-circle\"\u003e👓\u003c\/div\u003e\n          \u003ch3\u003eLecture plus confortable\u003c\/h3\u003e\n          \u003cp\u003eUn texte plus net, sans effort\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"lens-item\"\u003e\n          \u003cdiv class=\"lens-circle\"\u003e💻\u003c\/div\u003e\n          \u003ch3\u003eConfort devant les écrans\u003c\/h3\u003e\n          \u003cp\u003eIdéal pour téléphone et ordinateur\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"lens-item\"\u003e\n          \u003cdiv class=\"lens-circle\"\u003e🛡️\u003c\/div\u003e\n          \u003ch3\u003eAnti-reflet\u003c\/h3\u003e\n          \u003cp\u003eVision nette, sans éblouissement\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"lens-item\"\u003e\n          \u003cdiv class=\"lens-circle\"\u003e🔵\u003c\/div\u003e\n          \u003ch3\u003eFiltre lumière bleue\u003c\/h3\u003e\n          \u003cp\u003eUne protection pensée pour vos yeux\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"lens-item\"\u003e\n          \u003cdiv class=\"lens-circle\"\u003e☀️\u003c\/div\u003e\n          \u003ch3\u003eVerres photogray\u003c\/h3\u003e\n          \u003cp\u003eS'adaptent à la lumière ambiante\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"lens-item\"\u003e\n          \u003cdiv class=\"lens-circle\"\u003e✨\u003c\/div\u003e\n          \u003ch3\u003eDesign élégant\u003c\/h3\u003e\n          \u003cp\u003eUn style moderne, en toute occasion\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"degres\" id=\"degres\"\u003e\n    \u003cdiv class=\"wrap\"\u003e\n      \u003ch2 style=\"text-align:center;\"\u003eDegrés disponibles\u003c\/h2\u003e\n      \u003cp class=\"degre-hint\" style=\"margin-top:14px;\"\u003eSélectionnez le degré que vous utilisez habituellement pour la lecture.\u003c\/p\u003e\n      \u003cdiv class=\"degre-row\" role=\"group\" aria-label=\"Choix du degré\"\u003e\n        \u003cbutton class=\"degre\" data-degre=\"+1.00\"\u003e+1.00\u003c\/button\u003e\n        \u003cbutton class=\"degre\" data-degre=\"+1.50\"\u003e+1.50\u003c\/button\u003e\n        \u003cbutton class=\"degre\" data-degre=\"+2.00\"\u003e+2.00\u003c\/button\u003e\n        \u003cbutton class=\"degre\" data-degre=\"+2.50\"\u003e+2.50\u003c\/button\u003e\n        \u003cbutton class=\"degre\" data-degre=\"+3.00\"\u003e+3.00\u003c\/button\u003e\n        \u003cbutton class=\"degre\" data-degre=\"+3.50\"\u003e+3.50\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"degre-selected\" id=\"degre-selected\" aria-live=\"polite\"\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eyebrow-free\"\u003e\n    \u003cdiv class=\"wrap\"\u003e\n      \u003ch2\u003ePour qui ?\u003c\/h2\u003e\n      \u003cul class=\"use-list\"\u003e\n        \u003cli\u003e\n\u003cspan class=\"ico\"\u003e📖\u003c\/span\u003e Lecture\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"ico\"\u003e📱\u003c\/span\u003e Téléphone\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"ico\"\u003e💻\u003c\/span\u003e Ordinateur\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"ico\"\u003e📰\u003c\/span\u003e Journaux\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"ico\"\u003e📋\u003c\/span\u003e Petits caractères\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"ico\"\u003e🏠\u003c\/span\u003e Utilisation quotidienne\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eyebrow-free\" style=\"background:var(--paper-2);\"\u003e\n    \u003cdiv class=\"wrap\"\u003e\n      \u003ch2\u003eDesign \u0026amp; confort\u003c\/h2\u003e\n      \u003cp class=\"lead\"\u003eUn accessoire à la fois pratique et élégant. La monture moderne s'accorde avec tous les styles, tandis que sa légèreté permet un port prolongé sans gêne — à la maison, au bureau ou en déplacement.\u003c\/p\u003e\n      \u003cp class=\"lead\" style=\"margin-top:14px;\"\u003eLivrées avec un étui de protection, pour préserver vos lunettes où que vous alliez.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eyebrow-free\"\u003e\n    \u003cdiv class=\"wrap\"\u003e\n      \u003ch2\u003eComment choisir son degré ?\u003c\/h2\u003e\n      \u003col class=\"steps\"\u003e\n        \u003cli\u003eRegardez le degré indiqué sur votre paire de lunettes de lecture actuelle, si vous en avez déjà une.\u003c\/li\u003e\n        \u003cli\u003eOu consultez votre dernière ordonnance chez l'opticien.\u003c\/li\u003e\n        \u003cli\u003eSélectionnez le degré correspondant dans notre liste, de +1.00 à +3.50.\u003c\/li\u003e\n      \u003c\/ol\u003e\n      \u003cdiv class=\"note\"\u003e\n        Si vous ne connaissez pas votre degré ou si vous ressentez une gêne visuelle importante, nous vous recommandons de consulter un professionnel de la vue avant votre achat.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eyebrow-free\" style=\"background:var(--paper-2);\"\u003e\n    \u003cdiv class=\"wrap-wide\"\u003e\n      \u003cdiv class=\"trust-row\"\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ico\"\u003e🚚\u003c\/div\u003e\n          \u003ch3\u003eLivraison rapide\u003c\/h3\u003e\n          \u003cp\u003eÀ Abidjan et environs\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ico\"\u003e🏅\u003c\/div\u003e\n          \u003ch3\u003eQualité premium\u003c\/h3\u003e\n          \u003cp\u003eMonture solide et durable\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ico\"\u003e👝\u003c\/div\u003e\n          \u003ch3\u003eÉtui inclus\u003c\/h3\u003e\n          \u003cp\u003eProtection offerte\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"eyebrow-free\"\u003e\n    \u003cdiv class=\"wrap\"\u003e\n      \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n      \u003cdiv id=\"faq\"\u003e\n        \u003cdiv class=\"faq-item\"\u003e\n          \u003cbutton class=\"faq-q\" aria-expanded=\"false\"\u003eQuels degrés sont disponibles ?\u003cspan class=\"plus\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n          \u003cdiv class=\"faq-a\"\u003e\u003cp\u003eNos lunettes sont disponibles en +1.00, +1.50, +2.00, +2.50, +3.00 et +3.50.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"faq-item\"\u003e\n          \u003cbutton class=\"faq-q\" aria-expanded=\"false\"\u003eComment choisir mon degré ?\u003cspan class=\"plus\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n          \u003cdiv class=\"faq-a\"\u003e\u003cp\u003eRéférez-vous au degré indiqué sur votre paire actuelle ou sur votre dernière ordonnance. En cas de doute, demandez conseil à un professionnel de la vue.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"faq-item\"\u003e\n          \u003cbutton class=\"faq-q\" aria-expanded=\"false\"\u003eLes lunettes sont-elles adaptées à la lecture ?\u003cspan class=\"plus\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n          \u003cdiv class=\"faq-a\"\u003e\u003cp\u003eOui, elles sont spécialement conçues pour améliorer le confort de lecture au quotidien.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"faq-item\"\u003e\n          \u003cbutton class=\"faq-q\" aria-expanded=\"false\"\u003ePeut-on les utiliser avec un téléphone ?\u003cspan class=\"plus\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n          \u003cdiv class=\"faq-a\"\u003e\u003cp\u003eOui, elles conviennent parfaitement à une utilisation prolongée sur smartphone.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"faq-item\"\u003e\n          \u003cbutton class=\"faq-q\" aria-expanded=\"false\"\u003ePeut-on les utiliser devant un ordinateur ?\u003cspan class=\"plus\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n          \u003cdiv class=\"faq-a\"\u003e\u003cp\u003eOui, grâce au filtre lumière bleue intégré, elles sont adaptées à un usage devant les écrans.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"faq-item\"\u003e\n          \u003cbutton class=\"faq-q\" aria-expanded=\"false\"\u003eQu'est-ce que le filtre lumière bleue ?\u003cspan class=\"plus\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n          \u003cdiv class=\"faq-a\"\u003e\u003cp\u003eC'est un traitement qui limite la quantité de lumière bleue émise par les écrans atteignant vos yeux, pour plus de confort visuel.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"faq-item\"\u003e\n          \u003cbutton class=\"faq-q\" aria-expanded=\"false\"\u003eLes verres photogray changent-ils avec la lumière ?\u003cspan class=\"plus\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n          \u003cdiv class=\"faq-a\"\u003e\u003cp\u003eOui, les verres photogray s'adaptent progressivement à la luminosité ambiante.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"faq-item\"\u003e\n          \u003cbutton class=\"faq-q\" aria-expanded=\"false\"\u003eComment commander ?\u003cspan class=\"plus\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n          \u003cdiv class=\"faq-a\"\u003e\u003cp\u003eRien de plus simple : sélectionnez votre degré, ajoutez le produit au panier et validez votre commande. Livraison rapide disponible.\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"final\"\u003e\n    \u003cdiv class=\"wrap\"\u003e\n      \u003ch2\u003eNe laissez plus la fatigue visuelle gâcher vos lectures\u003c\/h2\u003e\n      \u003cp\u003eChoisissez votre degré et commandez dès maintenant.\u003c\/p\u003e\n      \u003ca href=\"#degres\" class=\"cta\"\u003eChoisir mon degré et commander\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/main\u003e\n\n\u003cfooter\u003e\n  \u003cdiv class=\"wrap\"\u003eLunettes de Lecture Premium – Confort \u0026amp; Vision\u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003cscript\u003e\n  \/\/ Sélection du degré\n  var degres = document.querySelectorAll('.degre');\n  var selectedLabel = document.getElementById('degre-selected');\n  degres.forEach(function(btn){\n    btn.addEventListener('click', function(){\n      degres.forEach(function(b){ b.classList.remove('is-active'); });\n      btn.classList.add('is-active');\n      selectedLabel.textContent = 'Degré sélectionné : ' + btn.dataset.degre;\n    });\n  });\n\n  \/\/ Accordéon FAQ\n  var faqItems = document.querySelectorAll('.faq-item');\n  faqItems.forEach(function(item){\n    var q = item.querySelector('.faq-q');\n    var a = item.querySelector('.faq-a');\n    q.addEventListener('click', function(){\n      var isOpen = item.classList.contains('open');\n      faqItems.forEach(function(other){\n        other.classList.remove('open');\n        other.querySelector('.faq-q').setAttribute('aria-expanded','false');\n        other.querySelector('.faq-a').style.maxHeight = null;\n      });\n      if(!isOpen){\n        item.classList.add('open');\n        q.setAttribute('aria-expanded','true');\n        a.style.maxHeight = a.scrollHeight + 'px';\n      }\n    });\n  });\n\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"My Store 7","offers":[{"title":"+1.00 \/ Argenté","offer_id":48269312753716,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true},{"title":"+1.50 \/ Argenté","offer_id":48269312786484,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true},{"title":"+2.00 \/ Argenté","offer_id":48269312819252,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true},{"title":"+2.50 \/ Argenté","offer_id":48269312852020,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true},{"title":"+3.00 \/ Argenté","offer_id":48269312884788,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true},{"title":"+3.50 \/ Argenté","offer_id":48269312917556,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true},{"title":"+4.0 \/ Argenté","offer_id":48269312950324,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true},{"title":"+1.00 \/ Or","offer_id":48269313441844,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true},{"title":"+1.50 \/ Or","offer_id":48269313474612,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true},{"title":"+2.00 \/ Or","offer_id":48269313507380,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true},{"title":"+2.50 \/ Or","offer_id":48269313540148,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true},{"title":"+3.00 \/ Or","offer_id":48269313572916,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true},{"title":"+3.50 \/ Or","offer_id":48269313605684,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true},{"title":"+4.0 \/ Or","offer_id":48269313638452,"sku":null,"price":15000.0,"currency_code":"XOF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0768\/3319\/4036\/files\/gyg.jpg?v=1788265672","url":"https:\/\/eco-sante.shop\/products\/asset-pack-53542944770-example-product-1","provider":"Mercurius ","version":"1.0","type":"link"}