.single-product .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel {
  --bestchild-thumbs-arrow-size: 40px;
  --bestchild-thumbs-arrow-offset: 0;
}

.single-product .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel ol[data-flexy] {
  --pills-wrap: nowrap;
}

.single-product .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .bestchild-thumbs-arrow {
  z-index: 5;
  width: var(--bestchild-thumbs-arrow-size);
  height: var(--bestchild-thumbs-arrow-size);
}

.single-product .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .bestchild-thumbs-arrow:focus-visible {
  opacity: 1;
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.single-product .thumbs-bottom .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel,
.single-product .thumbs-top .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel {
  padding-inline: calc(var(--bestchild-thumbs-arrow-size) + 4px);
}

.single-product .thumbs-bottom .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel ol,
.single-product .thumbs-top .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel ol {
  margin-inline: 0;
}

.single-product .thumbs-bottom .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .flexy-arrow-prev,
.single-product .thumbs-top .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .flexy-arrow-prev {
  left: var(--bestchild-thumbs-arrow-offset);
}

.single-product .thumbs-bottom .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .flexy-arrow-next,
.single-product .thumbs-top .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .flexy-arrow-next {
  right: var(--bestchild-thumbs-arrow-offset);
  --rotate: 180deg;
}

@media (min-width: 690px) {
  .single-product .thumbs-left .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel,
  .single-product .thumbs-right .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel {
    padding-block: 0;
  }

  .single-product .thumbs-left .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel ol[data-flexy],
  .single-product .thumbs-right .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel ol[data-flexy] {
    max-height: calc(100% + var(--thumbs-spacing, 15px));
  }

  .single-product .thumbs-left .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .bestchild-thumbs-arrow,
  .single-product .thumbs-right .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .bestchild-thumbs-arrow {
    right: initial;
    left: calc(50% - (var(--bestchild-thumbs-arrow-size) / 2));
    --rotate: 90deg;
  }

  .single-product .thumbs-left .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .flexy-arrow-prev,
  .single-product .thumbs-right .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .flexy-arrow-prev {
    top: var(--bestchild-thumbs-arrow-offset);
  }

  .single-product .thumbs-left .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .flexy-arrow-next,
  .single-product .thumbs-right .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .flexy-arrow-next {
    top: initial;
    bottom: var(--bestchild-thumbs-arrow-offset);
    --rotate: 270deg;
  }
}

@media (max-width: 689.98px) {
  .single-product .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel {
    padding-inline: calc(var(--bestchild-thumbs-arrow-size) + 4px);
  }

  .single-product .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel ol {
    margin-inline: 0;
  }

  .single-product .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .flexy-arrow-prev {
    left: var(--bestchild-thumbs-arrow-offset);
  }

  .single-product .ct-product-gallery-container .flexy-pills.bestchild-gallery-thumbs-carousel .flexy-arrow-next {
    right: var(--bestchild-thumbs-arrow-offset);
    --rotate: 180deg;
  }
}