.hero-inner--before-after .wrapper {
  isolation: isolate;
}

.graft-calc__schema .zone {
  pointer-events: auto;
}

.graft-calc__schema .zone.active {
  opacity: 0.72;
}

.graft-calc__zones-list .checkbox:checked + .custom-line .checkbox-custom {
  background-image: url("../img/icons/check-full.svg");
}

@media (min-width: 1025px) {
  .hero-inner--before-after {
    min-height: clamp(640px, 44vw, 820px);
  }

  .hero-inner--before-after .hero-inner__h1 {
    position: relative;
    z-index: 2;
    max-width: 560px;
    padding-right: 0;
    font-size: clamp(70px, 5.4vw, 104px);
    line-height: 0.95;
    letter-spacing: clamp(-5px, -0.34vw, -3px);
    text-wrap: balance;
  }

  .hero-inner--before-after .hero-inner__img {
    z-index: 3;
    right: clamp(-80px, -4vw, -42px);
    width: clamp(620px, 42vw, 820px);
  }

  .hero-inner--before-after .hero__rev {
    z-index: 4;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .hero-inner--before-after .hero-inner__h1 {
    max-width: 520px;
    font-size: clamp(64px, 6vw, 84px);
  }

  .hero-inner--before-after .hero-inner__img {
    width: clamp(560px, 44vw, 720px);
  }
}

@media (max-width: 1024px) {
  .hero-inner--before-after .hero-inner__h1 {
    padding-right: 0;
  }
}