body{
	font-family: "Nunito", sans-serif!important;
 }
 
 a{
	 text-decoration:none!important
 }
 
 .container-banner {
	 display: flex;
	 align-items: center;
 }
 
 .glavni-banner {
	 color:#fff!important;
 }
 
 .swiper-button-next, .swiper-button-prev{
	 color:#fff!important;
 }
 
 .swiper-button-prev {
	 left: 50px!important;
 }
 
 .swiper-button-next {
	 right: 50px!important;
 }
 
 .swiper-button-next:after, .swiper-button-prev:after {
	 font-size: 25px!important;
 }
 
 .swiper-pagination-bullet{
	 background:#fff!important
 }
 
 .top-button{
	 background:#000!important;
	 border:none!important;
	 color:#fff!important;
 }
  
 .centered {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 width:1400px;
	 max-width:90%;
 }
 
 .video-overlay{
	 height:100%;
	 position:absolute;
	 width:100%;
 }
 
 .banner-text {
	 padding:50px;
	 color:#fff;
 }
 
 
 .banner-text p{
	 margin:0;
	 font-size:15px;
	 max-width:900px;
	 margin-bottom:50px;
	  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
	 
 }
 
 .banner-text h1{

	 	  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
 }

 .banner-text h2{
	 font-size:57px;
	 max-width:900px;
	 line-height:1;
	 margin:0px 0;
	 	  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
 }
 
 
 .banner-text a{
	 background:#0098DA;
	 color:#fff;
	 padding:10px 20px;
	 border-radius:50px;
 }
 
 .banner-text a:last-child{
	 background:#fff;
	 color:#0098DA;
	 padding:10px 20px;
	 border-radius:50px;
 }
 
 .banner-text a:hover{
	 background:#2F2A27;
	 color:#fff;
	 padding:10px 20px;
	 border-radius:50px;
 }
 
 .glavni-banner{
	 margin:auto;
	 border-radius:20px;
	 overflow:hidden;
	 max-width: calc(100% - 100px);
 }
 
 .prvi{
	 background:#000;
	 color:#fff;
	 padding: 5px 0;
	 font-size:14px
 }
 
 .pomocni-menu-class {
	 text-align: right;
 }
 
 .pomocni-menu-items {
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 display: flex;
	 justify-content: flex-end;
 }
 
 .pomocni-menu-items li {
	 margin-left: 20px;
 }
 
 .pomocni-menu-items li a {
	 text-decoration: none;
	 color: #fff;
 }
 
 .pomocni-menu-items li a:hover {
	 color: #ebd4c7; /* promenite boju za hover efekt po želji */
 }

.navbar-nav a{
	color:#000;
	font-weight:500;
		border-bottom:solid 1px #fff
}

.navbar-nav a:hover{
	color:#000;
	border-bottom:solid 1px #000
}

 .glavni-menu .woocommerce-Price-amount{
	 display:none!important
 }
 
 .glavni-menu .cart-list .woocommerce-Price-amount{
	 display:initial!important
 }
 
 .glavni-menu .cart-toggler{
	 background:#dcdcdc!important;
	 color:#000!important;
	 border:none!important;
	 border-radius:20px!important;
	 font-size:20px;
 }
 
 .glavni-menu .cart-toggler:hover{
	 background:#000000!important;
	 color:#fff!important
 }
 
 
 .glavni-menu .fa-bag-shopping{
	 font-size:20px;
	 margin-right:10px
 }
 
 .glavni-menu .cart-content-count{
	 margin-left:-7px;
	 position:relative;
	 background:#2F2A27!important
 }
 
 .glavni-menu .account-toggler {
	 background:#2F2A27!important;
	 color:#fff!important;
	 border:none!important;
	 border-radius:50px!important;
	 padding: 10px 15px 10px 15px!important
 }

.naslov-naslovna{
	text-align:center;
	margin-bottom:100px
}

