body {
  font-size: 1.0rem!important;

  @media (min-width: 992px) {
    font-size: 1rem;
  }
}

body.loading {
  overflow: hidden;
}

#preloader {
  position: fixed;
  z-index: 99999;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 2s ease-in-out, opacity 3.5s ease-in-out;
}

#preloader.hide {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}

.preloader-logo img {
  width: 220px;
  height: auto;
  animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.85; }
  100% { transform: scale(1); opacity: 1; }
}



a{
  text-decoration:none!important
}

h1, h2 {
  font-family: "Forum", serif;
  font-weight: 300; 
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    font-weight: 300;
}

.pin-banner,
.horizontal-scroll-section,
.fruit-parallax-wrapper {
  position: relative;
  min-height: 100vh;
}

.banner-proizvodi img{
  height:80vh;
  min-height:600px;
  margin-bottom:-150px;
  object-fit:contain
}

.slider-naslovi{
  margin-bottom:150px;
  max-width:100%!important;
}


.slider-naslovi h2{
  font-size:50px;
    font-weight:300
}

.slider-naslovi p{
  font-size:15px;
  font-weight:300;
  margin-bottom:40px
}

.slider-naslovi a{
  text-decoration:none;
    background:#d2ae6d!important;
    color:#fff;
    padding:9px 25px;
    border-radius:20px;

}

.slider-naslovi .swiper-button-next, .swiper-button-prev {
    color:#fff!important;
}

.slider-naslovi .swiper-button-prev {
    left: 30px!important;
}

.slider-naslovi .swiper-button-next {
    right: 30px!important;
}


.slider-naslovi .swiper-button-next::after,
.slider-naslovi .swiper-button-prev::after {
  font-size: 20px!important;
}

.container-banner,
.slider-naslovi,
.swiper-slide {
  overflow: visible !important;
  position: relative;
}


.custom-shape-divider-bottom-1750141119 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1750141119 svg {
    position: relative;
    display: block;
    width: calc(117% + 1.3px);
    height: 98px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1750141119 .shape-fill {
    fill: #fff;
}

.proizvod-roto img{
  height: 400px;
  width:auto;
  position:relative;
}

.proizvod-roto {
  display: inline-block;
  position: relative;
}

.kvadrat-pozadina {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%)!important;
  width: 240px;     
  height: 240px;
  background-color: #d1a669; 
  border-radius: 10px;
  z-index: 0;
}

.proizvod-roto img {
  z-index: 1;
  position: relative;
}

.slider-proizvod h6 {
  margin-top:40px!important;
  font-weight:600!important
}

.slider-proizvodi{
  background:#FFF;
  padding:50px 0
}


.slider-proizvodi h6{
  margin-top:40px!important;
  font-size:15px;
}

.onama{
  background:#fff;
}

.onama h3{
  color: #d1a669;
}

.novosti img{
  width:100%;
}

.novosti-in{
  background:#fff;
  padding:20px!important;
  border-radius:20px;
}

.novosti-in img{
  background:#fff;
  border-radius:10px;
  aspect-ratio:1/1;
  object-fit:cover
}


.cart-toggler{
  padding:7px 15px !important;
  background-color:#d2ae6d!important;
  border:none!important;
  color:#091624!important;
  font-size:20px!important
}

.cart-toggler:hover{
  background-color:#fff!important;
}



.woocommerce-mini-cart-item.py-3 {
  padding:30px 10px!important
}

.offcanvas .btn-close {
  filter: invert(1);
}

.offcanvas .cart-list{
  background:#fff
}

.woocommerce-mini-cart__total {
  color:#091624!important
}

.orderby, .woocommerce-result-count{
  display:none
}

.products img{
  height:500px!important;
  width:100%;
  object-fit:contain;
  padding:20px!important
}

.products .card{
  border:none;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: #fff;
}

.products .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}

.products bdi{
  font-weight:900;
}

.woocommerce .input-group-text{
  background:#fff;
}

.woocommerce-mini-cart img{
  height:80px!important;
  object-fit:contain;
  border:solid 1px;
  padding:3px;
}

