#zd-lookbook-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    background-color: rgba(0, 0, 0, 1);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100000;
    opacity: 1001; /* Initial opacity */
    transition: opacity .3s ease-out; /* Fade out transition */
  }
  
  .zd-swiper-lb {
    width: 100%;
    height: 100%;

  }

  .zd-swiper-lb .swiper-wrapper {
    height: 100%!important;
  }

  .zd-swiper-lb .swiper-slide {
    background: rgba(255,255,255, .95);
  }

  .zd-swiper-lb .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;   
  }

  .zd-swiper-lb-next, 
  .zd-swiper-lb-prev {
    position: absolute;
    width: 50vw;
    top:0;
    height: 100vh;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border:0px!important;
    z-index:100;
  }

  .zd-swiper-lb-prev {
  left: 0px;
  right: auto;
  /* cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='24' viewBox='0 0 25 25'%3E%3Ctitle%3EArtboard-35%3C/title%3E%3Cg id='Left-2' data-name='Left'%3E%3Cpolygon points='24 12.001 2.914 12.001 8.208 6.706 7.501 5.999 1 12.501 7.5 19.001 8.207 18.294 2.914 13.001 24 13.001 24 12.001' style='fill:%23232326'/%3E%3C/g%3E%3C/svg%3E"), w-resize; */

}
.zd-swiper-lb-next {
  right: 0px;
  left: auto;
  /* cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='24' viewBox='0 0 25 25'%3E%3Ctitle%3EArtboard-34%3C/title%3E%3Cg id='Right-2' data-name='Right'%3E%3Cpolygon points='17.5 5.999 16.793 6.706 22.086 11.999 1 11.999 1 12.999 22.086 12.999 16.792 18.294 17.499 19.001 24 12.499 17.5 5.999' style='fill:%23232326'/%3E%3C/g%3E%3C/svg%3E"), e-resize; */
}

.zd-lb-image, .zd-lb-video {
  width: 100%; /* Set width of image to fill the column */
  height: 100vh; /* Set height of image to fill the column */
  object-fit: cover;

}
.zd-lb-ii-container {
width:100vw!important;
display: flex!important;
}

.zd-lb-i-container {
display: flex!important;
width:100vw!important;
height:100vh!important;
    }

.zd-lb-ii-left-container,
.zd-lb-ii-right-container {
  width:50vw;
  left:0!important;
  float:left!important;
  display: flex;
  flex-direction: column;
}

.zd-lb-ii-mob-container {
  width:100vw;
  left:0!important;
  float:left!important;
  display: flex;
  flex-direction: column;
}

/* 
.zd-lb-ii-right-container {
  width:50vw;
  float:left!important;
  border:1px solid blue;display: inline-block;
}

.zd-lb-ii-right-container img{
  width:30vw!important;
  height:auto!important;

} */

.zd-lb-img-tl {top: 0; left:0;}
.zd-lb-img-tc {top: 0; margin: 0 auto;}
.zd-lb-img-tr {margin-left: auto;}
.zd-lb-img-ml {margin-top: auto;margin-bottom: auto;}
.zd-lb-img-mc {margin-top: auto!important;margin-bottom: auto!important;margin: 0 auto;}
.zd-lb-img-mr {margin-top: auto;margin-bottom: auto;margin-left: auto;}
.zd-lb-img-bl {margin-top: auto;}
.zd-lb-img-bc {margin-top: auto!important;margin: 0 auto;}
.zd-lb-img-br {margin-top: auto;margin-left: auto!important;}


.zd-lb-img-100 {width:100%!important;  height:auto!important;}
.zd-lb-img-75 {width:auto!important;  height:75%!important;}
.zd-lb-img-50 {width:50%!important;  height:auto!important;}
.zd-lb-img-25 {width:25%!important;  height:auto!important;}