.naslov-naslovna h3{
	font-size:15px;
	font-weight:bold
}
 
 .pretraga-in{
	 margin-top:-35px;
	 position:relative;
	 z-index:5;
 }
 
 .pretraga{
	 margin-bottom:50px
 }
 
 .pretraga-in .aws-search-form{
	 border-radius:50px!important;
	 overflow:hidden;
 }
 
 .aws-container .aws-search-form{
	 height:70px!important;
	 border:none!important;
 }
 
 .aws-container .aws-search-field {
	 height:70px!important;
	 border:none!important;
 }
 
 .aws-search-field {
	 background:#000;
	 padding:20px!important;
	 font-size:15px!important;
 }

 
 .aws-search-field:focus {
	 background:#000!important;
	 padding:20px!important;
	 font-size:15px!important;
 }
 .aws-search-btn {
	 background:#000!important;
	 padding:0px!important;
	 font-size:15px!important;
	 border:none!important
 }
 
 .aws-search-result{
	 margin-top:0px!important;
	 border-radius:0px!important;
	 overflow:hidden!important;
	 border:none!important
 }
 
 .aws_result_item{
	 border-radius:10px!important;
	 overflow:hidden!important;
	 background:#000000;
	 border:solid 1px #fff!important;
	 margin-bottom:10px!important
 }

.aws_result_excerpt {
   color:#797878!important
}

.aws_search_more a{
   color:#fff!important
}
.screen-reader-text{
   color:#797878!important
}

 .aws_result_item img{
	 border-radius:5px!important;
 }

.aws-search-result{
   padding:20px;
   background:none!important;
   border-radius:20px!important;
   overflow:hidden!important;
}


 .aws_result_item:hover{
	 background:#919191!important;
 }
 
 
 .aws_result_title{
	 font-size:15px!important;
	 margin-bottom:5px!important;
	 color:#fff!important
 }
 
 .kategorije-swiper img{
	 width:100%;
	 height:250px;
	 object-fit:cover;
	 border-radius:20px;
	 margin-bottom:10px;
	 transition: 0.5s all;
 }
 
 .kategorije-swiper img:hover{
	 margin-top:-10px;
	 position:relative
 }
 
 
 .kategorije-swiper {
	 text-align:center;
	 font-family: "Bebas Neue", sans-serif;
	 margin-bottom:100px
 }
 
 .kategorije-swiper h3{
	 color:#000;
	 font-size:18px!important
 }

.slika-kategorija img{
   border-radius: 0 50px 50px 0
}

.slika-kategorija-druga img{
   border-radius: 50px 0 0 50px
}
 
 .izdvojeni{
	 margin-bottom:50px;
 }

