/* Self-hosted fonts — no request leaves the visitor's browser to Google. */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(../fonts/bricolage-grotesque-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(../fonts/bricolage-grotesque-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/figtree-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/figtree-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* ---- base ---- */
html{scroll-behavior:smooth}
body{margin:0;font-family:'Figtree',sans-serif;color:#1F2A44;background:#fff}
a{color:#0D7377}
a:hover{color:#E2477E}
details summary::-webkit-details-marker{display:none}
:focus-visible{outline:3px solid #0D7377;outline-offset:2px}

/* Images carry width/height attributes so the browser can reserve space before
   they load. Those attributes also act as a presentational height, which would
   stretch any image whose CSS sets only a width — height:auto restores the
   aspect ratio. Elements that set an explicit height in their own class win,
   since .sN.sN (0,2,0) beats this (0,0,1). */
img{height:auto}

/* contact form helpers */
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.forma-status{margin:0;font-size:14.5px;line-height:1.5;font-weight:600;min-height:0}
.forma-status:empty{display:none}
.forma-status[data-stanje="ok"]{color:#0A6E52}
.forma-status[data-stanje="greska"]{color:#C42B2B}

/* ---- element styles (lifted from inline style="") ---- */
.s0.s0{font-family:'Figtree',sans-serif;color:#1F2A44;padding-top:var(--site-header-offset,0px)}
.s1.s1{font-family:'Figtree',sans-serif}
.s2.s2{background:#0A4A4D;color:#CFEAE8;font-size:14px;display:flex;justify-content:center;align-items:center;gap:10px;padding:9px 20px;text-align:center}
.s3.s3{color:#FFC93F;font-weight:700}
.s4.s4{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.s1.s1{position:fixed;top:0;left:0;right:0;z-index:60;transform:translateY(0);transition:transform 0.25s ease, box-shadow 0.25s ease;will-change:transform}
.s1.s1.is-hidden{transform:translateY(calc(-100% - 12px))}
.s5.s5{background:rgba(255,255,255,0.92);backdrop-filter:blur(10px);border-bottom:1px solid #E5EEEC;position:relative;z-index:50}
.s6.s6{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:32px}
.s7.s7{display:flex;align-items:baseline;gap:2px;text-decoration:none}
.s8.s8{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:27px;color:#0D7377;letter-spacing:-0.5px}
.s9.s9{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:27px;color:#1F2A44;letter-spacing:-0.5px}
.sa.sa{width:9px;height:9px;border-radius:50%;background:#FFC93F;margin-left:3px}
.sb.sb{display:flex;gap:26px;margin-left:auto;align-items:center}
.sc.sc{color:#1F2A44;text-decoration:none;font-weight:600;font-size:15px}
.sd.sd{background:#E2477E;color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:11px 22px;border-radius:999px;box-shadow:0 6px 16px rgba(226,71,126,0.3);transition:all 0.2s}
.se.se {
  background: rgba(13,115,119,0.055);
  background-size: 34px 34px,34px 34px,100% 100%;
  overflow: hidden;
}
.sf.sf{max-width:1200px;margin:0 auto;padding:32px 24px 64px;display:grid;grid-template-columns:1.15fr 0.85fr;gap:48px;align-items:center}
.sg.sg{display:flex;flex-direction:column;gap:22px}
.sh.sh{display:flex;gap:8px;flex-wrap:wrap}
.si.si{background:#DCEFEB;color:#0A4A4D;font-weight:700;font-size:13.5px;padding:7px 14px;border-radius:999px}
.sj.sj{background:#FDEBF2;color:#B22A61;font-weight:700;font-size:13.5px;padding:7px 14px;border-radius:999px}
.sk.sk{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:52px;line-height:1.06;letter-spacing:-1.5px;text-wrap:balance}
.sl.sl{color:#E2477E;background:linear-gradient(transparent 68%,rgba(255,201,63,0.5) 68%)}
.sm.sm{color:#2E90D9;background:linear-gradient(transparent 68%,rgba(255,201,63,0.5) 68%)}
.sn.sn{margin:0;font-size:19px;line-height:1.6;color:#42506B;max-width:520px;text-wrap:pretty}
.so.so{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sp.sp{display:flex;gap:11px;align-items:center;font-size:16.5px;font-weight:600}
.sq.sq{width:24px;height:24px;border-radius:50%;background:#0D7377;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.sr.sr{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:6px}
.ss.ss{background:#E2477E;color:#fff;text-decoration:none;font-weight:700;font-size:16.5px;padding:15px 30px;border-radius:999px;box-shadow:0 8px 22px rgba(226,71,126,0.32);transition:all 0.2s}
.st.st{color:#0D7377;text-decoration:none;font-weight:700;font-size:16.5px;padding:14px 26px;border-radius:999px;border:2px solid #0D7377;transition:all 0.2s}
.su{
    position:absolute;
    right:0;
    bottom:35px;

    display:flex;
    flex-direction: column;
    align-items:center;
    gap:10px;

    background:#fff;
    border-radius:18px;
    padding:14px 18px;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
    z-index:3;
    text-decoration: none;
}
.su:hover{
    cursor:pointer
}
.sv.sv{height:30px}
.sw.sw{color:#FFC93F;font-size:17px;letter-spacing:2px;text-decoration: none;}
.sx.sx{font-weight:800;font-size:15px;text-decoration: none;}
.sy.sy{color:#8A97AF;font-size:14px;text-decoration: none;}
.sz{
    position:relative;
}
.s10{
    position:absolute;
    top:20px;
    right:10px;

    width:110px;
    height:110px;

    border-radius:50%;
    background:#FFC93F;
    z-index:0;
}
.s11 {
  position: absolute;
  bottom: 60px;
  left: -70px;
  width: 48px;
  height: 50px;
  border-radius: 50%;
  background: #FFD76A;
  opacity: .6;
  z-index: 0;
}
.s12.s12{position:absolute;top:22px;left:-10px;background:#fff;border:1.5px solid #E5EEEC;border-radius:999px;padding:9px 16px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:16px;color:#0D7377;transform:rotate(-7deg);box-shadow:0 8px 20px rgba(10,74,77,0.14);z-index:2}
.s13.s13{position:absolute;bottom:-14px;right:26px;background:#fff;border:1.5px solid #E5EEEC;border-radius:999px;padding:9px 16px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:16px;color:#E2477E;transform:rotate(6deg);box-shadow:0 8px 20px rgba(10,74,77,0.14);z-index:2}
.s14{
    position:relative;
    width:430px;
    height:560px;
}
.s15{
    position:absolute;
    left:0;
    bottom:0;

    width:430px;
    height:auto;

    display:block;
    z-index:2;
}




.s16.s16{position:absolute;bottom:36px;right:-4px;background:#fff;border-radius:14px;padding:10px 16px;box-shadow:0 10px 26px rgba(10,74,77,0.18);display:flex;flex-direction:column;gap:2px}
.s17.s17{font-weight:800;font-size:18px;color:#0D7377}
.s18.s18{font-size:12.5px;color:#8A97AF}
.s19.s19{background:linear-gradient(120deg,#0A4A4D 0%,#0D7377 100%)}
.s1a.s1a{max-width:1200px;margin:0 auto;padding:34px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.s1b.s1b{display:flex;flex-direction:column;gap:4px}
.s1c.s1c{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:34px;color:#FFC93F}
.s1d.s1d{color:#BFDEDC;font-size:14.5px}
.s1e.s1e{background: white;}
.s1f.s1f{max-width:1200px;margin:0 auto;padding:88px 24px 72px;display:flex;flex-direction:column;gap:48px;background: #0000;}
.s1g.s1g{max-width:640px;display:flex;flex-direction:column;gap:14px}
.s1h.s1h{color:#0D7377;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;width:fit-content;border-bottom:3px solid #FFC93F;padding-bottom:3px}
.s1i.s1i{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:40px;line-height:1.1;letter-spacing:-1px;text-wrap:balance}
.s1j.s1j{background:linear-gradient(transparent 66%,rgba(255,201,63,0.55) 66%)}
.s1k.s1k{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.s1k2.s1k2{display:flex;flex-direction: row;gap:22px;}
.s1l.s1l{background:#F1F8F6;border-radius:20px;display:flex;flex-direction:column;gap:12px;transition:all 0.25s}
.s1m.s1m{width:48px;height:48px;border-radius:14px;background:#0D7377;color:#fff;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg);font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px}
.s1n.s1n{margin:0;font-size:18.5px;font-weight:700}
.s1o.s1o{margin:0;font-size:15px;line-height:1.55;color:#42506B}
.s1p.s1p{background:#FDEBF2;border-radius:20px;display:flex;flex-direction:column;gap:12px;transition:all 0.25s}
.s1q.s1q{width:48px;height:48px;border-radius:14px;background:#E2477E;color:#fff;display:flex;align-items:center;justify-content:center;transform:rotate(5deg);font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px}
.s1r.s1r{background:#FFF6DE;border-radius:20px;display:flex;flex-direction:column;gap:12px;transition:all 0.25s}
.s1s.s1s{width:48px;height:48px;border-radius:14px;background:#FFC93F;color:#1F2A44;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg);font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px}
.s1t.s1t{background:#EAF3FB;border-radius:20px;display:flex;flex-direction:column;gap:12px;transition:all 0.25s}
.s1u.s1u{width:48px;height:48px;border-radius:14px;background:#2E90D9;color:#fff;display:flex;align-items:center;justify-content:center;transform:rotate(6deg);font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px}
.s1v.s1v{max-width:820px;display:flex;flex-direction:column;gap:16px;font-size:17px;line-height:1.7;color:#42506B;width:88vw;justify-content: center;}
.s1w.s1w{margin:0}
.s1x.s1x{color:#1F2A44}
.s1y.s1y{background:#F1F8F6}
.s1z2.s1z2{max-width:1350px;margin:0 auto;padding:80px 24px 88px;display:flex;flex-direction:column;gap:44px}
.s1z.s1z{max-width:1200px;margin:0 auto;padding:80px 24px 88px;display:flex;flex-direction:column;gap:44px}
.s20.s20{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.s21.s21{display:flex;flex-direction:column;gap:14px;max-width:560px}
.s22.s22{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:40px;line-height:1.1;letter-spacing:-1px}
.s23.s23{margin:0;color:#42506B;font-size:16px;max-width:400px}
.s24.s24{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.s25.s25{background:#fff;border-radius:24px 24px 24px 60px;padding:34px 24px;display:flex;flex-direction:column;gap:18px;border:1px solid #E5EEEC;box-shadow:0 6px 18px rgba(10,74,77,0.06);transition:all 0.25s}
.s26.s26{display:flex;justify-content:space-between;align-items:center}
.s27.s27{background:#DCEFEB;color:#0A4A4D;font-weight:700;font-size:13px;padding:6px 13px;border-radius:999px}
.s28.s28{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;color:#0D7377}
.s29.s29{font-size:15px;font-weight:600;color:#8A97AF}
.s2a.s2a{margin:0;font-size:21px;font-weight:700;line-height:1.25;min-height: 5.8ch;}
.s2b.s2b{margin:0;font-size:15.5px;line-height:1.55;color:#42506B}
.s2c.s2c{margin-top:auto;display:flex;flex-direction: column;gap:10px;font-size:14.5px;color:#42506B}
.s2d.s2d{background:#0D7377;color:#fff;text-decoration:none;font-weight:700;font-size:15.5px;padding:13px 24px;border-radius:999px;text-align:center}
.s2e.s2e{background:#E2477E;color:#fff;text-decoration:none;font-weight:700;font-size:15.5px;padding:13px 24px;border-radius:999px;text-align:center}
.s2f.s2f{background:#FDEBF2;color:#B22A61;font-weight:700;font-size:13px;padding:6px 13px;border-radius:999px}
.s2g.s2g{max-width:1200px;margin:0 auto;padding:88px 24px;display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:center;}
.s2h.s2h{position:absolute;top:18px;left:8px;width:90px;height:90px;border-radius:50%;background:#FFC93F;opacity:0.85}
.s2i.s2i{position:relative;width:100%;max-width:400px;}
.s2j.s2j{width:100%;display:block;background-color: #0000;}
.s2k.s2k{position:absolute;bottom:22px;left:2px;background:#fff;border-radius:14px;padding:12px 18px;box-shadow:0 10px 26px rgba(10,74,77,0.16);display:flex;flex-direction:column;gap:1px}
.s2l.s2l{font-weight:800;font-size:16.5px}
.s2m.s2m{font-size:13.5px;color:#0D7377;font-weight:600}
.s2n.s2n{display:flex;flex-direction:column;gap:18px}
.s2o.s2o{display:flex;flex-flow: column wrap;gap:14px;font-size:16.5px;line-height:1.7;color:#42506B;align-content: flex-start;}
.s2p.s2p{background:#F1F8F6;border-radius:16px;padding:18px 22px;display:flex;gap:12px;align-items:center;justify-content: center;}
.s2q.s2q{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:30px;color:#E2477E}
.s2r.s2r{font-weight:700;font-size:17.5px}
.s2s.s2s{background:#0A4A4D}
.s2t.s2t{color:#7FD1CE;font-weight:700;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;width:fit-content;border-bottom:3px solid #FFC93F;padding-bottom:3px}
.s2u.s2u{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:40px;line-height:1.1;letter-spacing:-1px;color:#fff}
.s2v.s2v{background:linear-gradient(transparent 66%,rgba(226,71,126,0.6) 66%)}
.s2w.s2w{margin:0;color:#BFDEDC;font-size:16.5px}
.s2x.s2x{background:#fff;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:all 0.25s;flex: 1 1 0px;}
.s2y.s2y{width:100%;height:220px;object-fit:cover;object-position:center 20%}
.s2z.s2z{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.s30.s30{display:flex;flex-direction:column}
.s31.s31{font-weight:800;font-size:18.5px}
.s32.s32{font-size:13.5px;color:#0D7377;font-weight:700}
.s33.s33{font-size:14px;font-weight:700;color:#B22A61}
.s34.s34{margin:0;font-size:14px;line-height:1.55;color:#42506B}
.s35.s35{width:100%;height:265px;object-fit:cover;object-position:center 25%}
.s36.s36{font-size:14px;font-weight:700;color:#2E90D9}
.s37.s37{max-width:1200px;margin:0 auto;padding:88px 24px;display:flex;flex-direction:column;gap:44px;background: white;}
.s38.s38{display:flex;flex-direction:column;gap:14px}
.s39.s39{color:#0D7377;text-decoration:none;font-weight:700;font-size:14px;border:2px solid #0D7377;border-radius:999px;padding:8px 16px;  display: flex;
  justify-content: center;
  align-items: center;gap:10px}
.s3a.s3a{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.s3b.s3b{margin:0;background:#F1F8F6;border-radius:22px;padding:30px 28px;display:flex;flex-direction:column;gap:14px;transition:all 0.25s}
.s3c.s3c{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.s3d.s3d{display:flex;align-items:center;gap:10px}
.s3e.s3e{color:#FFC93F;font-size:18px;letter-spacing:2px}
.s3f.s3f{font-family:'Bricolage Grotesque',sans-serif;font-size:58px;line-height:0.6;color:rgba(13,115,119,0.22);font-weight:800}
.s3g.s3g{margin:0;font-size:15px;line-height:1.65;color:#42506B}
.s3h.s3h{display:flex;align-items:center;gap:12px;margin-top:auto}
.s3i.s3i{width:40px;height:40px;border-radius:50%;background:#0D7377;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.s3j.s3j{font-weight:700;font-size:15px}
.s3k.s3k{font-size:13px;color:#8A97AF}
.s3l.s3l{width:40px;height:40px;border-radius:50%;background:#E2477E;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.s3m.s3m{width:40px;height:40px;border-radius:50%;background:#2E90D9;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.s3n.s3n{background:#fff;border-radius:22px;overflow:hidden;text-decoration:none;color:#1F2A44;display:flex;flex-direction:column;border:1px solid #E5EEEC;transition:all 0.25s}
.s3o.s3o{width:100%;height:190px;object-fit:cover}
.s3p.s3p{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px}
.s3q.s3q{font-size:13px;font-weight:700;color:#0D7377}
.s3r.s3r{margin:0;font-size:19px;font-weight:700;line-height:1.3}
.s3s.s3s{font-weight:700;font-size:14.5px;color:#E2477E}
.s3t.s3t{max-width:860px;margin:0 auto;padding:88px 24px;display:flex;flex-direction:column;gap:36px}
.s3u.s3u{display:flex;flex-direction:column;gap:14px;text-align:center}
.s3v.s3v{display:flex;flex-direction:column;gap:12px}
.s3w.s3w{background:#F1F8F6;border-radius:16px;padding:0 24px;border:1px solid #E5EEEC;transition:all 0.2s}
.s3x.s3x{cursor:pointer;font-weight:700;font-size:17px;padding:19px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.s3y.s3y{color:#0D7377;font-size:22px;font-weight:800;flex-shrink:0}
.s3z.s3z{margin:0;padding:0 0 20px;font-size:15.5px;line-height:1.65;color:#42506B}
.s40.s40{background:#0A4A4D}
.s41.s41{max-width:1200px;margin:0 auto;padding:88px 24px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.s42.s42{display:flex;flex-direction:column;gap:24px}
.s43.s43{margin:0;color:#CFEAE8;font-size:17px;line-height:1.6;max-width:440px}
.s44.s44{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,0.08);border-radius:16px;padding:16px 20px;text-decoration:none}
.s45.s45{width:44px;height:44px;border-radius:12px;background:#FFC93F;color:#1F2A44;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0}
.s46.s46{color:#CFEAE8;font-size:13.5px}
.s47.s47{color:#fff;font-weight:700;font-size:16.5px}
.s48.s48{display:flex;align-items:center;gap:14px;padding:4px 2px}
.s49.s49{color:#CFEAE8;font-size:14.5px}
.s4a.s4a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.12);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700}
.s4b.s4b{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.12);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:13px}
.s4c.s4c{background:#fff;border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 60px rgba(7,42,44,0.3)}
.s4d.s4d{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14.5px}
.s4e.s4e{font-family:'Figtree',sans-serif;font-size:15.5px;padding:13px 16px;border:1.5px solid #E5EEEC;border-radius:12px;outline:none}
.s4f.s4f{font-family:'Figtree',sans-serif;font-size:15.5px;padding:13px 16px;border:1.5px solid #E5EEEC;border-radius:12px;outline:none;resize:vertical}
.s4g.s4g{display:flex;align-items:center;gap:10px;font-size:14px;color:#42506B;cursor:pointer}
.s4h.s4h{width:17px;height:17px;accent-color:#0D7377}
.s4i.s4i{color:#0D7377;font-weight:600}
.s4j.s4j{background:#E2477E;color:#fff;border:none;font-family:'Figtree',sans-serif;font-weight:700;font-size:16.5px;padding:15px;border-radius:999px;cursor:pointer;box-shadow:0 8px 22px rgba(226,71,126,0.32)}
.s4k.s4k{background:#0A4A4D;color:#BFDEDC;font-family:'Figtree',sans-serif;border-top:4px solid #FFC93F}
.s4l.s4l{max-width:1200px;margin:0 auto;padding:56px 24px 32px;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;justify-content:space-between}
.s4m.s4m{display:flex;flex-direction:column;gap:14px;max-width:340px}
.s4n.s4n{display:flex;align-items:baseline}
.s4o.s4o{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;color:#fff}
.s4p.s4p{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;color:#7FD1CE}
.s4q.s4q{width:8px;height:8px;border-radius:50%;background:#FFC93F;margin-left:4px}
.s4r.s4r{margin:0;font-size:15px;line-height:1.6}
.s4s.s4s{display:flex;gap:10px}
.s4t.s4t{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.1);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:16px}
.s4u.s4u{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.1);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:13px}
.s4v.s4v{display:flex;flex-direction:column;gap:10px}
.s4w.s4w{color:#fff;font-weight:700;font-size:15px;letter-spacing:0.4px}
.s4x.s4x{color:#BFDEDC;text-decoration:none;font-size:15px}
.s4y.s4y{border-top:1px solid rgba(255,255,255,0.12)}
.s4z.s4z{max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-size:13.5px}
.s50.s50{display:flex;gap:20px}
.s51.s51{color:#BFDEDC;text-decoration:none}
.s52.s52{background-image:linear-gradient(rgba(13,115,119,0.055) 1px,transparent 1px),linear-gradient(90deg,rgba(13,115,119,0.055) 1px,transparent 1px),linear-gradient(180deg,#F1F8F6 0%,#FDFEFD 100%);background-size:34px 34px,34px 34px,100% 100%}
.s53.s53{max-width:1200px;margin:0 auto;padding:64px 24px 48px;display:flex;flex-direction:column;gap:14px}
.s54.s54{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:52px;line-height:1.05;letter-spacing:-1.5px}
.s55.s55{margin:0;color:#42506B;font-size:18px;max-width:560px;text-wrap:pretty}
.s56.s56{max-width:1200px;margin:0 auto;padding:24px 24px 96px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.s57.s57{background:#fff;border-radius:22px;overflow:hidden;text-decoration:none;color:#1F2A44;display:flex;flex-direction:column;border:1px solid #E5EEEC}
.s58.s58{width:100%;height:200px;object-fit:cover}
.s59.s59{font-weight:700;font-size:14.5px;color:#E2477E;margin-top:auto}
.s5a.s5a{background:linear-gradient(180deg,#F1F8F6 0%,#FDFEFD 100%)}
.s5b.s5b{max-width:820px;margin:0 auto;padding:60px 24px 40px;display:flex;flex-direction:column;gap:14px}
.s5c.s5c{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:42px;line-height:1.08;letter-spacing:-1.2px}
.s5d.s5d{margin:0;font-size:18px;line-height:1.6;color:#42506B;text-wrap:pretty}
.s5e.s5e{max-width:820px;margin:0 auto;padding:8px 24px 88px;display:flex;flex-direction:column;gap:26px;font-size:16.5px;line-height:1.7;color:#42506B}
.s5f.s5f{margin:14px 0 0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:25px;color:#1F2A44;letter-spacing:-0.5px}
.s5g.s5g{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.s5h.s5h{display:flex;gap:11px}
.s5i.s5i{color:#0D7377;font-weight:800}
.s5j.s5j{font-weight:700}
.s5k.s5k{max-width:820px;margin:0 auto;padding:60px 24px 40px;display:flex;flex-direction:column;gap:16px}
.s5l.s5l{display:flex;gap:10px;align-items:center}
.s5m.s5m{font-size:14px;font-weight:700;color:#0D7377;text-decoration:none}
.s5n.s5n{color:#8A97AF}
.s5o.s5o{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:44px;line-height:1.08;letter-spacing:-1.2px;text-wrap:balance}
.s5p.s5p{margin:0;font-size:19px;line-height:1.6;color:#42506B;text-wrap:pretty}
.s5q.s5q{max-width:820px;margin:0 auto;padding:8px 24px 72px;display:flex;flex-direction:column;gap:26px;font-size:17px;line-height:1.7;color:#42506B}
.s5r.s5r{width:100%;border-radius:22px}
.s5s.s5s{margin:14px 0 0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:27px;color:#1F2A44;letter-spacing:-0.5px}
.s5t.s5t{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.s5u.s5u{background:radial-gradient(600px 300px at 90% 0%,rgba(255,201,63,0.16),transparent 60%),linear-gradient(135deg,#0D7377,#0A4A4D);border-radius:24px 24px 24px 60px;padding:36px;display:flex;flex-direction:column;gap:14px;margin-top:10px}
.s5v.s5v{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;color:#fff;letter-spacing:-0.5px}
.s5w.s5w{margin:0;color:#CFEAE8;font-size:16px;line-height:1.6}
.s5x.s5x{background:#FFC93F;color:#1F2A44;text-decoration:none;font-weight:800;font-size:16px;padding:14px 30px;border-radius:999px;width:fit-content}
.s5y.s5y{max-width:820px;margin:0 auto;padding:44px 24px 56px;display:flex;flex-direction:column;gap:18px}
.s5z.s5z{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;letter-spacing:-0.5px}
.s60.s60{background:#fff;border-radius:14px;padding:16px 20px;text-decoration:none;color:#1F2A44;font-weight:700;font-size:16px;display:flex;justify-content:space-between;gap:16px;border:1px solid #E5EEEC}
.s61.s61{color:#E2477E}
.s62.s62{color:#0D7377;font-weight:700;font-size:15px;text-decoration:none;padding:4px 2px}
.s63.s63{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:27px;color:#1F2A44;letter-spacing:-0.5px}
.s64.s64{background:#FFF6DE;border-radius:18px;padding:22px 26px;font-size:16px;line-height:1.65}
.s65.s65{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.s66.s66{background:#F1F8F6;border-radius:14px;padding:16px 20px}
.s67.s67{background:#F1F8F6;border-radius:14px;padding:16px 20px;grid-column:1 / -1}
.s68.s68{color:#FFC93F}
.s69.s69{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.s6a.s6a{margin:0;font-size:19px;line-height:1.6;color:#42506B}
.s6b.s6b{margin:0;font-weight:700;color:#1F2A44}
.s6c.s6c{color:#E2477E;font-weight:800}
.s6d.s6d{background:#FFF6DE;border-radius:18px;padding:22px 26px;font-size:16.5px;line-height:1.65}
.s6e.s6e{margin:0;font-weight:700;color:#1F2A44;font-size:18px}
.s6f.s6f{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.s6g.s6g{background:#F1F8F6;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:8px}
.s6h.s6h{margin:0;font-size:15.5px;line-height:1.6}
.s6i.s6i{background:#FDEBF2;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:8px}
.s6j.s6j{font-weight:800;font-size:18px;color:#B22A61}
.s6k.s6k{background:#FFF6DE;border-radius:18px;padding:22px 26px;font-weight:700;color:#1F2A44;font-size:17px;line-height:1.6}


.s2c > span{
  width:100%;
  box-sizing:border-box;
  min-height:48px;
  padding:10px 14px;
  display:flex;
  gap:10px;
  line-height:1.35;
  border-radius:23px;
  background:#F8FBFB;
  border:1px solid #E5EEEC;
  box-shadow:0 4px 12px rgba(10,74,77,0.05);
  align-items: center;
}



.s2c.pink > span{
  background-color: rgb(255, 241, 245);
}

.s2c.green > span{
  background-color: rgb(231, 241, 242);
}

.s2c.pink > span > svg{
  width:18; height:16;
  stroke:#0B7077;
}

.s2c.green > span > svg{
  width:18; height:16;
  stroke:#E05B83;
}

.grupa{
  stroke-width: 9;
}

.arrow{
    text-decoration: solid;
    font:bold;
    height:20px;
    font-size: larger;
}

.googleG{
    height:2.5ch;
}
.zastoflex{
    display:flex;
    flex-direction: row;
    gap:22px;
}


.s3w.s3w > summary{
  cursor:pointer;
  list-style:none;
}
.s3w.s3w > summary::-webkit-details-marker{
  display:none;
}
.s3w.s3w{
  overflow:hidden;
}
.s3z.s3z{
  margin:0;
  padding-top:12px;
}
.s3y.s3y{
  display:inline-block;
  transition:transform .3s ease;
}
.s3w.s3w[open] .s3y.s3y{
  transform:rotate(45deg);
}

.podukebtn{
  height: 60%;
}

.zfitem{
  padding: 28px 24px;
  width: 260px;
  height: 170px;
}

/* ---- interaction states (from style-hover / style-focus) ---- */
.p0.p0:hover{color:#FFC93F}
.p1.p1:hover{color:#0D7377}
.p2.p2:hover{background:#C93368;transform:translateY(-1px)}
.p3.p3:hover{background:#C93368}
.p4.p4:hover{background:#0D7377;color:#fff}
.p5.p5:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(10,74,77,0.12)}
.p6.p6:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(178,42,97,0.14)}
.p7.p7:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(200,150,20,0.16)}
.p8.p8:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(46,144,217,0.16)}
.p9.p9{height:90%}
.p9.p9:hover{box-shadow:0 18px 44px rgba(10,74,77,0.12);transform:translateY(-4px)}
.pa.pa:hover{background:#0A5A5D}
.pb.pb:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,0.25)}
.pc.pc:hover{box-shadow:0 14px 34px rgba(10,74,77,0.12);transform:translateY(-3px)}
.pd.pd:hover{box-shadow:0 16px 38px rgba(10,74,77,0.14);transform:translateY(-4px)}
.pe.pe:hover{border-color:#0D7377}
.pf.pf:hover{background:rgba(255,255,255,0.15)}
.pg.pg:hover{background:#E2477E}
.ph.ph:focus{border-color:#0D7377}
.pi.pi:hover{box-shadow:0 16px 38px rgba(10,74,77,0.14)}
.pj.pj:hover{background:#fff}

/* ---- responsive ----
   .mq-grid / .mq-heroblob replace the original [style*="..."] selectors,
   which could not survive lifting inline styles into classes. */
@media (max-width:860px){
  .mq-grid{grid-template-columns:1fr !important}
  [data-screen-label="Brojke"] > div{grid-template-columns:1fr 1fr !important;padding:28px 20px !important}
  h1{font-size:clamp(32px,9vw,42px) !important;letter-spacing:-1px !important}
  h2{font-size:clamp(26px,7vw,32px) !important}
  header > div{flex-wrap:wrap;padding:12px 16px !important;gap:10px 12px !important}
  header nav{order:3;width:100%;margin-left:0 !important;overflow-x:auto;gap:18px !important;scrollbar-width:none}
  header nav a{white-space:nowrap}
  header > div > a[href*="kontakt"]{margin-left:auto;font-size:13.5px !important;padding:9px 16px !important}
  [data-screen-label="Hero"] > div{padding:44px 20px 52px !important;gap:40px !important}
    [data-screen-label="Hero"] 
    [data-screen-label="Hero"] .si{font-size:12.5px;padding:6px 12px}
    [data-screen-label="Hero"] .sk{font-size:clamp(32px,9vw,42px) !important;line-height:1.08 !important;width: 16ch;}
    [data-screen-label="Hero"] .sn{font-size:17px !important;line-height:1.55 !important;max-width:100%}
    [data-screen-label="Hero"] .sz{justify-self:center;width:min(100%,430px)}
    [data-screen-label="Hero"] .s14{width:min(100%,430px);height:auto;aspect-ratio:430 / 560}
    [data-screen-label="Hero"] .s15{width:100%;height:auto}
  [data-screen-label="Hero"] .mq-heroblob{width:min(300px,82vw) !important;height:380px !important}
  section > div, article, footer > div{padding-left:20px !important;padding-right:20px !important}
  form{padding:24px !important}
  .s1k.s1k{display:flex;flex-direction: column;width:50%}
  .s1k2.s1k2{display:flex; flex-direction: column; align-items: center;}
  .zastoflex{flex-direction: column; align-items: center; width:100%;}
  .zfitem{width:75vw; padding: 28px 7vw;align-self:center;}
  .s1w{width:100%;align-self:center;}
  .pb{width:75vw; align-self:center;}
  .s39.s39{width: 26vw;
    font-size: 15px;
    font-weight:650;
    min-width: 120px;}
  .googleG{width: 5vw;height:5vw}
  .sverecflex{margin-left: auto;}
  .s2x.s2x{width:85vw; align-self:center;overflow:hidden;flex:0 0 auto;}
  .ss.ss{padding: 15px 20px;}
  .st.st{padding: 15px 20px;}
  .s1v{width: 88vw;}

  .s41.s41{padding-top:45px;}
  .s3t.s3t{padding-top:45px;}
  .s37.s37{padding-top:45px;}
  .s2g.s2g{padding-top:45px;}
  .s1z2.s1z2{padding-top:45px;}
}