<commit_before>.product-carousel {
  .modal-dialog--zoom & .carousel-inner {
    @include zoom-modal-single-width(0px);
    @media (min-height: 780px) {
      @include zoom-modal-single-width(62px);
    }
  }
  &-control {
    $arrow-width: 15%;

    @mixin arrow {
      top: 0;
      width: $arrow-width;
      z-index: 2;
    }
    &--previous {
      left: -$arrow-width;
      @include arrow;
      @include media-breakpoint-between(md, md) {
        left: 15px;
      }
    }
    &--next {
      right: -$arrow-width;
      @include arrow;
      @include media-breakpoint-between(md, md) {
        right: 15px;
      }
    }
    &-rounded {
      $size: 44px;
      border-radius: 50%;
      width: $size;
      height: $size;
      background: $secondary-background;
      color: $secondary-font-color;
    }
  }
  &-item {
    transition: transform 0.1s ease-in-out;

    &-squared {
      position: relative;
      height: 0;
      padding: 0 0 100% / $photo-width-to-height-ratio;

      .modal-dialog--zoom & {
        padding-bottom: 100% / $photo-width-to-height-ratio-zoom;
      }

      img {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: contain;
      }

      &-only {
        padding-bottom: 0;
        height: auto;

        img {
          position: static;
        }
      }
    }<commit_msg>[SD-633] Fixed zoom for PDP with single image<commit_after>.product-carousel {
  .modal-dialog--zoom & .carousel-inner {
    @include zoom-modal-single-width(0px);
    @media (min-height: 780px) {
      @include zoom-modal-single-width(62px);
    }
  }
  &-control {
    $arrow-width: 15%;

    @mixin arrow {
      top: 0;
      width: $arrow-width;
      z-index: 2;
    }
    &--previous {
      left: -$arrow-width;
      @include arrow;
      @include media-breakpoint-between(md, md) {
        left: 15px;
      }
    }
    &--next {
      right: -$arrow-width;
      @include arrow;
      @include media-breakpoint-between(md, md) {
        right: 15px;
      }
    }
    &-rounded {
      $size: 44px;
      border-radius: 50%;
      width: $size;
      height: $size;
      background: $secondary-background;
      color: $secondary-font-color;
    }
  }
  &-item {
    transition: transform 0.1s ease-in-out;

    &-squared {
      position: relative;
      height: 0;
      padding: 0 0 100% / $photo-width-to-height-ratio;

      .modal-dialog--zoom & {
        padding-bottom: 100% / $photo-width-to-height-ratio-zoom;
      }

      img {
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: contain;
      }

      &-only {
        padding-bottom: 0;
        height: auto;

        img {
          position: static;
        }

        .modal-dialog--zoom & {
          padding-bottom: 0;
        }
      }
    }
{'fraction_non_alphanumeric': 0.14341359773371104, 'fraction_numerical': 0.026912181303116147, 'mean_word_length': 1.6036866359447004, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6991582', 'n_tokens_mistral': 1033, 'n_tokens_neox': 931, 'n_words': 190}