:root {
	--main-head-color: #1b1b1b;
	--main-head-color-hover: #00427e;
	--main-head-bg: #fff;
	--main-head-submenu-bg: #ececec;
	--header-height: 116px;
  }  

/*  footer overflow : */
.hpay_footer_branding {
    display: none !important;
} 

header#masthead {
    content-visibility: visible !important;
}

  /* Header */
	.site-header {
	  position: fixed;
	  top: 0;
	  left: 0;
	  right: 0;
	  z-index: 9999;
	}
	.header-content {
	  float: left;
	  width: 100%;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  padding: 10px 78px;
	  background: transparent;
  -webkit-transition: opacity 260ms ease, visibility 260ms ease, -webkit-transform 260ms ease;
  transition: opacity 260ms ease, visibility 260ms ease, -webkit-transform 260ms ease;
  -o-transition: opacity 260ms ease, transform 260ms ease, visibility 260ms ease;
  transition: opacity 260ms ease, transform 260ms ease, visibility 260ms ease;
  transition: opacity 260ms ease, transform 260ms ease, visibility 260ms ease, -webkit-transform 260ms ease;
}

.header-content.is-hidden-by-footer,
.header-content.is-hidden-by-scroll-threshold {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-12px);
      -ms-transform: translateY(-12px);
          transform: translateY(-12px);
	}
   
	#site-navigation {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  margin: 0 35px 0 auto;
	  background-color: transparent;
	  border: unset;
	}
	#dd-collapse-menu {
	  padding: 0;
	}
	.menu-mobile-image-wrap {
	  display: none;
	  position: relative;
	}
	.menu-mobile-image {
	  display: block;
	  max-width: 100%;
	  height: auto;
	}
	.menu-mobile-image-stat {
	  position: absolute;
	  top: 24px;
	  left: 24px;
	  z-index: 2;
	  color: #fff;
	}
	.menu-mobile-image-stat-broj,
	.menu-mobile-image-stat-tekst {
	  margin: 0;
	  color: #fff;
	}
	.menu-mobile-image-stat-broj {
	  font-size: 58px;
	  font-family: 'Outfit', sans-serif;
	  font-weight: 500;
	  line-height: 1;
	}
	.menu-mobile-image-stat-tekst {
	  margin-top: 4px;
	  font-size: 18px;
	  font-weight: 300;
	  line-height: 1.3;
	}
	#primary-menu {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	#primary-menu > li:not(:first-child){
	  margin-left: 31px;
	}
	#primary-menu .menu-item a {
	  color:  var(--main-head-color);
	  font-size: 15px;
	  font-weight: 600;
	  padding: 20px 0;
	}
	#primary-menu li.menu-item-has-children a {
	  margin-right: 18px;
	}
	#primary-menu li.menu-item-has-children a {
	  position: relative;
	}
	#primary-menu .menu-item-has-children > a:before {
	   content: "\203A";
	  position: absolute;
	  right: 6px;
	  top: 9.5px;
	  font-size: 24px;
	  transform: rotateZ(90deg);
	}
	#primary-menu .menu-item a:hover {
	  color: var(--main-head-color-hover);
	}
	#primary-menu li.menu-item-has-children:hover > .sub-menu  {
	  visibility: visible;
	  opacity: 1;
	}  
	.menu-item-has-children .sub-menu {
	  position: absolute;
	  top: 60px;
	  visibility: hidden;
	  opacity: 0;
	  -webkit-transition: all 0.5s ease-in-out;
	  -o-transition: all 0.5s ease-in-out;
	  transition: all 0.5s ease-in-out;
	  background-color: rgba(89, 89, 89, 0.68);
	  border: none;
	  -webkit-box-shadow: 8px 12px 43px #00000016;
			  box-shadow: 8px 12px 43px #00000016;
	  list-style: unset;
	  padding: 20px 10px;
	  z-index: 999;
	  border-radius: 20px;
	}
#primary-menu .menu-item-has-children .sub-menu a {
    display: block;
    padding: 10px 20px;
    margin-bottom: 3px;
}
	#primary-menu .menu-item-has-children .sub-menu li:last-of-type a {
	  margin-bottom: 0;
	}

/* Logo transition for inner pages */
.site-branding {
	position: relative;
}
.site-branding .custom-logo-link {
	transition: opacity 0.3s ease;
}
.logo-inner-initial,
.logo-hp-after-scroll {
	display: inline-block;
}

/* header nbanner hp */
.hero-popust-baner.popust-baner-header {
    display: none;
} 



	@media screen and (max-width: 1400px) {
	  #primary-menu .menu-item-has-children > a:before {
		right: 5px;
	  }
	}

	@media screen and (max-width: 1200px) {
	  .header-content {
		padding: 18px 40px;
	  }
  .header-cta-btn {
	font-size: 14px;
  }
	  #primary-menu .menu-item-has-children > a:before {
		top: 9px;
	  }
	}

	@media screen and (max-width: 1100px) {
	  #primary-menu .menu-item-has-children > a:before {
		right: 1px;
		top: 6px;
	  }
	}

	@media screen and (max-width: 1500px) {
.site-branding img {
    max-height: 72px;
}
}

  
	@media screen and (max-width: 768px) {
	  .header-content {
		padding: 10px 20px;
	  }
	  #dd-collapse-menu,
	  #dd-collapse-menu.collapse.in {
		margin-top: -17px;
	}