.izdvojene-akcije{
	padding-left:50px!important
}
 
 .izdvojeni h2{
	 font-size:46px;
	 margin-bottom:0px;
 }
 
 .izdvojeni p{
	 font-size:14px;
	 margin-bottom:40px
 }
 
 .izdvojeni-padding{
	 padding:10px;
 }
 
 .izdvojeni-shadow{
	 border-radius:20px;
	 overflow:hidden
 }
 
 .izdvojeni .col-lg-8 img{
	 width:100%;
	 height:300px;
	 object-fit:cover;
 }
 
 .izdvojeni .sivo{
	 background:#F5F5F5;
	 padding:20px;
 }
 
 .izdvojeni .sivo p{
	 text-align:left;
	 margin:0;
	 color:#000
 }
 
 .izdvojeni h3{
	 color:#000;
	 font-size:15px;
	 font-weight:bold;
	 margin-bottom:0px;
	 display: -webkit-box;
	 -webkit-box-orient: vertical;
	 -webkit-line-clamp: 1;
	 overflow: hidden;
 }
 
 .kategorije{
	 color:#a0a0a0!important;
		 display: -webkit-box;
	 -webkit-box-orient: vertical;
	 -webkit-line-clamp: 2;
	 overflow: hidden;
	 margin-bottom:20px!important
 }
 
 .cijena{
	  font-family: "Bebas Neue", sans-serif;
	 font-size:23px!important;
	 margin-bottom:20px!important;
	 border-top:solid 1px #e3e3e3
 }
 
 .izdvojeni .add_to_cart_button{
	 background:none;
	 border:none;
	 color:#000;
	 text-align:right;
	 font-size:15px;
	 padding:0
 }
 
 .izdvojeni .add_to_cart_button:hover{
	 background:none;
	 border:none;
	 color:#000;
 }
 
 .akcije{
	 padding-top:100px
 }
 
 .pomocni-banner {
	 padding:20px;
	 width:100%;
 }
 
 .pomocni-banner img{
	width:100%;
	 height:600px;
	 object-fit:cover;
	 margin:auto!important;
	 border-radius:20px
 }
 
 .sik-footer{
	 background:#000;
	 color:#fff;
	 padding: 40px 0;
 }
 
 .dole-lijevi a{
	 background:#fff;
	 color:#000;
	 padding:5px 15px;
	 border-radius:10px;
	 line-height:5;
	 font-size:13px
 }
 
 .dole1{
	 padding-bottom:5px
 }
 
 
 .dole-desni{
	 text-align:right;
 }
 
 
 .dole-desni p{
	 float:right;
 }
 
 .dole-desni span{
	 color:#2c3032;
	 font-size:30px;
 }
 
 .footer-izbornik{
	 border-top:solid 1px #4e4e4e;
	 padding:20px 0 30px 0;
 }
 
 .footer-izbornik a{
	 color:#fff;
	 font-size:14px
 }
 
 .footer-izbornik a:hover{
	 color:#8d8d8d;
 }
 
 .dole2 h3{
	 font-size:12px;
 }
 
 .dole3{
	 margin:10px 0!important
 }
 
 .dole3 h3{
	 font-size:12px;
 }
 
 .cr{
	 text-align:right;
	 font-size:13px;
 }
 
 .cr p{
	 margin:0;
 }
 
 .cr a{
	 color:#face17
 }

 .uvjeti a{
	 color:#a0a0a0
 }
 
 .dropdown-menu{
	 background:#000!important;
	 border:none!important;
 }
 
 .dropdown-menu li{
	 padding:5px 10px;
 }
 
 .dropdown-menu a{
	 font-size:15px;
 }
 
 .off-menu-2{
	 display:none;
 }
 
 .podstranice-container{
	 text-align:center;
	 padding:0 100px;
 }
 
 .podstranice-container img{
	 height:300px!important;
	 width:100%;
	 border-radius:20px;
	 object-fit:cover
 }
 
 .content-area h1{
	 margin-bottom:50px
 }
 
 
 .content-area h2{
	 margin-top:20px!important;
 }
 
 
 .content-area h3{
	 font-family: "Bebas Neue", sans-serif;
	 margin-top:40px!important;
 }
 
 .products .woocommerce-loop-product__title {
	 text-align:left;
 }
 
 .products .price{
	 text-align:left;
	 color:#000!important;
	 font-family: "Bebas Neue", sans-serif;
	 font-size:22px!important
 }
 
 .products img{
	 height:300px!important;
	 object-fit:cover
 }
 
 .products .add_to_cart_button, .products .btn-primary{
	 background:none;
	 border:none;
	 color:#000;
	 text-align:right;
	 font-size:15px;
 }


 .products .add_to_cart_button:hover, .products .btn-primary:hover{
	 color:#000;
	 background:none;
 }


 
 .content-area a{
	 color:#000;
	 background:none;
 }
 
 .pagination {
	 --bs-pagination-color: #000!important;;
	 --bs-pagination-hover-color: #000!important;;
	 --bs-pagination-focus-color: #000!important;;
	 --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	 --bs-pagination-active-color: #fff;
	 --bs-pagination-active-bg: #000!important;
	 --bs-pagination-active-border-color: #000!important;
 }
 
 .product .wc-tabs   {
	 display:none!important;
 }
 
 .product .woocommerce-product-gallery__image{
	 border-radius:20px
 }
 
 .product .sku_wrapper{
	 color:#b2b2b2;
	 margin-bottom:0px!important;
	 display:block;
	 border-top:solid 1px;
	 padding:20px 0
 }
 
 .product .posted_in{
	 margin-bottom:20px!important;
	 display:block;
	 font-weight:bold;
	 font-size:13px
 }
 
 .product .posted_in a{
	 color:#afafaf
 }
 
 
 
 .desnoplacanje {
	 font-weight: 500;
	 margin-top: 20px;
	 margin-bottom: 20px;
	 border-top-width: 1px;
	 border-bottom-width: 1px;
	 padding-top: 20px;
	 padding: 20px;
	 background-color: #ededed;
	 font-size:13px;
	 border-radius:20px
 }
 
 .desnoplacanje img {
	 margin-top: 20px;
	 margin-bottom: 20px;
 }
 
 .desnoplacanje span {
	 background-color: #dd2a4b!important;
	 margin-right: 5px!important;
	 padding: 2px 8px!important;
	 color: #fff!important;
	 -webkit-border-radius: 20px!important;
	 -moz-border-radius: 20px!important;
	 border-radius: 20px!important;
 }
 
 .desnoplacanje i.fas {
	 font-size: 40px;
	 margin-right: 10px;
	 color: #000;
 }
 
 
 .desnoplacanje p {
	 font-size: 14px;
	 margin-top: 10px;
 }
 
 .telefonske {
	 font-weight: 900;
	 color: #dd2a4b;
	 font-size: 15px;
 }
 
 .telefonske p {
	 font-weight: 900;
	 color: #000;
	 font-size: 28px;
	 margin-top: 10px;
 }
 
 .telefonske i.fas {
	 font-size: 20px;
	 margin-right: 10px;
	 color: #000;
 }
 
 div.opis-desno {
	 font-size: 13px;
	 font-weight: normal;
	 margin-bottom: 20px;
	 border-style: solid;
	 border-top-width: 0;
	 border-left-width: 0;
	 border-right-width: 0;
	 border-bottom-width: 1px;
	 padding-bottom: 20px;
	 color: #8a8a8a;
	 border-color:#f3edd7
 }
 
 .woocommerce-mini-cart__buttons .btn-primary {
	 background:#dd2a4b!important;
	 border:none;
 }
 
 .woocommerce-checkout .button {
	 background:#dd2a4b!important;
	 border:none!important;
 }
 
 .single_add_to_cart_button{
	 background:#000!important;
	 border:none!important;
 }


