/* Flickity fullscreen v1.0.1
------------------------- */

.flickity-enabled.is-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    
  }
  .flickity-enabled.is-fullscreen:before {content: ""; background-color: var(--blue); opacity: 0.95; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
  .flickity-enabled.is-fullscreen .flickity-prev-next-button {bottom: 10%; border-color: #fff; color: #fff;}
  .flickity-enabled.is-fullscreen .flickity-prev-next-button.previous {right: calc(50% - 0px);}
  .flickity-enabled.is-fullscreen .flickity-prev-next-button.next {right: calc(50% - 45px);}
  .flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit {right: 50%; transform: translateX(50%); top: 10%;}
  .carousel.products-images.is-fullscreen .carousel-cell img {top: 50%; position: absolute; transform: translate(-50%,-50%); max-width: 700px; max-height: 500px; background: #f4f8ff;}
  
  .flickity-enabled.is-fullscreen .flickity-page-dots {
    bottom: 10px;
  }
  
  .flickity-enabled.is-fullscreen .flickity-page-dots .dot {
    background: white;
  }
  
  /* prevent page scrolling when flickity is fullscreen */
  html.is-flickity-fullscreen {
    overflow: hidden;
  }
  
  /* ---- flickity-fullscreen-button ---- */
  .flickity-fullscreen-button {display: block; right: 0; top: 0; width: 35px; line-height: 40px; height: 35px; border-radius: 0; background-color: var(--ice-blue); color: #fff; text-align: center; padding: 0;}
  
  /* right-to-left */
  .flickity-rtl .flickity-fullscreen-button {
    right: auto;
    left: 10px;
  }
  
  .flickity-fullscreen-button-exit { display: none; }
  
  .flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display: block; }
  .flickity-enabled.is-fullscreen .flickity-fullscreen-button-view { display: none; }
  
  .flickity-fullscreen-button .flickity-button-icon {
    width: 15px; height: 15px;
  }