{"id":7,"date":"2026-07-05T15:51:31","date_gmt":"2026-07-05T15:51:31","guid":{"rendered":"https:\/\/smile-clinique.e-tomic.hr\/?page_id=7"},"modified":"2026-07-11T12:44:25","modified_gmt":"2026-07-11T12:44:25","slug":"pocetna","status":"publish","type":"page","link":"https:\/\/smile-clinique.e-tomic.hr\/","title":{"rendered":"Po\u010detna"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3386d112 e-con-full e-flex e-con e-parent\" data-id=\"3386d112\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2011f7d7 elementor-widget elementor-widget-html\" data-id=\"2011f7d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n   ARHITEKTURA OSMIJEHA \u2014 HEADER \/ NAVIGACIJA\r\n   Ide kao PRVI Edit HTML widget na stranici, iznad Hero sekcije\r\n   ========================================================================== -->\r\n<header class=\"arc-header\" id=\"arc-site-header\">\r\n    <div class=\"arc-header-inner\">\r\n        <a href=\"#\" class=\"arc-header-logo\">Smile Clinique<\/a>\r\n\r\n        <nav class=\"arc-header-nav\" id=\"arc-nav\">\r\n            <a href=\"#Hero\">Po\u010detna<\/a>\r\n            <a href=\"#filozofija\">O nama<\/a>\r\n            <a href=\"#usluge\">Usluge<\/a>\r\n            <a href=\"#kontakt\">Kontakt<\/a>\r\n        <\/nav>\r\n\r\n        <div class=\"arc-header-links\">\r\n            <a href=\"tel:+3851234567\" class=\"arc-header-phone\">+385 (0)1 234 567<\/a>\r\n            <a href=\"#kontakt\" class=\"arc-btn arc-btn-primary\">Rezervirajte<\/a>\r\n            <button class=\"arc-header-mobile-toggle\" id=\"arc-nav-toggle\" aria-label=\"Izbornik\">\r\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n                    <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/>\r\n                    <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/>\r\n                    <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/header>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fe172a e-con-full arc-section arc-reveal e-flex e-con e-parent\" data-id=\"3fe172a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82d9996 elementor-widget elementor-widget-html\" data-id=\"82d9996\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"arc-hero\">\r\n    <div class=\"arc-container arc-hero-grid\">\r\n\r\n        <div class=\"arc-hero-text arc-reveal\">\r\n            <span class=\"arc-eyebrow\">Smile Clinique \u2014 Zagreb<\/span>\r\n            <h1 class=\"arc-h1\">Osmijeh je <em>gra\u0111evina<\/em>. Gradimo ga milimetar po milimetar.<\/h1>\r\n            <p class=\"arc-body arc-hero-body\">\r\n                Svaki zub ima svoju geometriju, svoj razmak, svoj kut svjetla. Na\u0161 pristup polazi od te preciznosti \u2014\r\n                digitalno planiranje, laboratorijska izrada i klini\u010dka izvedba spojeni u jedan miran, dosljedan proces.\r\n            <\/p>\r\n            <div class=\"arc-hero-buttons\">\r\n                <a href=\"#kontakt\" class=\"arc-btn arc-btn-primary\">Zaka\u017eite konzultacije<\/a>\r\n                <a href=\"#filozofija\" class=\"arc-btn arc-btn-outline\">Kako radimo<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"arc-hero-visual arc-reveal\" style=\"transition-delay:.15s\">\r\n            <div class=\"arc-arch-frame arc-hero-img-wrap\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1629909613654-28e377c37b09?auto=format&fit=crop&w=1000&q=90\"\r\n                    alt=\"Smile Clinique \u2014 ordinacija\" class=\"arc-hero-img arc-photo\">\r\n            <\/div>\r\n            <div class=\"arc-spec-tag arc-mono-label\">\r\n                MATERIJAL: E-MAX KERAMIKA \u00b7 SKENIRANJE: 3SHAPE TRIOS\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .arc-hero{position:relative;overflow:hidden}\r\n\r\n    .arc-hero-grid{\r\n        display:grid;\r\n        grid-template-columns:1.05fr .95fr;\r\n        gap:var(--arc-space-xl);\r\n        align-items:center;\r\n        position:relative;\r\n        z-index:1;\r\n    }\r\n\r\n    .arc-hero-text{display:flex;flex-direction:column;align-items:flex-start}\r\n    .arc-hero-body{max-width:480px;margin:var(--arc-space-md) 0 var(--arc-space-lg)}\r\n    .arc-hero-buttons{display:flex;gap:var(--arc-space-sm);align-items:center;flex-wrap:wrap}\r\n\r\n    .arc-hero-visual{position:relative}\r\n    .arc-hero-img-wrap{width:100%}\r\n    .arc-hero-img{width:100%;height:560px;object-fit:cover;display:block;box-shadow:var(--arc-shadow-lg)}\r\n\r\n    .arc-spec-tag{\r\n        position:absolute;\r\n        bottom:18px;\r\n        left:18px;\r\n        background:var(--arc-white);\r\n        border:1px solid var(--arc-line);\r\n        padding:10px 14px;\r\n        border-radius:var(--arc-radius-sm);\r\n        box-shadow:var(--arc-shadow-sm);\r\n        color:var(--arc-ink);\r\n    }\r\n\r\n    @media(max-width:960px){\r\n        .arc-hero-grid{grid-template-columns:1fr;text-align:center;gap:var(--arc-space-lg)}\r\n        .arc-hero-text{align-items:center}\r\n        .arc-hero-body{margin-left:auto;margin-right:auto}\r\n        .arc-hero-buttons{justify-content:center;flex-direction:column;width:100%}\r\n        .arc-btn{width:100%;justify-content:center}\r\n        .arc-hero-img{height:380px}\r\n        .arc-spec-tag{left:50%;transform:translateX(-50%);bottom:12px;font-size:.7rem;text-align:center}\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fdd2968 e-flex e-con-boxed e-con e-parent\" data-id=\"fdd2968\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12e3320 elementor-widget elementor-widget-html\" data-id=\"12e3320\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n   ARHITEKTURA OSMIJEHA \u2014 O NAMA \/ FILOZOFIJA\r\n   ========================================================================== -->\r\n<section id=\"filozofija\" class=\"arc-section arc-about\" style=\"background-color:var(--arc-white)\">\r\n    <div class=\"arc-container arc-about-grid\">\r\n\r\n        <!-- LIJEVO: Fotografija u luk-okviru + citat kao \"spec\" plo\u010dica -->\r\n        <div class=\"arc-about-visual arc-reveal\">\r\n            <div class=\"arc-arch-frame arc-about-img-wrap\">\r\n                <img decoding=\"async\" src=\"https:\/\/smile-clinique.e-tomic.hr\/wp-content\/uploads\/2026\/07\/filip-rankovic-grobgaard-joILn6p_oeM-unsplash-scaled.jpg\">\r\n            <\/div>\r\n            <div class=\"arc-quote-card\">\r\n                <p class=\"arc-quote-text\">Precizan plan prije prvog reza \u2014 to je razlika izme\u0111u zahvata i rizika.<\/p>\r\n                <span class=\"arc-mono-label\">DR. MED. DENT. ANA MARI\u0106 \u2014 VODITELJICA KLINIKE<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- DESNO: Tekst -->\r\n        <div class=\"arc-about-text arc-reveal\" style=\"transition-delay:.15s\">\r\n            <span class=\"arc-eyebrow\">Filozofija rada<\/span>\r\n            <h2 class=\"arc-h2\">Prvo digitalni plan. Tek onda prvi zahvat.<\/h2>\r\n            <div class=\"arc-line\"><\/div>\r\n\r\n            <p class=\"arc-body\">\r\n                Prije nego dotaknemo ijedan zub, cijeli osmijeh postoji ve\u0107 digitalno \u2014 u 3D skeniranom modelu,\r\n                simulaciji pomaka i finalnog izgleda. Vi vidite rezultat prije nego \u0161to proces uop\u0107e po\u010dne.\r\n            <\/p>\r\n            <p class=\"arc-body\">\r\n                Ta ista preciznost prati Vas kroz cijeli boravak kod nas: jasno definirani koraci, transparentne\r\n                cijene i termini koji se po\u0161tuju. Bez iznena\u0111enja, bez naga\u0111anja.\r\n            <\/p>\r\n\r\n            <div class=\"arc-about-stats\">\r\n                <div class=\"arc-stat\">\r\n                    <span class=\"arc-stat-num\">12+<\/span>\r\n                    <span class=\"arc-mono-label\">GODINA RADA<\/span>\r\n                <\/div>\r\n                <div class=\"arc-stat\">\r\n                    <span class=\"arc-stat-num\">3D<\/span>\r\n                    <span class=\"arc-mono-label\">DIGITALNO PLANIRANJE<\/span>\r\n                <\/div>\r\n                <div class=\"arc-stat\">\r\n                    <span class=\"arc-stat-num\">100%<\/span>\r\n                    <span class=\"arc-mono-label\">TRANSPARENTNE CIJENE<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .arc-about-grid{\r\n        display:grid;\r\n        grid-template-columns:.9fr 1.1fr;\r\n        gap:var(--arc-space-xxl);\r\n        align-items:center;\r\n    }\r\n\r\n    .arc-about-img-wrap{position:relative}\r\n    .arc-about-img{width:100%;height:540px;object-fit:cover;display:block;box-shadow:var(--arc-shadow-lg)}\r\n\r\n    .arc-quote-card{\r\n        margin-top:-60px;\r\n        margin-left:var(--arc-space-lg);\r\n        margin-right:var(--arc-space-md);\r\n        position:relative;\r\n        z-index:1;\r\n        background:var(--arc-white);\r\n        border:1px solid var(--arc-line);\r\n        border-left:2px solid var(--arc-teal);\r\n        padding:var(--arc-space-md) var(--arc-space-lg);\r\n        box-shadow:var(--arc-shadow-md);\r\n        max-width:340px;\r\n    }\r\n    .arc-quote-text{\r\n        font-family:var(--arc-font-display);\r\n        font-style:italic;\r\n        font-size:1.15rem;\r\n        color:var(--arc-ink);\r\n        line-height:1.45;\r\n        margin:0 0 var(--arc-space-xs);\r\n    }\r\n\r\n    .arc-about-stats{\r\n        display:flex;\r\n        gap:var(--arc-space-lg);\r\n        margin-top:var(--arc-space-lg);\r\n        flex-wrap:wrap;\r\n    }\r\n    .arc-stat{display:flex;flex-direction:column;gap:4px}\r\n    .arc-stat-num{font-family:var(--arc-font-display);font-size:2.2rem;color:var(--arc-teal)}\r\n\r\n    @media(max-width:960px){\r\n        .arc-about-grid{grid-template-columns:1fr;gap:var(--arc-space-xl)}\r\n        .arc-about-img{height:400px}\r\n        .arc-quote-card{margin-left:0;margin-right:0;max-width:100%}\r\n        .arc-about-stats{justify-content:center;text-align:center}\r\n        .arc-stat{align-items:center}\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d021ba e-flex e-con-boxed e-con e-parent\" data-id=\"1d021ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-942e807 elementor-widget elementor-widget-html\" data-id=\"942e807\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n   ARHITEKTURA OSMIJEHA \u2014 USLUGE (laboratorijske specifikacije umjesto 01\/02\/03\/04)\r\n   ========================================================================== -->\r\n<section id=\"usluge\" class=\"arc-section arc-services\">\r\n    <div class=\"arc-container\">\r\n\r\n        <div class=\"arc-services-header arc-reveal\">\r\n            <span class=\"arc-eyebrow\">Usluge<\/span>\r\n            <h2 class=\"arc-h2\">Svaki zahvat ima svoj plan, materijal i vrijeme izrade.<\/h2>\r\n            <p class=\"arc-body\">Cijene i trajanje navedeni ispod odnose se na standardni protokol \u2014 na konzultaciji\r\n                dobivate plan prilago\u0111en isklju\u010divo Va\u0161em slu\u010daju.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"arc-services-grid\">\r\n\r\n            <div class=\"arc-card arc-service-card arc-reveal\">\r\n                <div class=\"arc-service-spec arc-mono-label\">MAT: E-MAX KERAMIKA \u00b7 IZRADA: 2 POSJETA<\/div>\r\n                <h3 class=\"arc-h3\">Estetske kerami\u010dke ljuskice<\/h3>\r\n                <p class=\"arc-body\">Oblik, boja i sjaj zuba oblikovani ultra-tankim ljuskicama koje repliciraju\r\n                    prirodnu caklinu, sloj po sloj.<\/p>\r\n                <div class=\"arc-card-footer\">\r\n                    <span class=\"arc-price\">od 380 \u20ac<\/span>\r\n                    <a href=\"#kontakt\" class=\"arc-link\">Detalji \u2192<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"arc-card arc-service-card arc-reveal\">\r\n                <div class=\"arc-service-spec arc-mono-label\">SUSTAV: INVISALIGN\u00ae \u00b7 TRAJANJE: 6\u201318 MJ<\/div>\r\n                <h3 class=\"arc-h3\">Nevidljivi aparati\u0107i<\/h3>\r\n                <p class=\"arc-body\">Pomak zuba planiran unaprijed, korak po korak, u digitalnoj simulaciji koju\r\n                    vidite prije prvog alignera.<\/p>\r\n                <div class=\"arc-card-footer\">\r\n                    <span class=\"arc-price\">od 2.400 \u20ac<\/span>\r\n                    <a href=\"#kontakt\" class=\"arc-link\">Detalji \u2192<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"arc-card arc-service-card arc-reveal\">\r\n                <div class=\"arc-service-spec arc-mono-label\">METODA: LED AKTIVACIJA \u00b7 TRAJANJE: 60 MIN<\/div>\r\n                <h3 class=\"arc-h3\">Profesionalno izbjeljivanje<\/h3>\r\n                <p class=\"arc-body\">Posvjetljivanje za nekoliko nijansi u jednom posjetu, uz gelove koji \u0161tite\r\n                    caklinu i desni tijekom procesa.<\/p>\r\n                <div class=\"arc-card-footer\">\r\n                    <span class=\"arc-price\">od 350 \u20ac<\/span>\r\n                    <a href=\"#kontakt\" class=\"arc-link\">Detalji \u2192<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"arc-card arc-service-card arc-reveal\">\r\n                <div class=\"arc-service-spec arc-mono-label\">IMPLANTAT: \u0160VICARSKA KLASA \u00b7 JAMSTVO: DO\u017dIVOTNO<\/div>\r\n                <h3 class=\"arc-h3\">Implantologija<\/h3>\r\n                <p class=\"arc-body\">Trajna nadoknada zuba biokompatibilnim implantatima najvi\u0161e klase, planirana\r\n                    3D snimkom prije zahvata.<\/p>\r\n                <div class=\"arc-card-footer\">\r\n                    <span class=\"arc-price\">cijena na upit<\/span>\r\n                    <a href=\"#kontakt\" class=\"arc-link\">Detalji \u2192<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .arc-services-header{max-width:640px;margin-bottom:var(--arc-space-xl)}\r\n    .arc-services-header .arc-body{margin-top:var(--arc-space-md)}\r\n\r\n    .arc-services-grid{\r\n        display:grid;\r\n        grid-template-columns:repeat(2,1fr);\r\n        gap:var(--arc-space-lg);\r\n    }\r\n\r\n    .arc-service-card{display:flex;flex-direction:column;align-items:flex-start}\r\n    .arc-service-spec{\r\n        border-bottom:1px solid var(--arc-line);\r\n        padding-bottom:var(--arc-space-xs);\r\n        margin-bottom:var(--arc-space-md);\r\n        width:100%;\r\n    }\r\n    .arc-service-card .arc-h3{margin-bottom:var(--arc-space-xs)}\r\n    .arc-service-card .arc-body{margin-bottom:var(--arc-space-lg);flex-grow:1}\r\n\r\n    .arc-card-footer{\r\n        width:100%;\r\n        display:flex;\r\n        justify-content:space-between;\r\n        align-items:center;\r\n        padding-top:var(--arc-space-md);\r\n        border-top:1px solid var(--arc-line);\r\n    }\r\n    .arc-price{font-family:var(--arc-font-mono);font-size:.85rem;color:var(--arc-ink)}\r\n    .arc-link{font-family:var(--arc-font-body);font-weight:600;font-size:.9rem;color:var(--arc-teal);text-decoration:none}\r\n    .arc-link:hover{text-decoration:underline}\r\n\r\n    @media(max-width:850px){\r\n        .arc-services-grid{grid-template-columns:1fr}\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0673886 e-flex e-con-boxed e-con e-parent\" data-id=\"0673886\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18f4803 elementor-widget elementor-widget-html\" data-id=\"18f4803\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"arc-slider-wrap arc-reveal\">\r\n    <div class=\"arc-before-after-slider\">\r\n        <div class=\"arc-img arc-after-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1588776814546-1ffcf47267a5?auto=format&fit=crop&w=1200&q=80\" alt=\"Nakon zahvata\">\r\n        <\/div>\r\n        \r\n        <div class=\"arc-img arc-before-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606811971618-4486d14f3f99?auto=format&fit=crop&w=1200&q=80\" alt=\"Prije zahvata\">\r\n        <\/div>\r\n        \r\n        <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"arc-slider-range\" aria-label=\"Postotak vidljivosti transformacije\">\r\n        <div class=\"arc-slider-handle\"><\/div>\r\n        \r\n        <span class=\"arc-slider-label arc-label-before\">Prije<\/span>\r\n        <span class=\"arc-slider-label arc-label-after\">Poslije<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    const slider = document.querySelector('.arc-slider-range');\r\n    const beforeImg = document.querySelector('.arc-before-img');\r\n    const handle = document.querySelector('.arc-slider-handle');\r\n\r\n    if (slider && beforeImg && handle) {\r\n        slider.addEventListener('input', (e) => {\r\n            const sliderPos = e.target.value;\r\n            \/\/ Rezanje prednje slike na postotak kliza\u010da\r\n            beforeImg.style.width = `${sliderPos}%`;\r\n            \/\/ Pomicanje linije kliza\u010da\r\n            handle.style.left = `${sliderPos}%`;\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a9ef3d e-flex e-con-boxed e-con e-parent\" data-id=\"6a9ef3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-500aefe elementor-widget elementor-widget-html\" data-id=\"500aefe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"arc-vt-container\">\r\n    <!-- Tehni\u010dka plo\u010dica -->\r\n    <div class=\"arc-vt-header\">\r\n        <span class=\"arc-vt-title\">PROJEKT: INTERAKTIVNA SFERA 360\u00b0<\/span>\r\n        <span class=\"arc-vt-status\"><span class=\"arc-pulse-dot\"><\/span> RADNA STANICA SPREMNA<\/span>\r\n    <\/div>\r\n\r\n    <!-- Prekrasna lokalna simulacija (Nema vanjskih linkova, nema ru\u0161enja stranice) -->\r\n    <div class=\"arc-vt-frame-wrap\">\r\n        <div class=\"arc-vt-blueprint\">\r\n            <div class=\"arc-vt-radar-circle\">360\u00b0<\/div>\r\n            <h4 class=\"arc-vt-notice\">PROSTOR JE KALIBRIRAN ZA PRIHVAT VIRTUALNE \u0160ETNJE<\/h4>\r\n            <span class=\"arc-vt-spec-label\">\u010cEKA SE SNIMANJE I INTEGRACIJA ORDINACIJE (PANO2VR PRO)<\/span>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Donja specifikacijska traka -->\r\n    <div class=\"arc-vt-footer\">\r\n        RASTER: AKTIVAN \u00b7 GEOMETRIJSKA KALIBRACIJA: OK \u00b7 FORMAT: HTML5 \/ VR OUTPUT\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98e0032 e-flex e-con-boxed e-con e-parent\" data-id=\"98e0032\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9071154 elementor-widget elementor-widget-html\" data-id=\"9071154\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================================================\r\n   ARHITEKTURA OSMIJEHA \u2014 REZERVACIJA & FOOTER\r\n   ========================================================================== -->\r\n<section id=\"kontakt\" class=\"arc-section arc-contact arc-reveal\" style=\"background-color:var(--arc-white)\">\r\n    <div class=\"arc-container arc-contact-grid\">\r\n\r\n        <div class=\"arc-contact-info\">\r\n            <span class=\"arc-eyebrow\">Rezervacije & upiti<\/span>\r\n            <h2 class=\"arc-h2\">Prvi korak je uvijek plan, ne zahvat.<\/h2>\r\n            <p class=\"arc-body\">\r\n                Prvi pregled uklju\u010duje digitalno skeniranje i razgovor o mogu\u0107nostima \u2014 bez obveze, bez pritiska.\r\n            <\/p>\r\n\r\n            <div class=\"arc-contact-details\">\r\n                <div class=\"arc-detail-item\">\r\n                    <span class=\"arc-mono-label\">LOKACIJA<\/span>\r\n                    <span class=\"arc-detail-value\">Ulica Kralja Dr\u017eislava 10, 10000 Zagreb<\/span>\r\n                <\/div>\r\n                <div class=\"arc-detail-item\">\r\n                    <span class=\"arc-mono-label\">KONTAKT<\/span>\r\n                    <span class=\"arc-detail-value\"><a href=\"tel:+3851234567\" class=\"arc-link\">+385 (0)1 234 567<\/a><\/span>\r\n                    <span class=\"arc-detail-value\"><a href=\"mailto:info@smileclinique.hr\" class=\"arc-link\">info@smileclinique.hr<\/a><\/span>\r\n                <\/div>\r\n                <div class=\"arc-detail-item\">\r\n                    <span class=\"arc-mono-label\">RADNO VRIJEME<\/span>\r\n                    <span class=\"arc-detail-value\">Pon \u2014 Pet: 09:00 \u2013 20:00<\/span>\r\n                    <span class=\"arc-detail-value\">Subota: prema dogovoru<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"arc-contact-form-block\">\r\n            <form action=\"#\" class=\"arc-form\" onsubmit=\"event.preventDefault();\">\r\n                <div class=\"arc-form-group\">\r\n                    <input type=\"text\" id=\"ime\" name=\"ime\" required placeholder=\" \">\r\n                    <label for=\"ime\">Va\u0161e ime i prezime<\/label>\r\n                <\/div>\r\n                <div class=\"arc-form-group\">\r\n                    <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\" \">\r\n                    <label for=\"email\">E-mail adresa<\/label>\r\n                <\/div>\r\n                <div class=\"arc-form-group\">\r\n                    <input type=\"tel\" id=\"telefon\" name=\"telefon\" required placeholder=\" \">\r\n                    <label for=\"telefon\">Broj mobitela<\/label>\r\n                <\/div>\r\n                <div class=\"arc-form-group\">\r\n                    <select id=\"tretman\" name=\"tretman\" required>\r\n                        <option value=\"\" disabled selected hidden><\/option>\r\n                        <option value=\"ljuskice\">Estetske ljuskice<\/option>\r\n                        <option value=\"invisalign\">Invisalign\u00ae aparati\u0107i<\/option>\r\n                        <option value=\"izbjeljivanje\">Izbjeljivanje<\/option>\r\n                        <option value=\"implantologija\">Implantologija<\/option>\r\n                        <option value=\"konzultacije\">Op\u0107e konzultacije<\/option>\r\n                    <\/select>\r\n                    <label for=\"tretman\">\u017deljeni tretman<\/label>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"arc-btn arc-btn-primary arc-btn-submit\">Zatra\u017eite termin<\/button>\r\n            <\/form>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<footer class=\"arc-footer\">\r\n    <div class=\"arc-container arc-footer-container\">\r\n        <span class=\"arc-footer-logo\">Smile Clinique<\/span>\r\n        <p class=\"arc-mono-label\">\u00a9 2026 SMILE CLINIQUE \u2014 SVA PRAVA PRIDR\u017dANA<\/p>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<a href=\"#kontakt\" class=\"arc-floating-cta arc-btn arc-btn-primary\">Rezerviraj pregled<\/a>\r\n\r\n<style>\r\n    .arc-contact-grid{\r\n        display:grid;\r\n        grid-template-columns:1fr 1fr;\r\n        gap:var(--arc-space-xxl);\r\n        align-items:start;\r\n    }\r\n\r\n    .arc-contact-info{display:flex;flex-direction:column;align-items:flex-start}\r\n    .arc-contact-info .arc-body{margin:var(--arc-space-md) 0 var(--arc-space-lg)}\r\n\r\n    .arc-contact-details{display:flex;flex-direction:column;gap:var(--arc-space-md);width:100%}\r\n    .arc-detail-item{display:flex;flex-direction:column;gap:4px}\r\n    .arc-detail-value, .arc-detail-value a{font-family:var(--arc-font-body);font-size:1rem;color:var(--arc-ink)}\r\n\r\n    .arc-contact-form-block{\r\n        padding:var(--arc-space-xl);\r\n        border:1px solid var(--arc-line);\r\n        border-radius:var(--arc-radius-sm);\r\n        background:var(--arc-porcelain-soft);\r\n    }\r\n\r\n    .arc-form{display:flex;flex-direction:column;gap:var(--arc-space-lg)}\r\n    .arc-form-group{position:relative;width:100%}\r\n    .arc-form input, .arc-form select{\r\n        width:100%;\r\n        padding:var(--arc-space-xs) 0;\r\n        font-family:var(--arc-font-body);\r\n        font-size:1rem;\r\n        border:none;\r\n        border-bottom:1px solid var(--arc-line);\r\n        background:transparent;\r\n        outline:none;\r\n        color:var(--arc-ink);\r\n        transition:var(--arc-transition);\r\n    }\r\n    .arc-form input:focus, .arc-form select:focus{border-bottom-color:var(--arc-teal)}\r\n    .arc-form-group label{\r\n        position:absolute;\r\n        top:var(--arc-space-xs);\r\n        left:0;\r\n        font-family:var(--arc-font-body);\r\n        font-size:.95rem;\r\n        color:var(--arc-graphite);\r\n        pointer-events:none;\r\n        transition:var(--arc-transition);\r\n    }\r\n    .arc-form input:focus~label, .arc-form input:not(:placeholder-shown)~label,\r\n    .arc-form select:focus~label, .arc-form select:valid~label{\r\n        top:-15px;\r\n        font-size:.72rem;\r\n        color:var(--arc-teal);\r\n        letter-spacing:.05em;\r\n        text-transform:uppercase;\r\n    }\r\n    .arc-btn-submit{width:100%;justify-content:center;border:none;margin-top:var(--arc-space-xs)}\r\n\r\n    .arc-footer{\r\n        padding:var(--arc-space-lg) 0;\r\n        background:var(--arc-porcelain);\r\n        border-top:1px solid var(--arc-line);\r\n    }\r\n    .arc-footer-container{display:flex;justify-content:space-between;align-items:center}\r\n    .arc-footer-logo{font-family:var(--arc-font-display);font-size:1.4rem;color:var(--arc-ink)}\r\n\r\n    .arc-floating-cta{\r\n        position:fixed;\r\n        bottom:24px;\r\n        right:24px;\r\n        z-index:999;\r\n        opacity:0;\r\n        transform:translateY(12px);\r\n        pointer-events:none;\r\n        transition:var(--arc-transition);\r\n    }\r\n    .arc-floating-cta.arc-visible{opacity:1;transform:translateY(0);pointer-events:auto}\r\n\r\n    @media(max-width:960px){\r\n        .arc-contact-grid{grid-template-columns:1fr;gap:var(--arc-space-xl)}\r\n        .arc-contact-form-block{padding:var(--arc-space-lg)}\r\n        .arc-footer-container{flex-direction:column;gap:var(--arc-space-sm);text-align:center}\r\n        .arc-floating-cta{left:20px;right:20px;bottom:20px;width:calc(100% - 40px);text-align:center;justify-content:center}\r\n    }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73142df e-con-full e-flex e-con e-child\" data-id=\"73142df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4cba58 elementor-widget elementor-widget-html\" data-id=\"a4cba58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n(function() {\r\n    function initArcScripts() {\r\n        \/\/ 1. SCROLL PROGRESS INDICATOR & FLOATING CTA VISIBILITY\r\n        const progressBar = document.createElement('div');\r\n        progressBar.classList.add('arc-scroll-progress');\r\n        document.body.appendChild(progressBar);\r\n\r\n        const floatingCta = document.querySelector('.arc-floating-cta');\r\n        const header = document.querySelector('#arc-site-header');\r\n\r\n        window.addEventListener('scroll', () => {\r\n            const winScroll = document.documentElement.scrollTop || document.body.scrollTop;\r\n            const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n            const scrolled = (winScroll \/ height) * 100;\r\n            progressBar.style.width = scrolled + \"%\";\r\n\r\n            if (floatingCta) {\r\n                if (window.scrollY > 400) {\r\n                    floatingCta.classList.add('arc-visible');\r\n                } else {\r\n                    floatingCta.classList.remove('arc-visible');\r\n                }\r\n            }\r\n\r\n            if (header) {\r\n                if (window.scrollY > 20) {\r\n                    header.classList.add('arc-scrolled');\r\n                } else {\r\n                    header.classList.remove('arc-scrolled');\r\n                }\r\n            }\r\n        });\r\n\r\n        \/\/ 3. MOBILNI IZBORNIK TOGGLE\r\n        const navToggle = document.querySelector('#arc-nav-toggle');\r\n        const nav = document.querySelector('#arc-nav');\r\n        if (navToggle && nav) {\r\n            navToggle.addEventListener('click', () => nav.classList.toggle('arc-nav-open'));\r\n            nav.querySelectorAll('a').forEach(link => {\r\n                link.addEventListener('click', () => nav.classList.remove('arc-nav-open'));\r\n            });\r\n        }\r\n\r\n        \/\/ 2. SCROLL REVEAL (Intersection Observer)\r\n        const revealObserver = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('arc-visible');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.10, rootMargin: \"0px 0px -30px 0px\" }); \/\/ Malo opu\u0161teniji prag za br\u017ee okidanje\r\n\r\n        document.querySelectorAll('.arc-reveal').forEach(el => {\r\n            revealObserver.observe(el);\r\n        });\r\n    }\r\n\r\n    \/\/ PAMETNI POKRETA\u010c: Ako je DOM ve\u0107 spreman (zbog cachea), pokreni odmah. Ako nije, \u010dekaj.\r\n    if (document.readyState === \"interactive\" || document.readyState === \"complete\") {\r\n        initArcScripts();\r\n    } else {\r\n        document.addEventListener(\"DOMContentLoaded\", initArcScripts);\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Smile Clinique Po\u010detna O nama Usluge Kontakt +385 (0)1 234 567 Rezervirajte Smile Clinique \u2014 Zagreb Osmijeh je gra\u0111evina. Gradimo ga milimetar po milimetar. Svaki zub ima svoju geometriju, svoj razmak, svoj kut svjetla. Na\u0161 pristup polazi od te preciznosti \u2014 digitalno planiranje, laboratorijska izrada i klini\u010dka izvedba spojeni u jedan miran, dosljedan proces. Zaka\u017eite [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smile-clinique.e-tomic.hr\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smile-clinique.e-tomic.hr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smile-clinique.e-tomic.hr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smile-clinique.e-tomic.hr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smile-clinique.e-tomic.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":190,"href":"https:\/\/smile-clinique.e-tomic.hr\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":246,"href":"https:\/\/smile-clinique.e-tomic.hr\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/246"}],"wp:attachment":[{"href":"https:\/\/smile-clinique.e-tomic.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}