/* Venofins Fish 4.27.5 — Blocksy Flexy gallery thumbs on LEFT. */
/* Old versions only matched Woo's .flex-control-thumbs. Blocksy renders .flexy-pills. */
@media (min-width:981px) {
  body.single-product .nusa-site-shell .vf-gallery-vertical-host {
    box-sizing:border-box!important;
    position:relative!important;
    padding-left:clamp(81px,6vw,96px)!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs {
    position:absolute!important;
    inset:0 auto auto 0!important;
    display:block!important;
    width:77px!important;
    min-width:77px!important;
    max-width:77px!important;
    max-height:510px!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    z-index:2!important;
    box-shadow:none!important;
    transform:none!important;
    background:transparent!important;
  }
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs > ol,
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs > ul,
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs ol {
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:10px!important;
    list-style:none!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs li,
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs ol li {
    flex:0 0 76px!important;
    width:76px!important;
    max-width:76px!important;
    min-width:76px!important;
    height:76px!important;
    min-height:76px!important;
    margin:0!important;
    padding:3px!important;
    overflow:hidden!important;
    border:1px solid #E2E9E4!important;
    border-radius:8px!important;
    background:#fff!important;
    float:none!important;
    box-sizing:border-box!important;
  }
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs li img,
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs li .ct-image-container,
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs li .ct-media-container {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    margin:0!important;
    border-radius:5px!important;
  }
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs li.active,
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs li:has(img.flex-active){
    border-color:#3B7059!important;
    box-shadow:inset 0 0 0 1px #3B7059!important;
  }
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-main-view,
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .flexy-view,
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .flex-viewport {
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  /* Native Woo previously had a two-column grid. Remove that grid once the
     universal left rail is active, otherwise two left gutters stack up. */
  body.single-product .nusa-site-shell .woocommerce-product-gallery.vf-gallery-vertical-host {
    display:block!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
  }
  body.single-product .nusa-site-shell .woocommerce-product-gallery.vf-gallery-vertical-host > .flex-viewport,
  body.single-product .nusa-site-shell .woocommerce-product-gallery.vf-gallery-vertical-host > .woocommerce-product-gallery__wrapper {
    display:block!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
  body.single-product .nusa-site-shell .woocommerce-product-gallery.vf-gallery-vertical-host > .flex-control-thumbs.vf-gallery-vertical-thumbs {
    position:absolute!important;
    top:0!important;
    left:0!important;
    grid-row:auto!important;
    grid-column:auto!important;
    margin:0!important;
    width:77px!important;
    max-width:77px!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
  }
  /* No leftover bottom thumbnails after layout conversion. */
  body.single-product .nusa-site-shell .vf-gallery-vertical-host > .vf-gallery-vertical-thumbs { margin-top:0!important; }
}
/* At tablet/mobile widths retain regular below-image thumbnails for touch navigation. */
@media(max-width:980px){
  body.single-product .nusa-site-shell .vf-gallery-vertical-host {padding-left:0!important;}
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs {
    position:static!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    margin:10px 0 0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs ol,
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs ul {
    display:flex!important;
    flex-flow:row wrap!important;
    gap:8px!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    list-style:none!important;
  }
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs li {
    display:block!important;
    flex:0 0 67px!important;
    width:67px!important;
    height:67px!important;
    max-width:67px!important;
    min-height:0!important;
    padding:3px!important;
    margin:0!important;
    border-radius:7px!important;
    border:1px solid #E2E9E4!important;
    overflow:hidden!important;
  }
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs li img,
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs li .ct-image-container,
  body.single-product .nusa-site-shell .vf-gallery-vertical-host .vf-gallery-vertical-thumbs li .ct-media-container {
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
}