.pg-wrap{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  
}

.pg-main{
  display:block;
  max-width: 100%;
  max-height: 100%;
  
 
}

/* Potrebno za crossfade */
.pg-main-wrap{
  position: relative;
  overflow: hidden;
}

/* Overlay koji se fade-uje preko glavne slike */
.pg-xfade{
  position: absolute;
  inset: 0;
  opacity: 0;                      /* start */
  transition: opacity .35s ease;   /* fade */
  pointer-events: none;
  border-radius: inherit;
}


.pg-thumbs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap: 5px;
  width: fit-content;
}
.pg-thumb{
  width: 95%;
  padding: 0;
  border:1px solid #eee;
  border-radius:8px;
  cursor:pointer;
  transition: width .2s ease;
   background-color: transparent !important;
}



.pg-thumb img{
    width: 100%;
}