.hero-popust-baner.popust-baner-header {
    padding: 10px;
}
.hero-popust-baner.popust-baner-header .popust-baner-tekst {
    font-size: 13px;
    line-height: 19px;
}
	}

	@media screen and (max-width: 600px) {
	  .header-content {
		padding: 10px 20px;
	  }
	  #dd-collapse-menu,
	  #dd-collapse-menu.collapse.in {
		margin-top: -16px;
	  }

.hero-popust-baner.popust-baner-header .popust-baner-tekst {
    max-width: 378px;
}
.hero-popust-baner.popust-baner-header {
    justify-content: center;
}
	}
  
	@media screen and (min-width: 992px) and (max-width: 1200px) {
	  #primary-menu .menu-item a {
		font-size: 14px;
	  }
	  .site-branding img {
	max-width: 104px;
	  }
	  #site-navigation {
		margin-right: 17px;
	  }
	  #primary-menu > li:not(:first-child) {
		margin-left: 20px;
	  }
	  }  
	 
	  @media screen and (min-width: 992px) {
		  .menu-item-has-children .sub-menu .sub-menu {
			  top: 50px;
			  left: 90%;
		  }
	  }

	  @media screen and (max-width: 992px) {
		  #primary-menu .menu-item-has-children .sub-menu a {
			  display: block;
			  padding: 5px 10px;
			  margin-bottom: 3px;
		  }
	  }
	@media screen and (max-width: 991px) {
	  :root {
		--header-height: 100px;
	  }
  
	  /* Keep header fixed – no override */
	  .site-header {
		-webkit-box-shadow: none;
				box-shadow: none;
	  }
	  .site-header::before {
		display: none;
	  }
  
	  /* Single-row, no wrapping */
	  .header-content {
		-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
		position: relative;
	  }
  
	  .site-branding {
		z-index: 2;
	  }
	.site-branding img {
    max-width: 110px;
    height: 64.22px;
}
  
	  /* Nav sits inline to the right */
	  #site-navigation {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		gap: 8px;
		-ms-flex-preferred-size: auto;
			flex-basis: auto;
		min-height: unset;
		margin: 0;
		background-color: transparent;
		border: none;
		position: static;
	  }
  
	  /* Right-side actions: cart + hamburger – always visible */
	  .nav-right-actions {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		gap: 8px;
	  }
  
	  /* Cart pill – always shown */
	  .cart-btn {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		background-color: rgba(89, 89, 89, 0.68);
		border-radius: 200px;
		padding: 10px 12px;
		height: auto;
	  }
  
	  /* CTA button – mobile sizing */
	  .header-cta-btn {
		padding: 10px 20px;
		font-size: 14px;
		line-height: 1.4;
	  }
  
	  /* Hamburger – inline, white bars */
	  .navbar-header {
		position: static;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
		background: rgba(89, 89, 89, 0.68);
		height: 48px;
		width: 48px;
		border-radius: 200px;
				align-items: center;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	  }
	  #site-navigation .navbar-header button {
		background: none;
		border: none;
		border-radius: 0;
		margin: 0;
		padding: 6px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		gap: 5px;
	  }
	  #site-navigation .navbar-header button:hover,
	  #site-navigation .navbar-header button:focus,
	  #site-navigation .navbar-header button:active {
		background: none;
	  }
	  .navbar-header button .icon-bar {
		background-color: #fff !important;
		width: 24px;
		height: 2px;
		border-radius: 2px;
		display: block;
	  }
	  .navbar-header button .icon-bar:not(:first-child) {
		margin-top: 0;
	  }
	  .navbar-toggle {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		float: none;
	  }
  
	  /* Collapse: smooth top-to-bottom reveal for burger menu */
	  .dd-navigation .collapse {
		display: block !important;
		visibility: hidden;
		max-height: 0;
		overflow: hidden;
		pointer-events: none;
	  }
	  .dd-navigation .collapse.in {
		visibility: visible;
		max-height: calc(100vh - var(--header-height, 100px));
		pointer-events: auto;
	  }
	  #dd-collapse-menu {
		position: fixed;
		top: var(--header-height, 100px);
		left: 0;
		right: 0;
		background-color: #fff;
		opacity: 0;
		max-height: 0;
		overflow: hidden;
		padding: 10px 20px 32px;
		z-index: 9998;
		width: 100%;
		border: none;
		-webkit-transition: max-height 340ms cubic-bezier(0.22, 0.61, 0.36, 1), opacity 220ms ease, background-color 220ms ease;
		-o-transition: max-height 340ms cubic-bezier(0.22, 0.61, 0.36, 1), opacity 220ms ease, background-color 220ms ease;
		transition: max-height 340ms cubic-bezier(0.22, 0.61, 0.36, 1), opacity 220ms ease, background-color 220ms ease;
		will-change: max-height, opacity;
	  }
	  #dd-collapse-menu.collapsing,
	  #dd-collapse-menu.collapse.in {
		display: block !important;
		height: auto !important;
		visibility: visible;
		opacity: 1;
		max-height: calc(100vh - var(--header-height, 100px));
	box-shadow: 0 20px 58px rgba(0, 0, 0, 0.3);
	  }
	  #dd-collapse-menu .nav-pill-menu {
		opacity: 0;
		-webkit-transform: translateY(-10px);
			-ms-transform: translateY(-10px);
				transform: translateY(-10px);
		-webkit-transition: opacity 180ms ease 90ms, -webkit-transform 240ms ease 90ms;
		transition: opacity 180ms ease 90ms, -webkit-transform 240ms ease 90ms;
		-o-transition: transform 240ms ease 90ms, opacity 180ms ease 90ms;
		transition: transform 240ms ease 90ms, opacity 180ms ease 90ms;
		transition: transform 240ms ease 90ms, opacity 180ms ease 90ms, -webkit-transform 240ms ease 90ms;
	  }
	  #dd-collapse-menu.collapse.in .nav-pill-menu,
	  #dd-collapse-menu.collapsing .nav-pill-menu {
		opacity: 1;
		-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
				transform: translateY(0);
	  }
	  #dd-collapse-menu .menu-mobile-image-wrap {
		opacity: 0;
		-webkit-transform: translateY(-10px);
			-ms-transform: translateY(-10px);
				transform: translateY(-10px);
		-webkit-transition: opacity 180ms ease 120ms, -webkit-transform 240ms ease 120ms;
		transition: opacity 180ms ease 120ms, -webkit-transform 240ms ease 120ms;
		-o-transition: transform 240ms ease 120ms, opacity 180ms ease 120ms;
		transition: transform 240ms ease 120ms, opacity 180ms ease 120ms;
		transition: transform 240ms ease 120ms, opacity 180ms ease 120ms, -webkit-transform 240ms ease 120ms;
	  }
	  #dd-collapse-menu.collapse.in .menu-mobile-image-wrap,
	  #dd-collapse-menu.collapsing .menu-mobile-image-wrap {
		opacity: 1;
		-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
				transform: translateY(0);
	  }
  
	  /* Menu items inside dropdown */
	  .nav-pill-menu {
		background: transparent;
		border-radius: 0;
		padding: 0;
	  }
	  #primary-menu {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
		padding: 0;
	  }
	  #primary-menu > li.menu-item {
		margin: 0;
		border-bottom: 1px solid #D2D8DD;
	  }
	  #primary-menu .menu-item a {
		color: #021C2F;
		font-size: 16px;
		font-weight: 400;
		padding: 14px 0;
		display: block;
	  }
	  #primary-menu .menu-chevron {
		position: absolute;
		top: 19px;
		right: 0px;
		font-size: 35px;
		-webkit-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
				transform: rotate(90deg);
		height: 35px;
		width: 35px;
		color: #021C2F;
	  }
	  #primary-menu .menu-item-has-children {
		position: relative;
	  }
	  #primary-menu .menu-item-has-children a:before {
		content: unset;
	  }
	  #primary-menu .menu-item-has-children .sub-menu {
		display: none;
		visibility: visible;
		opacity: 1;
		-webkit-transition: unset;
		-o-transition: unset;
				transition: unset;
		position: static;
		border: unset;
		-webkit-box-shadow: unset;
				box-shadow: unset;
		background-color: rgba(255, 255, 255, 0.05);
		margin-left: 0px;
		padding: 5px 0px 20px;
	  }
	  .menu-mobile-image-wrap {
		display: block;
		margin-top: 20px;
	  }
	  .menu-mobile-image {
		width: 100%;
		border-radius: 12px;
		max-height: 280px;
		object-fit: cover;
	}
	  .menu-mobile-image-stat {
		top: 14px;
		left: 14px;
	  }
	  .menu-mobile-image-stat-broj {
		font-size: 66px;
	  }

	.hero-popust-baner.popust-baner-header{
display:flex;
}
 .popust-baner-tekst {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    width: 100%;

	
}

		.hero-popust-baner.popust-baner-header .popust-baner-tekst{
	color: #fff;
}
.hero-popust-baner.popust-baner-header {
    display: flex;
    position: relative;
    right: 0px;
    bottom: unset;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    background-color: rgb(2, 28, 47);
    border: 1px solid #1A374D;
}
#site-navigation {
    margin-right: -8px;
}

	}
  
	@media screen and (max-width: 400px) {
	.site-branding img {
    max-width: 90px;
    height: 53px;
}
	  #dd-collapse-menu,
	  #dd-collapse-menu.collapse.in {
		margin-top: -27px;
	  }
	}
	
	/* ── New pill-nav design (desktop) ── */
	@media screen and (min-width: 992px) {
	  /* Always show the collapse div on desktop */
	  #dd-collapse-menu {
		display: block !important;
		  backdrop-filter: blur(2.1316871643066406px);
	  }
  
	  /* Nav: flex row, gap between collapse and right-actions */
	  #site-navigation {
		margin: 0;
		background-color: transparent;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		gap: 6px;
	  }
  
	  /* Right-side actions (cart) */
	  .nav-right-actions {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
	  }
  
	  /* Hide hamburger on desktop */
	  .navbar-header {
		display: none;
	  }
  
	  /* Dark semi-transparent pill around menu items */
	  .nav-pill-menu {
		background-color: rgba(89, 89, 89, 0.68);
		border-radius: 200px;
		padding: 20px 8px;
	  }
  
	  /* Reset existing li spacing inside the pill */
	  #primary-menu > li:not(:first-child) {
		margin-left: 5px;
	  }
  
	  /* Individual menu item links */
	  #primary-menu .menu-item a {
		border-radius: 200px;
		padding: 13px 20px;
		color: #fff;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.25;
		-webkit-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	  }
  
	  #primary-menu .menu-item a:hover {
		color: #021C2F;
		background-color: rgba(255, 255, 255, 0.85);
	  }
  
	  /* Active / current page item gets white pill */
	  #primary-menu .current-menu-item > a,
	  #primary-menu .current-page-ancestor > a,
	  #primary-menu .current_page_item > a {
		background-color: #fff;
		color: #021C2F;
	  }
  
	  /* Cart button pill */
	  .cart-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		background-color: rgba(89, 89, 89, 0.68);
		border-radius: 200px;
		padding: 17px 19px;
		height: 62px;
		-webkit-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	  }
  
	  .cart-btn:hover {
		background-color: rgba(89, 89, 89, 0.88);
	  }
	}
  
	@media screen and (min-width: 992px) and (max-width: 1100px) {
	  #primary-menu .menu-item a {
		border-radius: 50px;
		padding: 11px 15px;
		font-size: 15px;
	  }
	}
  
	/* CTA visibility: double-class selector beats single .header-cta-btn base rule */
	.header-cta-btn.header-cta-mobile {
	  display: none;
	}
	@media screen and (max-width: 991px) {
	  .header-cta-btn.header-cta-desktop {
		display: none;
	  }
	  .header-cta-btn.header-cta-mobile {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	  }
	}
	@media screen and (max-width: 450px) {
	  .header-cta-btn.header-cta-mobile {
		display: none;
	  }
	}
  
	/* CTA button – shared styles */
	.header-cta-btn {
	  display: -webkit-inline-box;
	  display: -ms-inline-flexbox;
	  display: inline-flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  background-color: #89BEF4;
	  border-radius: 200px;
	  padding: 12px 40px;
	  color: #fff;
	  font-size: 16px;
	  font-weight: 500;
	  white-space: nowrap;
	  -ms-flex-negative: 0;
		  flex-shrink: 0;
	  line-height: 2;
	  -webkit-transition: all 300ms ease-in-out;
	  -o-transition: all 300ms ease-in-out;
	  transition: all 300ms ease-in-out;
	}
  
	.header-cta-btn.header-cta-desktop {
	  border-radius: 200px;
	  color: #fff;
	}
  
	.header-cta-btn.header-cta-desktop:hover {
  background-color: #5DAAF9;
	  border-radius: 200px;
	  color: #fff;
	}
  
	.header-cta-btn.header-cta-desktop:focus,
	.header-cta-btn.header-cta-desktop:active {
	  color: #fff;
	}
  
	.header-cta-btn:hover {
  background-color: #5DAAF9;
	  color: #fff;
	}
  
