.zj-jamstvo{
display:inline-block;
position:relative;
margin:4px 0 30px;
z-index:1200}

.zj-jamstvo__button{
display:inline-flex;
align-items:center;
gap: 10px;
border:0;
background: transparent;
color: #3b4349;
font-size:16px;
line-height:1;
cursor:pointer}

.zj-jamstvo__button:hover,.zj-jamstvo__button:focus{
color: #FF9900;
}
.zj-jamstvo__overlay{
position:fixed;
inset:0;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
background:rgba(0,0,0,.65);
z-index:99999999}

.zj-jamstvo__overlay[hidden]{
display:none!important}

.zj-jamstvo__dialog{
position:relative;
max-width:min(530px,100%);
max-height:90vh;
overflow:auto;
background:#fff;
border-radius:4px;
padding:12px;
box-shadow:0 10px 40px rgba(0,0,0,.35)}

.zj-jamstvo__image{
display:block;
max-width:100%;
max-height:calc(90vh - 24px);
width:auto;
height:auto;
margin:0 auto}

.zj-jamstvo__close{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border: 0;
background:var(--bela-clr);
color:#3b4349;
font-size: 16px;
line-height:1;
margin: 0 0 .5rem auto;
cursor:pointer;
box-shadow:none;
}
.zj-jamstvo__close i{
  font-size: 16px;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.zj-jamstvo__close:hover, .zj-jamstvo__close:focus{
	color: #FF9900;
}

body.zj-jamstvo-modal-open{
overflow:hidden}

.zj-jamstvo__logo{
	max-width: 30px;
	width: 100%;
	display: block;
	height: auto;
	position: relative;
	z-index: 1;
}

#footer .zj-jamstvo button, #category .rj-jamstvo button, #cart .rj-jamstvo button{
	z-index: 20;
}