{"title":"Metal","description":"","products":[{"product_id":"arma-o-modelo-controversia","title":"Armação - Controvérsia","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Controversia.png?v=1784412072\" 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":52851902087279,"sku":"H720 50□21-144 C5","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Dourado","offer_id":52851902120047,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Rose","offer_id":53209823936623,"sku":"H720 50□21-144 C6","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-02_at_13.40.45.jpeg_202606021349.jpg?v=1780419050"},{"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":"drak","title":"Armação - Drake","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":"Armação fio de nylon \/ Preto","offer_id":53177566167151,"sku":"YZ24191","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Armação fio de nylon \/ Dourado","offer_id":53177566232687,"sku":"YZ24191","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Armação fio de nylon \/ Prata","offer_id":53177566298223,"sku":"YZ24191","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Armação fio de nylon \/ Azul marinho","offer_id":53177566363759,"sku":"YZ24191","price":350.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-05-29_at_22.29.01.jpeg_202606011457.jpg?v=1780342041"},{"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-chris","title":"Armação - Chris","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_25_de_jul._de_2026_13_51_19.png?v=1784998308\" 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":"Dourado\/Preto","offer_id":53886203854959,"sku":"MT8009 52□18-135 C1","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Dourado\/Verde","offer_id":53886203887727,"sku":"MT8009 52□18-135 C7","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Dourado\/vermelho","offer_id":53886203920495,"sku":"MT8009 52□18-135 C5","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_25_de_jul._de_2026_13_23_02.png?v=1784997646"},{"product_id":"armacao-demitrius","title":"Armação - Demitrius","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\n\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_24_de_jul._de_2026_12_40_56.png?v=1784907667\" alt=\"\"\u003e\u003cbr\u003e\u003cbr\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":"Dourado","offer_id":53880573591663,"sku":"MT6804 52□21-140 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53880573624431,"sku":"MT6804 52□21-140 C4","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Grafite","offer_id":53880573657199,"sku":"MT6804 52□21-140 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53880573689967,"sku":"MT6804 52□21-140 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_24_de_jul._de_2026_09_27_08.png?v=1784907023"},{"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-helena","title":"Armação - Helena","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":53177898008687,"sku":"H017 55□19-140 C2","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Prata","offer_id":53177898041455,"sku":"H017 55□19-140 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Cobre","offer_id":53405112729711,"sku":"H017 55□19-140 C4","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-01_at_15.56.25.jpeg_202606012310.jpg?v=1780366269"},{"product_id":"armacao-modelo-dafini","title":"Armação - Dafini","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":53180501557359,"sku":"RM0814 51□18-144 C3","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Cobreado","offer_id":53177937723503,"sku":"RM0814 51□18-144 C6","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Preto","offer_id":53177937756271,"sku":"RM0814 51□18-144 C1","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-02_at_13.09.25.jpeg_202606021312.jpg?v=1780416830"},{"product_id":"armacao-riana","title":"Armação - Riana","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Riana.png?v=1784410935\" 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":"Dourado","offer_id":53178086457455,"sku":"H010 52□23-142 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Rose","offer_id":53178086490223,"sku":"H010 52□23-142 C6","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Grafite","offer_id":53184444170351,"sku":"H010 52□23-142 C5","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_29_de_jun._de_2026_23_16_51.png?v=1782785825"},{"product_id":"armacao-sil","title":"Armação - Sil","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":53178093076591,"sku":"H014 51□22-142 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53178093109359,"sku":"H014 51□22-142 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Rose","offer_id":53209974997103,"sku":"H014 51□22-142 C6","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53822222008431,"sku":"H014 51□22-142 C1","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-01_at_16.05.02_202606012353.jpg?v=1780368859"},{"product_id":"armacao-dafini-karina","title":"Armação - Karina","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":53404372336751,"sku":"BR22518 54□17-145 C1","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Rose","offer_id":53404372369519,"sku":"BR22518 54☐17-145 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-02_at_13.12.44.jpeg_202606021325.jpg?v=1780418213"},{"product_id":"armacao-dafini-eva","title":"Armação - Eva","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":53180539338863,"sku":"OF7619 55□19-150 C3","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_13.30.39.jpeg_202606021341.jpg?v=1780418720"},{"product_id":"armacao-lua","title":"Armação - Lua","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_23_de_jul._de_2026_17_00_39.png?v=1784836862\" 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":"Prata","offer_id":53180652060783,"sku":"H021 53□20-145 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Dourado","offer_id":53209743458415,"sku":"H021 53☐20-145 c6","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_14.04.21.jpeg_202606021446_1.jpg?v=1780422430"},{"product_id":"armacao-aramis","title":"Armação - Aramis","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":53180778315887,"sku":"H022 50□22-143 C2","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Cobre","offer_id":53180782477423,"sku":"H022 50□22-143 C4","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Preto","offer_id":53206578364527,"sku":"H022 50□22-143 C1","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53297988894831,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Rose","offer_id":53298008588399,"sku":null,"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_14.04.48.jpeg_202606021453.jpg?v=1780423418"},{"product_id":"armacao-le","title":"Armação - Lê","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":"Prata","offer_id":53180942483567,"sku":"HZ7854 54□18-140 C5","price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Grafite","offer_id":53181077880943,"sku":"HZ7854 54□18-140 C2","price":350.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-02_at_14.31.16_202606021545.jpg?v=1780425984"},{"product_id":"armacao-luana","title":"Armação - Luana","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":"Prata","offer_id":53297985978479,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Dourado","offer_id":53297986011247,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage17dejun.de2026_19_08_20.png?v=1781734699"},{"product_id":"armacao-catya","title":"Armação - Catya","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":53181072277615,"sku":"MT6878 56□18-140 C7","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53312093487215,"sku":null,"price":350.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-02_at_14.32.24.jpeg_202606021644.jpg?v=1780429478"},{"product_id":"armacao-jorge","title":"Armação - Jorge","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Modelo_-_Jorge.png?v=1784411930\" 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":53181082206319,"sku":"HZ7867 54□18-140 C3","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53184582156399,"sku":"HZ7867 54□18-140 C2","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53316154359919,"sku":null,"price":350.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_29_de_jun._de_2026_23_07_25.png?v=1782785291"},{"product_id":"armacao-ariel","title":"Armação - Ariel","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":53181124345967,"sku":"HQ2041 51□21-146 C1","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53181124378735,"sku":"HQ2041 51□21-146 C3","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-02_at_14.33.45.jpeg_202606021727.jpg?v=1780432240"},{"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-brayan","title":"Armação - Brayan","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":53196078841967,"sku":"H2050 54☐20-145","price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Dourado","offer_id":53822172463215,"sku":null,"price":350.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_17_47_42.png?v=1784151381"},{"product_id":"armacao-richard","title":"Armação - Richard","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":53196082937967,"sku":"JC9516 54☐18-145 C1","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-06_at_14.58.59.jpeg_202606061610.jpg?v=1780773126"},{"product_id":"armacao-nice","title":"Armação - Nice","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":"Prata","offer_id":53196084969583,"sku":"H35204 50☐20-143 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Rose","offer_id":53405124984943,"sku":"H35204 50☐20-143 C4","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_15.07.45.jpeg_202606061617.jpg?v=1780773786"},{"product_id":"armacao-filo","title":"Armação - Filó","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":53196087623791,"sku":"H35207 50☐19-143 C1","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Rose","offer_id":53405103390831,"sku":"H35207 51☐19-143 C2","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_15.10.35.jpeg_202606061634.jpg?v=1780774675"},{"product_id":"armacao-roseli","title":"Armação - Roseli","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":"Rose","offer_id":53196189728879,"sku":"JZ3953 50□20-141C6","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_15.19.33.jpeg_202606061751.jpg?v=1780779087"},{"product_id":"armacao-jordan","title":"Armação - Jordan","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":53206589079663,"sku":"H8647 57□17-145","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.49.45_202606091647.jpg?v=1781034676"},{"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-beatriz","title":"Armação - Isa","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":53206680404079,"sku":"AY811 54□17-143 C2","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.59.16.jpeg_202606091836.jpg?v=1781041118"},{"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-gica","title":"Armação - Gica","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":53206927835247,"sku":"BR96012 50□19-140 C2","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Preto","offer_id":53206933143663,"sku":"BR96012 50□19-140 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Edit_eyeglasses_product_photo_202606091941.jpg?v=1781045443"},{"product_id":"armacao-amanda","title":"Armação - Amanda","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":53297433051247,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Preto","offer_id":53297433084015,"sku":"H36021 52□17-140 C1","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage17dejun.de2026_15_38_21.png?v=1781721934"},{"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-lais","title":"Armação - Laís","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":53300631961711,"sku":"BR1335 54□17-140 C3","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage18dejun.de2026_01_01_37.png?v=1781755556"},{"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-prih","title":"Armação - Prih","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53310809669743,"sku":"MT6777 55□16-140 C8","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage19dejun.de2026_13_39_50.png?v=1781887254"},{"product_id":"armacao-simone","title":"Armação - Simone","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53312121602159,"sku":"MP8041 52□20-145 C2","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage19dejun.de2026_18_06_07.png?v=1781903252"},{"product_id":"armacao-marta","title":"Armação - Marta","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53312253591663,"sku":"BC-H012 51□19-144 C2","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage19dejun.de2026_18_33_29.png?v=1781905020"},{"product_id":"armacao-anelise","title":"Armação - Anelise","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53316235886703,"sku":"BC-H2032 56□17-145 C5","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage20dejun.de2026_13_12_26.png?v=1781972108"},{"product_id":"armacao-lidia","title":"Armação - lidia","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53316472963183,"sku":"H018 52☐19-140","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage20dejun.de2026_15_37_34.png?v=1781980669"},{"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-kim","title":"Armação - Kim","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourada","offer_id":53404828827759,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53404828860527,"sku":"MT6630 51□20-140 C2","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_25_de_jun._de_2026_18_55_54.png?v=1782424996"},{"product_id":"armacao-tami","title":"Armação - Tami","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53404408414319,"sku":"MT6589-1 53☐18-140 C4","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_jun._de_2026_15_48_16.png?v=1782413628"},{"product_id":"armacao-otto","title":"Armação - Otto","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Marrom","offer_id":53799238828143,"sku":"HZ7859 57☐18-140 C4","price":350.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage25dejun.de2026_16_40_58_782e4038-3745-47da-925c-1dcbabb96bd6.png?v=1782423540"},{"product_id":"armacao-heitor","title":"Armação - Heitor","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Preto","offer_id":53404915859567,"sku":"HZ7866 56☐18-140 C1","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53404915892335,"sku":"HZ7866 56☐18-140 C3","price":350.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage25dejun.de2026_19_49_31.png?v=1782428180"},{"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/collections\/Metal.png?v=1782677678","url":"https:\/\/4olhos.com\/collections\/metal-1.oembed?page=3","provider":"4 OLHOS | ÓTICA","version":"1.0","type":"link"}