.product-detail__media-gallery {
  --padding-inline-start: calc(
    var(--detail-padding-inline-start, 0px) + var(--page-padding, 0px)
  );
  --padding-inline-end: calc(
    var(--detail-padding-inline-end, 0px) + var(--page-padding, 0px)
  );
  --aspect-ratio: var(--desktop-aspect-ratio);
  --image-fill-type: var(--desktop-image-fill-type);
  --gap: 20px;
  --thumbnail-gap: 20px;

  display: block;
  overflow: hidden;
}

@media (max-width: 959px) {
  .product-detail__media-gallery {
    width: calc(100% + var(--padding-inline-start) + var(--padding-inline-end));
    margin-inline: calc(-1 * var(--padding-inline-start))
      calc(-1 * var(--padding-inline-end));

    --aspect-ratio: var(--mobile-aspect-ratio);
    --image-fill-type: var(--mobile-image-fill-type);
    --thumbnail-gap: 10px;
    --gap: 5px;
  }
}

.product-detail__media-gallery .media-gallery__placeholder {
  width: 100%;
  cursor: default;
  background-color: rgb(var(--color-image-background));
}

.product-detail__media-gallery .media-gallery__placeholder svg {
  width: 100%;
  height: 100%;
}

.product-detail__media-gallery .media-gallery__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  width: 100%;
}

.product-detail__media-gallery .media-gallery__list-wrapper {
  position: relative;
  width: 100%;
}

.product-detail__media-gallery .media-gallery__sticky-wrapper {
  display: none;
}

.product-detail__media-gallery .media-gallery__list {
  gap: var(--gap, 0);
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  list-style: none;
}

@media (min-width: 960px) {
  .product-detail__media-gallery .media-gallery__list {
    scroll-behavior: auto;
  }
}

.product-detail__media-gallery .media-gallery__list::before {
  display: block;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  aspect-ratio: var(--desktop-placeholder-aspect-ratio);
  content: "";
}

@media (max-width: 959px) {
  .product-detail__media-gallery .media-gallery__list::before {
    aspect-ratio: var(--mobile-placeholder-aspect-ratio);
  }
}

.product-detail__media-gallery .media-gallery__preview-icon {
  position: absolute;
  inset-block-end: 20px;
  inset-inline-end: 20px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10%;
  min-width: 30px;
  max-width: 60px;
  pointer-events: none;
  transition: opacity 0.2s;
}

@media (min-width: 960px) {
  .product-detail__media-gallery .media-gallery__preview-icon {
    opacity: 0;
  }
}

@media (max-width: 959px) {
  .product-detail__media-gallery .media-gallery__preview-icon {
    inset-block-end: 10px;
    inset-inline-end: 10px;
  }
}

.product-detail__media-gallery .media-gallery__preview-icon .icon {
  width: 100%;
  height: 100%;
  color: rgb(var(--color-text));
}

.product-detail__media-gallery .media-gallery__preview-icon .icon circle {
  fill: rgb(var(--color-background));
}

.product-detail__media-gallery .media-gallery__item {
  display: none;
  align-items: center;
  width: 100%;
  overflow: hidden;
  cursor: zoom-in;
}

.product-detail__media-gallery
  .media-gallery__item:hover
  .media-gallery__preview-icon {
  opacity: 1;
}

@media (max-width: 959px) {
  .product-detail__media-gallery
    .media-gallery__item:not(
      [data-media-type="video"],
      [data-media-type="external_video"]
    )
    .media-gallery__media::after {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0;
  }
}

.product-detail__media-gallery .media-gallery__media {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: rgb(var(--color-image-background));
}

.product-detail__media-gallery .media-gallery__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: var(--image-fill-type);
}

.product-detail__media-gallery
  .media-gallery__video[data-loaded]
  + .media-gallery__preview-icon {
  display: none;
}

@media (max-width: 959px) {
  .product-detail__media-gallery
    .media-gallery__video
    + .media-gallery__preview-icon {
    display: none;
  }

  .product-detail__media-gallery
    .media-gallery__video
    .theme-video-media__play-button {
    inset-block-start: unset;
    inset-block-end: 20px;
    inset-inline-start: unset;
    inset-inline-end: 20px;
    width: 10%;
    min-width: 30px;
    max-width: 60px;
    transform: none;
  }
}

.product-detail__media-gallery .media-gallery__arrows {
  display: flex;
  gap: 14px;
  align-items: center;
}

