html, html[nacin-rada="light"] {
  --podloga: #fff4d7;
  --tekst: #191919;
  --tekst-naglasak: #d19f16;
  --kontrast: #d11616;
  --kontrast-naglasak: #a31111;
  --podloga-proizvoda: #e1d3a9;
  --placeholder: rgba(15, 13, 5, 0.3019607843);
  --tekst-kontrast: #fff;
  --podloga-size-chart: #fff;
  --progress-bar-podloga: #e6e6e6;
  --sjena: #7104043e;
  --safari-podloga-proizvoda: #e1d3a9;
  color-scheme: light;
}
html[nacin-rada="dark"] {
  --podloga: #191919;
  --tekst: #ffffff;
  --tekst-naglasak: #d11616;
  --kontrast: #c4a73a;
  --kontrast-naglasak: #c4a73a;
  --podloga-proizvoda: #0a0a0a82;
  --placeholder: rgba(125, 125, 125, 0.5098039216);
  --tekst-kontrast: #191919;
  --podloga-size-chart: #1c1c1c;
  --progress-bar-podloga: #030303;
  --sjena: rgba(155, 124, 11, 0.177);
  --safari-podloga-proizvoda: #232323;
  color-scheme: dark;
}
.margina-dolje {
  margin-bottom: 7em;
}
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: scroll()) {
    .hero::after {
      animation: overlay ease-in forwards, pozadina linear forwards;
      animation-timeline: scroll(root);
      animation-range-end: 100svh;
    }
    @keyframes overlay {
      from {
        transform: translateX(-50%);
      }
      to {
        transform: translateX(0);
      }
    }
    @keyframes pozadina {
      from {
        opacity: 0.45;
      }
      to {
        opacity: 0.8;
      }
    }
  }
}
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --fs-s: clamp(0.8rem, calc(0.18vw + 0.75rem), 0.91rem);
    --fs-osnova: clamp(1rem, calc(0.34vw + 0.9rem), 1.21rem);
    --fs-m: clamp(1.25rem, calc(0.58vw + 1.08rem), 1.61rem);
    --fs-l: clamp(1.56rem, calc(0.93vw + 1.3rem), 2.15rem);
    --fs-xl: clamp(1.95rem, calc(1.44vw + 1.54rem), 2.86rem);
    --fs-xxl: clamp(2.44rem, calc(2.16vw + 1.82rem), 3.8rem);
    --fs-xxxl: clamp(3.05rem, calc(3.18vw + 2.14rem), 5.05rem);
  }
}
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --fs-s: 0.8rem;
    --fs-osnova: 1rem;
    --fs-m: 1.25rem;
    --fs-l: 1.56rem;
    --fs-xl: 1.95rem;
    --fs-xxl: 2.44rem;
    --fs-xxxl: 3.05rem;
  }
  @media screen and (min-width: 1280px) {
    :root {
      --fs-s: 0.91rem;
      --fs-osnova: 1.21rem;
      --fs-m: 1.61rem;
      --fs-l: 2.15rem;
      --fs-xl: 2.86rem;
      --fs-xxl: 3.8rem;
      --fs-xxxl: 5.05rem;
    }
  }
}
.home .kategorije {
  gap: 0 !important;
}
.home .kategorije .wp-block-column {
  overflow: hidden;
  position: relative;
  isolation: isolate;
  padding: 40px;
}
.home .kategorije .wp-block-column p.box-link a, .home .kategorije .wp-block-column p.box-link strong {
  text-decoration-color: inherit !important;
  font-family: ferryman, sans-serif !important;
  font-weight: 700;
  font-style: normal;
}
.home .kategorije .wp-block-column::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  mask-image: url("/wp-content/uploads/2024/05/slika_manja.svg");
  mask-size: cover;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("/wp-content/uploads/2024/05/slika_manja.svg");
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
}
.home .kategorije .wp-block-column:first-of-type * {
  color: #fff !important;
}
.home .kategorije .wp-block-column:first-of-type::before {
  background-color: #a31111;
}
.home .kategorije .wp-block-column:nth-of-type(2) * {
  color: #191919 !important;
}
.home .kategorije .wp-block-column:nth-of-type(2)::before {
  background-color: #fff;
}
.home .kategorije .wp-block-column:last-of-type * {
  color: #fff !important;
}
.home .kategorije .wp-block-column:last-of-type::before {
  background-color: #07235b;
}
html[nacin-rada="dark"] .home .header-4-container.sticky-izbornik {
  transition: background-blend-mode 0s;
  background-blend-mode: soft-light;
}
@media (max-width: 992px) {
  .margina-dolje {
    margin-bottom: 2em !important;
  }
  .home blockquote:first-of-type {
    margin-bottom: 2em !important;
  }
}
/*# sourceMappingURL=131-partials.map */