.flex-viewport, .flex-control-nav { display:none !important; }
.woocommerce-product-gallery { opacity:1 !important; }

.goat-frame { background: transparent; padding:0; border-radius:0; }

.goat-main {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
  touch-action: pan-y; /* عشان يمنع سكرول العرض عند السحب */
}
.goat-main img { max-width:100%; height:auto; display:block; }

/* arrows */
.goat-arrow {
  position:absolute; top:50%; transform:translateY(-50%);
  width:36px; height:36px;
  background:rgba(0,0,0,.35);
  border-radius:50%;
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:20px; cursor:pointer;
  transition:.2s;
  user-select:none;
  z-index:5;
}
.goat-arrow:hover { background:rgba(0,0,0,.55); }
.goat-arrow.prev { left:10px; }
.goat-arrow.next { right:10px; }

/* thumbs */
.goat-thumbs {
  display:flex; gap:8px;
  overflow-x:auto; overflow-y:hidden;
  padding:10px 0; margin-top:12px;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
}
.goat-thumbs img {
  flex:0 0 auto;
  width:70px; height:70px; object-fit:cover;
  border-radius:6px; cursor:pointer;
  opacity:.7; border:2px solid transparent;
  scroll-snap-align:start;
  background:#f9f9f9;
}
.goat-thumbs img.active { opacity:1; border-color:#0073aa; }
@media(max-width:480px){
  .goat-thumbs img{width:60px; height:60px;}
}