/** Shopify CDN: Minification failed

Line 274:0 Expected "}" to go with "{"

**/
/*

Please add any custom CSS code in here, it will be easier to transfer if updating themes.

We highly recommend labelling changes, or App installs, so these can also be updated or removed as needed.

*/

/* Product Grid view css */
.product-media-inner1.js-dependent1 {
  display: grid;
  gap: 2px; /* space between items */
  grid-template-columns: 1fr 1fr; /* 2 columns for rest */
}
 a.product-media-item1.product-media-other.main_image_ctm {
    height: 505px;
    object-fit: cover;
    width: 100%;
}
.product-media-item1 img,
.product-media-item1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor:pointer;
}

.product-media-item1.product-media-first {
  grid-column: 1 / -1; /* first media spans full width */
}
.video_loop{
  width: 100%;
  height: 100%;
}

/* For height of images on desktop view */
/* .product-item__image-wrapper{
  height: 620px;
}
.product-item-image {
  height: 620px !important;
}
.product-item-image .product-item-image--secondary{
  height: 620px;
} */
/* fancybox css */
@media all and (min-width: 800px) {
  .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }
  
  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }
}

  @media screen and (min-width: 768px){
    .fancybox__container .fancybox__content video{
      height: 520px;
    }
    .fancybox__container .fancybox__content {
      padding: 0px;
    }
    .mobile_slider{
      display: none;
    }
    .swiper-horizontal {
    display: none;
}
  .mobile-video-popup{
    display: none;
  }
  

  }

  @media screen and (max-width: 767px){
   .product-media-inner1.js-dependent1 {
      display: none;
    }
    .swiper-slide {
    padding: 0;
  }
  .product-item__image-wrapper .product-item-video-wrapper,
  .product-item__image-wrapper .product-item-image--secondary {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

  .product-item__image-wrapper.tap-active .product-item-video-wrapper,
  .product-item__image-wrapper.tap-active .product-item-image--secondary {
    opacity: 1;
  }
  
  .swiper-button-next,
  .swiper-button-prev {
    display: none; /* Optional: Hide arrows on mobile */
  }
  .swiper-container:hover .swiper-button-next, 
  .swiper-container:hover .swiper-button-prev{
    display: none;
  }
  .swiper-horizontal {
    z-index: 4;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px !important;
}
  
  .swiper-pagination{
    display: none;
  }
  .product-single__view-in-space {
    font-size: 14px;
    padding: 8px 12px;
  }

  .button-wrap {
    text-align: center;
    margin-top: 10px;
  }

  .responsive-embed {
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    position: relative;
  }

  .responsive-embed iframe,
  .responsive-embed model-viewer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
   .mobile-video-popup {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.85);
    justify-content: center;
    align-items: center;
  }

  .mobile-video-popup.active {
    display: flex;
  }

  .popup-content {
    position: relative;
    max-width: 90%;
    width: 100%;
    background: #000;
  }

  .popup-content iframe,
  .popup-content video {
    width: 100%;
    height: auto;
  }

  .popup-close {
    position: absolute;
    top: 5px;
    right: 10px;
    background: none;
    color: #fff;
    border: none;
    font-size: 24px;
    cursor: pointer;
    z-index: 10000;
  }
  .main-slider {
    width: 100%;
    margin-bottom: 10px;
  }
  .main-slider .swiper-slide {
    text-align: center;
  }
  .main-slider img,
  .thumb-slider img {
    width: 100%;
    display: block;
  }
  .thumb-slider {
    width: 100%;
  }
  .thumb-slider .swiper-slide {
    width: 80px;
    height: auto;
    opacity: 0.5;
    cursor: pointer;
  }
  .thumb-slider .swiper-slide-thumb-active {
    opacity: 1;
    border: 2px solid black;
  }
  .thumb-slider .swiper-slide {
  width: 80px;      
  height: 80px;      
  opacity: 0.5;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; 
  border-radius: 4px; 
}

.thumb-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;  
}

.thumb-slider .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid black;
}
div#shopify-section-template--26469418697046__product-gallery {
    padding: 0;
}
.product-wrapper .product-images {
  margin-top: 0px !important;
}
.product-wrapper.grid {
    margin-top: 4px;
}

 .main-slider {
  overflow: visible; /* Allow next slide to peek out */
}

.main-slider .swiper-slide {
  width: 85%;           /* Slide width < 100% to leave space for next slide */
  margin-right: 20px;   /* Space between slides */
  overflow: hidden;
}

.main-slider .swiper-slide img,
.main-slider .swiper-slide video {
  width: 100%;
  display: block;
  object-fit: cover;
}



  @media (max-width: 600px) {
    .product-wrapper {
        margin: 16px 0 0px;
    }
}