html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #F8FAFC; color: #172033; font-family: 'Manrope', system-ui, sans-serif; overflow-x: hidden; }
* { box-sizing: border-box; }
h1, h2, h3, h4 { margin: 0; }
p { margin: 0; }
a { color: #0F9D9A; text-decoration: none; }
a:hover { color: #123B5D; }
button { font-family: inherit; }
input, select, textarea { font-family: inherit; }
::selection { background: #0F9D9A; color: #fff; }
:focus-visible { outline: 2px solid #0F9D9A; outline-offset: 3px; }

@media (max-width: 767px) {
  section, footer { text-align: center; }
  section p, section h1, section h2, section h3, section figcaption, footer p, footer nav { margin-left: auto; margin-right: auto; }
  section nav, footer nav { align-items: center; }
  section [style*="display: flex"]:not([style*="justify-content"]):not([style*="position: absolute"]) { justify-content: center; }
  footer [style*="display: flex"]:not([style*="justify-content"]) { justify-content: center; }
  section [style*="flex-direction: column"], footer [style*="flex-direction: column"] { align-items: center; }
  section [style*="border-left: 3px"] { border-left: none; border-top: 3px solid #0F9D9A; }
  section [style*="align-items: flex-end"] { align-items: center; }

  #pocetna [style*="display: flex"][style*="flex-wrap: wrap"] { flex-direction: column; align-items: center; justify-content: center; }
  #pocetna [style*="display: flex"][style*="flex-wrap: wrap"] > a { width: 100%; max-width: 300px; text-align: center; justify-content: center; }
  section [style*="text-align: left"], section [style*="text-align:left"] { text-align: center !important; }
  [data-hero-overlay] { background: linear-gradient(180deg, rgba(14,42,36,.82) 0%, rgba(14,42,36,.9) 100%) !important; }
  #pocetna { min-height: clamp(420px, 70vh, 520px) !important; padding-top: 44px !important; padding-bottom: 44px !important; }
  [data-doctor-photo] { display: none !important; }
  [data-prot-grid] { grid-template-columns: 1fr !important; }
  [data-rating-box] { margin-left: auto !important; margin-right: auto !important; }
  header, header * { text-align: left; }
}
img, iframe, image-slot, svg { max-width: 100%; }
h1, h2, h3, p, a { overflow-wrap: break-word; }
body { -webkit-tap-highlight-color: rgba(15,157,154,.18); }

img, iframe, svg { max-width: 100%; }
.nav-desktop { display: flex; align-items: center; gap: clamp(14px,1.8vw,28px); }
.nav-mobile { display: none; align-items: center; gap: 10px; }
.mobile-menu { display: none; }
.mobile-menu.open { display: block; }
@media (max-width: 999px) { .nav-desktop { display: none; } .nav-mobile { display: flex; } }
[data-reveal] { opacity: 0; transform: translateY(20px); }
[data-reveal].in { opacity: 1; transform: none; }
.lb { position: fixed; inset: 0; z-index: 200; background: rgba(9,24,38,.94); display: none; align-items: center; justify-content: center; padding: clamp(16px,4vw,56px); cursor: zoom-out; }
.lb.open { display: flex; }
.lb img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px; }
.lb button { position: absolute; top: 20px; right: 20px; width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); background: none; color: #fff; font-size: 20px; cursor: pointer; }
.h1:hover{color:#0F9D9A !important}
.h2:hover{color:#0F9D9A !important}
.h3:hover{color:#0F9D9A !important}
.h4:hover{color:#0F9D9A !important}
.h5:hover{color:#0F9D9A !important}
.h6:hover{color:#0F9D9A !important}
.h7:hover{color:#0F9D9A !important}
.h8:hover{background:#0F9D9A !important;color:#fff !important}
.h9:hover{border-color:#0F9D9A !important;color:#0F9D9A !important}
.h10:hover{background:#0F9D9A !important;color:#fff !important}
.h11:hover{background:#123B5D !important;color:#fff !important}
.h12:hover{color:#0F9D9A !important}
.h13:hover{background:#EAF7F6 !important;border-color:#0F9D9A !important;transform:translateY(-4px) !important}
.h14:hover{background:#EAF7F6 !important;border-color:#0F9D9A !important;transform:translateY(-4px) !important}
.h15:hover{background:#EAF7F6 !important;border-color:#0F9D9A !important;transform:translateY(-4px) !important}
.h16:hover{background:#0F9D9A !important;transform:translateY(-4px) !important}
.h17:hover{background:#EAF7F6 !important;border-color:#0F9D9A !important;transform:translateY(-4px) !important}
.h18:hover{background:#EAF7F6 !important;border-color:#0F9D9A !important;transform:translateY(-4px) !important}
.h19:hover{background:#fff !important;color:#123B5D !important}
.h20:hover{background:#0F9D9A !important;color:#fff !important}
.h21:hover{background:#0F9D9A !important;color:#fff !important}
.h22:hover{color:#0F9D9A !important}
.h23:hover{background:#fff !important;color:#123B5D !important}
.h24:hover{color:#123B5D !important}
.h25:hover{color:#0F9D9A !important}
.h26:hover{background:#123B5D !important;color:#fff !important}
.h27:hover{color:#fff !important}
.h28:hover{color:#fff !important}
.h29:hover{color:#fff !important}
.h30:hover{color:#fff !important}
.h31:hover{color:#fff !important}
.h32:hover{color:#fff !important}
.h33:hover{color:#fff !important}
.h34:hover{color:#fff !important}
.h35:hover{color:#fff !important}
.h36:hover{color:#fff !important}
[data-k] img { pointer-events: none; -webkit-user-drag: none; user-select: none; }
[data-k] { cursor: ew-resize; }

.soc:hover { background: #fff !important; color: #123B5D !important; border-color: #fff !important; }

#toTop { display: none; }
#toTop.show { display: flex; }
#toTop:hover { background: #0F9D9A !important; }

.hx1:hover{background:#fff !important;color:#123B5D !important}
.hx2:hover{background:#fff !important;color:#123B5D !important}
.hx3:hover{color:#118B71 !important}

[data-dd]:hover > [data-dd-panel], [data-dd]:focus-within > [data-dd-panel] { display: block !important; }
.ddi:hover { background: #EAF7F6 !important; color: #0F9D9A !important; }

[id^="srv-"], section[id] { scroll-margin-top: 90px; }

@media (max-width: 767px) {
  [data-logo-img] { width: 32px !important; height: 32px !important;  }
  [data-logo-kicker] { letter-spacing: .04em !important; }
}
@media (max-width: 400px) {
  [data-logo-link] { gap: 7px !important; }
  [data-logo-kicker] { font-size: 7.5px !important; letter-spacing: .02em !important; }
  [data-logo-name] { font-size: 16px !important; white-space: nowrap; }
  [data-logo-addr] { font-size: 8.5px !important; }
}

@media (max-width: 340px) {
  [data-logo-link] { gap: 6px !important; }
  [data-logo-img] { width: 28px !important; height: 28px !important;  }
  [data-logo-kicker] { font-size: 6.8px !important; letter-spacing: 0 !important; }
  [data-logo-name] { font-size: 13.5px !important; }
  [data-logo-addr] { font-size: 7.8px !important; }
}

@media (min-width: 768px) { [data-rev-title] { white-space: nowrap; } [data-rev-head] { max-width: none !important; } }

.px1:hover{background:#fff !important;color:#123B5D !important}

.csoc:hover { border-color: #0F9D9A !important; color: #0F9D9A !important; background: #EAF7F6 !important; }