/* Keep these overrides late so they win in cascade */
@media screen and (max-width: 1200px) {
  .header-cta-btn {
	font-size: 14px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  #primary-menu .menu-item a {
	font-size: 14px;
  }
  .site-branding img {
	max-width: 104px;
  }
}

  
	/* Header end */
  
  
  /* ==============================================
	 FOOTER
	 ============================================== */
  
  .site-footer {
	  background-color: #051E2C;
	  float: left;
	  width: 100%;
  }
  
  .footer-inner {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  -webkit-box-align: stretch;
		  -ms-flex-align: stretch;
			  align-items: stretch;
	  -ms-flex-wrap: nowrap;
		  flex-wrap: nowrap;
  }
  
  /* ---- LEFT SIDE ---- */
  .footer-left {
	  width: 62.34%;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
  }
  
  .footer-top {
	  padding: 34px 80px 0;
	  float: left;
	  width: 100%;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  
.footer-logo {
    display: block;
    margin-bottom: 25px;
    margin-left: 16px;
}
  
  .footer-logo img {
	  width: 141px;
	  height: auto;
  }
  
  /* Three info columns + newsletter grid */
  .footer-cols {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
	  -webkit-box-align: start;
		  -ms-flex-align: start;
			  align-items: flex-start;
	  padding: 0 76px;
  }
  
  .footer-col {
	  -webkit-box-flex: 1;
		  -ms-flex: 1 1 0;
			  flex: 1 1 0;
	  padding: 24px 20px;
	  min-width: 0;
  }
  
  .footer-col:not(:first-child) {
	  margin-left: 33px;
  }
  
  .footer-col.footer-col--2 {
	  padding-left: 0;
	  padding-right: 0;
	  margin-left: 0;
  }
  
  .footer-col.footer-col--1 {
	  margin-right: 33px;
  }
  
  /* Newsletter as full-width 4th item at desktop */
  .footer-newsletter-wrap {
	  -webkit-box-flex: 0;
		  -ms-flex: 0 0 100%;
			  flex: 0 0 100%;
	  width: 100%;
	  margin-top: 0;
	  padding: 48px 20px 30px;
	  position: relative;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }

  .footer-newsletter-wrap::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: -76px;
	  width: calc(100% + 152px);
	  height: 1px;
	  background-color: rgba(125, 134, 140, 0.26);
  }

