/** Shopify CDN: Minification failed

Line 127:2 Unexpected "{"
Line 127:3 Expected identifier but found "%"

**/
/*body.template-name--product .header-bar-inner {
  background: transparent;
  border-bottom: none;
}*/

/* Move product media up into header - first image aligns with top */
/* Only apply when NOT using stacked layout 
.product-main-top-section:not(.product-template-dt-stacked) .product-media-component {
  margin-top: -120px;
}

@media only screen and (min-width: 950px) {
  .product-main-top-section:not(.product-template-dt-stacked) .product-media-component {
    margin-top: -150px;

  }
 
}*/

/* Ensure media displays above header */
.product-main-top-section:not(.product-template-dt-stacked) #SlidesCon {
  position: relative;
  z-index: 2;
}

/* Add background element above first image in gallery 
.product-main-top-section:not(.product-template-dt-stacked) .product-media-component::before {
  content: '';
  display: block;
  background-color: #D4D4D4;
  height: 120px;
  width: 100%;
}*/

@media only screen and (min-width: 950px) {
  .product-main-top-section:not(.product-template-dt-stacked) .product-media-component::before {
    height: 150px;
  }
}

/* Gallery thumbnail slider styles - Mobile only */
@media only screen and (max-width: 949px) {
  .gst-inner {
    display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 0;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  .gst-inner::-webkit-scrollbar {
    height: 6px;
  }

  .gst-inner::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
  }

  .gallery-slider-thumbnails {
    margin-top: 0 !important;
    padding: 0 !important;
  }
  .gallery-slider--thumbnail {
    flex: 0 0 25%;
    min-width: 25%;
    max-width: 25%;
    border: none !important;
    padding: 0;
    background: transparent;
    width: auto !important;
    height: auto !important;
    margin:0 !important;
  }
  .gallery-slider--thumbnail img {
    border: none !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
}


  body:has(.header-bar--full) .content-for-layout {
    padding-top: 0; 
  }
  .banner-style-fullscreen {
    height: 100vh !important;
  }
  .shopify-design-mode .banner-style-fullscreen {
    height: 100vh !important;
  }
  body:has(.full-width-announcement-bar) .banner-style-fullscreen {
    height: calc(100vh - 35px) !important; 
  }
  .shopify-design-mode body:has(.full-width-announcement-bar) .banner-style-fullscreen {
    height: calc(100vh - 35px) !important; 
  }
  body:has(.hab-index-1.full-width-announcement-bar) .content-for-layout {
    padding-top: 35px; 
  }
  body:has(.hab-index-2.full-width-announcement-bar) .content-for-layout {
    padding-top: 0;
  }
  .hdr-trans-hp .header-bar-inner {
    background: none !important;
    color: rgb(var(--site-header-transparent-color));
    border: 0;
    border-bottom: 1px solid rgba(var(--site-header-transparent-color),{{ section.settings.header_border_opacity | divided_by: 100.0 }});
    box-shadow: none;
  }
  .hdr-trans-hp.header-bar--page-margins .header-bar-inner {
    border: 1px solid rgba(var(--site-header-transparent-color),{{ section.settings.header_border_opacity | divided_by: 100.0 }});
  }
  .hdr-trans-hp .header-mobile-logo, .hdr-trans-hp .header-desktop-logo, .hdr-trans-hp .hdr-toolbar-item, .hdr-trans-hp .hdr-item-language-selector {
    color: rgb(var(--site-header-transparent-color));
  }
  {% if section.settings.trans_border_hide %}
   .hdr-trans-hp .header-bar-inner {
     border-bottom: 1px solid rgba(0,0,0,0);
   } 
  .hdr-trans-hp .header-bar-inner .site-header-bottom-border {
    opacity: 0;
  }
  .hdr-trans-hp .header-nav-desktop-dd-panel {
    border: 0;
  }


 
/*
body.template-name--product .product-main-top-section .product-media-component {
  margin-top: -100px;
}

@media (min-width: 950px) {
  body.template-name--product .product-main-top-section .product-media-component {
    margin-top: -150px;
  }
}

body.template-name--product .header-bar-inner {
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

body.template-name--product .product-media-component,
body.template-name--product #SlidesCon {
  position: relative;
  z-index: 2;
}

*/