.product-image--large{
    max-width: 100% !important;
    height: 100%;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
.product-image--large img{
	object-fit: contain;
	aspect-ratio: 1 / 1;
}
.product__img-box {
    overflow: hidden;
    position: relative;
    width: auto;
    margin: 0 auto;
    text-align: center;
}
 .product__img-box .product__img {
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.product__img--link .product__img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
@media (hover: hover) {
    /* 2026.01.03 平版、手機版就不要有這個特效了。不然click要點兩次才會跳轉 */
    .product__img--link:hover .product__img:nth-child(2) {
        opacity: 1;
        border-color:transparent;
        background-color:#ffffff;
    }
}
.product__img {
    width: auto;
    max-width: 100%;
    width: 100%;
    transition: all 0.3s ease;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
.square-block{
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow:hidden;
}
.square-block img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
