{"title":"Armações masculinas","description":"","products":[{"product_id":"oculos-de-grau-luca-copia1","title":"Armação - Juno","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":"Caramelo","offer_id":52851901988975,"sku":"H20266 49□22-148 C6","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Tartaruga","offer_id":52851902021743,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Animal print \/ Fosco","offer_id":52851902054511,"sku":"RM0747 49□20-140 C166","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Azul","offer_id":53177438634095,"sku":"YY4417 49□19-145 C4","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53177438666863,"sku":"RM0835 52□21-143 C1","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Marrom","offer_id":53177438699631,"sku":"H20266 49□22-148 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Bege","offer_id":53177438732399,"sku":"RM0747 40□20-140 C14","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-05-29_at_22.29.05.jpeg_202606011457.jpg?v=1780337941"},{"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":"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-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-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-laura","title":"Armação - Laura","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":"Transparente","offer_id":53196087558255,"sku":"H0631 50□20-142 C5","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-03_at_18.34.36_202606061628_1.jpg?v=1780774211"},{"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-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-henrick","title":"Armação - Henrick","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":53210754678895,"sku":"H581027 52□21-149 C8","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage10dejun.de2026_20_38_11.png?v=1781134894"},{"product_id":"armacao-tales","title":"Armação - Tales","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Cinza fosco","offer_id":53210777092207,"sku":"YY8814 44□25-145 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Cinza translúcido","offer_id":53210777124975,"sku":"YY8814 44□25-145  C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage10dejun.de2026_20_50_31.png?v=1781135647"},{"product_id":"armacao-jonny","title":"Armação - Jonny","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":"Laranja","offer_id":53405113221231,"sku":"H581013 47□150 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Transparente","offer_id":53405113253999,"sku":"H581013 47□150 C4","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage10dejun.de2026_21_01_57.png?v=1781136261"},{"product_id":"armacao-jean","title":"Armação - Jean","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":53210792460399,"sku":"H58868 47□20-150 C8","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_10_de_jun._de_2026_21_12_36.png?v=1781136796"},{"product_id":"armacao-tito","title":"Armação - Tito","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_HEXAGONAL_G_Mila_Tito_isac_466963b7-7c7f-4334-934e-cf01108ad87e.png?v=1785163623\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e   .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lg-more\"\u003e\n\u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lg-more-body\"\u003e\n\u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check\"\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits\"\u003e\n\u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-contact\"\u003e\n\u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n\u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n\u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Marrom","offer_id":53404287991919,"sku":"H58995 48□24-149 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Amarelo","offer_id":53404288024687,"sku":"H58995 48☐24-149 C8","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Translúcido\/Bege","offer_id":53409601978479,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage10dejun.de2026_21_45_12.png?v=1781138794"},{"product_id":"armacao-dimas","title":"Armação - Dimas","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":53210957414511,"sku":"SZ4090 54□18-145 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_13_de_jul._de_2026_18_28_00.png?v=1783978102"},{"product_id":"armacao-tiago","title":"Armação - Tiago","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":53210988871791,"sku":"MT8079 51□18-145 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage10dejun.de2026_22_51_41.png?v=1781142800"},{"product_id":"armacao-rubens","title":"Armação - Rubens","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":53211004665967,"sku":"MC3879 51□17-140 C8","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage10dejun.de2026_22_59_31.png?v=1781143188"},{"product_id":"armacao-santos","title":"Armação - Santos","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Rosa\/Translúcido","offer_id":53874883166319,"sku":"XZ7820 48□20-145 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Cinza\/Translúcido","offer_id":53874883199087,"sku":"XZ7820 48□20-145 C4","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Marrom\/Translúcido","offer_id":53874883231855,"sku":"XZ7820 48□20-145 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53874883264623,"sku":"XZ7820 48□20-145 C6","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage10dejun.de2026_23_05_40.png?v=1781143680"},{"product_id":"armacao-nata","title":"Armação - Natã","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Grafite","offer_id":53300582318191,"sku":"YZ24192 53□17-138","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Dourado","offer_id":53300582350959,"sku":"YZ24192 53□17-138 C5","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage18dejun.de2026_00_50_06.png?v=1781754751"},{"product_id":"armacao-dan","title":"Armação - Dan","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Dan.png?v=1784411869\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e   .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lg-more\"\u003e\n\u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lg-more-body\"\u003e\n\u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check\"\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits\"\u003e\n\u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-contact\"\u003e\n\u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n\u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n\u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Preto","offer_id":53305571082351,"sku":"BC-H0010 47□23-145 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Translúcido","offer_id":53305571115119,"sku":"BC-H0010 47□23-145 C6","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Animal Print","offer_id":53316252500079,"sku":"BC-H0010 47□23-145 C8","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_18_de_jun._de_2026_16_37_20.png?v=1781811631"},{"product_id":"armacao-max","title":"Armação - Max","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Modelo_-_Max.png?v=1784411896\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e   .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lg-more\"\u003e\n\u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lg-more-body\"\u003e\n\u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check\"\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits\"\u003e\n\u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-contact\"\u003e\n\u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n\u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n\u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Azul","offer_id":53300701036655,"sku":null,"price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Bege","offer_id":53300703101039,"sku":"YZ3737 54□19-137 C6","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53316152197231,"sku":"YZ3737 54□19-137 C1","price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Grafite","offer_id":53328482369647,"sku":null,"price":350.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_20_de_jun._de_2026_12_03_28.png?v=1781968103"},{"product_id":"armacao-marcos","title":"Armação - Marcos","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53305986744431,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage18dejun.de2026_18_18_10.png?v=1781817745"},{"product_id":"armacao-antonio","title":"Armação - Antônio","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53306124107887,"sku":"XZ7725 54□17-145 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage18dejun.de2026_18_59_08.png?v=1781820387"},{"product_id":"armacao-tiao","title":"Armação - Tião","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53306186563695,"sku":"F100 53□18-142 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_18_de_jun._de_2026_19_19_38_1.png?v=1781821339"},{"product_id":"armacao-bernardo","title":"Armação - Bernardo","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53306251542639,"sku":"MR9132 50□18-140 C3","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_18_de_jun._de_2026_19_37_57.png?v=1781822971"},{"product_id":"armacao-fabio","title":"Armação - Fabio","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Marrom","offer_id":53875969491055,"sku":"H0612 53□21-143 C4","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Animal Print","offer_id":53875969523823,"sku":"H0612 53□21-143 C5","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage19dejun.de2026_13_01_29.png?v=1781885101"},{"product_id":"armacao-medeiros","title":"Armação - Medeiros","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53310724767855,"sku":"XZ7962 51□21-145 C3","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_19_de_jun._de_2026_13_17_43.png?v=1781885894"},{"product_id":"armacao-chico","title":"Armação - Chico","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53310760943727,"sku":"BR7012 50□22-150 C3","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage19dejun.de2026_13_29_52_2.png?v=1781886753"},{"product_id":"armacao-vina","title":"Armação - Vina","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Modelo_-_Vina.png?v=1784411755\" alt=\"\"\u003e\u003c\/h1\u003e\n\u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lg-more\"\u003e\n\u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lg-more-body\"\u003e\n\u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check\"\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits\"\u003e\n\u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-contact\"\u003e\n\u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n\u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n\u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53316174676079,"sku":"H101183C 47□23-145 C3","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage20dejun.de2026_12_34_22.png?v=1781969983"},{"product_id":"armacao-nick","title":"Armação - Nick","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53316262953071,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage20dejun.de2026_13_32_38.png?v=1781973179"},{"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-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-bayon","title":"Armação - Bayon","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Bayon.png?v=1784411842\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e   .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lg-more\"\u003e\n\u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lg-more-body\"\u003e\n\u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check\"\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits\"\u003e\n\u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-contact\"\u003e\n\u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n\u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n\u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53404310536303,"sku":"MR9047 51☐21-145 C6","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage25dejun.de2026_15_12_17.png?v=1782411449"},{"product_id":"armacao-mitt","title":"Armação - Mitt","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53404837412975,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage25dejun.de2026_19_37_14.png?v=1782427437"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/collections\/R_250_1.png?v=1780323056","url":"https:\/\/4olhos.com\/collections\/armacoes-masculinas.oembed?page=4","provider":"4 OLHOS | ÓTICA","version":"1.0","type":"link"}