/**
 * @author    x13.pl <x13@x13.pl>
 * @copyright Copyright (c) x13.pl
 * @license   Commercial license, only to use on restricted domains
 */
.x13productvideos__row {
  display: flex;
  flex-wrap: wrap;
  box-sizing: content-box;
  margin: 0 -10px !important;
}
.x13productvideos__col {
  padding: 0 10px;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.x13productvideos__col--xs-1 {
  flex: 0 0 calc(100% * 1 / 12);
  max-width: calc(100% * 1 / 12);
}
.x13productvideos__col--xs-2 {
  flex: 0 0 calc(100% * 2 / 12);
  max-width: calc(100% * 2 / 12);
}
.x13productvideos__col--xs-3 {
  flex: 0 0 calc(100% * 3 / 12);
  max-width: calc(100% * 3 / 12);
}
.x13productvideos__col--xs-4 {
  flex: 0 0 calc(100% * 4 / 12);
  max-width: calc(100% * 4 / 12);
}
.x13productvideos__col--xs-5 {
  flex: 0 0 calc(100% * 5 / 12);
  max-width: calc(100% * 5 / 12);
}
.x13productvideos__col--xs-6 {
  flex: 0 0 calc(100% * 6 / 12);
  max-width: calc(100% * 6 / 12);
}
.x13productvideos__col--xs-7 {
  flex: 0 0 calc(100% * 7 / 12);
  max-width: calc(100% * 7 / 12);
}
.x13productvideos__col--xs-8 {
  flex: 0 0 calc(100% * 8 / 12);
  max-width: calc(100% * 8 / 12);
}
.x13productvideos__col--xs-9 {
  flex: 0 0 calc(100% * 9 / 12);
  max-width: calc(100% * 9 / 12);
}
.x13productvideos__col--xs-10 {
  flex: 0 0 calc(100% * 10 / 12);
  max-width: calc(100% * 10 / 12);
}
.x13productvideos__col--xs-11 {
  flex: 0 0 calc(100% * 11 / 12);
  max-width: calc(100% * 11 / 12);
}
.x13productvideos__col--xs-12 {
  flex: 0 0 calc(100% * 12 / 12);
  max-width: calc(100% * 12 / 12);
}
@media (min-width: 768px) {
  .x13productvideos__col--sm-1 {
    flex: 0 0 calc(100% * 1 / 12);
    max-width: calc(100% * 1 / 12);
  }
}
@media (min-width: 768px) {
  .x13productvideos__col--sm-2 {
    flex: 0 0 calc(100% * 2 / 12);
    max-width: calc(100% * 2 / 12);
  }
}
@media (min-width: 768px) {
  .x13productvideos__col--sm-3 {
    flex: 0 0 calc(100% * 3 / 12);
    max-width: calc(100% * 3 / 12);
  }
}
@media (min-width: 768px) {
  .x13productvideos__col--sm-4 {
    flex: 0 0 calc(100% * 4 / 12);
    max-width: calc(100% * 4 / 12);
  }
}
@media (min-width: 768px) {
  .x13productvideos__col--sm-5 {
    flex: 0 0 calc(100% * 5 / 12);
    max-width: calc(100% * 5 / 12);
  }
}
@media (min-width: 768px) {
  .x13productvideos__col--sm-6 {
    flex: 0 0 calc(100% * 6 / 12);
    max-width: calc(100% * 6 / 12);
  }
}
@media (min-width: 768px) {
  .x13productvideos__col--sm-7 {
    flex: 0 0 calc(100% * 7 / 12);
    max-width: calc(100% * 7 / 12);
  }
}
@media (min-width: 768px) {
  .x13productvideos__col--sm-8 {
    flex: 0 0 calc(100% * 8 / 12);
    max-width: calc(100% * 8 / 12);
  }
}
@media (min-width: 768px) {
  .x13productvideos__col--sm-9 {
    flex: 0 0 calc(100% * 9 / 12);
    max-width: calc(100% * 9 / 12);
  }
}
@media (min-width: 768px) {
  .x13productvideos__col--sm-10 {
    flex: 0 0 calc(100% * 10 / 12);
    max-width: calc(100% * 10 / 12);
  }
}
@media (min-width: 768px) {
  .x13productvideos__col--sm-11 {
    flex: 0 0 calc(100% * 11 / 12);
    max-width: calc(100% * 11 / 12);
  }
}
@media (min-width: 768px) {
  .x13productvideos__col--sm-12 {
    flex: 0 0 calc(100% * 12 / 12);
    max-width: calc(100% * 12 / 12);
  }
}
@media (min-width: 992px) {
  .x13productvideos__col--md-1 {
    flex: 0 0 calc(100% * 1 / 12);
    max-width: calc(100% * 1 / 12);
  }
}
@media (min-width: 992px) {
  .x13productvideos__col--md-2 {
    flex: 0 0 calc(100% * 2 / 12);
    max-width: calc(100% * 2 / 12);
  }
}
@media (min-width: 992px) {
  .x13productvideos__col--md-3 {
    flex: 0 0 calc(100% * 3 / 12);
    max-width: calc(100% * 3 / 12);
  }
}
@media (min-width: 992px) {
  .x13productvideos__col--md-4 {
    flex: 0 0 calc(100% * 4 / 12);
    max-width: calc(100% * 4 / 12);
  }
}
@media (min-width: 992px) {
  .x13productvideos__col--md-5 {
    flex: 0 0 calc(100% * 5 / 12);
    max-width: calc(100% * 5 / 12);
  }
}
@media (min-width: 992px) {
  .x13productvideos__col--md-6 {
    flex: 0 0 calc(100% * 6 / 12);
    max-width: calc(100% * 6 / 12);
  }
}
@media (min-width: 992px) {
  .x13productvideos__col--md-7 {
    flex: 0 0 calc(100% * 7 / 12);
    max-width: calc(100% * 7 / 12);
  }
}
@media (min-width: 992px) {
  .x13productvideos__col--md-8 {
    flex: 0 0 calc(100% * 8 / 12);
    max-width: calc(100% * 8 / 12);
  }
}
@media (min-width: 992px) {
  .x13productvideos__col--md-9 {
    flex: 0 0 calc(100% * 9 / 12);
    max-width: calc(100% * 9 / 12);
  }
}
@media (min-width: 992px) {
  .x13productvideos__col--md-10 {
    flex: 0 0 calc(100% * 10 / 12);
    max-width: calc(100% * 10 / 12);
  }
}
@media (min-width: 992px) {
  .x13productvideos__col--md-11 {
    flex: 0 0 calc(100% * 11 / 12);
    max-width: calc(100% * 11 / 12);
  }
}
@media (min-width: 992px) {
  .x13productvideos__col--md-12 {
    flex: 0 0 calc(100% * 12 / 12);
    max-width: calc(100% * 12 / 12);
  }
}

.x13productvideos__iframe {
  position: relative;
  width: var(--x13productvideos-max-video-width, 100%);
  max-width: 100%;
  height: 0;
  margin: 0 auto;
  padding-top: min(56.25%, var(--x13productvideos-max-video-width) * 0.5625);
  background-color: var(--x13productvideos-bg-color, #fff);
  cursor: pointer;
}
.x13productvideos__iframe--player {
  cursor: default;
}
.x13productvideos__iframe img,
.x13productvideos__iframe video,
.x13productvideos__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.x13productvideos__iframe img {
  object-fit: contain;
  object-position: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.x13productvideos__iframe:hover .x13productvideos__icon svg * {
  fill: var(--x13productvideos-icon-hover, #ccc);
}
.x13productvideos__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  pointer-events: none;
  background-color: var(--x13productvideos-overlay-color, rgba(0, 0, 0, 0.5));
  background-clip: padding-box;
}
.x13productvideos__icon img,
.x13productvideos__icon svg {
  width: 48px;
  height: 48px;
}
.x13productvideos__icon svg * {
  fill: var(--x13productvideos-icon-color, #fff);
  transition: var(--bs-transition-default, fill 0.2s ease-in-out);
}
.thumb-container .thumb:hover + .x13productvideos__icon, .thumb-container .selected + .x13productvideos__icon {
  border: 3px solid transparent;
}
.x13productvideos__title {
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 1rem;
  text-transform: none;
}
.x13productvideos__description {
  margin-top: 10px;
  font-size: 0.875rem;
}

.x13productvideos__modal {
  padding: 15px;
  margin: 0;
  width: 100%;
  height: 100%;
}
.x13productvideos__modal[style*=block] {
  display: grid !important;
  place-items: center;
}
.x13productvideos__modal .modal-dialog {
  width: 100%;
  margin: 0 !important;
}
@media (min-width: 576px) {
  .x13productvideos__modal .modal-dialog {
    max-width: var(--x13productvideos-max-popup-size, 1050px);
  }
}
.x13productvideos__modal .modal-content {
  width: 100%;
  overflow: hidden;
}
.x13productvideos__modal .modal-body {
  position: relative;
  max-width: 100%;
  padding: 56.25% 0 0;
}
.x13productvideos__modal .modal-body video,
.x13productvideos__modal .modal-body iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.x13productvideos__miniature-thumb, .x13productvideos__miniature-video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}
.thumbnail-container > .x13productvideos__miniature-thumb, .thumbnail-container > .x13productvideos__miniature-video {
  margin-left: 4px;
}
*:not(.thumbnail-container) > .x13productvideos__miniature-thumb, *:not(.thumbnail-container) > .x13productvideos__miniature-video {
  width: 100%;
  height: 100%;
}
.x13productvideos__miniature-video {
  display: none;
}
.x13productvideos__miniature--hover .x13productvideos__miniature-video {
  display: block;
}
.x13productvideos__miniature--hide-buttons .x13productvideos__miniature-thumb,
.x13productvideos__miniature--hide-buttons .x13productvideos__miniature-video {
  pointer-events: none;
}

.x13productvideos {
  text-align: left;
}
.x13productvideos__thumb, .x13productvideos__cover {
  position: relative;
  max-width: 100%;
}
.x13productvideos__thumb:hover .x13productvideos__icon svg *, .x13productvideos__cover:hover .x13productvideos__icon svg * {
  fill: var(--x13productvideos-icon-hover, #ccc);
}
.x13productvideos__cover img,
.x13productvideos__cover iframe,
.x13productvideos__cover video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.x13productvideos__cover img {
  object-fit: contain;
  object-position: center;
  background-color: #fff;
}

.quickview .images-container {
  display: flex;
}
.quickview .images-container .product-cover {
  flex: 1;
  max-width: 100%;
}
.quickview .images-container .mask {
  flex: 0 0 92px;
  max-width: 92px;
}