.woocommerce-product-gallery__image img{
  height:600px!important;
  width:auto!important;
  margin:auto;
  max-height:70vh
}

.product .summary.entry-summary {
  background: #fdfdfd;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.product .summary .product_title {
  font-size: 2rem;
  font-weight: 300;
  margin-bottom: 0.5rem;
  color: #091624;
}

.product .summary .custom-price-note {
  line-height: 1.7;
  color: #091624;
  background: #fff8f0;
  padding: 1rem;
  border-radius: 0.5rem;
  border-left: 4px solid #D1A669;
}

.product .product-specifikacije .fw-bold {
  font-size: 1.2rem;
  color: #091624;
}

.product .product-specifikacije .text-muted {
  font-size: 0.9rem;
  color: #666;
}

.product .product-specifikacije i {
  color: #D1A669;
  top:20px;
  position:relative;
  font-size:22px;
  font-weight:600;
  width:40px;
}

.product .product .me-3{
  text-align:center;
}

.product .summary ul {
  margin-top: 2rem;
  padding-left: 0;
}

.product .summary ul li {
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
}

.product .summary ul li i {
  color: #28a745;
  margin-right: 0.5rem;
  font-size:20px;
  width:30px;
}

.product .product_meta {
  margin-top: 1.5rem;
  font-size: 0.85rem;
  color: #999;
}

.novosti-kategorija .card.horizontal {
  border: none;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: #fff;
}

.novosti-kategorija .card.horizontal:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}


.novosti-kategorija .card-body {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.novosti-kategorija .blog-post-title {
  font-size: 1.55rem!important;
  font-weight: 700;
  color: #091624;
  margin-bottom: 0.5rem;
  transition: color 0.3s ease;
}

.novosti-kategorija .blog-post-title:hover {
  color: #D1A669;
}


.novosti-kategorija .meta {
  font-size: 0.8rem;
  color: #999;
}

.novosti-kategorija .meta time {
  font-weight: 500;
  color: #b68f4d;
}

.scroll-container {
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
  height: 100vh;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll-container::-webkit-scrollbar {
  display: none;
}

.scroll-section {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  transition: background-color 0s ease;
  overflow: hidden;
}

.scroll-section img{
  height:80vh;
  width:auto;
  margin:auto;
  display:block;
}

body {
  transition: background-color 1.0s ease-in-out;
}

.scroll-nav {
  position: fixed;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  z-index: 999;
}
.scroll-nav-item img {
  width: 60px;
  height: 60px;
  transition: opacity 0.3s ease, transform 0.3s ease;
  border-radius: 0px 6px 6px 0px;
  object-fit:contain;
  padding:5px;
}

.scroll-nav-item img:hover {
  opacity: 1;
  transform: scale(1.1);
} 
.scroll-nav-item.active img {
  opacity: 1;
  transform: scale(1.1);
  border: 2px solid #ffc107!important;
}

.bg-overlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  opacity: 0.1;
  z-index: -1;
  pointer-events: none;
}

.scroll-section .btn-outline-light{
  border: solid 1px #fff;
  padding:10px 30px;
  border-radius:5px;
  color:#fff;
}


.full {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.scroll-section .product-specifikacije i {
    color: #D1A669;
    top: 10px;
    position: relative;
    font-size: 22px;
    font-weight: 600;
    width: 40px;
  text-align:center
}

#section-0.scroll-section .product-specifikacije i, #section-4.scroll-section .product-specifikacije i, #section-5.scroll-section .product-specifikacije i  {
    color: #000;
}


.naslov-header{
  max-width:100%;
  margin-bottom:50px;
  padding-left:100px!important
}

.naslov-header p{
  max-width:100%;
  width:600px;
}

.banner-padding{
  padding:50px 0 0 0;
  margin-top:50px
}


.tamno{
  background:#091624;
  color:#fff;
}

.svijetlo{
  background:#d1a669;
  color:#091624;
}

.opis-blok{
  padding:100px!important
}

.builder-vertical .opis-blok{
  padding:30px!important;
  color:#fff;
}

.bg-image{
  padding:200px 0;
}

.builder-vertical .bg-image {
  padding:50px 0 200px;
  margin-bottom:-200px
}

.builder-vertical .bg-image p {
  width:800px;
  max-width:100%
}

.builder-vertical .card{
  border:none;
  border-radius:10px!important;
  overflow:hidden
}


.timeline-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background-color: #D1A669;
  transform: translateX(-50%);
  z-index: 1;
}

