/* Tuhorn Gallery Slider */
.woocommerce-product-gallery{position:relative}
.woocommerce-product-gallery .flex-viewport{position:relative}

/* Pfeile auf dem Hauptbild */
.woocommerce-product-gallery .flex-direction-nav{list-style:none;margin:0;padding:0}
.woocommerce-product-gallery .flex-direction-nav li{margin:0;padding:0;list-style:none}
.woocommerce-product-gallery .flex-direction-nav a{
  position:absolute;top:50%;z-index:9;transform:translateY(-50%);
  width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.88);
  box-shadow:0 1px 6px rgba(0,0,0,.18);font-size:0;line-height:0;color:transparent;text-decoration:none;
  display:flex;align-items:center;justify-content:center;transition:background .2s,opacity .2s}
.woocommerce-product-gallery .flex-direction-nav a::before{
  content:"";width:10px;height:10px;border-top:2px solid #141416;border-right:2px solid #141416}
.woocommerce-product-gallery .flex-direction-nav .flex-prev{left:12px}
.woocommerce-product-gallery .flex-direction-nav .flex-prev::before{transform:translateX(2px) rotate(-135deg)}
.woocommerce-product-gallery .flex-direction-nav .flex-next{right:12px}
.woocommerce-product-gallery .flex-direction-nav .flex-next::before{transform:translateX(-2px) rotate(45deg)}
.woocommerce-product-gallery .flex-direction-nav a:hover{background:#fff}
.woocommerce-product-gallery .flex-direction-nav a:focus-visible{outline:2px solid #d4a019;outline-offset:2px}
.woocommerce-product-gallery .flex-direction-nav .flex-disabled{opacity:0;pointer-events:none}

/* Vorschaubilder in einer Reihe */
.tgs-thumbs{position:relative;margin-top:10px;--tgs-n:4;--tgs-gap:10px}
.woocommerce div.product div.images .tgs-thumbs .flex-control-thumbs,
.tgs-thumbs .flex-control-thumbs{
  display:flex!important;flex-wrap:nowrap!important;gap:var(--tgs-gap);margin:0!important;padding:0!important;
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none;list-style:none}
.tgs-thumbs .flex-control-thumbs::-webkit-scrollbar{display:none}
.woocommerce div.product div.images .tgs-thumbs .flex-control-thumbs li,
.tgs-thumbs .flex-control-thumbs li{
  float:none!important;clear:none!important;margin:0!important;padding:0!important;list-style:none;
  flex:0 0 calc((100% - (var(--tgs-n) - 1) * var(--tgs-gap)) / var(--tgs-n));
  width:auto!important;scroll-snap-align:start}
.tgs-thumbs .flex-control-thumbs li img{display:block;width:100%;height:auto;cursor:pointer;border-radius:3px}

.tgs-arrow{
  position:absolute;top:50%;z-index:2;transform:translateY(-50%);
  width:34px;height:34px;padding:0!important;margin:0;border:0;border-radius:50%;
  background:rgba(255,255,255,.92);box-shadow:0 1px 5px rgba(0,0,0,.2);cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:opacity .2s;min-width:0;min-height:0}
.tgs-arrow::before{content:"";width:8px;height:8px;border-top:2px solid #141416;border-right:2px solid #141416}
.tgs-prev{left:6px}
.tgs-prev::before{transform:translateX(2px) rotate(-135deg)}
.tgs-next{right:6px}
.tgs-next::before{transform:translateX(-2px) rotate(45deg)}
.tgs-arrow:hover{background:#fff}
.tgs-arrow:focus-visible{outline:2px solid #d4a019;outline-offset:2px}
.tgs-arrow[hidden]{display:none!important}

@media (max-width:767px){
  .tgs-thumbs{--tgs-gap:8px}
  .woocommerce-product-gallery .flex-direction-nav a{width:36px;height:36px}
}
@media (prefers-reduced-motion:reduce){.tgs-thumbs .flex-control-thumbs{scroll-behavior:auto}}