.product-detail__media-gallery .media-gallery__arrow {
  display: flex;
  align-items: center;
  padding: 4px;
  line-height: 1;
  cursor: pointer;
  background: none;
  border: none;
}

.product-detail__media-gallery .media-gallery__arrow .icon {
  width: 12px;
  height: 12px;
}

.product-detail__media-gallery .media-gallery__arrow[name="previous"] .icon {
  transform: rotate(90deg);
}

.product-detail__media-gallery .media-gallery__arrow[name="next"] .icon {
  transform: rotate(-90deg);
}

.product-detail__media-gallery .media-gallery__arrow:disabled {
  cursor: not-allowed;
}

.product-detail__media-gallery .media-gallery__status {
  display: flex;
  align-items: center;
  line-height: 1;
}

.product-detail__media-gallery .media-gallery__pagination {
  padding: 2px 0;
}

.product-detail__media-gallery .media-gallery__indicator {
  display: contents;
}

.product-detail__media-gallery .media-gallery__thumbnails {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 26px;
}

.product-detail__media-gallery .media-gallery__thumbnail-list {
  gap: var(--thumbnail-gap, 0);
  width: 100%;
}

.product-detail__media-gallery .media-gallery__thumbnail {
  position: relative;
  width: var(--desktop-thumbnail-size);
  aspect-ratio: 1;
  padding: 0;
  background-color: rgb(var(--color-image-background));
  border: none;
  outline: none;
}

@media (max-width: 959px) {
  .product-detail__media-gallery .media-gallery__thumbnail {
    width: var(--mobile-thumbnail-size);
  }
}

.product-detail__media-gallery .media-gallery__thumbnail::after {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  content: "";
  box-shadow: inset 0 0 0 var(--border-thickness, 0) rgb(var(--color-text));
  transition: box-shadow 0.2s;
}

.product-detail__media-gallery .media-gallery__thumbnail:hover,
.product-detail__media-gallery .media-gallery__thumbnail:focus,
.product-detail__media-gallery .media-gallery__thumbnail.is-select {
  --border-thickness: 2px;
}

.product-detail__media-gallery .media-gallery__thumbnail-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: var(--image-fill-type);
}

.product-detail__media-gallery
  .media-gallery__thumbnail-arrows
  button[name="previous"],
.product-detail__media-gallery
  .media-gallery__thumbnail-arrows
  button[name="next"] {
  position: absolute;
  inset-block-start: 50%;
  transform: translate(-50%, -50%);
}

.product-detail__media-gallery
  .media-gallery__thumbnail-arrows
  button[name="previous"] {
  inset-inline-start: 10px;
}

.product-detail__media-gallery
  .media-gallery__thumbnail-arrows
  button[name="next"] {
  inset-inline-start: calc(100% - 10px);
}

.product-detail__media-gallery .media-gallery__thumbnail-play-icon {
  position: absolute;
  inset-block-start: 10px;
  inset-inline-end: 10px;
  width: 22px;
  height: 22px;
  color: rgb(var(--color-text));
  border-radius: 50%;
}

.product-detail__media-gallery .media-gallery__thumbnail-play-icon circle {
  fill: rgb(var(--color-background));
}

.product-detail__media-gallery[data-init="true"] .media-gallery__item,
.product-detail__media-gallery .media-gallery__item.is-active {
  display: flex;
}

.product-detail__media-gallery[data-init="true"] .media-gallery__list::before {
  display: none;
}

.product-detail__media-gallery[data-disabled-preview="true"]
  .media-gallery__item {
  cursor: default;
}

.product-detail__media-gallery[data-disabled-preview="true"]
  .media-gallery__preview-icon {
  display: none;
}

@media (min-width: 960px) {
  .product-detail__media-gallery:not([data-desktop-aspect-ratio="original"])
    .media-gallery__image {
    aspect-ratio: var(--aspect-ratio);
  }
}

@media (max-width: 959px) {
  .product-detail__media-gallery:not([data-mobile-aspect-ratio="original"])
    .media-gallery__image {
    aspect-ratio: var(--aspect-ratio);
  }
}

