{"title":"Casual Esportivo","description":null,"products":[{"product_id":"armacao-tom","title":"Armação - Tom","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":52851902382191,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Grafite","offer_id":52851902414959,"sku":"YZ4115 56□17-142 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/IMG-7868.png?v=1781022241"},{"product_id":"armacao-harry","title":"Armação - Harry","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_harry.png?v=1784412030\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e   .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\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":52851902578799,"sku":"YZ41116 50□21-142 C2","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_19_de_jun._de_2026_17_51_46.png?v=1781902465"},{"product_id":"armacao-almirante","title":"Armação - Almirante","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_27_de_jul._de_2026_11_07_05.png?v=1785161245\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e   .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\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Prata","offer_id":53316451106927,"sku":null,"price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Dourado","offer_id":53316451139695,"sku":"MT6589-2 55□18-140 C5","price":350.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_25_de_jul._de_2026_16_27_12.png?v=1785008252"},{"product_id":"armacao-bad-bunny","title":"Armação - Bad Bunny","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":53177875398767,"sku":"RM0843 55□19-145 C3","price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Preto","offer_id":53177875431535,"sku":"RM0843 55□19-145 C1","price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Dourado\/Preto","offer_id":53550530887791,"sku":"BR1336 54□20-143 C3","price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Rose","offer_id":53550530920559,"sku":"BR1336 54□20-143 C4","price":350.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-01_at_15.52.57.jpeg_202606012243.jpg?v=1780365317"},{"product_id":"armacao-bento","title":"Armação - Bento","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Bento.png?v=1785171875\" alt=\"\" width=\"512\" height=\"512\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e   .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\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Cobre","offer_id":53192489271407,"sku":"MT6991 53□20-145 C6","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53192489304175,"sku":"MT6991 53□20-145 C1","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_15_de_jul._de_2026_10_54_07.png?v=1784134515"},{"product_id":"armacao-brenno","title":"Armação - Brenno","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":"Cinza","offer_id":53194662641775,"sku":"JC901 57□18-142 C2","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Preto","offer_id":53405028778095,"sku":"JC707 59☐20-141 C1","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-02_at_05.15.01_202606061017_2.jpg?v=1780752232"},{"product_id":"armacao-igor","title":"Armação - Igor","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":53206619324527,"sku":"MT6980 55☐18-145 C3","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-06_at_17.52.33.jpeg_202606091711.jpg?v=1781036030"},{"product_id":"armacao-victor","title":"Armação - Victor","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":53206751543407,"sku":"YZ24194 54☐17-138 C4","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-06_at_17.57.05.jpeg_202606091753.jpg?v=1781038584"},{"product_id":"armacao-tales","title":"Armação - Tales","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":"Cinza fosco","offer_id":53210777092207,"sku":"YY8814 44□25-145 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Cinza translúcido","offer_id":53210777124975,"sku":"YY8814 44□25-145  C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage10dejun.de2026_20_50_31.png?v=1781135647"},{"product_id":"armacao-mila","title":"Armação - Mila","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\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_HEXAGONAL_G_Mila_Tito_isac.png?v=1784411689\" alt=\"\"\u003e\u003c\/h1\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53211068301423,"sku":"H58995 48□24-149 C2","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage10dejun.de2026_23_33_11.png?v=1781145326"},{"product_id":"armacao-nata","title":"Armação - Natã","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":"Grafite","offer_id":53300582318191,"sku":"YZ24192 53□17-138","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Dourado","offer_id":53300582350959,"sku":"YZ24192 53□17-138 C5","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage18dejun.de2026_00_50_06.png?v=1781754751"},{"product_id":"armacao-dan","title":"Armação - Dan","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Dan.png?v=1784411869\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e   .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\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Preto","offer_id":53305571082351,"sku":"BC-H0010 47□23-145 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Translúcido","offer_id":53305571115119,"sku":"BC-H0010 47□23-145 C6","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Animal Print","offer_id":53316252500079,"sku":"BC-H0010 47□23-145 C8","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_18_de_jun._de_2026_16_37_20.png?v=1781811631"},{"product_id":"armacao-max","title":"Armação - Max","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Modelo_-_Max.png?v=1784411896\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e   .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\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Azul","offer_id":53300701036655,"sku":null,"price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Bege","offer_id":53300703101039,"sku":"YZ3737 54□19-137 C6","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53316152197231,"sku":"YZ3737 54□19-137 C1","price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Grafite","offer_id":53328482369647,"sku":null,"price":350.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_20_de_jun._de_2026_12_03_28.png?v=1781968103"},{"product_id":"armacao-marcos","title":"Armação - Marcos","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":53305986744431,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage18dejun.de2026_18_18_10.png?v=1781817745"},{"product_id":"armacao-antonio","title":"Armação - Antônio","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":53306124107887,"sku":"XZ7725 54□17-145 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage18dejun.de2026_18_59_08.png?v=1781820387"},{"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":53310724767855,"sku":"XZ7962 51□21-145 C3","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_19_de_jun._de_2026_13_17_43.png?v=1781885894"},{"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":53312139559023,"sku":"SZ4087 56□18-145 C4","price":350.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage19dejun.de2026_18_11_36.png?v=1781903535"},{"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":53312194216047,"sku":"LHY3183 50□20-135","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage19dejun.de2026_18_16_52.png?v=1781904224"},{"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\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Modelo_-_Vina.png?v=1784411755\" alt=\"\"\u003e\u003c\/h1\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53316174676079,"sku":"H101183C 47□23-145 C3","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage20dejun.de2026_12_34_22.png?v=1781969983"},{"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":53316496097391,"sku":"JC60085 55☐17-145 C1","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage20dejun.de2026_15_49_39.png?v=1781982382"},{"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":53328557899887,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Verde musgo\/Fechado","offer_id":53328557932655,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage23dejun.de2026_22_24_47.png?v=1782264365"},{"product_id":"armacao-bayon","title":"Armação - Bayon","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Bayon.png?v=1784411842\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e   .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\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53404310536303,"sku":"MR9047 51☐21-145 C6","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage25dejun.de2026_15_12_17.png?v=1782411449"},{"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":53404837412975,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage25dejun.de2026_19_37_14.png?v=1782427437"},{"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\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Domenico.png?v=1784411364\" alt=\"\"\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53404916973679,"sku":"Z3659 50☐20-152 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage25dejun.de2026_20_01_39.png?v=1782429070"},{"product_id":"armacao-kevin","title":"Armação - Kevin","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Kevin.png?v=1784411176\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"lente-guide\"\u003e\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Preto\/Fechado","offer_id":53405201432687,"sku":"59328 55□17-139 C1","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Grafitte\/Fechado","offer_id":53405201465455,"sku":"59328 55□17-139 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata\/Aberto","offer_id":53405201498223,"sku":"59522 52□19-139 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto\/Aberto","offer_id":53553748541551,"sku":"59522 52□19-139 C1","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Grafite\/Aberto","offer_id":53553748574319,"sku":"59522 52□19-139 C2","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage26dejun.de2026_00_31_35.png?v=1782445872"},{"product_id":"armacao-drake","title":"Armação - Drake II","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Drake_II.png?v=1784411278\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e   .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\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Preto\/Aberto","offer_id":53405219979375,"sku":"BR0714 52□19-140 C1","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Prata\/Aberto","offer_id":53405220012143,"sku":"BR0714 52□19-140 C3","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Azul marinho\/Aberto","offer_id":53405220077679,"sku":"BR0714 52□19-140 C4","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Azul marinho\/Fechado","offer_id":53406524735599,"sku":"BR0715 52□19-140 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage26dejun.de2026_00_55_11_1.png?v=1782446587"},{"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":53408784089199,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage27dejun.de2026_10_04_08.png?v=1782568567"},{"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":53409300578415,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage27dejun.de2026_10_07_26.png?v=1782585942"},{"product_id":"armacao-julian","title":"Armação - Julian","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_20_de_jul._de_2026_11_37_02.png?v=1784558250\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e   .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\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Preto","offer_id":53841425858671,"sku":"T91219 57□15-132 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Marrom","offer_id":53841425891439,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage27dejun.de2026_10_10_40.png?v=1782586452"},{"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\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_20_de_jul._de_2026_10_17_40.png?v=1784553496\" alt=\"\"\u003e\u003c\/h1\u003e\n\u003ch1\u003e\u003c\/h1\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Animal print\/ Claro","offer_id":53516199788655,"sku":"BR66220 48□21-145 C4","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Animal print\/ Escuro","offer_id":53516199821423,"sku":"BR66220 48□21-145 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Vinho","offer_id":53516199854191,"sku":"BR66220 48□21-145 C5","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage3dejul.de2026_15_51_21_ab0ee072-143b-457b-836f-7060edf7ed61.png?v=1783109054"},{"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":53550596718703,"sku":"BR0717 50□19-140 C3","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage3dejul.de2026_16_50_08.png?v=1783182590"},{"product_id":"armacao-lucas","title":"Armação - Lucas","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\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_20_de_jul._de_2026_11_19_11.png?v=1784557175\" alt=\"\"\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Cobre","offer_id":53818264453231,"sku":"H2052 55□18-142 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53818264485999,"sku":"H2052 55□18-142 C1","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53818264518767,"sku":"H2052 55□18-142 C2","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage15dejul.de2026_13_21_48.png?v=1784135925"},{"product_id":"armacao-lagoinha","title":"Armação - Lagoinha","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":53845599158383,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage18dejul.de2026_10_17_02.png?v=1784385428"},{"product_id":"armacao-sambaqui","title":"Armação - Sambaqui","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":53845605646447,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage17dejul.de2026_16_30_11.png?v=1784385514"},{"product_id":"armacao-cacupe","title":"Armação - Cacupé","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":53845611610223,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage17dejul.de2026_18_03_26.png?v=1784385638"},{"product_id":"armacao-zinga","title":"Armação - Zinga","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":53845623046255,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage17dejul.de2026_17_13_58.png?v=1784385852"},{"product_id":"armacao-quiteria","title":"Armação - Quité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":53845629436015,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage17dejul.de2026_18_02_00.png?v=1784385964"},{"product_id":"armacao-lobato","title":"Armação - Lobato","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":53845638840431,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage17dejul.de2026_17_59_31.png?v=1784386083"},{"product_id":"armacao-garibaldi","title":"Armação - Garibaldi","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":53845649129583,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage17dejul.de2026_17_18_22.png?v=1784386291"},{"product_id":"armacao-dumont","title":"Armação - Dumont","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":53845657911407,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage18dejul.de2026_10_13_14.png?v=1784386411"},{"product_id":"armacao-assis","title":"Armação - Assis","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":53845667938415,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage17dejul.de2026_16_30_04.png?v=1784386548"},{"product_id":"armacao-gui-1","title":"Armação - Gui","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Gui.png?v=1784412144\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e   .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\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\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\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\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\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \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 \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \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\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\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\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\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\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Grafite","offer_id":53846891921519,"sku":"25053 56□17-145 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53846891954287,"sku":"25053 56□17-145 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53846891987055,"sku":"25053 56□17-145 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_15_de_jul._de_2026_13_49_09.png?v=1784134862"}],"url":"https:\/\/4olhos.com\/collections\/casual-esportivo.oembed?page=2","provider":"4 OLHOS | ÓTICA","version":"1.0","type":"link"}