/* Ortoimplant DENTAL SPA · Strana tržišta. Mobile first, bez biblioteka.
   Boje i fontovi marke v2: Fraunces (naslovi, 400), Montserrat (tekst).
   Logicka svojstva (inline-start/end) da hebrejski (dir=rtl) radi bez posebnog CSS-a. */
.oit{--t:#21707A;--td:#12474E;--g:#AA8340;--gs:#F2E9D6;--por:#EFEAE0;--bg:#F5F8F7;--ink:#11292E;--soft:#36514F;--mu:#5F7776;--line:#DCE6E5;
  --d:"Fraunces",Georgia,"Times New Roman","Noto Serif Hebrew","David",serif;
  --s:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif;
  font-family:var(--s);color:var(--ink);background:var(--bg);font-size:16px;line-height:1.6;overflow-x:clip}
.oit *{box-sizing:border-box}
.oit img{display:block;width:100%;height:auto}
.oit p{margin:0}
.oit p + p{margin-top:14px}
.oit a{color:var(--t)}
.oit-in{max-width:1140px;margin:0 auto;padding:0 20px}
.oit-uzak{max-width:780px}
.oit-sec{padding:52px 0}
.oit-bijelo{background:#fff}
.oit-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g);margin-bottom:14px}
.oit-h1{font-family:var(--d);font-weight:400;font-size:clamp(32px,8.4vw,56px);line-height:1.06;letter-spacing:-.015em;color:var(--td);margin:0;overflow-wrap:break-word}
.oit-h2{font-family:var(--d);font-weight:400;font-size:clamp(26px,6.4vw,40px);line-height:1.12;letter-spacing:-.01em;color:var(--td);margin:0 0 18px;overflow-wrap:break-word}
.oit-h3{font-family:var(--d);font-weight:400;font-size:21px;line-height:1.2;color:var(--td);margin:0 0 8px}
.oit-h4{font-family:var(--s);font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin:0 0 12px}
.oit-uvod{font-size:17px;color:var(--soft);margin-bottom:22px}
.oit-sec p{font-size:16.5px}

/* gumbi */
.oit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--g);color:#231A08 !important;font-family:var(--s);font-weight:700;font-size:15.5px;
  line-height:1.2;padding:16px 26px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;text-align:center;transition:background .2s,transform .1s;min-height:52px}