@media (min-width: 960px) {
  .product-detail__media-gallery .media-gallery__dots,
  .product-detail__media-gallery .media-gallery__arrows,
  .product-detail__media-gallery .media-gallery__progress,
  .product-detail__media-gallery .media-gallery__pagination {
    display: none;
  }
  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"]
    .media-gallery__list,
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"]
    .media-gallery__list {
    aspect-ratio: var(--aspect-ratio);
  }

  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"]
    .media-gallery__item,
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"]
    .media-gallery__item {
    height: 100%;
  }
  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-aspect-ratio="original"]
    .media-gallery__content,
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-aspect-ratio="original"]
    .media-gallery__content {
    --aspect-ratio: var(--current-media-aspect-ratio);
  }
  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"]
    .media-gallery__content,
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"]
    .media-gallery__content {
    flex-direction: row;
  }

  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"]
    .media-gallery__list-wrapper,
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"]
    .media-gallery__list-wrapper {
    flex: 1 0 0;
    overflow: hidden;
  }

  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnails,
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnails {
    position: relative;
    flex-shrink: 0;
    align-self: stretch;
    order: -1;
    width: var(--desktop-thumbnail-size);
  }

  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnail-list,
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnail-list {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
  }

  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnail,
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnail {
    width: 100%;
    overflow: hidden;
  }
  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnail-arrows
    button[name="previous"],
  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnail-arrows
    button[name="next"],
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnail-arrows
    button[name="previous"],
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnail-arrows
    button[name="next"] {
    position: absolute;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
  }

  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnail-arrows
    button[name="previous"],
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnail-arrows
    button[name="previous"] {
    inset-block-start: 10px;
  }

  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnail-arrows
    button[name="next"],
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnail-arrows
    button[name="next"] {
    inset-block-start: calc(100% - 10px);
  }
  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"]
    .media-gallery__arrow[name="previous"]
    .icon,
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"]
    .media-gallery__arrow[name="previous"]
    .icon {
    transform: rotate(180deg);
  }

  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"][data-desktop-thumbnail-position="beside"]
    .media-gallery__arrow[name="next"]
    .icon,
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"]
    .media-gallery__arrow[name="next"]
    .icon {
    transform: rotate(0deg);
  }
  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"]
    .media-gallery__thumbnails {
    flex-wrap: wrap;
    padding: 0;
  }

  .product-detail__media-gallery[data-desktop-layout="thumbnail-flatten"]
    .media-gallery__thumbnail-arrows {
    display: none;
  }
  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnails {
    padding: 26px 0;
  }

  .product-detail__media-gallery[data-desktop-layout="thumbnail-carousel"][data-desktop-thumbnail-position="beside"]
    .media-gallery__thumbnail-list {
    inset-block-start: 26px;
    height: calc(100% - 26px * 2);
  }
  .product-detail__media-gallery[data-desktop-layout="two-columns"]
    .media-gallery__item,
  .product-detail__media-gallery[data-desktop-layout="two-columns"]
    .media-gallery__sticky-wrapper {
    align-items: flex-start;
    width: calc((100% - var(--gap, 0)) / 2);
  }

  .product-detail__media-gallery[data-desktop-layout="two-columns"]
    .media-gallery__thumbnails {
    display: none;
  }
  .product-detail__media-gallery[data-desktop-layout="two-columns"][data-media-total="1"]
    .media-gallery__item,
  .product-detail__media-gallery[data-desktop-layout="two-columns"][data-media-total="1"]
    .media-gallery__sticky-wrapper {
    width: 100%;
  }
  .product-detail__media-gallery[data-desktop-layout="flatten"]
    .media-gallery__item,
  .product-detail__media-gallery[data-desktop-layout="flatten"]
    .media-gallery__sticky-wrapper {
    width: 100%;
  }

  .product-detail__media-gallery[data-desktop-layout="flatten"]
    .media-gallery__thumbnails {
    display: none;
  }
  .product-detail__media-gallery[data-desktop-layout="stacked"]
    .media-gallery__list-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap, 0);
  }

  .product-detail__media-gallery[data-desktop-layout="stacked"]
    .media-gallery__item {
    align-items: flex-start;
    width: calc((100% - var(--gap, 0)) / 2);
  }

  .product-detail__media-gallery[data-desktop-layout="stacked"]
    .media-gallery__sticky-wrapper {
    width: 100%;
  }

  .product-detail__media-gallery[data-desktop-layout="stacked"]
    .media-gallery__thumbnails {
    display: none;
  }
  .product-detail__media-gallery[data-desktop-layout="two-columns"]
    .media-gallery__list-wrapper,
  .product-detail__media-gallery[data-desktop-layout="flatten"]
    .media-gallery__list-wrapper,
  .product-detail__media-gallery[data-desktop-layout="stacked"]
    .media-gallery__list-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap, 0);
    align-items: flex-start;
  }

  .product-detail__media-gallery[data-desktop-layout="two-columns"]
    .media-gallery__sticky-wrapper,
  .product-detail__media-gallery[data-desktop-layout="flatten"]
    .media-gallery__sticky-wrapper,
  .product-detail__media-gallery[data-desktop-layout="stacked"]
    .media-gallery__sticky-wrapper {
    display: block;
  }

  .product-detail__media-gallery[data-desktop-layout="two-columns"]
    .media-gallery__sticky-wrapper
    .media-gallery__item,
  .product-detail__media-gallery[data-desktop-layout="flatten"]
    .media-gallery__sticky-wrapper
    .media-gallery__item,
  .product-detail__media-gallery[data-desktop-layout="stacked"]
    .media-gallery__sticky-wrapper
    .media-gallery__item {
    display: flex;
    width: 100%;
  }

  .product-detail__media-gallery[data-desktop-layout="two-columns"]
    .media-gallery__list,
  .product-detail__media-gallery[data-desktop-layout="flatten"]
    .media-gallery__list,
  .product-detail__media-gallery[data-desktop-layout="stacked"]
    .media-gallery__list {
    display: contents;
  }

  .product-detail__media-gallery[data-desktop-layout="two-columns"]
    .media-gallery__list::before,
  .product-detail__media-gallery[data-desktop-layout="flatten"]
    .media-gallery__list::before,
  .product-detail__media-gallery[data-desktop-layout="stacked"]
    .media-gallery__list::before {
    content: unset;
  }

  .product-detail__media-gallery[data-desktop-layout="two-columns"]
    .media-gallery__list
    .is-select,
  .product-detail__media-gallery[data-desktop-layout="flatten"]
    .media-gallery__list
    .is-select,
  .product-detail__media-gallery[data-desktop-layout="stacked"]
    .media-gallery__list
    .is-select {
    display: none;
  }

  .product-detail__media-gallery[data-desktop-layout="two-columns"]
    .media-gallery__item,
  .product-detail__media-gallery[data-desktop-layout="flatten"]
    .media-gallery__item,
  .product-detail__media-gallery[data-desktop-layout="stacked"]
    .media-gallery__item {
    display: flex;
  }
}

