/* start DEV-2633 */
.artwork-checkbox-style-wrapper {
  padding: 0 !important;
  margin-bottom: 28px;
}

.artwork-checkbox-style-wrapper .mb {
  margin-bottom: 18px;
}

.artwork-checkbox-style-wrapper .choose-style-radio .radio-check {
  background-image: url("https://dqhvdmwzk0rbb.cloudfront.net/cdn/images/radio_check.png");
  margin: 0;
  margin-right: 4px;
}

.artwork-checkbox-style-wrapper .choose-style-radio .radio-check.radio-checked {
  background-image: url("https://dqhvdmwzk0rbb.cloudfront.net/cdn/themes/newPainting/img/order/radio-checked-3-v2.png");
}

.artwork-checkbox-style-wrapper .choose-style-radio {
  display: flex;
  align-items: center;
}

.artwork-checkbox-style-wrapper .choose-style-radio .radio-check-text {
  color: black;
  font-size: 18px;
}

.artwork-checkbox-style-wrapper .choose-style-radio .radio-check-popular-text {
  color: rgb(182, 2, 251);
  margin-left: 12px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

.artwork-checkbox-style-wrapper
  .portrait-style-wrapper
  .portrait-style-content-wrapper {
  margin-top: 18px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 18px;
}

.portrait-style-content-wrapper .portrait-style-header {
  text-align: center;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 10px;
}

.portrait-style-content-wrapper .portrait-style-header.warning-text {
  color: red;
}

.portrait-style-content-wrapper .portrait-style-header .header-text {
  margin-bottom: 0;
  font-weight: 600;
}

.portrait-style-content-wrapper .portrait-style-header .text-with-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.portrait-style-content-wrapper .portrait-style-header .text-with-icon img {
  width: 16px;
  margin-left: 4px;
}

.portrait-style-content-wrapper .portrait-style-content .style-portrait-col {
  padding: 10px;
  position: relative;
}

.portrait-style-content-wrapper
  .portrait-style-content
  .style-portrait-item
  .main-image {
  width: 100%;
  object-fit: cover;
  height: 200px;
}

.portrait-style-content-wrapper
  .portrait-style-content
  .style-portrait-item
  .heart-image {
  width: 42px;
  height: 45px;
  position: absolute;
  top: 14px;
  left: 14px;
  background: url("https://dqhvdmwzk0rbb.cloudfront.net/pylweb/OrderResources/OrderStep4/not-love-portrait-style.png")
    no-repeat;
  background-size: 42px;
}

.portrait-style-content-wrapper
  .portrait-style-content
  .style-portrait-item.active
  .heart-image {
  width: 42px;
  height: 45px;
  position: absolute;
  top: 14px;
  left: 14px;
  background: url("https://dqhvdmwzk0rbb.cloudfront.net/pylweb/OrderResources/OrderStep4/love-portrait-style.png")
    no-repeat;
  background-size: 42px;
}

.artwork-checkbox-artist-signature {
  display: flex;
  align-items: center;
}

.artwork-checkbox-artist-signature .bg-icon-checkbox {
  font-size: 24px !important;
}

.artwork-checkbox-artist-signature p {
  margin: 0 0 0 32px;
}

.not-allowed {
  pointer-events: auto !important;
  cursor: not-allowed !important;
}
/* end DEV-2633 */

.artwork-checkbox-style-wrapper .fa-check-square:before {
  content: "\f14a";
  position: initial !important;
  border: none;
}

@media (max-width: 767px) {
  /* start DEV-2633 */
  .artwork-checkbox-style-wrapper {
    display: flex;
    flex-direction: column;

    border: 1px solid #ddd;
    margin: 0 9px 20px;
    width: 96% !important;
    padding: 12px !important;
    border-radius: 5px;
  }

  .artwork-checkbox-style-wrapper
    .portrait-style-wrapper
    .portrait-style-content-wrapper {
    border: none;
    padding: 0;
  }

  .artwork-radio-style {
    order: 2;
  }

  .artwork-checkbox-artist-signature {
    order: 1;
  }

  .divider-portrait-style-mobile {
    height: 1px;
    width: 80%;
    background-color: rgb(194, 190, 189);
    margin: 0 auto;
    margin-bottom: 22px;
  }

  .artwork-checkbox-style-wrapper .choose-style-radio .radio-check {
    position: initial;
    width: 28px !important;
  }

  .artwork-checkbox-style-wrapper .portrait-style-wrapper {
    margin-bottom: 0;
  }

  .portrait-style-content-wrapper
    .portrait-style-content
    .style-portrait-item
    .main-image {
    height: 250px;
  }
  /* end DEV-2633 */

  /* DEV-2991 */
  .artwork-checkbox-style-wrapper-v2 .portrait-style-content-wrapper .portrait-style-header {
    width: 100%;
  }
  /* DEV-2991 */

  .portrait-style-content-wrapper .portrait-style-content .style-portrait-item .main-image.square-images {
    aspect-ratio: 1 / 1;
    height: auto;
  }
  .portrait-style-content-wrapper .portrait-style-content .style-portrait-item .main-image.square-images-v2 {
    object-position: top;
    height: 260px;
  }
}
/** Assaf mail: idea for test for order step 3 desktop. **/
.artwork-fullwidth-custom.artwork-checkbox-style-wrapper {
  width: 98% !important;
}
/** DEV-3031 **/
.portrait-style-content-wrapper.portrait-style-content-wrapper-v2 .portrait-style-content .style-portrait-item .main-image.full-height-step3 {
  max-height: none;
}

/*DEV-3496*/
.portrait-style-content-wrapper
.portrait-style-content
.style-portrait-item
.zoom-icon {
  width: 42px;
  height: 45px;
  position: absolute;
  top: 10px;
  right: 14px;
  background-size: 42px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}
.portrait-style-content-wrapper .portrait-style-content .style-portrait-item .zoom-icon i {
  text-shadow: 2px 3px 4px #000;
}
@media only screen and (max-width: 767px) {
  /*DEV-3496*/
  .fancybox__toolbar__column.is-middle {
      width: 46px;
  }
  .fancybox__toolbar .is-middle .f-button[data-panzoom-action="iterateZoom"] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
  }

  .fancybox__toolbar .is-middle .f-button[data-panzoom-action="iterateZoom"] svg {
    width: 36px;
    height: 36px;
    filter: drop-shadow(4px 4px 2px rgb(0, 0, 0));
  }
}