.footer-newsletter-wrap div#gform_1_validation_container {
display: none;
}
  
  .footer-group {
	  margin-bottom: 22px;
  }
  
  .footer-group:last-child {
	  margin-bottom: 0;
  }
  
  .footer-col-heading {
	  font-family: Outfit, sans-serif;
	  font-weight: 500;
	  font-size: 18px;
	  line-height: 1.44;
	  color: #fff;
	  margin: 0 0 9px;
  }
  
  .footer-group-heading {
	  font-family: Outfit, sans-serif;
	  font-weight: 500;
	  font-size: 20px;
	  line-height: 1.3;
	  color: #fff;
	  margin: 0 0 7px;
  }
  
  .footer-col-text {
	  font-family: Outfit, sans-serif;
	  font-weight: 300;
	  font-size: 16px;
	  line-height: 1.75;
	  color: #fff;
	  margin: 0;
  }
  
  .footer-links {
	  list-style: none;
	  padding: 0;
	  margin: 0;
  }
  
  .footer-links li a {
	  font-family: Outfit, sans-serif;
	  font-weight: 300;
	  font-size: 16px;
	  line-height: 1.75;
	  color: #fff;
	  text-decoration: none;
	  display: block;
	  transition: color 300ms ease-in-out;
  }
  
  .footer-links li a:hover {
	  color: #89BEF4;
  }
  
  /* App store badges */
  .footer-app-badges {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  margin-top: 13px;
  }
  
  .footer-badge-link {
	  display: -webkit-inline-box;
	  display: -ms-inline-flexbox;
	  display: inline-flex;
  }
  
  .footer-badge-link:not(:first-child) {
	  margin-left: 10px;
  }
  
  .footer-badge-link img {
	  width: 132px;
	  height: 39px;
	  -o-object-fit: contain;
		 object-fit: contain;
	  -webkit-transition: -webkit-filter 0.2s ease;
	  transition: -webkit-filter 0.2s ease;
	  transition: filter 0.2s ease;
	  transition: filter 0.2s ease, -webkit-filter 0.2s ease;
  }
  
  .footer-badge-link:hover img {
	  -webkit-filter: brightness(.5);
			  filter: brightness(.5);
  }
  
  /* O kompaniji contact */
  .footer-contact-block {
	  margin-bottom: 10px;
  }
  
  .footer-contact-item {
	  font-family: Outfit, sans-serif;
	  font-weight: 300;
	  font-size: 16px;
	  line-height: 1.625;
	  color: #fff;
	  margin: 0 0 17px;
  }
  
  .footer-contact-item strong {
	  font-weight: 500;
	  display: block;
  }
  
  .footer-contact-item a {
	  color: #fff;
	  text-decoration: none;
	  transition: color 300ms ease-in-out;
  }
  
  .footer-contact-item a:hover {
	  color: #89BEF4;
  }
  
  /* Horizontal divider */
  .footer-divider {
	  height: 1px;
	  background-color: rgba(125, 134, 140, 0.26);
	  margin: 0;
	  float: left;
	  width: 100%;
  }
  
  /* Newsletter section layout (inner) */
  
  .footer-newsletter {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: justify;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  -webkit-box-align: end;
		  -ms-flex-align: end;
			  align-items: flex-end;
	  -ms-flex-wrap: nowrap;
		  flex-wrap: nowrap;
  }
  
  .footer-newsletter-left {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  max-width: 552px;
	  width: 70%;
  }
  
  .footer-newsletter-left .footer-group-heading {
	  margin-bottom: 15px;
  }
  
  .footer-newsletter-desc {
	  font-family: Outfit, sans-serif;
	  font-weight: 300;
	  font-size: 16px;
	  line-height: 1.75;
	  color: #fff;
	  max-width: 448px;
	  margin: 0 0 25px;
  }
  
  .footer-form {
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -ms-flex-wrap: nowrap;
		  flex-wrap: nowrap;
  }
  
  .footer-form .gform_wrapper {
	  margin: 0;
	  width: 100%;
  }
  
  .footer-form .gform_wrapper form {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -ms-flex-wrap: nowrap;
		  flex-wrap: nowrap;
  }
  
  .footer-form .gform_wrapper .gform_body {
	  -webkit-box-flex: 1;
		  -ms-flex: 1 1 auto;
			  flex: 1 1 auto;
  }
  
  .footer-form .gform_wrapper .gform_fields {
	  display: block;
	  padding: 0;
	  margin: 0;
  }
  
  .footer-form .gform_wrapper .gfield {
	  padding: 0;
	  margin: 0;
  }
  
  .footer-form.dd-wrap .footer-email-input,
  .footer-form.dd-wrap .gform_wrapper input[type="email"] {
	  background-color: transparent;
	  border: 1px solid #fff;
	  border-radius: 600px;
	  padding: 14px 21px;
	  width: 408px;
	  height: 58px;
	  color: #fff;
	  font-family: Outfit, sans-serif;
	  font-weight: 300;
	  font-size: 16px;
	  outline: none;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  
  .footer-form.dd-wrap .footer-email-input::-webkit-input-placeholder,
  .footer-form.dd-wrap .gform_wrapper input[type="email"]::-webkit-input-placeholder {
	  color: rgba(255, 255, 255, 0.55);
  }
  
  .footer-form.dd-wrap .footer-email-input::-moz-placeholder,
  .footer-form.dd-wrap .gform_wrapper input[type="email"]::-moz-placeholder {
	  color: rgba(255, 255, 255, 0.55);
  }
  
  .footer-form.dd-wrap .footer-email-input:-ms-input-placeholder,
  .footer-form.dd-wrap .gform_wrapper input[type="email"]:-ms-input-placeholder {
	  color: rgba(255, 255, 255, 0.55);
  }
  
  .footer-form.dd-wrap .footer-email-input::placeholder,
  .footer-form.dd-wrap .gform_wrapper input[type="email"]::placeholder {
	  color: rgba(255, 255, 255, 0.55);
  }
  
  .footer-form.dd-wrap .footer-submit-btn,
  .footer-form.dd-wrap .gform_wrapper input[type="submit"],
  .footer-form.dd-wrap .gform_wrapper button[type="submit"] {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  line-height: 100%;
	  height: 56px;
	  background-color: #89BEF4;
	  border-radius: 200px;
	  border: none;
	  padding: 12px 40px;
	  color: #fff;
	  font-family: Outfit, sans-serif;
	  font-weight: 500;
	  font-size: 16px;
	  line-height: 2;
	  cursor: pointer;
	  margin: 0;
	  margin-left: 14px;
	  margin-bottom: 0;
	  white-space: nowrap;
	  -ms-flex-negative: 0;
		  flex-shrink: 0;
	  -webkit-appearance: none;
		 -moz-appearance: none;
			  appearance: none;
	  -webkit-transition: all 300ms ease-in-out;
	  -o-transition: all 300ms ease-in-out;
	  transition: all 300ms ease-in-out;
  }
  
  .footer-form .gform_wrapper .gform_footer {
	  padding: 0;
	  margin: 0 0 0 14px;
	  -ms-flex-negative: 0;
		  flex-shrink: 0;
  }
  
  .footer-form.dd-wrap .gform_wrapper.gravity-theme .gform_footer,
  .footer-form.dd-wrap .gform_wrapper.gravity-theme .gform_page_footer {
	  margin: 0;
	  padding: 0;
  }
  
  .footer-submit-btn:hover,
  .footer-form .gform_wrapper input[type="submit"]:hover,
  .footer-form .gform_wrapper button[type="submit"]:hover {
	  background-color: #5DAAF9;
	  border-radius: 200px;
	  color: #fff;
  }
  
  .footer-form.dd-wrap .footer-submit-btn:focus,
  .footer-form.dd-wrap .footer-submit-btn:active,
  .footer-form.dd-wrap .gform_wrapper input[type="submit"]:focus,
  .footer-form.dd-wrap .gform_wrapper input[type="submit"]:active,
  .footer-form.dd-wrap .gform_wrapper button[type="submit"]:focus,
  .footer-form.dd-wrap .gform_wrapper button[type="submit"]:active {
	  color: #fff;
  }
  
  /* Social icons */
  .footer-social {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -ms-flex-negative: 0;
		  flex-shrink: 0;
  }
  
  .footer-social-link {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: center;
		  -ms-flex-pack: center;
			  justify-content: center;
	  width: 52px;
	  height: 52px;
	  border: 0;
	  border-radius: 0;
	  text-decoration: none;
	  -webkit-transition: opacity 0.2s ease;
	  -o-transition: opacity 0.2s ease;
		 transition: opacity 0.2s ease;
  }
  
  .footer-social-link:not(:first-child) {
	  margin-left: 7px;
  }
  
  .footer-social-link:hover {
	  opacity: 0.5;
  }
  
  .footer-social-link img {
	  display: block;
	  width: 52px;
	  height: 52px;
  }
  
  /* Copyright bar */
  .footer-bottom {
	  padding: 12px 80px;
	  float: left;
	  width: 100%;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box;
  }
  
  .footer-bottom-mobile {
	  display: none;
  }
  
  .footer-copy {
	  font-family: Outfit, sans-serif;
	  font-weight: 300;
	  font-size: 16px;
	  line-height: 1.75;
	  color: #fff;
	  margin: 0;
  }
  
  .footer-copy .footer-link {
	  color: #fff;
	  text-decoration: none;
	  transition: color 300ms ease-in-out;
  }
  
  .footer-copy .footer-link:hover {
	  color: #89BEF4;
  }
  
  /* ---- RIGHT SIDE: Map + Image + Badge ---- */
  .footer-right {
	  width: 37.66%;
	  position: relative;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
			  flex-direction: column;
	  -ms-flex-negative: 0;
		  flex-shrink: 0;
  }
  
  .footer-map {
	  width: 100%;
	  -webkit-box-flex: 1;
		  -ms-flex: 1 1 50%;
			  flex: 1 1 50%;
	  height: auto;
	  overflow: hidden;
  }
  
  .footer-map iframe {
	  width: 100%;
	  height: 100%;
	  border: 0;
	  display: block;
  }
  
  .footer-right-image {
	  width: 100%;
	  -webkit-box-flex: 1;
		  -ms-flex: 1 1 50%;
			  flex: 1 1 50%;
	  height: auto;
	  overflow: hidden;
  }
  
  .footer-right-image img {
	  width: 100%;
	  height: 100%;
	  -o-object-fit: cover;
		 object-fit: cover;
	  display: block;
  }
  
  .footer-cert-badge {
	  position: absolute;
	  bottom: 0;
	  left: 0px;
	  width: 151px;
	  height: 151px;
	  z-index: 2;
  }
  
  .footer-cert-badge img {
	  width: auto;
	  height: 151px;
  }

  .footer-cert-badge-dva {
	  left: 151px;
	  width: auto;
  }
  
  /* ==============================================
	 FOOTER MEDIA QUERIES
	 ============================================== */
  
  @media screen and (max-width: 1500px) {
	  .footer-col.footer-col--1 {
		  margin-right: 0;
	  }
	  .footer-col:not(:first-child) {
		  margin-left: 10px;
	  }
  }
  
  @media screen and (max-width: 1400px) {
	  .footer-email-input {
		  width: 320px;
	  }
	  .footer-form .gform_wrapper input[type="email"] {
		  width: 320px;
	  }
  }
  
  @media screen and (max-width: 1300px) {
	  .footer-email-input {
		  width: 280px;
	  }
	  .footer-form .gform_wrapper input[type="email"] {
		  width: 280px;
	  }
  }
  
  @media screen and (max-width: 1199px) {
	  .footer-cols {
		  padding: 0 40px;
	  }
	  .footer-top {
		  padding: 40px 40px 30px;
	  }
	  .footer-divider {
		  margin: 0;
		  width: 100%;
	  }
	  .footer-newsletter-wrap {
		  padding: 40px 15px 30px;
	  }
	  .footer-newsletter-wrap::before {
		  left: -40px;
		  width: calc(100% + 80px);
	  }
	  .footer-bottom {
		  padding: 12px 40px;
	  }
	  .footer-col {
		  padding: 20px 16px;
	  }
	  .footer-col:not(:first-child) {
		  margin-left: 20px;
	  }
	  .footer-app-badges {
		  -webkit-box-orient: vertical;
		  -webkit-box-direction: normal;
			  -ms-flex-direction: column;
				  flex-direction: column;
		  gap: 10px;
	  }
	  .footer-badge-link:not(:first-child) {
		  margin-left: 0;
	  }
	  .footer-email-input {
		  width: 260px;
	  }
	  .footer-form .gform_wrapper input[type="email"] {
		  width: 260px;
	  }
  }
  
  @media screen and (max-width: 991px) {
	  .footer-bottom-desktop {
		  display: none;
	  }
	  .footer-bottom-mobile {
		  display: block;
		  padding: 12px 20px;
		  text-align: center;
	  }
	  .footer-inner {
		  -ms-flex-wrap: wrap;
			  flex-wrap: wrap;
	  }
	  .footer-left {
		  width: 100%;
	  }
	  .footer-right {
		  width: 100%;
	  }
	  .footer-map {
		  height: 320px;
	  }
	  .footer-right-image {
		  height: 320px;
	  }
	  .footer-cert-badge {
		  width: 110px;
		  height: 110px;
		  left: 0px;
		  bottom: 0px;
	  }
	  .footer-cert-badge-dva {
		  left: 110px;
		  width: auto;
	  }
	  .footer-cert-badge img {
		  width: auto;
		  height: 110px;
	  }
  
	  /* Two-column grid for cols + newsletter */
	  .footer-col:not(:first-child) {
		  margin-left: 0;
		  padding: 20px;
	  }
	  .footer-app-badges {
		  -webkit-box-orient: horizontal;
		  -webkit-box-direction: normal;
			  -ms-flex-direction: row;
				  flex-direction: row;
		  gap: 10px;
	  }
	  .footer-top {
		  padding: 40px 40px 20px;
	  }
	  .footer-cols {
		  padding: 0 20px 30px;
		  gap: 15px;
	  }
	  .footer-col {
		  -webkit-box-flex: 0;
			  -ms-flex: 0 0 calc(50% - 20px);
				  flex: 0 0 calc(50% - 20px);
		  margin-left: 0;
		  -webkit-box-sizing: border-box;
				  box-sizing: border-box;
	  }
	  /* Col 1 (O nama+SHV): left, row 1 */
	  .footer-col--1 {
		  -webkit-box-ordinal-group: 2;
			  -ms-flex-order: 1;
				  order: 1;
		  margin-right: 20px;
	  }
	  .footer-col.footer-col--1 {
		  margin-right: 20px;
	  }
	  /* Col 2 (Uredjaji+App): right, row 1 */
	  .footer-col--2 {
		  -webkit-box-ordinal-group: 3;
			  -ms-flex-order: 2;
				  order: 2;
		  margin-top: 0;
		  margin-right: 0;
	  }
	  /* Col 3 (O kompaniji): left, row 2 */
	  .footer-col--3 {
		  -webkit-box-ordinal-group: 4;
			  -ms-flex-order: 3;
				  order: 3;
		  margin-top: 20px;
		  margin-right: 20px;
	  }
	  /* Newsletter: right, row 2 */
	  .footer-newsletter-wrap {
		  -webkit-box-ordinal-group: 5;
			  -ms-flex-order: 4;
				  order: 4;
		  -webkit-box-flex: 0;
			  -ms-flex: 0 0 calc(50% - 20px);
				  flex: 0 0 calc(50% - 20px);
		  width: auto;
		  border-top: none;
		  margin-top: 20px;
		  padding: 20px;
	  }
	  .footer-newsletter-wrap::before {
		  content: none;
	  }
  
	  .footer-newsletter {
		  -ms-flex-wrap: wrap;
			  flex-wrap: wrap;
	  }
	  .footer-newsletter-left {
		  max-width: 100%;
		  width: 100%;
	  }
	  .footer-social {
		  margin-top: 24px;
	  }
	  .footer-submit-btn {
		  margin-left: 0;
		  margin-top: 10px;
	  }
	  .footer-form.dd-wrap .footer-submit-btn,
	  .footer-form.dd-wrap .gform_wrapper input[type="submit"],
	  .footer-form.dd-wrap .gform_wrapper button[type="submit"] {
		  margin-left: 0;
		  margin-top: 21px;
		  width: 127px;
	  }
	  .footer-form .gform_wrapper form {
		  -ms-flex-wrap: wrap;
			  flex-wrap: wrap;
	  }
	  .footer-form .gform_wrapper .gform_footer {
		  margin-left: 0;
		  margin-top: 10px;
	  }
	  .footer-divider {
		  margin: 0;
		  width: 100%;
	  }
	  .footer-bottom {
		  padding: 12px 40px;
	  }
.footer-logo {
    margin-left: 0px;
}
  }
  
  /* ---- Under 768px ---- */
  @media screen and (max-width: 768px) {
	  .footer-top {
		  padding: 30px 20px 20px;
	  }
	  .footer-logo {
		  margin-bottom: 30px;
	  }
	  .footer-cols {
		  padding: 0 20px 30px;
	  }
	  .footer-divider {
		  margin: 0;
		  width: 100%;
	  }
	  .footer-bottom {
		  padding: 12px 20px;
	  }
	  .footer-form {
		  -ms-flex-wrap: wrap;
			  flex-wrap: wrap;
	  }
	  .footer-email-input {
		  width: 100%;
	  }
	  .footer-form .gform_wrapper input[type="email"] {
		  width: 100%;
	  }
	  .footer-submit-btn {
		  margin-left: 0;
		  margin-top: 10px;
		  width: 100%;
		  text-align: center;
	  }
	  .footer-form .gform_wrapper .gform_footer {
		  width: 100%;
	  }
	  .footer-form .gform_wrapper input[type="submit"],
	  .footer-form .gform_wrapper button[type="submit"] {
		  margin-left: 0;
		  margin-top: 0;
		  width: 100%;
		  text-align: center;
	  }
	  .footer-map {
		  height: 260px;
	  }
	  .footer-right-image {
		  height: 260px;
	  }
	  .footer-cert-badge {
		  width: 90px;
		  height: 90px;
		  left: 0px;
		  bottom: 0px;
	  }
	  .footer-cert-badge-dva {
		  left: 90px;
		  width: auto;
	  }
	  .footer-cert-badge img {
		  width: auto;
		  height: 90px;
	  }
  }
  
  /* ---- Under 767px ---- */
  @media screen and (max-width: 767px) {
	  .footer-col.footer-col--1 {
		  margin-right: 0;
		  padding: 0 0 20px;
	  }
	  .footer-col:not(:first-child) {
		  margin-left: 0;
		  margin-top: 0;
		  padding: 0 0 20px;
	  }
	  .footer-newsletter-wrap {
		  -webkit-box-ordinal-group: 5;
			  -ms-flex-order: 4;
				  order: 4;
		  margin-top: 0;
		  padding: 30px 0;
	  }
	
  }
  
  /* ---- Under 600px ---- */
  @media screen and (max-width: 600px) {
	  .footer-cols {
		  padding: 0 20px;
		  gap: 0;
	  }
	  .footer-col,
	  .footer-newsletter-wrap {
		  -webkit-box-flex: 0;
			  -ms-flex: 0 0 100%;
				  flex: 0 0 100%;
		  margin-right: 0;
	  }
	  .footer-col:not(:first-child) {
		  margin-left: 0;
		  margin-top: 0;
	  }
	  .footer-col--1 {
		  -webkit-box-ordinal-group: 2;
			  -ms-flex-order: 1;
				  order: 1;
	  }
	  .footer-col--3 {
		  -webkit-box-ordinal-group: 3;
			  -ms-flex-order: 2;
				  order: 2;
	  }
	  .footer-col--2 {
		  -webkit-box-ordinal-group: 4;
			  -ms-flex-order: 3;
				  order: 3;
	  }
	  .footer-newsletter-wrap {
		  -webkit-box-ordinal-group: 5;
			  -ms-flex-order: 4;
				  order: 4;
		  margin-top: 0;
		  padding: 30px 0;
	  }
	  .footer-newsletter-desc {
		  max-width: 100%;
	  }
	  .footer-map {
		  height: 220px;
	  }
	  .footer-right-image {
		  height: 220px;
	  }
	  .footer-cert-badge {
		  width: 75px;
		  height: 75px;
		  left: 0px;
		  bottom: 0px;
	  }
	  .footer-cert-badge-dva {
		  left: 75px;
		  width: auto;
	  }
	  .footer-cert-badge img {
		  width: auto;
		  height: 75px;
	  }
  }


/* CART BTN */
#site-navigation .amount{
	display:none;
}
#site-navigation span.xoo-wsc-sc-count,
#site-navigation span.xoo-wsch-items-count{
	background: #89bff4;
	color: #fff;
}
#site-navigation .xoo-wsc-icon-shopping-bag1:before {
    content: "";
    background: url(/wp-content/uploads/2026/04/cart-icon.svg) no-repeat center;
    width: 24px;
    height: 27px;
    display: block;
    object-fit: contain;
}
body .xoo-wsc-basket[style*='block'],
body .xoo-wsc-basket{
    display: none !important;
}
body .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart{
	background-color: rgba(2, 28, 47, 0.97);
	border-radius:200px;
	transition:all 0.3s ease-in-out;
}
body .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-cart:hover{
	color:#fff;
	border-color:#fff;
	background-color:#032c4af7;
}
body .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout{
	background-color: #89BEF4;
	border-radius:200px;
	transition:all 0.3s ease-in-out;
}
body .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn.xoo-wsc-ft-btn-checkout:hover{
	color:#fff;
	border-color:#fff;
	background-color:#5DAAF9;
}

@media screen and (min-width:992px){
	#site-navigation .cart-btn{
		padding:15px;
	}
}