@media (max-width: 959px) {
  .product-detail__media-gallery:not(
      [data-mobile-switch-style="hide"]
    )[data-mobile-switch-position="inner"]
    .media-gallery__indicator {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    pointer-events: none;
  }

  .product-detail__media-gallery:not(
      [data-mobile-switch-style="hide"]
    )[data-mobile-switch-position="inner"]
    .media-gallery__dots,
  .product-detail__media-gallery:not(
      [data-mobile-switch-style="hide"]
    )[data-mobile-switch-position="inner"]
    .media-gallery__arrows,
  .product-detail__media-gallery:not(
      [data-mobile-switch-style="hide"]
    )[data-mobile-switch-position="inner"]
    .media-gallery__pagination {
    margin-block: 8px;
    pointer-events: auto;
  }

  .product-detail__media-gallery:not(
      [data-mobile-switch-style="hide"]
    )[data-mobile-switch-position="inner"]
    .media-gallery__arrows {
    gap: 0;
    height: 26px;
    background-color: rgba(var(--color-background), 0.8);
    border-radius: 13px;
  }
  .product-detail__media-gallery:not(
      [data-mobile-switch-style="hide"]
    )[data-mobile-switch-position="inner"][data-mobile-switch-style="dot"]
    .media-gallery__indicator,
  .product-detail__media-gallery:not(
      [data-mobile-switch-style="hide"]
    )[data-mobile-switch-position="inner"][data-mobile-switch-style="slider-bar"]
    .media-gallery__indicator {
    background: linear-gradient(
      0deg,
      rgba(var(--color-background), 0.8) 0%,
      rgba(var(--color-background), 0) 100%
    );
    background-clip: content-box;
  }
  .product-detail__media-gallery:not([data-mobile-switch-style="number"])
    .media-gallery__arrows {
    display: none;
  }
  .product-detail__media-gallery:not([data-mobile-switch-style="progress"])
    .media-gallery__progress {
    display: none;
  }
  .product-detail__media-gallery:not([data-mobile-switch-style="dot"])
    .media-gallery__dots {
    display: none;
  }
  .product-detail__media-gallery:not([data-mobile-switch-style="slider-bar"])
    .media-gallery__pagination {
    display: none;
  }
  .product-detail__media-gallery[data-mobile-layout="two-columns"]
    .media-gallery__list {
    padding: 0 var(--padding-inline-start);
    scroll-padding-left: var(--padding-inline-start);
  }

  .product-detail__media-gallery[data-mobile-layout="two-columns"]
    .media-gallery__item,
  .product-detail__media-gallery[data-mobile-layout="two-columns"]
    .media-gallery__list::before {
    width: calc((100% - var(--gap, 0px) * 2) / 2.3);
  }

  .product-detail__media-gallery[data-mobile-layout="two-columns"]
    .media-gallery__thumbnails {
    display: none;
  }
  .product-detail__media-gallery[data-mobile-layout="two-columns"]:not(
      [data-media-total="1"]
    )
    .media-gallery__progress::before {
    width: calc(
      100% / (var(--indicator-size) - 1) * calc(var(--current-index) + 1)
    );
  }
  .product-detail__media-gallery[data-mobile-layout="two-columns"]:not(
      [data-media-total="1"]
    )
    .media-gallery__dots
    > *:last-child,
  .product-detail__media-gallery[data-mobile-layout="two-columns"]:not(
      [data-media-total="1"]
    )
    .media-gallery__pagination
    > *:last-child {
    display: none;
  }
  .product-detail__media-gallery[data-mobile-layout="two-columns"][data-media-total="1"]
    .media-gallery__item,
  .product-detail__media-gallery[data-mobile-layout="two-columns"][data-media-total="1"]
    .media-gallery__list::before {
    width: 100%;
  }
  .product-detail__media-gallery[data-mobile-layout="two-columns"][data-media-total="2"]
    .media-gallery__item,
  .product-detail__media-gallery[data-mobile-layout="two-columns"][data-media-total="2"]
    .media-gallery__list::before {
    width: calc((100% - var(--gap, 0)) / 2);
  }
  .product-detail__media-gallery[data-mobile-layout="two-columns"]:not(
      [data-init="true"]
    )
    .media-gallery__item.is-active
    + .media-gallery__item,
  .product-detail__media-gallery[data-mobile-layout="two-columns"]:not(
      [data-init="true"]
    )
    .media-gallery__item.is-active
    + .media-gallery__item
    + .media-gallery__item {
    display: flex;
  }
  .product-detail__media-gallery[data-mobile-layout="hide-thumbnail"]
    .media-gallery__list {
    padding: 0 var(--padding-inline-start);
    scroll-padding-left: var(--padding-inline-start);
  }

  .product-detail__media-gallery[data-mobile-layout="hide-thumbnail"]
    .media-gallery__thumbnails {
    display: none;
  }
  .product-detail__media-gallery[data-mobile-layout="show-thumbnail"]
    .media-gallery__list {
    padding: 0 var(--padding-inline-start);
    scroll-padding-left: var(--padding-inline-start);
  }

  .product-detail__media-gallery[data-mobile-layout="show-thumbnail"]
    .media-gallery__dots,
  .product-detail__media-gallery[data-mobile-layout="show-thumbnail"]
    .media-gallery__arrows,
  .product-detail__media-gallery[data-mobile-layout="show-thumbnail"]
    .media-gallery__progress,
  .product-detail__media-gallery[data-mobile-layout="show-thumbnail"]
    .media-gallery__pagination {
    display: none;
  }
  .product-detail__media-gallery[data-mobile-layout="fullscreen"]
    .media-gallery__item,
  .product-detail__media-gallery[data-mobile-layout="fullscreen"]
    .media-gallery__list::before {
    width: calc((100% - var(--gap, 0px) * 1) / 1.3);
  }

  .product-detail__media-gallery[data-mobile-layout="fullscreen"]
    .media-gallery__thumbnails {
    display: none;
  }
  .product-detail__media-gallery[data-mobile-layout="fullscreen"][data-media-total="1"]
    .media-gallery__item,
  .product-detail__media-gallery[data-mobile-layout="fullscreen"][data-media-total="1"]
    .media-gallery__list::before {
    width: 100%;
  }
  .product-detail__media-gallery[data-mobile-layout="fullscreen"]:not(
      [data-init="true"]
    )
    .media-gallery__item.is-active
    + .media-gallery__item {
    display: flex;
  }
}