.timeline-icon {
  background-color: #fff;
  color: #D1A669;
  border: 2px solid #D1A669;
  border-radius: 50%;
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  z-index: 3;
  font-size: 1.6rem;
  position:relative;
}

.timeline-item {
  margin-bottom: 50px;
}

.timeline-content h5 {
  color: #091624;
  margin-bottom: 5px;
}

.timeline-content p {
  color: #091624;
  margin: 0;
}

.timeline-icon{
  display:none
}

.navbar .cart-content{
  font-size:15px
}

.proizvod-roto {
  position: relative;
  z-index: 0;
}


.proizvod-roto > div:last-of-type {
  position: relative;
  z-index: 3;
}

img.acf-voce {
  position: absolute;
  min-width: 220px !important;
  height: 220px !important;
  object-fit: contain;
  transition: transform 0.3s ease;
  pointer-events: none;
}

.acf-voce-lijevo {
  top: -40px;
  left: -150px;
  z-index: 1;
  transition: all 0.5s!important;
}

.acf-voce-desno {
  bottom: -20px;
  right: -150px;
  z-index: 5!important;
  transition: all 0.5s!important;
}

.slider-proizvod:hover .acf-voce-lijevo {
  left: -230px;
}

.slider-proizvod:hover .acf-voce-desno {
  right: -210px;
}

.roto-proizvod-img {
  top: 0px;
  transition:all 0.5s!important
}

.slider-proizvod:hover .roto-proizvod-img {
  top: -20px;
}

.slider-proizvod{
  background:#f4f4f4;
  border-radius:20px
}


.proizvodi-swiper {
  overflow: visible !important;
}

.drugi-banner-item .wp-block-image {
  text-align:center;
}

.drugi-banner-item .wp-block-image img {
  max-width:500px
}

.animacija-banner .drugi-banner-item {
  overflow:hidden;
  border-radius:30px
}

.animacija-banner {
  padding-left:100px;
  padding-right:100px;
  padding-top:50px;
  border-radius:30px
}


.container-sik{
  padding: 0 80px
}

.baban-tekstualni-slider {
  width: 100%;
  height: 350px;
}

.fruit-parallax-wrapper {
  position: relative;
  height: 100vh;
  overflow: hidden;
  padding: 0;
  margin: 0;
  background: radial-gradient(circle, #224a75 0%, #091624 100%);

}


.fruit-parallax-background {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 1;
  pointer-events: none;
}

.parallax-left,
.parallax-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 1;
  pointer-events: none;
}

.parallax-left {
  left: 0;
}

.parallax-right {
  right: 0;
}


.fruit {
  position: absolute;
  opacity: 0.9;
  will-change: transform;
  transition: transform 0.3s ease;
}

/* Blur efekti za dubinu */
.blur-1 {
  filter: blur(2px);
  opacity: 0.7;
  z-index: 1;
}
.blur-2 {
  filter: blur(4px);
  opacity: 0.5;
  z-index: 0;
}


