/* AlpineSmoke Duo product layout fix */

@media (min-width: 901px) {
  body.postid-151 #product-151 {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr) !important;
    column-gap: 56px !important;
    row-gap: 0 !important;
    align-items: start !important;
  }

  body.postid-151 #product-151 > .woocommerce-product-gallery {
    grid-column: 1 !important;
    grid-row: 1 !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 30 !important;
    overflow: visible !important;
  }

  body.postid-151 #product-151 > .summary {
    grid-column: 2 !important;
    grid-row: 1 !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.postid-151 #product-151 > .woocommerce-tabs {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 175px 0 0 !important;
    clear: both !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body.postid-151 #product-151 > .as-product-story,
  body.postid-151 #product-151 > .related.products {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

/* Galerie-Thumbnails: eigener klickbarer Layer */
body.postid-151 .woocommerce-product-gallery .flex-control-thumbs {
  position: relative !important;
  z-index: 50 !important;
  pointer-events: auto !important;
  clear: both !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 210px)) !important;
  justify-content: start !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow: visible !important;
}

body.postid-151 .woocommerce-product-gallery .flex-control-thumbs li {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 51 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

body.postid-151 .woocommerce-product-gallery .flex-control-thumbs li::before,
body.postid-151 .woocommerce-product-gallery .flex-control-thumbs li::after {
  pointer-events: none !important;
}

body.postid-151 .woocommerce-product-gallery .flex-control-thumbs img {
  display: block !important;
  width: 100% !important;
  height: 135px !important;
  object-fit: cover !important;
  border: 2px solid rgba(214,174,63,.34) !important;
  border-radius: 8px !important;
  opacity: .78 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 52 !important;
}

body.postid-151 .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
body.postid-151 .woocommerce-product-gallery .flex-control-thumbs img:hover {
  opacity: 1 !important;
  border-color: #d4af37 !important;
}

/* Tabs und Inhalt klar unter der Galerie */
body.postid-151 .woocommerce-tabs ul.tabs,
body.postid-151 .woocommerce-tabs ul.wc-tabs {
  margin: 0 0 95px !important;
  position: relative !important;
  z-index: 2 !important;
}

body.postid-151 .woocommerce-tabs .panel {
  margin-top: 0 !important;
  padding-top: 0 !important;
  clear: both !important;
}

body.postid-151 .woocommerce-tabs .panel > h2:first-child {
  margin-top: 0 !important;
}

@media (max-width: 900px) {
  body.postid-151 #product-151 {
    display: block !important;
  }

  body.postid-151 #product-151 > .woocommerce-product-gallery,
  body.postid-151 #product-151 > .summary,
  body.postid-151 #product-151 > .woocommerce-tabs {
    float: none !important;
    width: 100% !important;
  }

  body.postid-151 #product-151 > .woocommerce-tabs {
    margin: 0 !important;
    padding-top: 120px !important;
  }

  body.postid-151 .woocommerce-product-gallery .flex-control-thumbs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.postid-151 .woocommerce-product-gallery .flex-control-thumbs img {
    height: 105px !important;
  }

  body.postid-151 .woocommerce-tabs ul.tabs,
  body.postid-151 .woocommerce-tabs ul.wc-tabs {
    margin-bottom: 68px !important;
  }
}