{"id":1258,"date":"2026-02-02T12:28:19","date_gmt":"2026-02-02T12:28:19","guid":{"rendered":"https:\/\/silm.orgo.ee\/price-list\/"},"modified":"2026-04-17T14:52:12","modified_gmt":"2026-04-17T14:52:12","slug":"price-list","status":"publish","type":"page","link":"https:\/\/silm.orgo.ee\/en\/price-list\/","title":{"rendered":"Price list"},"content":{"rendered":"<div\n    class=\"alignfull wp-block-simple-hero alignfull lg:-mt-[140px] simple-hero-block relative overflow-hidden font-tt-commons flex flex-col lg:block\">\n\n    \n    <div class=\"simple-hero-bg-desktop hidden lg:block absolute inset-0\">\n                    <img decoding=\"async\" src=\"https:\/\/silm.orgo.ee\/app\/uploads\/2026\/01\/71e03f2ed3b9148b5ce2d9576f902cc50cbdad21.jpg\" alt=\"\" class=\"w-full h-full object-cover object-center\"\n                data-acf-inline-fields-uid=\"block_836f72db46f20b7e6f48ab43d708bf11bg_image\" data-acf-inline-fields=\"[{&quot;fieldName&quot;:&quot;bg_image&quot;,&quot;fieldIcon&quot;:null,&quot;fieldLabel&quot;:&quot;Background Image&quot;,&quot;useExpandedEditor&quot;:false,&quot;popoverMinWidth&quot;:&quot;300px&quot;}]\" role=\"button\" tabindex=\"0\">\n            <\/div>\n\n    \n    <div class=\"hidden lg:block absolute left-0 top-0 h-full w-[65%] backdrop-blur-[50px] bg-white\/[0.01]\"\n        style=\"mask-image: linear-gradient(to right, black 0%, black 50%, transparent 100%); -webkit-mask-image: linear-gradient(to right, black 0%, black 50%, transparent 100%);\">\n    <\/div>\n\n    \n    <div class=\"hidden lg:block absolute inset-0 bg-gradient-to-r from-black\/40 via-black\/20 to-transparent\"><\/div>\n\n    \n    <div class=\"simple-hero-bg-mobile block lg:hidden w-full h-[260px] md:h-[340px] relative overflow-hidden\">\n                    <img decoding=\"async\" src=\"https:\/\/silm.orgo.ee\/app\/uploads\/2026\/01\/71e03f2ed3b9148b5ce2d9576f902cc50cbdad21.jpg\" alt=\"\"\n                class=\"w-full h-full object-cover object-center\">\n            <\/div>\n\n    \n    <div class=\"relative z-10 w-full bg-[#1C1C1C] lg:bg-transparent py-[40px] md:py-[48px] lg:pt-[200px] lg:pb-[120px]\">\n        <div class=\"max-w-[1440px] mx-auto px-6 md:px-12\">\n            <div class=\"max-w-[552px] flex flex-col gap-6\">\n                                    <h1 class=\"text-[36px] lg:text-[48px] leading-none font-normal text-white !text-white\"\n                        data-acf-inline-fields-uid=\"block_836f72db46f20b7e6f48ab43d708bf11title\" data-acf-inline-fields=\"[{&quot;fieldName&quot;:&quot;title&quot;,&quot;fieldIcon&quot;:null,&quot;fieldLabel&quot;:&quot;Title&quot;,&quot;useExpandedEditor&quot;:false,&quot;popoverMinWidth&quot;:&quot;300px&quot;}]\" role=\"button\" tabindex=\"0\">\n                        Price list\n                    <\/h1>\n                \n                \n                \n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<div\n    class=\"price-list-block bg-white pt-10 md:pt-12 pb-16 lg:py-24 overflow-hidden font-tt-commons alignfull wp-block-price-list\">\n            <div class=\"max-w-[1440px] mx-auto px-6 md:px-12 mb-8 lg:mb-12\">\n            <h2 class=\"text-[38px] leading-[42px] text-[#1C1C1C]\">\n                Hinnakiri\n            <\/h2>\n        <\/div>\n    \n            \n        <div class=\"lg:hidden w-full bg-[#F3F4F9] px-6 md:px-12 pt-6 pb-6 mb-10\">\n            <div class=\"max-w-[1440px] mx-auto\">\n                <label for=\"price-list-nav-select\" class=\"sr-only\">Price list category<\/label>\n                <select id=\"price-list-nav-select\"\n                    class=\"price-nav-select w-full rounded-full border border-[#1C1C1C] py-3 px-5 text-[16px] font-medium leading-[24px] text-[#1C1C1C] bg-white appearance-none cursor-pointer pr-10 bg-no-repeat bg-size-[16px_16px] bg-position-[right_1rem_center]\"\n                    style=\"background-image: url('data:image\/svg+xml,%3Csvg width=%2216%22 height=%2216%22 viewBox=%220 0 16 16%22 fill=%22none%22 xmlns=%22http:\/\/www.w3.org\/2000\/svg%22%3E%3Cpath d=%22M4.41406 6.87891L6.70703 9.17187L6.70703 2.58594L8.70703 2.58594L8.70703 9.17187L11 6.87891L12.4141 8.29297L7.70703 13L3 8.29297L4.41406 6.87891Z%22 fill=%22%231C1C1C%22\/%3E%3C\/svg%3E');\"\n                    aria-label=\"Price list navigation\">\n                                            <option value=\"vastuvotud\">Vastuv\u00f5tude hinnad<\/option>\n                                            <option value=\"diagnostika\">Diagnostika<\/option>\n                                    <\/select>\n            <\/div>\n        <\/div>\n\n        <div class=\"max-w-[1440px] mx-auto px-6 md:px-12\">\n            <div class=\"flex flex-col lg:flex-row lg:items-start gap-8 lg:gap-12\">\n                \n                <div class=\"hidden lg:block lg:w-[300px] shrink-0\">\n                    <nav class=\"lg:sticky lg:top-48 flex flex-col gap-12\"\n                        aria-label=\"Price list navigation\">\n                                                    <a href=\"#vastuvotud\"\n                                class=\"price-nav-link group flex items-center gap-2 text-[16px] font-medium whitespace-nowrap transition-all duration-300 text-brand-blue\"\n                                data-target=\"vastuvotud\">\n                                <span class=\"leading-[24px]\">Vastuv\u00f5tude hinnad<\/span>\n                                <svg class=\"price-nav-arrow w-4 h-4 shrink-0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                    viewBox=\"0 0 16 16\" fill=\"none\">\n                                    <path\n                                        d=\"M4.41406 6.87891L6.70703 9.17187L6.70703 2.58594L8.70703 2.58594L8.70703 9.17187L11 6.87891L12.4141 8.29297L7.70703 13L3 8.29297L4.41406 6.87891Z\"\n                                        fill=\"currentColor\" \/>\n                                <\/svg>\n                            <\/a>\n                                                    <a href=\"#diagnostika\"\n                                class=\"price-nav-link group flex items-center gap-2 text-[16px] font-medium whitespace-nowrap transition-all duration-300 text-brand-blue\"\n                                data-target=\"diagnostika\">\n                                <span class=\"leading-[24px]\">Diagnostika<\/span>\n                                <svg class=\"price-nav-arrow w-4 h-4 shrink-0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                    viewBox=\"0 0 16 16\" fill=\"none\">\n                                    <path\n                                        d=\"M4.41406 6.87891L6.70703 9.17187L6.70703 2.58594L8.70703 2.58594L8.70703 9.17187L11 6.87891L12.4141 8.29297L7.70703 13L3 8.29297L4.41406 6.87891Z\"\n                                        fill=\"currentColor\" \/>\n                                <\/svg>\n                            <\/a>\n                                            <\/nav>\n                <\/div>\n\n                \n                <div class=\"flex-1 min-w-0 flex flex-col gap-14\">\n                                            <section id=\"vastuvotud\" class=\"price-section scroll-mt-32\">\n                            \n                            <h3 class=\"text-[28px] leading-[28px] font-normal text-[#1C1C1C] mb-6\">\n                                Vastuv\u00f5tude hinnad\n                            <\/h3>\n\n                            \n                                                            <div class=\"flex flex-col\">\n                                                                            <div\n                                            class=\"flex flex-col md:flex-row gap-2 md:gap-4 items-stretch md:items-start p-4 rounded bg-[#F5F6FF]\">\n                                            <p class=\"flex-1 text-[18px] leading-[24px] text-[#1C1C1C]\">\n                                                                                                GDR (\u00fche silma uuring)\n                                            <\/p>\n                                            <p\n                                                class=\"shrink-0 text-[18px] leading-[24px] font-medium text-[#1C1C1C] md:text-right\">\n                                                                                                35 \u20ac\n                                            <\/p>\n                                        <\/div>\n                                                                            <div\n                                            class=\"flex flex-col md:flex-row gap-2 md:gap-4 items-stretch md:items-start p-4 rounded bg-white\">\n                                            <p class=\"flex-1 text-[18px] leading-[24px] text-[#1C1C1C]\">\n                                                                                                Optometristi vastuv\u00f5tt\n                                            <\/p>\n                                            <p\n                                                class=\"shrink-0 text-[18px] leading-[24px] font-medium text-[#1C1C1C] md:text-right\">\n                                                                                                60 \u20ac\n                                            <\/p>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/section>\n                                            <section id=\"diagnostika\" class=\"price-section scroll-mt-32\">\n                            \n                            <h3 class=\"text-[28px] leading-[28px] font-normal text-[#1C1C1C] mb-6\">\n                                Diagnostika\n                            <\/h3>\n\n                            \n                                                            <div class=\"flex flex-col\">\n                                                                            <div\n                                            class=\"flex flex-col md:flex-row gap-2 md:gap-4 items-stretch md:items-start p-4 rounded bg-[#F5F6FF]\">\n                                            <p class=\"flex-1 text-[18px] leading-[24px] text-[#1C1C1C]\">\n                                                                                                    <span class=\"font-medium text-brand-blue\">UUS!<\/span>\n                                                                                                OCT \u2013 Ocular Coherence Tomography\n                                            <\/p>\n                                            <p\n                                                class=\"shrink-0 text-[18px] leading-[24px] font-medium text-[#1C1C1C] md:text-right\">\n                                                                                                60 \u20ac\n                                            <\/p>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/section>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const block = document.querySelector('.price-list-block');\n        if (!block) return;\n\n        const navLinks = block.querySelectorAll('.price-nav-link');\n        const sections = block.querySelectorAll('.price-section');\n        const selectEl = block.querySelector('#price-list-nav-select');\n\n        \/\/ Smooth scroll for desktop nav links\n        navLinks.forEach(link => {\n            link.addEventListener('click', function(e) {\n                e.preventDefault();\n                const targetId = this.getAttribute('href').substring(1);\n                const targetSection = document.getElementById(targetId);\n                if (targetSection) {\n                    targetSection.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n\n        \/\/ Mobile select: on change scroll to section\n        if (selectEl && sections.length > 0) {\n            selectEl.addEventListener('change', function() {\n                const targetId = this.value;\n                const targetSection = document.getElementById(targetId);\n                if (targetSection) {\n                    targetSection.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n\n            \/\/ Optional: keep select in sync when user scrolls (scroll spy)\n            const sectionIds = Array.from(sections).map(s => s.id).filter(Boolean);\n            if (sectionIds.length > 0) {\n                const observer = new IntersectionObserver(\n                    (entries) => {\n                        for (const entry of entries) {\n                            if (!entry.isIntersecting) continue;\n                            const id = entry.target.id;\n                            if (id && selectEl.value !== id) selectEl.value = id;\n                            break;\n                        }\n                    }, {\n                        rootMargin: '-30% 0px -60% 0px',\n                        threshold: 0\n                    }\n                );\n                sections.forEach(section => observer.observe(section));\n            }\n        }\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1258","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/silm.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silm.orgo.ee\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/silm.orgo.ee\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/silm.orgo.ee\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/silm.orgo.ee\/en\/wp-json\/wp\/v2\/comments?post=1258"}],"version-history":[{"count":3,"href":"https:\/\/silm.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1258\/revisions"}],"predecessor-version":[{"id":1382,"href":"https:\/\/silm.orgo.ee\/en\/wp-json\/wp\/v2\/pages\/1258\/revisions\/1382"}],"wp:attachment":[{"href":"https:\/\/silm.orgo.ee\/en\/wp-json\/wp\/v2\/media?parent=1258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}