.sik-out-of-stock {
    opacity: 0.5;
    position: relative
}

.sik-out-of-stock-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    padding: 0.25rem 0.6rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    background: #dc3545;
    color: #fff;
    border-radius: 999px;
    pointer-events: none;
}

.sik-out-of-stock .woocommerce-LoopProduct-link {
    position: relative;
}

 
 @media screen and (min-width: 100px) and (max-width: 992px) {
.podstranice-container{
	padding:10px!important;
}
	 
	 .glavni-banner h1{
	font-size:20px;
	margin-top:20px
}
	 
.naslov-naslovna{
	text-align:center;
	margin:50px 0
}

.izdvojeni-padding{
	padding:0;
}
	 
.pomocni-banner {
	 padding:0 5px!important
 }

.akcije{
	padding:20px!important
}
.pomocni-banner img{
	 min-width:100%;
	 height:600px;
	 object-fit:cover;
	 margin:auto!important;
	 border-radius:20px
 }
	 
  .izdvojene-akcije{
	padding:0px!important
}
	 
.izdvojeni{
	padding:10px;
 }

.izdvojeni h2{
	margin-top:60px!important
}
	 

.slika-kategorija-druga {
   padding:0!important;
	margin:15px 0!important
}

.slika-kategorija img{
   border-radius: 20px!important
}
	

.slika-kategorija-druga img{
   border-radius: 20px!important
}
	 
	 .podstranice-container{
	 text-align:center;
	 padding:0 0px;
 }
	 
 .glglavni-menu .cart-toggler{
	 padding: 10px 3px 10px 13px!important;
	 font-size:0
 }
 
 .glavni-menu .fa-bag-shopping{
	 font-size:18px;
	 margin-right:10px
 }
 
 .glavni-menu .account-toggler {
	 padding: 8px 13px 8px 13px!important;
	 font-size:13px;
 }
 
 .navbar-brand img{
	 width:180px
 }
 
 .nav-toggler{
	 background:#000000!important;
	 border:none!important;
	 color:#fff!important;
	 border-radius:50px!important;
	 font-size:18px!important
 }
 
 .off-menu-2{
	 display:initial;
 }
 
 .off-menu-2 .pomocni-menu-class {
	 text-align: left;
	 padding:20px 0!important;
	 font-size:13px;
	 margin-top:20px;
	 border-top:solid 1px  #d8d8d8;
 }
 
 .off-menu-2 .pomocni-menu-items {
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 display: block;
	 justify-content: normal!important;
 }
 
 .off-menu-2 .pomocni-menu-items li {
	 padding:10px 0!important;
	 margin:0
 }
 
 .off-menu-2 .pomocni-menu-items li a {
	 color: #000;
 }
 
 .sakrij{
	 display:none
 }
 
 .prvi {
	 font-size:12px;
	 text-align:center;
 }
 
 .prvi img{
		 width:15px
	 }
 
 .banner-text {
	 padding:10px;
 }
 
 .glavni-banner img{
	 height:60vh;
	 min-height:400px;
	 object-fit:cover;
 }
 .glavni-banner {
	 max-width: calc(100% - 20px)!important;
 }
 
 
 .banner-text p{
	 margin:0;
	 font-size:13px;
	 margin-bottom:30px
 }
 
 .banner-text h2{
	 font-size:27px;
	 line-height:1.2;
	 margin:20px 0
 }
 
 .banner-text a{
	 background:#0098DA;
	 color:#fff;
	 padding:10px 20px;
	 border-radius:50px;
 }
 
 .banner-text a:last-child{
	 display:none
 }
 
 .banner-text a:hover{
	 background:#2F2A27;
	 color:#fff;
	 padding:10px 20px;
	 border-radius:50px;
 }
 
 .pretraga-in{
	 margin-top:-25px;
 }
 
 .pretraga{
	 margin-bottom:30px
 }
 
 .aws-container .aws-search-form{
	 height:50px!important;
 }
 
 .aws-container .aws-search-field {
	 height:50px!important;
 }
 
 .kategorije-swiper img{
	 height:150px;
 }
 
 .kategorije-swiper {
	 margin-bottom:20px
 }
 
 .kategorije-swiper h3{
	 color:#000;
	 font-size:18px!important
 }
 
 
 .izdvojeni h2{
	 font-size:26px;
 }
 
 .izdvojeni p{
	 font-size:13px;
 }
 
 .izdvojeni h3{
	 font-size:17px;
	 margin-bottom:10px;
 }
 
 .kategorije{
	 color:#0098DA!important;
	 margin-bottom:10px!important
 }
 
 .cijena{
	 font-size:18px!important;
	 margin-bottom:0px!important;
 }
 
 .izdvojeni .add_to_cart_button{
	 font-size:13px;
 }
 
 .akcije{
	 padding-top:50px
 }
 
 .pomocni-banner {
	 max-width:100%;
	 padding:0 20px
 }
 
 
 .pomocni-banner img{
	 height:400px;
 }
 
 .sik-footer{
	 padding: 40px 0;
	 font-size:13px;
 }
 
 .dole-lijevi a{
	 padding:5px 20px;
	 line-height:3
 }
 
 .dole1{
	 padding-bottom:20px
 }
 
 .dole-desni p{
	 max-width:50%;
	 float:right;
 }
 
 .footer-izbornik{
	 padding:20px 0 50px 0;
 }
 
 .footer-izbornik a{
	 font-size:13px
 }
 
 
 .dole2 h3{
	 font-size:13px;
 }
 
 .dole3{
	 margin:2px 0!important
 }
 
 .cr{
	 font-size:12px;
 }
 
 
 
 .dropdown-menu{
	 background:#fff!important;
	 border:solid 1px #e1e1e1!important;
 }
 
 }
 
 @media screen and (min-width: 992px) and (max-width: 1200px) {
	 .navbar{
		 font-size:15px;
	 }
 
	 .glavni-menu .cart-toggler{
	 padding: 15px 0px 15px 17px!important;
	 font-size:0
 }
 }
 
