{"title":"Todas as Armações (combo)","description":null,"products":[{"product_id":"armacao-modelo-duda","title":"Armação - Duda","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Modelo_-_Duda.png?v=1784411726\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\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\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":52843081564271,"sku":"RM0745-3 52□18-140 C1","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Bronze","offer_id":52847951675503,"sku":"H20264 50 □19-148 C6","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Transparente","offer_id":53177643630703,"sku":"H20264 50 □ 19-148 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Nude","offer_id":53177643663471,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Marrom","offer_id":53177645367407,"sku":"H20264 50 □ 19-148 C3","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Animal Print","offer_id":53177660342383,"sku":"YY4411 52 □19-145","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_10_32.png?v=1782785446"},{"product_id":"armacao-modelo-sarah","title":"Armação - Sarah","description":"\u003cdiv class=\"font-small mb-3\" style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; color: #000000; font-family: Chivo, sans-serif; background-color: #ffffff; font-size: 12px !important; margin-bottom: 1rem !important;\"\u003eDescrição\u003c\/div\u003e\r\n\u003cdiv class=\"user-content mb-4\" style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; color: #000000; font-family: Chivo, sans-serif; background-color: #ffffff; margin-bottom: 1.5rem !important;\"\u003e\r\n\u003cp style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; line-height: 1.4286em;\"\u003eNa 4 Olhos nossa oferta padrão — armação e lente por R$ 250 — atende bem vários casos, mas não são todos.\u003c\/p\u003e\r\n\u003cp style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; line-height: 1.4286em;\"\u003e \u003c\/p\u003e\r\n\u003cp style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; line-height: 1.4286em;\"\u003e\u003cstrong style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent;\"\u003eAtendemos:\u003c\/strong\u003e\u003c\/p\u003e\r\n\u003cul style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; list-style-type: square; padding-left: 20px;\"\u003e\r\n\u003cli style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; margin-bottom: 10px; line-height: 22px;\"\u003eMiopia.\u003c\/li\u003e\r\n\u003cli style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; margin-bottom: 10px; line-height: 22px;\"\u003eAstigmatismo\u003c\/li\u003e\r\n\u003cli style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; margin-bottom: 10px; line-height: 22px;\"\u003eHipermetropia\u003c\/li\u003e\r\n\u003c\/ul\u003e\r\n\u003cp style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; line-height: 1.4286em;\"\u003e \u003c\/p\u003e\r\n\u003cp style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; line-height: 1.4286em;\"\u003e\u003cstrong style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent;\"\u003eNão atendemos: \u003c\/strong\u003e\u003c\/p\u003e\r\n\u003cul style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; list-style-type: square; padding-left: 20px;\"\u003e\r\n\u003cli style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; margin-bottom: 10px; line-height: 22px;\"\u003ePresbiopia (vista cansada depois dos 40 anos).\u003c\/li\u003e\r\n\u003cli style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; margin-bottom: 10px; line-height: 22px;\"\u003eÓculos multifocais (esse nome aparece na receita se for o caso).\u003c\/li\u003e\r\n\u003c\/ul\u003e\r\n\u003cp style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; line-height: 1.4286em;\"\u003e \u003c\/p\u003e\r\n\u003cp style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; line-height: 1.4286em;\"\u003e\u003cem style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent;\"\u003e\u003cstrong style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent;\"\u003eAh, mas eu tenho um grau alto. A 4 Olhos também me atende? \u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\r\n\u003cp style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; line-height: 1.4286em;\"\u003eSim, atendemos! Mas pode ser que a lente padrão fique um verdadeiro fundo de garrafa. Por isso, nossa equipe técnica sugere que se o grau total dos seus óculos forem mais do que 3.00, você faça a lente fina e se o grau total for maior que 5.00, você faça a lente ultrafina.\u003c\/p\u003e\r\n\u003cp style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; line-height: 1.4286em;\"\u003e \u003c\/p\u003e\r\n\u003cp style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; line-height: 1.4286em;\"\u003e\u003cstrong style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent;\"\u003eQuais são os adicionais de lentes finas e ultrafinas?\u003c\/strong\u003e\u003c\/p\u003e\r\n\u003cul style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; list-style-type: square; padding-left: 20px;\"\u003e\r\n\u003cli style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; margin-bottom: 10px; line-height: 22px;\"\u003eLentes finas(policarbonato): +R$ 100\u003c\/li\u003e\r\n\u003cli style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; margin-bottom: 10px; line-height: 22px;\"\u003eLentes ultrafinas(1.67): +R$ 200\u003c\/li\u003e\r\n\u003c\/ul\u003e\r\n\u003cp style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; line-height: 1.4286em;\"\u003e \u003c\/p\u003e\r\n\u003cp style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; line-height: 1.4286em;\"\u003e\u003cstrong style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent;\"\u003eAté qual grau vocês atendem? \u003c\/strong\u003e\u003c\/p\u003e\r\n\u003cul style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; list-style-type: square; padding-left: 20px;\"\u003e\r\n\u003cli style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; margin-bottom: 10px; line-height: 22px;\"\u003eMiopia:Até -8.00\u003c\/li\u003e\r\n\u003cli style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; margin-bottom: 10px; line-height: 22px;\"\u003eAstigmatismo: Até 4.00\u003c\/li\u003e\r\n\u003cli style=\"box-sizing: inherit; -webkit-tap-highlight-color: transparent; margin-bottom: 10px; line-height: 22px;\"\u003eHipermetropia: Até 6.00\u003c\/li\u003e\r\n\u003c\/ul\u003e\r\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Tartaruga","offer_id":52843696259183,"sku":"RM60055 52□17-145 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Amadeirado","offer_id":52843696291951,"sku":"RM60055 52□17-145 C4","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":52843696324719,"sku":"RM60055 52□17-145 C1","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Vinho","offer_id":52843696357487,"sku":"029-938","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Nude","offer_id":53404527558767,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/d75714e0a6c9e9636754073d670a6432_ca631d70-955c-40c0-b01c-b7720a2a8091.webp?v=1781298319"},{"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":"armacao-tom","title":"Armação - Tom","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Preto","offer_id":52851902382191,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Grafite","offer_id":52851902414959,"sku":"YZ4115 56□17-142 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/IMG-7868.png?v=1781022241"},{"product_id":"drak","title":"Armação - Drake","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Armação fio de nylon \/ Preto","offer_id":53177566167151,"sku":"YZ24191","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Armação fio de nylon \/ Dourado","offer_id":53177566232687,"sku":"YZ24191","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Armação fio de nylon \/ Prata","offer_id":53177566298223,"sku":"YZ24191","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Armação fio de nylon \/ Azul marinho","offer_id":53177566363759,"sku":"YZ24191","price":350.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-05-29_at_22.29.01.jpeg_202606011457.jpg?v=1780342041"},{"product_id":"armacao-douglas","title":"Armação - Douglas","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":52851902513263,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Translúcido","offer_id":52851902546031,"sku":"MC3802 53□16-140 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"TranslúcidoCinza Translúcido\/Tartaruga","offer_id":53211067416687,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_10_de_jun._de_2026_14_32_08.png?v=1781112835"},{"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-gab","title":"Armação - Gab","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":52851903496303,"sku":"MC3780","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/155-b716838f8d288d8b5417690371629391-1024-1024.webp?v=1774556010"},{"product_id":"armacao-chris","title":"Armação - Chris","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_25_de_jul._de_2026_13_51_19.png?v=1784998308\" alt=\"\"\u003e\u003c\/h1\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lg-more\"\u003e\n\u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lg-more-body\"\u003e\n\u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check\"\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits\"\u003e\n\u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-contact\"\u003e\n\u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n\u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n\u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado\/Preto","offer_id":53886203854959,"sku":"MT8009 52□18-135 C1","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Dourado\/Verde","offer_id":53886203887727,"sku":"MT8009 52□18-135 C7","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Dourado\/vermelho","offer_id":53886203920495,"sku":"MT8009 52□18-135 C5","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_25_de_jul._de_2026_13_23_02.png?v=1784997646"},{"product_id":"armacao-proa","title":"Armação - Proa","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":52851903758447,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/37-28a5842f1cc68e385517686836820565-1024-1024_1.webp?v=1774555240"},{"product_id":"armacao-demitrius","title":"Armação - Demitrius","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003e\n\u003cbr\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_24_de_jul._de_2026_12_40_56.png?v=1784907667\" alt=\"\"\u003e\u003cbr\u003e\u003cbr\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lg-more\"\u003e\n\u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lg-more-body\"\u003e\n\u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check\"\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits\"\u003e\n\u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-contact\"\u003e\n\u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n\u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n\u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":53880573591663,"sku":"MT6804 52□21-140 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53880573624431,"sku":"MT6804 52□21-140 C4","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Grafite","offer_id":53880573657199,"sku":"MT6804 52□21-140 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53880573689967,"sku":"MT6804 52□21-140 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_24_de_jul._de_2026_09_27_08.png?v=1784907023"},{"product_id":"armacao-rafa","title":"Armação - Rafa","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_25_de_jul._de_2026_10_57_53.png?v=1784987906\" alt=\"\"\u003e\u003c\/h1\u003e\n\u003ch1\u003e\u003c\/h1\u003e\n\u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lg-more\"\u003e\n\u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lg-more-body\"\u003e\n\u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check\"\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits\"\u003e\n\u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-contact\"\u003e\n\u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n\u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n\u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Azul","offer_id":53195097538671,"sku":"MT6972 48□22-140 C6","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53195097571439,"sku":"MT6972 48□22-140 C7","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Dourado","offer_id":53885762601071,"sku":"MT6972 48□22-140 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Rosa","offer_id":53885762633839,"sku":"MT6972 48□22-140 C5","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_25_de_jul._de_2026_10_48_21.png?v=1784987514"},{"product_id":"armacao-almirante","title":"Armação - Almirante","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_27_de_jul._de_2026_11_07_05.png?v=1785161245\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e   .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lg-more\"\u003e\n\u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lg-more-body\"\u003e\n\u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check\"\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits\"\u003e\n\u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-contact\"\u003e\n\u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n\u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n\u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Prata","offer_id":53316451106927,"sku":null,"price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Dourado","offer_id":53316451139695,"sku":"MT6589-2 55□18-140 C5","price":350.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_25_de_jul._de_2026_16_27_12.png?v=1785008252"},{"product_id":"armacao-bad-bunny","title":"Armação - Bad Bunny","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":53177875398767,"sku":"RM0843 55□19-145 C3","price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Preto","offer_id":53177875431535,"sku":"RM0843 55□19-145 C1","price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Dourado\/Preto","offer_id":53550530887791,"sku":"BR1336 54□20-143 C3","price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Rose","offer_id":53550530920559,"sku":"BR1336 54□20-143 C4","price":350.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-01_at_15.52.57.jpeg_202606012243.jpg?v=1780365317"},{"product_id":"armacao-helena","title":"Armação - Helena","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":53177898008687,"sku":"H017 55□19-140 C2","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Prata","offer_id":53177898041455,"sku":"H017 55□19-140 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Cobre","offer_id":53405112729711,"sku":"H017 55□19-140 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-01_at_15.56.25.jpeg_202606012310.jpg?v=1780366269"},{"product_id":"armacao-modelo-dafini","title":"Armação - Dafini","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":53180501557359,"sku":"RM0814 51□18-144 C3","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Cobreado","offer_id":53177937723503,"sku":"RM0814 51□18-144 C6","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Preto","offer_id":53177937756271,"sku":"RM0814 51□18-144 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-02_at_13.09.25.jpeg_202606021312.jpg?v=1780416830"},{"product_id":"armacao-riana","title":"Armação - Riana","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Riana.png?v=1784410935\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e   .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lg-more\"\u003e\n\u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lg-more-body\"\u003e\n\u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check\"\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits\"\u003e\n\u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-contact\"\u003e\n\u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n\u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n\u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":53178086457455,"sku":"H010 52□23-142 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Rose","offer_id":53178086490223,"sku":"H010 52□23-142 C6","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Grafite","offer_id":53184444170351,"sku":"H010 52□23-142 C5","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_29_de_jun._de_2026_23_16_51.png?v=1782785825"},{"product_id":"armacao-sil","title":"Armação - Sil","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":53178093076591,"sku":"H014 51□22-142 C2","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53178093109359,"sku":"H014 51□22-142 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Rose","offer_id":53209974997103,"sku":"H014 51□22-142 C6","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53822222008431,"sku":"H014 51□22-142 C1","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-01_at_16.05.02_202606012353.jpg?v=1780368859"},{"product_id":"armacao-dafini-karina","title":"Armação - Karina","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":53404372336751,"sku":"BR22518 54□17-145 C1","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Rose","offer_id":53404372369519,"sku":"BR22518 54☐17-145 C4","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-02_at_13.12.44.jpeg_202606021325.jpg?v=1780418213"},{"product_id":"armacao-dafini-eva","title":"Armação - Eva","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53180539338863,"sku":"OF7619 55□19-150 C3","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-02_at_13.30.39.jpeg_202606021341.jpg?v=1780418720"},{"product_id":"armacao-lua","title":"Armação - Lua","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_23_de_jul._de_2026_17_00_39.png?v=1784836862\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e   .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lg-more\"\u003e\n\u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lg-more-body\"\u003e\n\u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check\"\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits\"\u003e\n\u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-contact\"\u003e\n\u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n\u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n\u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Prata","offer_id":53180652060783,"sku":"H021 53□20-145 C5","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Dourado","offer_id":53209743458415,"sku":"H021 53☐20-145 c6","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-02_at_14.04.21.jpeg_202606021446_1.jpg?v=1780422430"},{"product_id":"armacao-aramis","title":"Armação - Aramis","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":53180778315887,"sku":"H022 50□22-143 C2","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Cobre","offer_id":53180782477423,"sku":"H022 50□22-143 C4","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Preto","offer_id":53206578364527,"sku":"H022 50□22-143 C1","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53297988894831,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Rose","offer_id":53298008588399,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-02_at_14.04.48.jpeg_202606021453.jpg?v=1780423418"},{"product_id":"armacao-le","title":"Armação - Lê","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Prata","offer_id":53180942483567,"sku":"HZ7854 54□18-140 C5","price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Grafite","offer_id":53181077880943,"sku":"HZ7854 54□18-140 C2","price":350.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-02_at_14.31.16_202606021545.jpg?v=1780425984"},{"product_id":"armacao-luana","title":"Armação - Luana","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Prata","offer_id":53297985978479,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Dourado","offer_id":53297986011247,"sku":null,"price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage17dejun.de2026_19_08_20.png?v=1781734699"},{"product_id":"armacao-catya","title":"Armação - Catya","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":53181072277615,"sku":"MT6878 56□18-140 C7","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53312093487215,"sku":null,"price":350.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-02_at_14.32.24.jpeg_202606021644.jpg?v=1780429478"},{"product_id":"armacao-jorge","title":"Armação - Jorge","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Modelo_-_Jorge.png?v=1784411930\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e   .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lg-more\"\u003e\n\u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lg-more-body\"\u003e\n\u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check\"\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits\"\u003e\n\u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-contact\"\u003e\n\u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n\u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n\u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Grafite","offer_id":53181082206319,"sku":"HZ7867 54□18-140 C3","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53184582156399,"sku":"HZ7867 54□18-140 C2","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53316154359919,"sku":null,"price":350.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_29_de_jun._de_2026_23_07_25.png?v=1782785291"},{"product_id":"armacao-ariel","title":"Armação - Ariel","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":53181124345967,"sku":"HQ2041 51□21-146 C1","price":350.0,"currency_code":"BRL","in_stock":true},{"title":"Prata","offer_id":53181124378735,"sku":"HQ2041 51□21-146 C3","price":350.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-02_at_14.33.45.jpeg_202606021727.jpg?v=1780432240"},{"product_id":"armacao-bento","title":"Armação - Bento","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Bento.png?v=1785171875\" alt=\"\" width=\"512\" height=\"512\"\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e   .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-tier\"\u003e\n\u003cdiv class=\"lg-tier-top\"\u003e\n\u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"lg-more\"\u003e\n\u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"lg-more-body\"\u003e\n\u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check\"\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-check-col\"\u003e\n\u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n\u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits\"\u003e\n\u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-contact\"\u003e\n\u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n\u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n\u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Cobre","offer_id":53192489271407,"sku":"MT6991 53□20-145 C6","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Preto","offer_id":53192489304175,"sku":"MT6991 53□20-145 C1","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_15_de_jul._de_2026_10_54_07.png?v=1784134515"},{"product_id":"armacao-brenno","title":"Armação - Brenno","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Cinza","offer_id":53194662641775,"sku":"JC901 57□18-142 C2","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Preto","offer_id":53405028778095,"sku":"JC707 59☐20-141 C1","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-02_at_05.15.01_202606061017_2.jpg?v=1780752232"},{"product_id":"armacao-brayan","title":"Armação - Brayan","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Preto","offer_id":53196078841967,"sku":"H2050 54☐20-145","price":350.0,"currency_code":"BRL","in_stock":false},{"title":"Dourado","offer_id":53822172463215,"sku":null,"price":350.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPT_Image_15_de_jul._de_2026_17_47_42.png?v=1784151381"},{"product_id":"armacao-richard","title":"Armação - Richard","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":53196082937967,"sku":"JC9516 54☐18-145 C1","price":350.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-06_at_14.58.59.jpeg_202606061610.jpg?v=1780773126"},{"product_id":"armacao-nice","title":"Armação - Nice","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Prata","offer_id":53196084969583,"sku":"H35204 50☐20-143 C3","price":250.0,"currency_code":"BRL","in_stock":true},{"title":"Rose","offer_id":53405124984943,"sku":"H35204 50☐20-143 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-06_at_15.07.45.jpeg_202606061617.jpg?v=1780773786"},{"product_id":"armacao-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-filo","title":"Armação - Filó","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":53196087623791,"sku":"H35207 50☐19-143 C1","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Rose","offer_id":53405103390831,"sku":"H35207 51☐19-143 C2","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-06_at_15.10.35.jpeg_202606061634.jpg?v=1780774675"},{"product_id":"armacao-roseli","title":"Armação - Roseli","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Rose","offer_id":53196189728879,"sku":"JZ3953 50□20-141C6","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-06_at_15.19.33.jpeg_202606061751.jpg?v=1780779087"},{"product_id":"armacao-jordan","title":"Armação - Jordan","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53206589079663,"sku":"H8647 57□17-145","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-06_at_17.49.45_202606091647.jpg?v=1781034676"},{"product_id":"armacao-igor","title":"Armação - Igor","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53206619324527,"sku":"MT6980 55☐18-145 C3","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-06_at_17.52.33.jpeg_202606091711.jpg?v=1781036030"},{"product_id":"armacao-beatriz","title":"Armação - Isa","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53206680404079,"sku":"AY811 54□17-143 C2","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-06_at_17.59.16.jpeg_202606091836.jpg?v=1781041118"},{"product_id":"armacao-victor","title":"Armação - Victor","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Default Title","offer_id":53206751543407,"sku":"YZ24194 54☐17-138 C4","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/WhatsApp_Image_2026-06-06_at_17.57.05.jpeg_202606091753.jpg?v=1781038584"},{"product_id":"armacao-gica","title":"Armação - Gica","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\n  \u003cdiv class=\"lg-head\"\u003e\n    \u003ch1\u003eEscolha sua lente\u003c\/h1\u003e\n    \u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n      \u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e2\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eFica muito tempo na tela do celular ou computador?\u003c\/p\u003e\n      \u003cp class=\"lg-step-price\"\u003e+ R$ 47 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003efiltro de luz azul (opcional)\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eMesmo limite da lente básica: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-2.00\u003c\/strong\u003e.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-step\"\u003e\n    \u003cdiv class=\"lg-step-num\"\u003e3\u003c\/div\u003e\n    \u003cdiv class=\"lg-step-body\"\u003e\n      \u003cp class=\"lg-step-title\"\u003eSeu grau é mais alto que isso?\u003c\/p\u003e\n      \u003cp class=\"lg-step-desc\"\u003eO grau total do seu óculos é a soma do Esférico (ESF) + Cilíndrico (CIL) da receita. Veja em qual nível você se encaixa:\u003c\/p\u003e\n\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag\"\u003eNível 1\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente fina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 150\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e5.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-5.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lg-tier\"\u003e\n        \u003cdiv class=\"lg-tier-top\"\u003e\n          \u003cspan class=\"lg-tier-tag lg-tier-tag--dark\"\u003eNível 2\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-name\"\u003eLente ultrafina\u003c\/span\u003e\n          \u003cspan class=\"lg-tier-price\"\u003e+ R$ 450\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"lg-tier-desc\"\u003eGrau total até \u003cstrong\u003e10.00\u003c\/strong\u003e (ESF + CIL somados) — Miopia (ESF) até \u003cstrong\u003e-8.00\u003c\/strong\u003e e\/ou Astigmatismo (CIL) até \u003cstrong\u003e-4.00\u003c\/strong\u003e.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdetails class=\"lg-more\"\u003e\n        \u003csummary\u003e\u003cspan class=\"lg-more-text\"\u003ePor que preciso de uma lente diferente?\u003c\/span\u003e\u003cspan class=\"lg-more-icon\"\u003e\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cdiv class=\"lg-more-body\"\u003e\n          \u003cp\u003eGrau acima de 3.00, a lente padrão fica mais grossa nas bordas (o efeito \"fundo de garrafa\"). A lente fina e a ultrafina usam material mais tecnológico, deixando o óculos mais fino e leve.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-check\"\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✓\u003c\/span\u003eAtendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003eMiopia\u003cbr\u003eAstigmatismo\u003cbr\u003eHipermetropia\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lg-check-col\"\u003e\n      \u003cp class=\"lg-check-title\"\u003e\u003cspan class=\"lg-mark\"\u003e✗\u003c\/span\u003eNão atendemos\u003c\/p\u003e\n      \u003cp class=\"lg-check-list\"\u003ePresbiopia (vista cansada 40+)\u003cbr\u003eÓculos multifocais\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-limits\"\u003e\n    \u003cp class=\"lg-limits-title\"\u003eAté onde vamos\u003c\/p\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eMiopia\u003c\/span\u003e\u003cspan\u003eaté -8.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eAstigmatismo\u003c\/span\u003e\u003cspan\u003eaté -4.00\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"lg-limits-row\"\u003e\n\u003cspan\u003eHipermetropia\u003c\/span\u003e\u003cspan\u003eaté 6.00\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lg-contact\"\u003e\n    \u003cstrong\u003eFicou com dúvida?\u003c\/strong\u003e\n    \u003cp\u003eFala com a gente antes de fechar o pedido.\u003c\/p\u003e\n    \u003ca href=\"mailto:sac@4olhos.com\"\u003esac@4olhos.com\u003c\/a\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n","brand":"4 OLHOS | ÓTICA","offers":[{"title":"Dourado","offer_id":53206927835247,"sku":"BR96012 50□19-140 C2","price":250.0,"currency_code":"BRL","in_stock":false},{"title":"Preto","offer_id":53206933143663,"sku":"BR96012 50□19-140 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Edit_eyeglasses_product_photo_202606091941.jpg?v=1781045443"},{"product_id":"armacao-isac","title":"Armação - Isac","description":"\u003cstyle\u003e\n  .lente-guide *,\n  .lente-guide *::before,\n  .lente-guide *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lente-guide {\n    --c-black: #111111;\n    --c-white: #ffffff;\n    --c-bg:    #f5f5f5;\n    --c-line:  #e0e0e0;\n    --c-muted: #888888;\n    box-sizing: border-box;\n    width: 100%;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: var(--c-black);\n    background: var(--c-white);\n    max-width: 640px;\n    margin: 0 auto;\n    padding: 32px 20px 48px;\n    overflow-wrap: break-word;\n  }\n  .lente-guide h1 {\n    font-family: 'Horizon', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    font-size: clamp(1.5rem, 5vw, 2rem);\n    font-weight: 700;\n    letter-spacing: -0.02em;\n  }\n  .lente-guide .lg-head {\n    border-bottom: 2px solid var(--c-black);\n    padding-bottom: 20px;\n    margin-bottom: 28px;\n  }\n  .lente-guide .lg-head p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    color: var(--c-muted);\n  }\n  .lente-guide .lg-step {\n    display: flex;\n    gap: 16px;\n    padding: 22px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-step:first-child { padding-top: 0; }\n  .lente-guide .lg-step-num {\n    flex-shrink: 0;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 15px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .lente-guide .lg-step-body { flex: 1; }\n  .lente-guide .lg-step-title {\n    font-size: 16.5px;\n    font-weight: 700;\n    line-height: 1.35;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-note {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 10px;\n  }\n  .lente-guide .lg-step-price {\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n  .lente-guide .lg-step-price span {\n    font-size: 13px;\n    font-weight: 400;\n    color: var(--c-muted);\n    margin-left: 4px;\n  }\n  .lente-guide .lg-step-price .lg-tag-caps {\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    color: var(--c-black);\n  }\n  .lente-guide .lg-step-desc {\n    font-size: 14px;\n    color: #444444;\n    line-height: 1.6;\n  }\n  .lente-guide .lg-step-desc strong { color: var(--c-black); }\n  .lente-guide .lg-tier {\n    border: 1px solid var(--c-line);\n    padding: 12px 14px;\n    margin-top: 12px;\n  }\n  .lente-guide .lg-tier-top {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .lente-guide .lg-tier-tag {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    border: 1px solid var(--c-black);\n    color: var(--c-black);\n    padding: 3px 8px;\n    border-radius: 2px;\n  }\n  .lente-guide .lg-tier-tag--dark {\n    background: var(--c-black);\n    color: var(--c-white);\n  }\n  .lente-guide .lg-tier-name {\n    font-size: 14.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-price {\n    margin-left: auto;\n    font-size: 15.5px;\n    font-weight: 700;\n  }\n  .lente-guide .lg-tier-desc {\n    font-size: 13px;\n    color: var(--c-muted);\n    line-height: 1.55;\n    margin-top: 8px;\n  }\n  .lente-guide .lg-tier-desc strong { color: var(--c-black); }\n  .lente-guide .lg-more { margin-top: 14px; }\n  .lente-guide .lg-more summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    cursor: pointer;\n    list-style: none;\n    font-size: 13.5px;\n    color: var(--c-muted);\n    padding: 4px 0;\n  }\n  .lente-guide .lg-more summary::-webkit-details-marker { display: none; }\n  .lente-guide .lg-more-icon {\n    flex-shrink: 0;\n    width: 14px;\n    height: 14px;\n    position: relative;\n  }\n  .lente-guide .lg-more-icon::before,\n  .lente-guide .lg-more-icon::after {\n    content: '';\n    position: absolute;\n    background: var(--c-muted);\n  }\n  .lente-guide .lg-more-icon::before { width: 14px; height: 1.5px; top: 50%; left: 0; transform: translateY(-50%); }\n  .lente-guide .lg-more-icon::after { width: 1.5px; height: 14px; left: 50%; top: 0; transform: translateX(-50%); }\n  .lente-guide .lg-more[open] .lg-more-icon::after { opacity: 0; }\n  .lente-guide .lg-more-body {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.6;\n    padding-top: 8px;\n  }\n  .lente-guide .lg-check {\n    display: flex;\n    border: 1px solid var(--c-line);\n    margin-top: 28px;\n  }\n  .lente-guide .lg-check-col {\n    flex: 1;\n    padding: 18px;\n  }\n  .lente-guide .lg-check-col:first-child { border-right: 1px solid var(--c-line); }\n  .lente-guide .lg-check-title {\n    font-size: 14.5px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .lente-guide .lg-check-list {\n    font-size: 13.5px;\n    color: #444444;\n    line-height: 1.7;\n  }\n  .lente-guide .lg-mark {\n    display: inline-block;\n    width: 18px;\n    text-align: center;\n    font-weight: 700;\n    margin-right: 4px;\n  }\n  .lente-guide .lg-limits {\n    margin-top: 28px;\n    padding-top: 20px;\n    border-top: 2px solid var(--c-black);\n  }\n  .lente-guide .lg-limits-title {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-limits-row {\n    display: flex;\n    justify-content: space-between;\n    font-size: 14.5px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--c-line);\n  }\n  .lente-guide .lg-limits-row span:last-child { font-weight: 700; }\n  .lente-guide .lg-contact {\n    margin-top: 32px;\n    padding: 24px;\n    background: var(--c-bg);\n    text-align: center;\n  }\n  .lente-guide .lg-contact strong {\n    display: block;\n    font-size: 15px;\n    margin-bottom: 4px;\n  }\n  .lente-guide .lg-contact p {\n    font-size: 13px;\n    color: var(--c-muted);\n    margin-bottom: 12px;\n  }\n  .lente-guide .lg-contact a {\n    display: inline-block;\n    background: var(--c-black);\n    color: var(--c-white);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    padding: 10px 20px;\n  }\n  @media (max-width: 480px) {\n    .lente-guide { padding: 24px 16px 36px; }\n    .lente-guide .lg-step { gap: 12px; padding: 18px 0; }\n    .lente-guide .lg-step-num { width: 28px; height: 28px; font-size: 13px; }\n    .lente-guide .lg-step-title { font-size: 15.5px; }\n    .lente-guide .lg-step-price { font-size: 18px; }\n    .lente-guide .lg-tier-top { flex-direction: column; align-items: flex-start; gap: 4px; }\n    .lente-guide .lg-tier-price { margin-left: 0; }\n    .lente-guide .lg-check { flex-direction: column; }\n    .lente-guide .lg-check-col:first-child { border-right: none; border-bottom: 1px solid var(--c-line); }\n    .lente-guide .lg-limits-row { font-size: 14px; }\n    .lente-guide .lg-contact { padding: 20px 16px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"lente-guide\"\u003e\n\u003cdiv class=\"lg-head\"\u003e\n\u003ch1\u003e\n\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\u003cbr\u003e\u003cbr\u003eEscolha sua lente\u003c\/h1\u003e\n\u003cp\u003e3 passos rápidos pra saber o valor certo do seu óculos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"lg-step\"\u003e\n\u003cdiv class=\"lg-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"lg-step-body\"\u003e\n\u003cp class=\"lg-step-title\"\u003eVocê escolhe sua armação e, na sequência, escolhe sua lente de grau\u003c\/p\u003e\n\u003cp class=\"lg-step-note\"\u003e(você também pode comprar só a armação, sem lente)\u003c\/p\u003e\n\u003cp class=\"lg-step-price\"\u003eR$ 250 \u003cspan class=\"lg-tag-caps\"\u003e(ATÉ GRAU 4.00)\u003c\/span\u003e\u003cspan\u003earmação + lente básica inclusa\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"lg-step-desc\"\u003eServe pra quem tem, na receita: Miopia (ESF) até \u003cstrong\u003e-3.00\u003c\/strong\u003e e\/ou Astigmatismo \u003cimg\u003e(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":53210712572015,"sku":"H58995 48□24-149 C7","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage10dejun.de2026_20_18_43.png?v=1781133757"},{"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-alan","title":"Armação - Alan","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/Mockup_-_Alan.jpg?v=1784411480\" 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":53210798030959,"sku":"581012 47□22-153 C4","price":250.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage10dejun.de2026_21_15_46.png?v=1781137020"},{"product_id":"armacao-tahlita","title":"Armação - Tahlita","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":53210801209455,"sku":"H27921 48□22-150 C5","price":250.0,"currency_code":"BRL","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0712\/9255\/1279\/files\/ChatGPTImage10dejun.de2026_21_20_24.png?v=1781137349"},{"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"}],"url":"https:\/\/4olhos.com\/collections\/todas-as-armacoes-combo.oembed?page=6","provider":"4 OLHOS | ÓTICA","version":"1.0","type":"link"}