/*POPUP*/
.mfp-bg {
    background: #ffffff;
    opacity: 0.99;
}.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
     color: var(--color-black);
     top: 1rem;
     position: fixed;
     right: 1rem;
     left: auto;
     width: 2.4rem;
     opacity: 1;
     background: #ffffff61;
     border-radius: 0.25rem;
     height: 2.4rem;
     padding: 0;
     text-align: center;
 }button.mfp-close i {
      pointer-events: none;
  }.mfp-counter {
  display: none;
  }.mfp-figure:after {
       box-shadow: none;
       background: transparent;
   }
.mfp-container {
    padding: 0;
}
button.popup-arrow {
    position: absolute;
    -webkit-appearance: none;
    bottom: 1rem;
    background: transparent;
     border: none;
    z-index: 50000;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
button.popup-arrow.icon__arrow-left.mfp-prevent-close {
      left: 1rem;
  }button.popup-arrow.icon__arrow-right.mfp-prevent-close {
      right: 1rem;
  }

.mfp-title {
    padding-right: 0;
}
.mfp-dots {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    gap: 0.5rem;
    padding: 0.5rem;
    justify-content: center;
    margin-top: 1.5rem;
}.mfp-dots button img {
    width: 100%;
}.mfp-dots button {
      -webkit-appearance: none;
      background: transparent;
      width: 72px;
      padding: 0;
      margin: 0;
      border: 2px solid #fff;
      border-radius: var(--image-border-radius-mobile);
      aspect-ratio: 4/3;
      background-size: cover;
      background-position: center;
 }.mfp-dots .active button,
   .mfp-dots button:hover{
      border: 2px solid var(--color-green-2);
  }
@media (max-width: 767px){

}
@media (min-width: 992px){
    button.popup-arrow {
        top: 1rem;
        margin: auto;
    }
    img.mfp-img {
        padding: 0;
    } .mfp-figure figure {
         max-width: 100vw;
         max-height: 100vh;
              height: 100vh;
         position: relative ;
} .mfp-figure  {
         max-width: 100vw;
         max-height: 100vh;
         position: fixed ;
                height: 100vh;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                overflow: hidden;
}.mfp-pager {
     position: fixed;
     left: 0;
     right: 0;
     bottom: 2rem;
     text-align: center;
 }.mfp-dots {
      background: #fff;
      display: inline-flex;
      padding: 0.5rem;
      border-radius: var(--image-border-radius-mobile);
  }img.mfp-img {
       width: auto;
       max-width: none;
       display: block;
       position: absolute;
       left: -10000%;
       right: -10000%;
       top: -10000%;
       bottom: -10000%;
       margin: auto auto;
       min-width: 1000%;
       min-height: 1000%;
       -webkit-transform: scale(0.1);
       transform: scale(0.1);
       max-height: none !important;
   }
}