/* Thành Phát EV v0.0.56 — 3-up WooCommerce thumbnail carousel.
   Original full-size Woo gallery/zoom/lightbox stays unmodified.
   Every thumbnail is 16:9; the row follows its actual photo height with no blank grid tracks. */
body.single-product.woocommerce div.product div.images .tpa-thumb56-carousel{
  --tpa-thumb56-visible:3;
  --tpa-thumb56-gap:12px;
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  margin:12px 0 0;
}
body.single-product.woocommerce div.product div.images .tpa-thumb56-viewport{
  width:100%;
  max-width:100%;
  overflow:hidden;
  min-width:0;
  border-radius:10px;
}
body.single-product.woocommerce div.product div.images .tpa-thumb56-viewport .flex-control-thumbs{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  gap:var(--tpa-thumb56-gap)!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  transition:transform .48s cubic-bezier(.22,.68,0,1);
  will-change:transform;
  transform:translate3d(0,0,0);
}
body.single-product.woocommerce div.product div.images .tpa-thumb56-viewport .flex-control-thumbs li{
  box-sizing:border-box!important;
  flex:0 0 calc((100% - (var(--tpa-thumb56-visible) - 1) * var(--tpa-thumb56-gap)) / var(--tpa-thumb56-visible))!important;
  width:calc((100% - (var(--tpa-thumb56-visible) - 1) * var(--tpa-thumb56-gap)) / var(--tpa-thumb56-visible))!important;
  min-width:0!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d9e8f0;
  border-radius:10px;
  overflow:hidden;
  background:#f4f8fa;
}
body.single-product.woocommerce div.product div.images .tpa-thumb56-viewport .flex-control-thumbs li img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  cursor:pointer;
}
body.single-product.woocommerce div.product div.images .tpa-thumb56-nav{
  position:absolute;
  z-index:2;
  top:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  padding:0;
  border-radius:50%;
  border:1px solid #d6e6ef;
  background:rgba(255,255,255,.97);
  color:#0a3a61;
  box-shadow:0 3px 10px rgba(2,33,56,.17);
  cursor:pointer;
  transform:translateY(-50%);
  transition:background .2s,color .2s;
}
body.single-product.woocommerce div.product div.images .tpa-thumb56-nav:hover,
body.single-product.woocommerce div.product div.images .tpa-thumb56-nav:focus-visible{
  background:#eaf8fc;
  color:#007db6;
}
body.single-product.woocommerce div.product div.images .tpa-thumb56-nav:focus-visible{
  outline:2px solid #008bb8;outline-offset:2px;
}
body.single-product.woocommerce div.product div.images .tpa-thumb56-prev{left:-15px}
body.single-product.woocommerce div.product div.images .tpa-thumb56-next{right:-15px}
body.single-product.woocommerce div.product div.images .tpa-thumb56-nav svg{
  width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;
}
@media (max-width:620px){
  body.single-product.woocommerce div.product div.images .tpa-thumb56-carousel{
    --tpa-thumb56-visible:2;
    --tpa-thumb56-gap:9px;
  }
  body.single-product.woocommerce div.product div.images .tpa-thumb56-nav{width:31px;height:31px}
  body.single-product.woocommerce div.product div.images .tpa-thumb56-prev{left:-9px}
  body.single-product.woocommerce div.product div.images .tpa-thumb56-next{right:-9px}
}
@media (prefers-reduced-motion:reduce){
  body.single-product.woocommerce div.product div.images .tpa-thumb56-viewport .flex-control-thumbs{
    transition:none!important;
  }
}
body.single-product.woocommerce div.product div.images .tpa-thumb56-nav[hidden]{display:none!important}