.fruit-parallax-content {
  z-index: 2;
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.fruit-slide-text {
  width: 100%;
  font-size: 2rem;
  color:#fff;
}

.text-slide {
  opacity: 0;
  position: absolute;  
  text-align:center!important;
  width:100%
}

/* Size varijacije */
.size-xs { width: 300px; z-index: 2; }
.size-s  { width: 300px; z-index: 3; }
.size-m  { width: 300px; z-index: 4; }
.size-l  { width: 300px; z-index: 5; }

/* Lijeva strana */
.pos-l-1 { top: 10%; left: -5%; position: absolute; }
.pos-l-2 { top: 22%; left: -12%; position: absolute; }
.pos-l-3 { top: 35%; left: 8%; position: absolute; }
.pos-l-4 { top: 40%; left: 20%; position: absolute; }
.pos-l-5 { top: 72%; left: -10%; position: absolute; }
.pos-l-6 { top: 80%; left: 6%; position: absolute; }
.pos-l-7 { top: 90%; left: 10%; position: absolute; }

/* Desna strana */
.pos-r-1 { top: 8%; right: -15%; position: absolute; }
.pos-r-2 { top: 20%; right: 22%; position: absolute; }
.pos-r-3 { top: 20%; right: 8%; position: absolute; }
.pos-r-4 { top: 55%; right: 3%; position: absolute; }
.pos-r-5 { top: 70%; right: 20%; position: absolute; }
.pos-r-6 { top: 82%; right: 6%; position: absolute; }
.pos-r-7 { top: 92%; right: 12%; position: absolute; }

.fruit-parallax-bg-layer {
  position: absolute;
  inset: 0;
  transform: scaleY(0);
  transform-origin: bottom;
  z-index: 1;
}

.bg-layer-1 {
  background: radial-gradient(circle, #3b293d 0%, #000000 100%); /* zlatno-narančasti */
  z-index: -5;
}

.bg-layer-2 {
  background: radial-gradient(circle, #93081f 0%, #1c0000 100%); /* jarko zelena prema tamnijoj zelenoj */
  z-index: -4;
}

.bg-layer-3 {
  background: radial-gradient(circle, #443f26 0%, #516505 100%); /* jarko crvena prema tamnoj crvenoj */
  z-index: -3;
}

.bg-layer-4 {
  background: radial-gradient(circle, #88382b 0%, #000000 100%); /* jarko plava prema tamno plavoj */
  z-index: -2;
}



.after-parallax-section {
  height: 100vh;
  background: #fff3e0;
}

.horizontal-scroll-section {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.horizontal-scroll-wrapper {
  display: flex;
  height: 100%;
}

.horizontal-slide {
  flex: 0 0 33.333vw;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
}

.slider-text {
  position: absolute;
  bottom: 0;
  left: rem;
  color: white;
  font-size: 1.2rem;
  width:100%;
  text-align:center;
  padding:50px;
  background: #091624;
  background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
  height:100
}

.section-pin {
  position: relative;
  min-height: 100vh;
}

.section-free {
  min-height: 200vh;
  background: #f7f7f7;
}


.page-title{
  display:none!important
}

.formular{
  background:#fff;
  padding:30px;
  border-radius:20px
}

.formular input, .formular textarea{
  background:#fff;
}

.kontakt .fa-solid{
  background:#fff;
  font-size:18px;
  margin-right:10px;
  padding:5px;
  background-color:#d1a669;
  border-radius:5px;
  color:#fff;
}

.spec-list {
  column-count: 2; 
  column-gap: 1.5rem;
}

.spec-item {
  break-inside: avoid;
}

@media (max-width: 767px) {
  .spec-list {
    column-count: 1;
  }
}


@media (max-width: 768px) {
.woocommerce td{
  font-size:13px;
}

.woocommerce .button{
  font-size:15px!important
}
  
  .timeline-line {
    left: 20px;
  }
  .timeline-item .text-end {
    text-align: left !important;
  }
  .timeline-content {
    text-align: left !important;
    padding: 0 15px !important;
  }
}


@media screen and (min-width: 100px) and (max-width: 768px) {
.horizontal-slide {
  flex: 0 0 100vw;
}

.drugi-banner-item .wp-block-image img {
  max-width:90%
}
	
.animacija-banner {
  padding-left:15px;
  padding-right:15px;
  padding-top:0px;
  border-radius:0px
}

/* Size varijacije */
.size-xs { width: 150px; z-index: 2; }
.size-s  { width: 150px; z-index: 3; }
.size-m  { width: 150px; z-index: 4; }
.size-l  { width: 150px; z-index: 5; }

/* Lijeva strana */
.pos-l-1 { top: 10%; left: -5%; position: absolute; }
.pos-l-2 { top: 22%; left: -12%; position: absolute; }
.pos-l-3 { top: 35%; left: 8%; position: absolute; }
.pos-l-4 { top: 40%; left: 20%; position: absolute; }
.pos-l-5 { top: 72%; left: -10%; position: absolute; }
.pos-l-6 { top: 80%; left: 6%; position: absolute; }
.pos-l-7 { top: 90%; left: 10%; position: absolute; }

/* Desna strana */
.pos-r-1 { top: 8%; right: -1%; position: absolute; }
.pos-r-2 { top: 20%; right: 22%; position: absolute; }
.pos-r-3 { top: 20%; right: -16%; position: absolute; }
.pos-r-4 { top: 55%; right: 3%; position: absolute; }
.pos-r-5 { top: 70%; right: 20%; position: absolute; }
.pos-r-6 { top: 82%; right: 6%; position: absolute; }
.pos-r-7 { top: 92%; right: 12%; position: absolute; }

.text-slide {
    padding:30px
}

.naslov-header{
  max-width:100%;
  margin-bottom:20px;
  padding-left:20px!important
}

.container-sik{
  padding: 0 0px
}
  
.proizvodi-swiper {
  overflow: hidden !important;
}

img.acf-voce {
  min-width: 170px !important;
  height: 170px !important;
}

.acf-voce-lijevo {
  top: -0px;
  left: -130px;
}

.acf-voce-desno {
  bottom: -40px;
  right: -120px;
}
  
.row {
    --bs-gutter-x: 0px!important;
}
  
  .cart-toggler{
  padding:3px 10px !important;
}
  
.nav-toggler{
  padding:5px 10px !important;
}

.offcanvas .item-image{
  margin-right:10px;
  width:75px
}

.offcanvas-title{
    display:none
  }

.offcanvas li{
    text-align:center
  }

.navbar-brand{
  width:150px
}

.slider-naslovi .lead{
  height:300px!important
}

.banner-proizvodi img{
  height:50vh;
  min-height:300px;
}

.slider-naslovi{
  text-align:center;
}

  
.slider-naslovi h2{
  font-size:30px;
}

.slider-naslovi p{
  font-size:13px;
}


.slider-naslovi .swiper-button-next, .swiper-button-prev {
    color:#fff!important;
}

.slider-naslovi .swiper-button-prev {
    left: 0px!important;
}

.slider-naslovi .swiper-button-next {
    right: 0px!important;
}


.slider-naslovi .swiper-button-next::after,
.slider-naslovi .swiper-button-prev::after {
  font-size: 15px!important;
}


.custom-shape-divider-bottom-1750141119 {
    bottom: -2px;
}


.proizvod-roto img{
  height: 300px;
  position:relative;
}

.proizvod-roto {
  display: inline-block;
  position: relative;
}

.slider-proizvodi{
  padding:20px 0
}


.onama{
  padding:20px;
  text-align:center;
}

.novosti .py-5{
  padding:20px 0!important
}
.novosti-in{
  padding:20px!important
}

footer{
  padding:20px;
  text-align:center
}

.slider-proizvodi .text-start{
  text-align:center!important;
  width:100%
}

.slider-naslovi .wp-block-image{
  max-width:60%;
  margin:0 auto 30px;
}

.woocommerce-product-gallery__image img{
  height:300px!important;
  max-height:50vh
}


.product .summary.entry-summary {
  padding: 1rem;
}

.product .summary .product_title {
  font-size: 1.7rem;
}

.product .product-specifikacije .fw-bold {
  font-size: 1.0rem;
} 


.scroll-section {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  scroll-snap-align: start;
  transition: background-color 0s ease;
  overflow: hidden;
}

.scroll-section img{
  height:50vh;
  padding:20px
}

.scroll-section .col-md-6{
  height:50vh;
}

.scroll-section div > p:not(:first-of-type) {
  display: none;
}


p{
  font-size:14px;
}

.scroll-section .product-specifikacije{
  display:none
}

.banner-padding{
  padding:0;
  margin-top:20px
}

.opis-blok{
  padding:20px!important
}

.bg-image{
  padding:100px 0
}

footer .d-flex.gap-3{
  justify-content: center;
}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
.nav-link{
    font-size:15px!important
  }

  .cart-toggler{
  padding:7px 10px !important;
  background-color:#d2ae6d!important;
  border:none!important;
  color:#091624!important;
  font-size:14px!important
}

.navbar-brand{
  width:200px
}
}