.oit-btn:hover{background:#B99250}
.oit-btn:active{transform:translateY(1px)}
.oit-btn:focus-visible,.oit a:focus-visible,.oit summary:focus-visible{outline:3px solid var(--t);outline-offset:3px}
.oit-btn-puni{width:100%;margin-top:18px}
.oit-btn[disabled]{opacity:.7;cursor:default}

/* hero */
.oit-hero{background:linear-gradient(180deg,var(--por) 0%,var(--bg) 100%);padding:28px 0 8px}
.oit-hero-grid{display:grid;gap:28px}
.oit-lead{font-size:17.5px;color:var(--soft);margin-top:18px !important;max-width:58ch}
.oit-gumbi{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:26px}
.oit-gumbi .oit-btn{flex:1 1 100%}
.oit-tel{font-size:15px;color:var(--soft) !important;text-decoration:none}
.oit-tel b{color:var(--td);font-weight:600;border-bottom:1px solid rgba(170,131,64,.6);unicode-bidi:isolate}
.oit-hero-foto{margin:0;position:relative}
.oit-hero-foto img,.oit-hero-foto .oit-zagreb{border-radius:20px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 24px 60px rgba(9,34,38,.16)}
.oit-dokazi{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 0;padding:22px 0 20px;border-top:1px solid var(--line)}
.oit-dokazi div{margin:0;padding-inline-start:12px;border-inline-start:2px solid var(--g)}
.oit-dokazi dt{font-family:var(--d);font-size:26px;line-height:1.1;color:var(--td);unicode-bidi:plaintext}
.oit-dokazi dd{margin:4px 0 0;font-size:13.5px;line-height:1.4;color:var(--soft)}

/* tipografski blok umjesto fotografije */
.oit-zagreb{display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:#EAF3F2;
  background:radial-gradient(120% 90% at 85% 10%,#1d5d66 0%,var(--td) 58%,#0c3338 100%);position:relative;overflow:hidden}
.oit-zagreb::after{content:"";position:absolute;inset:18px;border:1px solid rgba(228,196,137,.4);border-radius:12px;pointer-events:none}
.oit-zg-1{font-family:var(--d);font-size:clamp(46px,12vw,76px);line-height:1;color:#fff}
.oit-zg-2{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#E4C489;margin-top:12px}
.oit-zg-3{font-size:14px;color:#BFD8D5;margin-top:4px}

/* koraci */
.oit-koraci{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:14px}
.oit-koraci li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 20px 18px;position:relative}
.oit-bijelo .oit-koraci li{background:var(--bg)}
.oit-br{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--gs);color:#6F531F;
  font-family:var(--d);font-size:18px;margin-bottom:12px}
.oit-koraci p{font-size:15.5px !important;color:var(--soft)}

/* liste */
.oit-kvacice,.oit-crtice{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.oit-kvacice li,.oit-crtice li{position:relative;padding-inline-start:30px;font-size:16px;line-height:1.5}
.oit-kvacice li::before{content:"";position:absolute;inset-inline-start:2px;top:4px;width:18px;height:18px;border-radius:50%;background:var(--t)}
.oit-kvacice li::after{content:"";position:absolute;inset-inline-start:8px;top:8px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.oit-crtice li::before{content:"";position:absolute;inset-inline-start:4px;top:12px;width:13px;height:2px;background:var(--mu)}

/* okvir */
.oit-okvir{background:#fff;border:1px solid var(--line);border-inline-start:4px solid var(--g);border-radius:14px;padding:24px 22px}
.oit-bijelo .oit-okvir{background:var(--bg)}
.oit-okvir .oit-h2{font-size:clamp(23px,5.4vw,32px)}
.oit-okvir .oit-kvacice{margin-top:16px}
.oit-sec-naglasak{background:var(--td) !important}
.oit-naglasak{background:transparent !important;border:1px solid rgba(228,196,137,.45);border-inline-start:4px solid var(--g);color:#E6F2F1}
.oit-naglasak .oit-h2{color:#fff}
.oit-naglasak p{color:#D5E7E5}
.oit-naglasak .oit-kvacice li::before{background:#E4C489}

/* cijene */
.oit-cijene{display:grid;gap:12px;margin-top:6px}
.oit-cijena{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.oit-bijelo .oit-cijena{background:var(--bg)}
.oit-c-naziv{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.oit-c-iznos{font-family:var(--d);font-size:32px;line-height:1.15;color:var(--td);margin-top:6px !important;unicode-bidi:plaintext}
.oit-c-nap{font-size:14px !important;color:var(--soft);margin-top:4px !important}
.oit-ukl{display:grid;gap:22px;margin-top:28px}
.oit-biljeska{font-size:14px !important;color:var(--mu);margin-top:22px !important;max-width:72ch}

/* slika i tekst */
.oit-st{display:grid;gap:26px;align-items:center}
.oit-st-foto{margin:0}
.oit-st-foto img,.oit-st-foto .oit-zagreb{border-radius:18px;aspect-ratio:4/3;object-fit:cover}

/* claim */
.oit-claim{background:var(--td);padding:56px 0;text-align:center}
.oit-claim-t{font-family:var(--d);font-style:italic;font-size:clamp(28px,7vw,46px);line-height:1.15;color:#fff}
.oit-claim-t::after{content:"";display:block;width:56px;height:2px;background:var(--g);margin:22px auto 0}
.oit-claim-p{font-size:12px !important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#E4C489;margin-top:16px !important}

/* FAQ */
.oit-faq details{border-bottom:1px solid var(--line)}
.oit-faq details:first-child{border-top:1px solid var(--line)}
.oit-faq summary{cursor:pointer;list-style:none;padding:18px 0;padding-inline-end:36px;position:relative;font-weight:600;font-size:16.5px;line-height:1.45;color:var(--ink)}
.oit-faq summary::-webkit-details-marker{display:none}
.oit-faq summary::after{content:"";position:absolute;inset-inline-end:6px;top:24px;width:10px;height:10px;border-right:2px solid var(--t);border-bottom:2px solid var(--t);transform:rotate(45deg);transition:transform .2s}
.oit-faq details[open] summary::after{transform:rotate(225deg);top:28px}
.oit-faq details p{color:var(--soft);padding-bottom:18px;font-size:16px}

/* obrazac */
.oit-upit{background:var(--por);scroll-margin-top:80px}
.oit-upit-grid{display:grid;gap:26px}
.oit-adresa{font-size:15px !important;color:var(--soft);margin-top:22px !important;line-height:1.6}
.oit-adresa b{color:var(--td)}
.oit-obrazac{background:#fff;border-radius:20px;padding:22px 18px;box-shadow:0 1px 2px rgba(17,41,46,.04),0 18px 50px rgba(17,41,46,.10);position:relative}
.oit-opomba{font-size:13px !important;color:var(--mu);margin-bottom:14px !important}
.oit-polje{margin-bottom:14px}
.oit-polje label,.oit-label{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:6px}
.oit-zv{color:var(--g)}
.oit-polje input[type=text],.oit-polje input[type=email],.oit-polje input[type=tel],.oit-polje textarea{
  width:100%;font:inherit;font-size:16px;color:var(--ink);background:#FBFCFC;border:1px solid #C9D7D5;border-radius:12px;padding:13px 14px;transition:border-color .2s,box-shadow .2s}
.oit-polje textarea{resize:vertical;min-height:110px}
.oit-polje select{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#FBFCFC;border:1px solid #C9D7D5;border-radius:12px;padding:13px 14px;min-height:50px}
.oit-polje select:focus{outline:0;border-color:var(--t);box-shadow:0 0 0 3px rgba(33,112,122,.18);background:#fff}
/* sekcija izbor: gumbi s odgovorima */
.oit-izbor{display:grid;gap:10px;margin-top:6px}
.oit-izbor-g{display:block;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:15px 18px;font-size:16px;font-weight:600;line-height:1.35;color:var(--td) !important;text-decoration:none;transition:border-color .2s,background .2s}
.oit-bijelo .oit-izbor-g{background:var(--bg)}
.oit-izbor-g:hover,.oit-izbor-g.odabran{border-color:var(--g);background:var(--gs)}
@media (min-width:700px){.oit-izbor{grid-template-columns:1fr 1fr}}
.oit-polje input:focus,.oit-polje textarea:focus{outline:0;border-color:var(--t);box-shadow:0 0 0 3px rgba(33,112,122,.18);background:#fff}
.oit-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.oit-polje-snimka{position:relative}
.oit-polje-snimka label.upload{display:block;font-weight:500;font-size:14px;color:var(--soft);text-align:center;padding:18px 14px;border:1.5px dashed #B7C9C7;border-radius:12px;background:var(--bg);cursor:pointer;transition:.2s}
.oit-polje-snimka label.upload:hover,.oit-polje-snimka label.upload.vuce,.oit-polje-snimka label.upload.preko,.oit-file:focus-visible + label.upload{border-color:var(--t);background:#EAF3F2}
.oit-polje-snimka label.upload.ima-datoteku{border-style:solid;border-color:var(--t);color:var(--td)}
.oit-polje-snimka label.upload.datoteka-greska{border-color:#B3261E;color:#B3261E}
.oit .uploadfile{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:13px;color:var(--soft);margin-top:8px}
.oit .uploadfile.prevelika{color:#B3261E}
.oit .uf-x{font:inherit;font-size:13px;background:none;border:0;color:var(--t);text-decoration:underline;cursor:pointer;padding:0}
.oit-privola{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--soft);margin-top:6px;cursor:pointer}
.oit-privola input{width:20px;height:20px;flex:0 0 20px;margin:1px 0 0;accent-color:var(--t)}
.oit .formmsg{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:14.5px}
.oit .formmsg.ok{background:#E3F1EE;color:var(--td)}
.oit .formmsg.err{background:#FBE9E7;color:#8C1D18}
.oit-poslano .formmsg.ok{display:none !important}
.oit-hvala{padding:12px 4px;outline:0}
.oit-hvala-h{font-family:var(--d);font-size:clamp(22px,5vw,28px);line-height:1.3;color:var(--td)}

/* ljepljivi CTA na mobitelu */
.oit-sticky{position:fixed;inset-inline:0;bottom:0;z-index:90;display:flex;gap:10px;align-items:center;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(18,71,78,.97);box-shadow:0 -8px 30px rgba(0,0,0,.18);transform:translateY(110%);transition:transform .25s}
.oit-sticky.vidljiv{transform:none}
.oit-sticky .oit-btn{flex:1;min-height:48px;padding:12px 18px;font-size:15px}
.oit-sticky-tel{flex:0 0 48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(228,196,137,.7)}
.oit-sticky-tel svg{width:22px;height:22px;fill:none;stroke:#E4C489;stroke-width:1.8;stroke-linejoin:round}
.oit{padding-bottom:72px}
@media (prefers-reduced-motion:reduce){.oit-sticky{transition:none}}

/* tema na landingu: bez "Besplatan pregled" (strancima nista besplatno) i bez plutajucih gumba teme */
body.oi-trziste .navright .btn-gold,body.oi-trziste .drawer .cta,body.oi-trziste .mcta{display:none !important}
/* fr i he: zaglavlje, ladica i podnozje su engleski (inc/izbornik.php) i ostaju slijeva nadesno i na hebrejskom */
body.oi-trziste-rtl .nav,body.oi-trziste-rtl .drawer,body.oi-trziste-rtl .foot{direction:ltr}

@media (min-width:600px){
  .oit-dokazi{grid-template-columns:repeat(4,1fr)}
  .oit-koraci{grid-template-columns:repeat(2,1fr)}
  .oit-cijene{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  .oit-ukl{grid-template-columns:1fr 1fr}
  .oit-gumbi .oit-btn{flex:0 0 auto}
  .oit-obrazac{padding:30px 28px}
}
@media (min-width:900px){
  .oit-in{padding:0 32px}
  .oit-sec{padding:84px 0}
  .oit-hero{padding:56px 0 8px}
  .oit-hero-grid{grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
  .oit-hero-foto img,.oit-hero-foto .oit-zagreb{aspect-ratio:4/5}
  .oit-hero-foto::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid rgba(170,131,64,.45);border-radius:26px;pointer-events:none}
  [dir=rtl] .oit-hero-foto::before{inset:-14px -14px 14px 14px}
  .oit-dokazi{margin-top:48px;padding:28px 0}
  .oit-dokazi dt{font-size:32px}
  .oit-koraci{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  .oit-okvir{padding:34px 36px}
  .oit-st{grid-template-columns:1fr 1fr;gap:56px}
  .oit-st-obrnuto .oit-st-foto{order:2}
  .oit-claim{padding:84px 0}
  .oit-upit-grid{grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
  .oit-upit-txt{position:sticky;top:110px}
  .oit-sticky{display:none}
  .oit{padding-bottom:0}
}

/* hebrejski: bez razmaka medu slovima (tracking je za latinicu) */
.oit[dir=rtl] .oit-eyebrow,.oit[dir=rtl] .oit-c-naziv,.oit[dir=rtl] .oit-h4,.oit[dir=rtl] .oit-claim-p,.oit[dir=rtl] .oit-zg-2{letter-spacing:0}
.oit[dir=rtl] .oit-h1,.oit[dir=rtl] .oit-h2{letter-spacing:0}