{"title":"Armações","description":"","products":[{"product_id":"armacao-yohanna","title":"Armação - Yohanna","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710095929576,"sku":"BR0717 50□19-140 C3","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage3dejul.de2026_16_50_08.png?v=1783386187"},{"product_id":"armacao-anita","title":"Armação - Anita","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Marrom","offer_id":48710096093416,"sku":"BR77107 53□18-140 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Malhado","offer_id":48710096126184,"sku":"BR77107 53□18-140 C4","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Animal Print","offer_id":48710096158952,"sku":"BR77107 53□18-140 C2","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage3dejul.de2026_16_54_22.png?v=1783386192"},{"product_id":"armacao-bimo","title":"Armação - Bia","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Animal print","offer_id":48710096322792,"sku":"BR66222 48□20-140 C4","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Marmorizado","offer_id":48710096355560,"sku":"BR66222 48□20-140 C5","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPT_Image_3_de_jul._de_2026_16_33_00.png?v=1783386190"},{"product_id":"armacao-gio","title":"Armação - Gio","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Malhado","offer_id":48710096453864,"sku":"BR3144 54□21-140 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Translúcido\/Animal print","offer_id":48710096486632,"sku":"BR3144 54□21-140 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage3dejul.de2026_16_20_41_cd79271a-bf4c-41f5-adb2-ecf9b63ce6c4.png?v=1783386191"},{"product_id":"armacao-nanda","title":"Armação - Nanda","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Animal print\/ Claro","offer_id":48710096650472,"sku":"BR66220 48□21-145 C4","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Animal print\/ Escuro","offer_id":48710096683240,"sku":"BR66220 48□21-145 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Vinho","offer_id":48710096716008,"sku":"BR66220 48□21-145 C5","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage3dejul.de2026_15_51_21_ab0ee072-143b-457b-836f-7060edf7ed61.png?v=1783386192"},{"product_id":"armacao-rayanne","title":"Armação - Rayanne","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710096814312,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPT_Image_27_de_jun._de_2026_17_10_52.png?v=1783386194"},{"product_id":"armacao-monique","title":"Armação - Monique","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710096912616,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage27dejun.de2026_17_15_05.png?v=1783386195"},{"product_id":"armacao-beth","title":"Armação - Beth","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710097076456,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage27dejun.de2026_10_16_08.png?v=1783386196"},{"product_id":"armacao-julian","title":"Armação - Julian","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710097174760,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage27dejun.de2026_10_10_40.png?v=1783386197"},{"product_id":"armacao-fe","title":"Armação - Fê","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710097305832,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage27dejun.de2026_10_07_26.png?v=1783386198"},{"product_id":"armacao-pedro","title":"Armação - Pedro","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710097436904,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage27dejun.de2026_10_04_08.png?v=1783386199"},{"product_id":"armacao-drakv2","title":"Armação - Drakv2","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Preto\/Aberto","offer_id":48710097535208,"sku":"BR0714 52□19-140 C1","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata\/Aberto","offer_id":48710097567976,"sku":"BR0714 52□19-140 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Azul marinho\/Aberto","offer_id":48710097600744,"sku":"BR0714 52□19-140 C4","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Azul marinho\/Fechado","offer_id":48710097633512,"sku":"BR0715 52□19-140 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage26dejun.de2026_00_55_11_1.png?v=1783386200"},{"product_id":"armacao-kevin","title":"Armação - Kevin","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Preto\/Fechado","offer_id":48710097895656,"sku":"59328 55□17-139 C1","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Grafitte\/Fechado","offer_id":48710097928424,"sku":"59328 55□17-139 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata\/Aberto","offer_id":48710097961192,"sku":"59522 52□19-139 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto\/Aberto","offer_id":48710097993960,"sku":"59522 52□19-139 C1","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Grafite\/Aberto","offer_id":48710098026728,"sku":"59522 52□19-139 C2","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage26dejun.de2026_00_31_35.png?v=1783386201"},{"product_id":"armacao-marcelo","title":"Armação - Marcelo","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Amarelo","offer_id":48710098157800,"sku":"PZ10032 54☐16-142 C1","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Vermelho","offer_id":48710098190568,"sku":"PZ10032 54☐16-142","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Verde","offer_id":48710098223336,"sku":"PZ10032 54☐16-142 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_23_32_32.png?v=1783386203"},{"product_id":"armacao-ralf","title":"Armação - Ralf","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710098387176,"sku":"MC3821 51☐20-140 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_22_34_51.png?v=1783386204"},{"product_id":"armacao-ellis","title":"Armação - Ellis","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Rosa","offer_id":48710098518248,"sku":"BR10060 53☐16-145 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Marrom","offer_id":48710098551016,"sku":"BR77108 53□17-140 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Malhado","offer_id":48710098583784,"sku":"BR77108 53□17-140 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_22_16_14.png?v=1783386205"},{"product_id":"armacao-yasmin","title":"Armação - Yasmin","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710098714856,"sku":"MC3762 54☐16-140 C11","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_21_02_44.png?v=1783386206"},{"product_id":"armacao-yan","title":"Armação - Yan","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710098845928,"sku":"H0610 49☐23-140 C5","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_20_30_35.png?v=1783386207"},{"product_id":"armacao-carol","title":"Armação - Carol","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710099009768,"sku":"AY809 55☐19-142 C2","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_20_20_22.png?v=1783386208"},{"product_id":"armacao-domenico","title":"Armação - Domênico","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710099108072,"sku":"Z3659 50☐20-152 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_20_01_39.png?v=1783386209"},{"product_id":"armacao-heitor","title":"Armação - Heitor","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Preto","offer_id":48710099239144,"sku":"HZ7866 56☐18-140 C1","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":48710099271912,"sku":"HZ7866 56☐18-140 C3","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_19_49_31.png?v=1783386210"},{"product_id":"armacao-mitt","title":"Armação - Mitt","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710099402984,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_19_37_14.png?v=1783386212"},{"product_id":"armacao-ana","title":"Armação - Ana","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710101401832,"sku":"9G35 54-18-140","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_18_43_34.png?v=1783386213"},{"product_id":"armacao-otto","title":"Armação - Otto","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710101500136,"sku":"HZ7859 57☐18-140 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_16_40_58_782e4038-3745-47da-925c-1dcbabb96bd6.png?v=1783386214"},{"product_id":"armacao-tami","title":"Armação - Tami","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710101663976,"sku":"MT6589-1 53☐18-140 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPT_Image_25_de_jun._de_2026_15_48_16.png?v=1783386215"},{"product_id":"armacao-bayon","title":"Armação - Bayon","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710101762280,"sku":"MR9047 51☐21-145 C6","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_15_12_17.png?v=1783386216"},{"product_id":"armacao-nimia","title":"Armação - Nimia","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710101893352,"sku":"SZ4073 55☐17-145 C2","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_07_33_12.png?v=1783386217"},{"product_id":"armacao-kim","title":"Armação - Kim","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourada","offer_id":48710102024424,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":48710102057192,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPT_Image_25_de_jun._de_2026_18_55_54.png?v=1783386218"},{"product_id":"armacao-valentina","title":"Armação - Valentina","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":48710102188264,"sku":"52409 55☐18-145 C7","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":48710102221032,"sku":"52409 55☐18-145 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage25dejun.de2026_06_56_04.png?v=1783386219"},{"product_id":"armacao-lupa","title":"Armação - Lupa","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Preto\/Aberto","offer_id":48710102352104,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Verde musgo\/Fechado","offer_id":48710102384872,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage23dejun.de2026_22_24_47.png?v=1783386220"},{"product_id":"armacao-rosana","title":"Armação - Rosana","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Marrom","offer_id":48710102515944,"sku":"H36019 53☐17-143 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Rosa","offer_id":48710102548712,"sku":"H36019 53☐17-143 C4","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Marmorizado","offer_id":48710102581480,"sku":"H36019 53☐17-143 C5","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage20dejun.de2026_16_39_28.png?v=1783386222"},{"product_id":"armacao-milene","title":"Armação - Milene","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710102712552,"sku":"JC60085 55☐17-145 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage20dejun.de2026_15_49_39.png?v=1783386222"},{"product_id":"armacao-lidia","title":"Armação - lidia","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710102843624,"sku":"H018 52☐19-140","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage20dejun.de2026_15_37_34.png?v=1783386224"},{"product_id":"armacao-cecilia","title":"Armação - Cecília","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710102974696,"sku":"GZ7087 53□15-140 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage20dejun.de2026_14_42_00.png?v=1783386225"},{"product_id":"armacao-cassio","title":"Armação - Cassio","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710103073000,"sku":"GZ9146 58□17-142 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage20dejun.de2026_14_05_08.png?v=1783386226"},{"product_id":"armacao-janne","title":"Armação - Janne","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710103236840,"sku":"H005 53□18-145 C5","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage20dejun.de2026_13_43_29.png?v=1783386227"},{"product_id":"armacao-nick","title":"Armação - Nick","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710103335144,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage20dejun.de2026_13_32_38.png?v=1783386228"},{"product_id":"armacao-anelise","title":"Armação - Anelise","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710105333992,"sku":"BC-H2032 56□17-145 C5","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage20dejun.de2026_13_12_26.png?v=1783386229"},{"product_id":"armacao-vina","title":"Armação - Vina","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710105465064,"sku":"H101183C 47□23-145 C3","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage20dejun.de2026_12_34_22.png?v=1783386230"},{"product_id":"armacao-vitoria","title":"Armação - Vitória","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710105596136,"sku":"MC3750 54□17-142 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage20dejun.de2026_12_27_06.png?v=1783386231"},{"product_id":"armacao-marta","title":"Armação - Marta","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710105727208,"sku":"BC-H012 51□19-144 C2","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage19dejun.de2026_18_33_29.png?v=1783386232"},{"product_id":"armacao-mirian","title":"Armação - Mirian","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710105858280,"sku":"LHY3183 50□20-135","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage19dejun.de2026_18_16_52.png?v=1783386233"},{"product_id":"armacao-monne","title":"Armação - Monne","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710106022120,"sku":"SZ4087 56□18-145 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage19dejun.de2026_18_11_36.png?v=1783386234"},{"product_id":"armacao-simone","title":"Armação - Simone","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710106153192,"sku":"MP8041 52□20-145 C2","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage19dejun.de2026_18_06_07.png?v=1783386235"},{"product_id":"armacao-prih","title":"Armação - Prih","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710106284264,"sku":"MT6777 55□16-140 C8","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage19dejun.de2026_13_39_50.png?v=1783386237"},{"product_id":"armacao-dan","title":"Armação - Chico","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710106382568,"sku":"BR7012 50□22-150 C3","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage19dejun.de2026_13_29_52_2.png?v=1783386238"},{"product_id":"armacao-medeiros","title":"Armação - Medeiros","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710106480872,"sku":"XZ7962 51□21-145 C3","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPT_Image_19_de_jun._de_2026_13_17_43.png?v=1783386239"},{"product_id":"armacao-fabio","title":"Armação - Fabio","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710106611944,"sku":"H0612 53□21-143 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPTImage19dejun.de2026_13_01_29.png?v=1783386240"},{"product_id":"armacao-bernardo","title":"Armação - Bernardo","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710106710248,"sku":"MR9132 50□18-140 C3","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPT_Image_18_de_jun._de_2026_19_37_57.png?v=1783386240"},{"product_id":"armacao-tiao","title":"Armação - Tião","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":48710108709096,"sku":"F100 53□18-142 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0800\/5261\/7448\/files\/ChatGPT_Image_18_de_jun._de_2026_19_19_38_1.png?v=1783386242"}],"url":"https:\/\/useveracruz.com\/collections\/solares-copia.oembed?page=3","provider":"Vera Cruz","version":"1.0","type":"link"}