/* =========================================================
   Dorado Artículos de Pesca — GALERÍA DE PRODUCTO
========================================================= */
.product-detail-gallery{
  min-width:0;
  display:flex;
  flex-direction:column;
  background:#f4f2ec;
  border-radius:inherit 0 0 inherit;
  overflow:hidden;
}
.product-detail-gallery .product-detail-image{
  flex:1 1 auto;
  position:relative;
}
.product-gallery-thumbs{
  display:flex;
  gap:8px;
  padding:10px 14px 14px;
  overflow-x:auto;
  scrollbar-width:thin;
  background:#f4f2ec;
}
.product-gallery-thumb{
  width:62px;
  height:62px;
  flex:0 0 62px;
  border:1px solid rgba(13,14,16,.10);
  border-radius:12px;
  background:#fff;
  padding:5px;
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.product-gallery-thumb:hover{
  transform:translateY(-1px);
}
.product-gallery-thumb.active{
  border-color:#c89f37;
  box-shadow:0 0 0 2px rgba(200,159,55,.16);
}
.product-gallery-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.product-gallery-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:42px;
  height:42px;
  border:1px solid rgba(13,14,16,.08);
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#17191d;
  font-size:28px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(13,14,16,.10);
  transition:transform .18s ease,opacity .18s ease;
}
.product-gallery-arrow:hover{
  transform:translateY(-50%) scale(1.04);
}
.product-gallery-prev{left:16px}
.product-gallery-next{right:16px}
.product-gallery-arrow[hidden],
.product-gallery-thumbs[hidden]{display:none!important}

@media(max-width:980px){
  .product-detail-gallery{
    border-radius:inherit inherit 0 0;
  }
}
@media(max-width:640px){
  .product-detail-gallery{
    border-radius:0;
    overflow:visible;
  }
  .product-gallery-thumbs{
    padding:8px 12px 12px;
    gap:7px;
  }
  .product-gallery-thumb{
    width:54px;
    height:54px;
    flex-basis:54px;
    border-radius:10px;
  }
  .product-gallery-arrow{
    width:38px;
    height:38px;
    font-size:24px;
  }
  .product-gallery-prev{left:10px}
  .product-gallery-next{right:10px}
}