@import url('../vendor/font-7859d891bcee.css');
@media(max-width:600px){.utility .wrap>a{display:none!important}.utility .wrap{justify-content:flex-start}.design-switch{gap:18px}}
.socials a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #ffffff26;border-radius:50%;transition:background .2s,color .2s,border-color .2s}.socials a:hover{color:#fff;background:var(--red);border-color:var(--red)}.socials svg{display:block;width:19px;height:19px}.socials{gap:10px}.language-switch{display:flex;flex-shrink:0;gap:2px;border-left:1px solid #ffffff30;padding-left:12px}.language-switch a{font-size:10px;font-weight:700;display:grid;place-items:center;min-width:29px;min-height:44px;color:#999}.language-switch a[aria-current=page]{color:#fff}.language-switch a:hover{color:#ff686d}.navigation{gap:23px}.navigation nav{gap:19px}.design-switch{display:flex;gap:22px;font-size:10px;letter-spacing:0}.design-switch a{min-height:34px;display:flex;align-items:center;color:#8c9299}.design-switch a[aria-current=page]{color:#fff}.design-switch a:hover{color:#fff}.utility .wrap{gap:20px}.video-section{background:#eaeae5}.video-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.video-grid>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#626967;max-width:350px}.video-grid h2 em{font-style:normal;color:var(--red)}.video-meta{font-size:10px;color:#6b716e}.video-fallback{display:block;margin-top:28px;font-size:12px;font-weight:600}.video-player{aspect-ratio:16/9;background:#16191b;position:relative;isolation:isolate}.video-poster{display:block;border:0;width:100%;height:100%;position:relative;overflow:hidden;color:white;text-align:left;background:radial-gradient(ellipse at 70% 35%,#42474a,#171a1c 65%)}.video-poster:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:40px 40px}.video-poster>img{position:absolute;right:0;top:0;height:100%;width:60%;object-fit:contain;transform:rotate(17deg);filter:drop-shadow(10px 12px 12px #0009)}.video-brand{position:absolute;top:24px;left:25px;z-index:2;font-size:25px;font-style:italic;font-weight:800;line-height:1}.video-brand>span{display:block;font-size:7px;letter-spacing:1.5px;font-style:normal;margin-top:6px}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;display:grid;place-items:center;background:var(--red);border-radius:50%;z-index:3;box-shadow:0 0 0 10px #df272b18;transition:box-shadow .2s}.play-circle svg{width:24px;height:24px}.video-poster:hover .play-circle{box-shadow:0 0 0 17px #df272b28}.video-poster-label{position:absolute;left:25px;bottom:25px;display:flex;flex-direction:column;gap:8px}.video-poster-label b{font-size:12px;letter-spacing:2px}.video-poster-label>span{font-size:10px;color:#b4bbc0}.video-duration{position:absolute;right:23px;bottom:25px;font-size:10px;color:#c6c9cc}.video-player iframe{display:block;border:0;width:100%;height:100%;position:absolute;inset:0}.video-consent{font-size:10px!important;margin-top:12px;margin-bottom:0;max-width:none!important}.hero-watch{display:none}
.design-three{font-family:Manrope,Inter,Arial,sans-serif;--red:#e53135;--dark:#111619;--paper:#f7f7f2}.design-three h1,.design-three h2,.design-three .proof-grid strong,.design-three .about-note strong{font-family:Manrope,Inter,Arial,sans-serif}.design-three h1{font-size:clamp(58px,6.5vw,86px);font-weight:800;text-transform:none;line-height:1.06;letter-spacing:-4.5px;margin-bottom:26px}.design-three h1 em{color:#f3484e}.design-three .hero-inner{padding-top:68px;min-height:690px}.design-three .hero-copy{max-width:810px}.design-three .hero-image{left:45%}.design-three .hero-image:after{background:linear-gradient(90deg,var(--dark),rgba(17,22,25,.3) 40%,rgba(17,22,25,.06)),linear-gradient(0deg,var(--dark),transparent 50%)}.design-three h2{font-size:clamp(35px,3.8vw,49px);line-height:1.16;letter-spacing:-2px;font-weight:700}.design-three .hero-description{font-size:15px;line-height:1.8}.design-three .hero-service{display:none}.design-three .hero-watch{display:flex;align-items:center;gap:12px;margin-top:24px;max-width:max-content;position:relative;z-index:2;font-size:12px;font-weight:600}.watch-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff66;border-radius:50%;font-size:10px;padding-left:2px}.hero-watch small{color:#a3aab0;font-size:8px;letter-spacing:1px;margin-left:8px}.design-three .hero-bottom{margin-top:38px}.design-three .proof-grid strong{font-size:30px;letter-spacing:-1.5px;font-weight:600}.design-three .section{padding:88px 0}.design-three .service-grid{border-left:0;gap:14px}.design-three .service-grid>a{border:1px solid #dadfd8;border-radius:4px;padding:25px;background:#fff6}.design-three .service-grid>a:hover{border-color:#8c9992;background:white}.design-three .service-grid h3{font-size:23px;letter-spacing:-.8px}.design-three .product{border-radius:4px}.design-three .field-copy h2{font-size:43px}.design-three .duo h2{font-size:34px;letter-spacing:-1.4px}.design-three .about-note strong{font-size:23px;line-height:1.35;letter-spacing:-.6px}.design-three .catalogue h2{font-size:28px;letter-spacing:-1px}.design-three .contact h2{font-size:53px;letter-spacing:-2px}.design-three .contact form, #sib-container{border:1px solid #ffffff10;border-radius:5px}.design-three .button,.design-three .nav-cta{border-radius:3px}.design-three .proof-grid{grid-template-columns:1fr 1.35fr 1fr 1fr}.design-three .proof-grid>div{display:block}.design-three .proof-grid p{margin-top:8px}
html[lang=en] .hero-copy{max-width:780px}html[lang=en] .service-grid h3{font-size:21px}html[lang=en] .contact-phone{font-size:27px}html[lang=en] .design-three h1{font-size:clamp(58px,6.5vw,85px)}html[lang=en] .service-grid p{min-height:70px}
@media(max-width:1100px){.navigation{gap:16px}.navigation nav{gap:14px}.language-switch{padding-left:8px}.navigation .brand>span{display:none}.design-three .hero-inner{min-height:650px}.video-grid{gap:40px}.design-three h1{font-size:74px}.design-three .field-copy h2{font-size:35px}.design-three .service-grid>a{padding:20px}.design-three .catalogue h2{font-size:25px}.design-three .contact h2{font-size:44px}}
@media(max-width:900px) and (min-width:761px){.navigation{gap:11px}.navigation nav{gap:12px;font-size:11px}.nav-cta{gap:10px;padding:12px;font-size:10px}.navigation .brand strong{font-size:30px}.language-switch a{min-width:25px}.language-switch{padding-left:6px}}
@media(max-width:760px){.navigation{gap:12px}.language-switch{padding-left:0;border:0;margin-left:auto;gap:0}.language-switch a{font-size:11px;min-width:34px;min-height:44px}.navigation .nav-cta{display:none}.menu-button{width:44px;min-width:44px;height:44px;padding:10px}.utility .wrap{justify-content:space-between;gap:12px}.utility a{gap:6px}.utility .status-dot{display:none}.utility .wrap>a{font-size:9px}.utility .wrap>a b{display:none}.design-switch{gap:13px;font-size:9px}.design-switch a{min-height:36px}.design-three .hero-inner{padding-top:45px;min-height:625px}.design-three h1,html[lang=en] .design-three h1{font-size:clamp(42px,9vw,64px);letter-spacing:-2px;line-height:1.1}.design-three .hero-copy{max-width:600px}.design-three .hero-image{left:15%;opacity:.57}.design-three .hero-description{font-size:13px;max-width:340px}.design-three .hero-watch{gap:10px;font-size:11px}.hero-watch small{display:none}.design-three h2{font-size:36px;letter-spacing:-1.5px}.design-three .section{padding:60px 0}.design-three .proof-grid{grid-template-columns:1fr 1fr}.design-three .proof-grid strong{font-size:27px}.design-three .proof-grid p{font-size:10px}.design-three .service-grid{gap:10px}.design-three .service-grid>a{padding:17px}.design-three .service-grid h3{font-size:21px}.design-three .duo h2{font-size:30px}.video-grid{grid-template-columns:1fr;gap:30px}.video-grid>div>p:not(.eyebrow){max-width:500px;font-size:13px}.video-meta{font-size:10px}.video-brand{top:18px;left:20px;font-size:22px}.video-poster-label{left:20px;bottom:18px}.video-poster-label b{font-size:9px;letter-spacing:1px}.video-poster-label>span{font-size:9px}.video-duration{right:18px;bottom:18px}.play-circle{width:52px;height:52px}.video-fallback{margin-top:20px}.design-three .catalogue h2{font-size:28px}.design-three .contact h2{font-size:44px}.design-three .hero-bottom{margin-top:35px}html[lang=en] .contact-phone{font-size:25px}html[lang=en] .service-grid h3{font-size:19px}html[lang=en] .proof-grid strong{font-size:26px}.socials a{min-width:44px;min-height:44px}}
@media(max-width:380px){.navigation{gap:6px}.design-three h1,html[lang=en] .design-three h1{font-size:41px;letter-spacing:-1.8px}.design-three .hero-description{font-size:12px}.design-three .hero-inner{min-height:595px}.design-three .service-grid h3,html[lang=en] .design-three .service-grid h3{font-size:17px}.design-three .service-grid p{font-size:10px}.design-three .proof-grid strong{font-size:25px}.video-poster-label b{font-size:8px}.video-poster-label>span{display:none}.design-three .contact h2{font-size:39px}}
/* DODAJ NA KRAJ updates.css — koristi varijable iz styles.css */
.gallery{background:#ecece7}
.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.gallery-filters button{background:none;border:1px solid #c8c9c4;padding:12px 20px;min-height:44px;font-size:12px;font-weight:500;transition:border-color .2s,background .2s,color .2s}
.gallery-filters button:hover{border-color:var(--red)}
.gallery-filters button[aria-pressed=true]{background:var(--red);border-color:var(--red);color:#fff}

.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.gallery-item{display:flex;flex-direction:column;background:#fafaf7;border:1px solid transparent;padding:0;text-align:left;cursor:zoom-in;overflow:hidden;transition:transform .2s,border-color .2s}
.gallery-item:hover{transform:translateY(-5px);border-color:#aaa}
.gallery-item[hidden]{display:none}
.gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.7);height:300px;}
.gallery-item img[src$=".png"]{object-fit:contain;mix-blend-mode:multiply;padding:18px 12px;filter:none}
.gallery-caption{display:block;padding:16px 20px 20px;font-size:14px;font-weight:600;line-height:1.4}
.gallery-caption small{display:block;font-size:8px;font-weight:400;letter-spacing:1.5px;color:#737872;margin-bottom:6px}

#gallery-dialog{width:min(980px,calc(100% - 32px));padding:46px 24px 22px;background:var(--dark);color:#fff}
#gallery-dialog figure{margin:0}
#gallery-dialog img{max-height:72vh;width:auto;margin:0 auto;object-fit:contain}
#gallery-dialog img[src$=".png"]{background:#fafaf7;padding:20px}
#gallery-dialog figcaption{text-align:center;font-size:13px;color:#c7c9cc;margin-top:16px}
#gallery-dialog .dialog-close{color:#fff;top:6px;right:10px}
.gallery-nav{display:flex;justify-content:center;gap:8px;margin-top:18px}
.gallery-nav button{width:44px;height:44px;background:#ffffff0b;border:1px solid #ffffff35;color:#fff;font-size:16px}
.gallery-nav button:hover{border-color:var(--red);background:var(--red)}

@media(max-width:1100px){.gallery-caption{padding:14px 16px 18px}}
@media(max-width:760px){
  .gallery-grid{grid-template-columns:1fr 1fr;gap:10px}
  .gallery-caption{font-size:12px;padding:12px 12px 16px}
  .gallery-caption small{font-size:7px}
  .gallery-item img[src$=".png"]{padding:12px 6px}
  #gallery-dialog{padding:44px 14px 18px}
}
.d-flex{
    display: flex;
    gap: 10px;
}
.mt-3{
    margin-top:2rem;
}
.section-heading.mt-3 {
    margin-bottom: 1rem;
}
.section-heading.mt-3 strong {
    display: block;
    font-size: 24px;
}
.mb-0{
    margin-bottom:0;
}

:where(.sib-form-message-panel) {
    display: none;
  }

  :where(.sib-form-message-panel .sib-notification__icon) {
    width: 20px;
    height: 20px;
  }


  #sib-container input:-ms-input-placeholder {
    font-family: Helvetica, sans-serif;
    text-align: left;
    color: #c0ccda;
  }

  #sib-container input::placeholder {
    font-family: Helvetica, sans-serif;
    text-align: left;
    color: #c0ccda;
  }

  #sib-container textarea::placeholder {
    font-family: Helvetica, sans-serif;
    text-align: left;
    color: #c0ccda;
  }


  #sib-container a {
    text-decoration: underline;
    color: #2BB2FC;
  }
  select{
      min-height:20px;
  }
  .sib-form .entry__error {
    color: #ff4949 !important;
}
/* DODAJ NA KRAJ updates.css */
.certs{display:flex;align-items:center;gap:28px;border-top:1px solid #ffffff15;padding-top:22px;padding-bottom:22px}
.certs-label{font-size:8px;letter-spacing:1.5px;color:#868c92;white-space:nowrap}
.certs-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.cert{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #ffffff26;color:#c7c9cc;font-size:11px;transition:border-color .2s,color .2s}
.cert svg{width:20px;height:20px;flex-shrink:0;color:#f4494d}
.cert:hover{border-color:var(--red);color:#fff}

#cert-dialog{width:min(900px,calc(100% - 32px));padding:46px 28px 24px}
#cert-dialog .eyebrow{margin-bottom:16px}
#cert-img{max-width:100%;max-height:72vh;width:auto;margin:0 auto;border:1px solid var(--line);background:#fff}

@media(max-width:760px){
  .certs{flex-direction:column;align-items:flex-start;gap:14px}
  .certs-list{width:100%}
  .cert{flex:1 1 calc(50% - 10px)}
  #cert-dialog{padding:44px 16px 20px}
}