.glavni-banner .swiper-slide {
   flex: 1;
   height: 800px !important;
   transition: flex 0.5s ease-in-out;
   position: relative;
   overflow: hidden;
}

.glavni-banner .swiper-slide img {
   width: 100%;
   height: 800px;
   object-fit: cover;
}

.glavni-banner .swiper-slide:hover {
   flex: 4;
   transition: flex 0.2s ease-in-out!important;
}

.glavni-banner .swiper-slide h1,
.glavni-banner .swiper-slide h2,
.glavni-banner .swiper-slide p {

   transition: font-size 0.5s ease-in-out, opacity 0.0s ease-in-out;
   opacity: 1; 
}

.glavni-banner .swiper-wrapper:hover .swiper-slide:not(:hover) h1,
.glavni-banner .swiper-wrapper:hover .swiper-slide:not(:hover) h2,
.glavni-banner .swiper-wrapper:hover .swiper-slide:not(:hover) p {
   opacity: 0;
}

.glavni-banner .video-overlay {
   background: rgba(0, 0, 0, 0.5);
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   transition: opacity 0.5s ease-in-out;
   pointer-events: none;
}

.glavni-banner .swiper-slide:hover .video-overlay {
   opacity: 0.3;
}

.glavni-banner .swiper-wrapper:hover .swiper-slide:not(:hover) .video-overlay {
   opacity: 1.0;
}

.glavni-banner .swiper-wrapper:not(:hover) .swiper-slide {
   transition: flex 0.7s ease-in-out 0.2s;
}

