/***** PRODUCT DETAILS *****/
.js-slider-wrapper .js-slider-items .js-slider-item {
  pointer-events: auto;
  width: auto;
  min-width: auto;
  scroll-snap-align: start;
}
@media (min-width: 992px) {
  .js-slider-wrapper .js-slider-items .js-slider-item {
    pointer-events: auto;
    width: auto;
    min-width: auto;
  }
}
.js-slider-wrapper .js-btn-slider-wrapper {
  font-weight: bold;
}
.js-slider-wrapper .js-btn-slider-wrapper .text-success {
  font-weight: normal;
}

.card.mediafiles-pdf {
  border: none;
}
.card.mediafiles-pdf .card-body {
  padding: 1.25rem 0;
}


/*#gallery.carousel .inner {
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  padding: 1px;
}

#gallery-thumbs .square-image,
#gallery_preview .square-image {
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  margin-bottom: 12px;
}
#gallery-thumbs .square-image:last-child,
#gallery_preview .square-image:last-child {
  margin-bottom: 0;
}
#gallery-thumbs .square-image .inner img,
#gallery_preview .square-image .inner img {
  padding: 4px;
}


#gallery_preview {
    max-height: 500px;
    overflow: hidden;
}

#gallery_preview .slick-slide {
    height: auto !important;
}
    */




/*@media (min-width: 992px) {
  .product-detail .product-thumbnails-wrapper .product-thumbnails {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }
}*/
.carousel-thumbnails .slick-arrow {
  width: 100%;
}



/* --- Grundstruktur: ensure track/list are block and vertical --- */
#gallery_preview,
#gallery_preview .slick-list,
#gallery_preview .slick-track {
  display: block !important;
  /*height: auto !important;*/
  transform: none !important;
  /*max-height: none !important;*/
  box-sizing: border-box;
}

/* ensure slick-list doesn't clip slides vertically */
#gallery_preview .slick-list {
  overflow: visible !important;
}

/* slides untereinander, nicht nebeneinander */
#gallery_preview .slick-slide {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box;
  margin-bottom: 12px; /* Abstand zwischen Bildern */
}

/* Slick Track/List auf 100% Höhe des Containers */
#gallery_preview .slick-list,
#gallery_preview .slick-track {
    height: 100% !important;
    max-height: 100% !important;
}

/* falls .square entfernt wurde: der innere wrapper (erstes div in slide) */
#gallery_preview .slick-slide > div {
  display: block !important;
  width: 100% !important;
  /*min-width: 114px !important;*/ /* verhindert 0 Breite */
  height: auto !important;
  min-height: 60px !important; /* verhindert 0 Höhe (Fallback) */
  box-sizing: border-box;
}

/* Bilder sichtbar machen */
#gallery_preview img {
  display: block !important;
  width: 100% !important;    /* füllt den Wrapper */
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 80px !important;  /* Fallback, damit es nicht <16px wird */
  min-height: 40px !important; /* Fallback-Höhe */
  object-fit: contain !important;
}

/* Sichtbarer, scrollbarer Bereich */
#gallery_preview {
  max-height: 520px; /* anpassen nach Bedarf */
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0; /* Platz für Scrollbar */

  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* IE/Edge */
}
#gallery_preview::-webkit-scrollbar {
  display: none;              /* Chrome/Safari */
}


#gallery_preview_wrapper .slick-arrow {
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: block !important;
  opacity: 1;
  background-color: transparent;
}
#gallery_preview_wrapper .slick-prev { 
  top: 0; 
  padding-top: 0;
}
#gallery_preview_wrapper .slick-next { 
  top: calc(100% - 50px);
  padding-top: 0;
}

#gallery_preview_wrapper .slick-prev::after {
  content: "\f077" !important;
}
#gallery_preview_wrapper .slick-next::after {
  content: "\f078" !important;
}

#gallery_preview { 
  margin-top: 40px; 
  margin-bottom: 40px;
}

#gallery_preview .square-image .inner picture {
  width: 101%;
  height: 101%;
}

#gallery_wrapper img {  
  border-top: 2px solid #d7d7d7;
  border-right: 3px solid #d7d7d7;
  border-bottom: 2px solid #d7d7d7;
  border-left: 2px solid #d7d7d7;
  border-radius: 5px;
}

/*#gallery_wrapper .square-image .inner {
  border: 2px solid #e1e1e1;
  border-radius: 4px;
}*/