.glavni-banner .swiper-wrapper:not(:hover) .video-overlay {
   transition: opacity 0.7s ease-in-out 0.2s;
}

.glavni-banner .swiper-wrapper:not(:hover) .swiper-slide h1,
.glavni-banner .swiper-wrapper:not(:hover) .swiper-slide h2,
.glavni-banner .swiper-wrapper:not(:hover) .swiper-slide p {
   opacity: 0; 
   transition: opacity 0.5s ease-in-out 0.5s; 
}

.glavni-banner .swiper-wrapper:not(:hover) .swiper-slide:nth-child(n) {
   transition: flex 0.7s ease-in-out 0.2s;
}

.glavni-banner .swiper-wrapper:not(:hover) .swiper-slide:nth-child(n) h1,
.glavni-banner .swiper-wrapper:not(:hover) .swiper-slide:nth-child(n) h2,
.glavni-banner .swiper-wrapper:not(:hover) .swiper-slide:nth-child(n) p {
   opacity: 1; 
}


.swiper-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
}

.swiper-nav {
    display: flex;
    gap: 10px;
}

.swiper-button-prev,
.swiper-button-next {
    position: static !important;
    width: 30px!important;
    height: 20px;
	font-size:15px!important;
	color:#000!important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.reset_variations{
	display:none;
}

.single_add_to_cart_button{
	 background:#000!important;
	 border:none!important;
	 color:#fff!important;
	 font-size:15px!important;
	margin-bottom:0px!important
 }
 
.reset_variations{
	display:none!important;
}

@media screen and (max-width: 768px) {
   .glavni-banner .swiper-wrapper {
      display: flex;
      flex-direction: column; 
      height: 100vh;
      overflow: hidden;
   }

   .glavni-banner .swiper-slide {
      flex: 1;
      width: 100%;
      height: 25vh; 
      transition: height 0.5s ease-in-out;
      position: relative;
   }

   .glavni-banner .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .glavni-banner .swiper-slide:active,
   .glavni-banner .swiper-slide:hover {
      height: 50vh; 
   }

   .glavni-banner .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:not(:hover),
   .glavni-banner .swiper-wrapper:has(.swiper-slide:active) .swiper-slide:not(:active) {
      height: calc(50vh / 3); 
   }

   .glavni-banner .swiper-slide h1,
   .glavni-banner .swiper-slide h2,
   .glavni-banner .swiper-slide p {
      transition: font-size 0.5s ease-in-out, opacity 0.5s ease-in-out;
      opacity: 1;
   }
	

   .glavni-banner .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:not(:hover) h1,
   .glavni-banner .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:not(:hover) h2,
   .glavni-banner .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:not(:hover) p,
   .glavni-banner .swiper-wrapper:has(.swiper-slide:active) .swiper-slide:not(:active) h1,
   .glavni-banner .swiper-wrapper:has(.swiper-slide:active) .swiper-slide:not(:active) h2,
   .glavni-banner .swiper-wrapper:has(.swiper-slide:active) .swiper-slide:not(:active) p {
      opacity: 0;
   }

   .glavni-banner .video-overlay {
      background: rgba(0, 0, 0, 0.5);
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      transition: opacity 0.5s ease-in-out;
      pointer-events: none;
   }

   .glavni-banner .swiper-slide:hover .video-overlay,
   .glavni-banner .swiper-slide:active .video-overlay {
      opacity: 0.3;
   }

   .glavni-banner .swiper-wrapper:has(.swiper-slide:hover) .swiper-slide:not(:hover) .video-overlay,
   .glavni-banner .swiper-wrapper:has(.swiper-slide:active) .swiper-slide:not(:active) .video-overlay {
      opacity: 1.0;
   }

   .glavni-banner .swiper-wrapper:not(:has(.swiper-slide:hover)):not(:has(.swiper-slide:active)) .swiper-slide {
      transition: height 0.7s ease-in-out;
      height: 25vh; 
   }

   .glavni-banner .swiper-wrapper:not(:has(.swiper-slide:hover)):not(:has(.swiper-slide:active)) .swiper-slide h1,
   .glavni-banner .swiper-wrapper:not(:has(.swiper-slide:hover)):not(:has(.swiper-slide:active)) .swiper-slide h2,
   .glavni-banner .swiper-wrapper:not(:has(.swiper-slide:hover)):not(:has(.swiper-slide:active)) .swiper-slide p {
      opacity: 1;
   }
}