.hero-home-offer {
  text-wrap: balance;

  @media (max-width: 767px) {
    gap: 20px;
  }

  .description {
    max-width: 515px;
  }
}

.apps-cover-image {
  max-width: 350px;
  bottom: -200px;

  @media (max-width: 767px) {
    max-width: 250px;
  }
}

.wb {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
  padding: 100px 0;
  background-color: #fff;
  border-radius: 30px;

  @media (max-width: 1200px) {
    padding: 80px 0;
  }

  @media (max-width: 767px) {
    padding: 50px 0;
  }
}

.gg {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 30px;
  align-items: start;
}

.gc {
}

.prodsec {
  margin: 100px auto 20px;

  @media (max-width: 1230px) {
    margin: 70px 0 40px;
  }

  @media (max-width: 767px) {
    margin: 50px 0 0;
  }

  .gg {
    @media (max-width: 767px) {
      grid-template-columns: 1fr;
    }
  }
}

.prodsec__content {
  display: grid;
  gap: 30px;
  text-wrap: balance;

  @media (max-width: 767px) {
    gap: 15px;
  }

  .button {
    max-width: 320px;
  }
}

.prodsec__list {
  display: grid;
  gap: 30px;
  padding-left: 0;

  @media (max-width: 767px) {
    gap: 15px;
  }
}

.prodsec__details {
  display: grid;
  gap: 10px;

  .h3 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: -10px;
  }
}

.prodsec__complect {
  display: flex;
  align-items: center;
  gap: 30px;
  row-gap: 5px;
  flex-wrap: wrap;
  list-style-type: disc;
  padding-left: 24px;

  & li {
    flex: 0 0 auto;
  }
}

.prodsec__item {
  display: flex;
  align-items: start;
  gap: 20px;
}

.prodsec__icon {
  flex: 0 0 54px;
  height: 54px;
}

.prodsec__cover {
  width: 100%;
}

.prodben {
  .gg {
    row-gap: 50px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

    @media (max-width: 1200px) {
      gap: 30px;
      row-gap: 30px;
    }
  }

  &.prodben--line {
    .gg {
      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
      gap: 50px;

      @media (max-width: 1200px) {
        gap: 30px;
      }
    }

    .prodben__box {
      @media (max-width: 767px) {
        gap: 10px;
      }

      p {
        padding-left: 0;

        @media (max-width: 767px) {
          padding-left: 58px;
        }
      }
    }

    .prodben__box--header {
      display: grid;
      gap: 15px;

      @media (max-width: 767px) {
        display: flex;
        align-items: center;

        & br {
          display: none;
        }
      }
    }
  }
}

.prodben__header {
  display: flex;
  align-items: center;
  gap: 50px;
  row-gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 50px;

  @media (max-width: 1200px) {
    margin-bottom: 30px;
  }

  & * {
    margin-bottom: 0;
  }
}

.prodben__box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  text-wrap: balance;

  & p {
    padding-left: 57px;
  }
}

.prodben__box--header {
  display: flex;
  align-items: start;
  gap: 15px;

  & h3 {
    font-size: 20px;

    @media (max-width: 767px) {
      font-size: 17px;
    }
  }
}

.prodben__box--icon {
  flex: 0 0 42px;
}

.prodstep {
  margin: 80px 0;

  @media (max-width: 1200px) {
    margin: 60px 0;
  }

  .gg {
    gap: 50px;

    @media (max-width: 1200px) {
      grid-template-columns: 1fr;
      gap: 20px;
    }
  }
}

.prodstep__cover {
  @media (max-width: 1200px) {
    order: 9999;
  }
}

.prodstep__cover--cover {
  width: 90%;
  height: auto;
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.15));
}

.prodstep__cover--action {
  background-color: var(--orange);
  padding: 30px;
  /* padding-top: 50px; */
  display: flex;
  align-items: center;
  /* flex-wrap: wrap; */
  gap: 30px;
  text-wrap: balance;
  margin-top: -30px;
  border-radius: 30px;

  @media (max-width: 767px) {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
  }

  .button {
    flex: 0 0 auto;
  }
}

.prodstep__content {
}

.prodstep__list {
  padding: 0;
  display: grid;
  gap: 30px;
  margin-top: 30px;
}

.prodstep__item {
  display: flex;
  align-items: start;
  gap: 30px;
}

.prodstep__item--step {
  flex: 0 0 75px;
  font-size: 24px;
  font-weight: bold;
  color: var(--accent);
}

.prodstep__item--info {
  display: grid;
  gap: 15px;
  text-wrap: balance;

  & h3 {
    font-size: 20px;

    @media (max-width: 1200px) {
      font-size: 17px;
    }
  }
}

.prodfor {
  overflow: clip;

  .prodfor__grid {
    @media (max-width: 1200px) {
      grid-template-columns: 1fr;
    }
  }
}

.prodfor__info {
  margin-top: 60px;

  @media (max-width: 1200px) {
    margin-top: 30px;
  }

  .prodben__box {
    & p {
      padding-left: 0;
      margin-left: 0;
    }

    & h3 {
      font-size: 18px;
    }

    &.accent {
      position: relative;

      @media (max-width: 767px) {
        margin-top: 10px;
      }

      & * {
        position: relative;
        z-index: 3;
      }

      &::before {
        position: absolute;
        content: "";
        width: 500px;
        height: calc(100% + 70px);
        transform: translateY(-50%);
        top: 50%;
        left: -24px;
        border-radius: 20px;
        background-color: var(--accent);
        z-index: 1;

        @media (max-width: 1200px) {
          height: calc(100% + 30px);
          width: calc(100% + 30px);
        }
      }
    }
  }

  .gg {
    gap: 50px;
    row-gap: 60px;

    @media (max-width: 1200px) {
      gap: 30px;
      row-gap: 30px;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
  }
}

.prodfor__cover {
  position: relative;
  height: 100%;
  z-index: 10;
}

.prodfor__cover--cover {
  position: absolute;
  width: 100%;
  bottom: -100px;
  left: 0;

  @media (max-width: 1200px) {
    display: none;
  }

  @media (max-width: 767px) {
    display: block;
    position: relative;
    margin-top: -100px;
  }
}

.woocommerce-product-gallery {
  min-width: 1px;
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 15px;
}

.woocommerce-product-gallery--with-images {
}

.woocommerce-product-gallery__trigger {
  position: absolute;
  text-decoration: none;
  right: 0;
  top: 0;
  z-index: 10;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background-color: #000;
  top: -10px;
  right: -10px;
  color: white;

  @media (max-width: 767px) {
    right: 15px;
    top: 15px;
  }

  &:hover {
    background-color: var(--orange);
  }

  &:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;utf8,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4 18.4L21 21M19.7 13.85C19.7 13.0818 19.5487 12.3211 19.2547 11.6113C18.9607 10.9015 18.5298 10.2566 17.9866 9.71343C17.4434 9.1702 16.7985 8.73929 16.0887 8.4453C15.3789 8.15131 14.6182 8 13.85 8C13.0818 8 12.3211 8.15131 11.6113 8.4453C10.9015 8.73929 10.2566 9.1702 9.71343 9.71343C9.1702 10.2566 8.73929 10.9015 8.4453 11.6113C8.15131 12.3211 8 13.0818 8 13.85C8 15.4015 8.61634 16.8895 9.71343 17.9866C10.8105 19.0837 12.2985 19.7 13.85 19.7C15.4015 19.7 16.8895 19.0837 17.9866 17.9866C19.0837 16.8895 19.7 15.4015 19.7 13.85Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.075 18.075L21 21M11.9 13.85H13.85M13.85 13.85H15.8M13.85 13.85V11.9M13.85 13.85V15.8M1 5C1.13 3.665 1.426 2.766 2.096 2.096C2.766 1.426 3.665 1.131 5 1M5 21C3.665 20.87 2.766 20.574 2.096 19.904C1.426 19.234 1.131 18.335 1 17M21 5C20.87 3.665 20.574 2.766 19.904 2.096C19.234 1.426 18.335 1.131 17 1M1 9V13M13 1H9M19.7 13.85C19.7 12.2985 19.0837 10.8105 17.9866 9.71343C16.8895 8.61634 15.4015 8 13.85 8C12.2985 8 10.8105 8.61634 9.71343 9.71343C8.61634 10.8105 8 12.2985 8 13.85C8 15.4015 8.61634 16.8895 9.71343 17.9866C10.8105 19.0837 12.2985 19.7 13.85 19.7C15.4015 19.7 16.8895 19.0837 17.9866 17.9866C19.0837 16.8895 19.7 15.4015 19.7 13.85Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')
      no-repeat center/contain;
  }

  & > span {
    display: none;
  }
}

.flex-viewport {
  height: 500px !important;
  background-color: #fff;
  border-radius: 10px;

  @media (max-width: 1200px) {
    height: 300px !important;
  }

  & a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  & img {
    /* object-fit: cover; */
    height: auto;
  }
}

.woocommerce-product-gallery__wrapper {
  height: 100%;

  > div {
    height: 100%;
  }
}

.woocommerce-product-gallery__image {
}

.flex-active-slide {
}

.wp-post-image {
}

.zoomImg {
}

.flex-control-nav {
  display: flex;
  gap: 15px;
  overflow: auto;
  padding-bottom: 5px;

  &::-webkit-scrollbar {
    height: 5px;
  }

  &:hover {
    padding-bottom: 0px;

    &::-webkit-scrollbar {
      height: 10px;
    }

    &::-webkit-scrollbar-thumb {
      background-color: var(--orange);
    }
  }

  &::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 10px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
  }

  & li {
    flex: 1 0 90px;
    height: 90px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px solid transparent;

    &:has(.flex-active) {
      border: 1px solid var(--orange);
    }
  }

  & img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.flex-active {
  opacity: 0.5;
}

.tovar__info {
  text-wrap: balance;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.tovar__title {
  line-height: 1.3;
  font-size: 32px;

  @media (max-width: 1200px) {
    font-size: 24px;
  }
}

.tovar__sku {
  margin-bottom: -5px;
  font-size: 14px;
  opacity: 0.5;
}

.tovar__short-desc {
}

.tovar__desc {
  margin-top: 50px;

  .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-gap: 30px;
  }

  .col {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  & h2 {
    font-size: 20px !important;
    text-wrap: balance;
  }

  p {
    font-size: 14px;
  }
}

.tovar__attributes {
  display: flex;
  flex-direction: column;
  padding: 0;
  font-size: 14px;

  & li {
    display: flex;
    gap: 15px;
    row-gap: 0px;
    flex-wrap: wrap;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);

    & strong {
      flex: 0 0 50%;
      opacity: 0.7;
    }
  }
}

.tovar__add {
  display: flex;
  align-items: center;
  gap: 24px;
}

.tovar__counter {
  display: flex;
  align-items: center;
  gap: 35px;
}

.tovar__price {
  & strong {
    font-size: 24px;
    margin-left: 5px;
  }
}

.tovar__addcart {
  display: flex;
  flex-direction: column;
  gap: 24px;

  .quantity-wrapper {
    margin-bottom: 0;
  }
}

.tovar__addcart--wrapper {
}

.tovar__addcart--button {
  width: 100%;
  max-width: 320px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  color: var(--font-color);
  cursor: pointer;

  &:hover {
    background-color: var(--orange-light);
  }

  & svg path {
    stroke: var(--font-color);
  }

  &[disabled] {
    background-color: rgba(0, 0, 0, 0.07);
    color: rgba(0, 0, 0, 0.2);
    pointer-events: none;

    & svg path {
      stroke: rgba(0, 0, 0, 0.2);
    }
  }
}

.tovar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 50px;

  @media (max-width: 1200px) {
    gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  @media (max-width: 767px) {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.tovar__addcart--actions {
  display: flex;
  align-items: center;
  gap: 20px;

  .go-to-cart-link {
    height: 64px;
    flex: 0 0 64px;
    background-color: var(--orange);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;

    &:hover {
      background-color: var(--orange-light);
    }

    & svg path {
      stroke: var(--font-color);
    }
  }
}

.tovar__bullets {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 0;

  & li {
    flex: 0 0 auto;
    padding: 10px 20px;
    background-size: 50px;
    border-radius: 50px;
    font-size: 14px;

    @media (max-width: 1200px) {
      padding: 5px 10px;
    }
  }
}

.tovar__details {
  & summary {
    cursor: pointer;
  }

  &[open] {
    summary {
      margin-bottom: 10px;
      opacity: 0.5;
    }
  }
}

.advantages {
  margin: 100px auto;
  text-wrap: balance;

  @media (max-width: 1200px) {
    margin: 70px auto;
  }

  @media (max-width: 767px) {
    margin: 60px auto;
  }

  .gg {
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 50px;
    padding: 0;
    margin-top: 50px;

    @media (max-width: 1200px) {
      gap: 30px;
      margin-top: 30px;
    }

    @media (max-width: 767px) {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }

    & li {
      text-wrap: balance;

      & h3 {
        font-size: 20px;
        margin-bottom: 15px;
      }

      &:first-child {
        grid-column: span 2;

        @media (max-width: 1200px) {
          grid-column: auto;
        }
      }
    }
  }
}

.advantages__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 50px;
  row-gap: 15px;

  & p {
    flex: 1 0 440px;
  }
}

.manual {
}

.manual__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 50px;
  row-gap: 10px;
  text-wrap: balance;
  margin-bottom: 50px;

  @media (max-width: 767px) {
    margin-bottom: 30px;
  }

  & p {
    flex: 1 1 440px;
  }
}

.manual__content {
  max-height: 600px;
  overflow: auto;
  display: grid;
  gap: 15px;
  padding-right: 30px;

  @media (max-width: 767px) {
    max-height: 450px;
  }

  &::-webkit-scrollbar {
    width: 7px;
    height: 7px;
  }

  &::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.07);
    border-radius: 10px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: var(--orange);
    border-radius: 10px;
  }

  & ul,
  & ol {
    padding-left: 30px;
    list-style-type: disc;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  & ol {
    list-style-type: decimal;
  }

  & h3 {
    font-size: 20px;
    font-weight: 500;
  }
}

.manual__other {
  & h3 {
    margin-bottom: 15px;
    font-size: 18px;
  }
}

.manual__video {
  width: 100%;
  height: 450px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #000;
  background-color: var(--orange);
  border-radius: 30px;
  margin-bottom: 30px;

  @media (max-width: 767px) {
    height: 240px;
  }
}

.manual__other--video {
  position: absolute;
  width: 100%;
  height: 100%;
}

.manual__video--cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
}

.manual__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #000;
  text-align: center;
  font-size: 14px;

  & svg {
    width: 50px;
    height: 50px;
    padding: 0;
    margin-bottom: 20px;

    & path {
      stroke: #000;
    }
  }
}

.tovar__faq {
  padding: 70px 0;
  .faq {
    padding: 0;
  }

  .faq-title {
    background-color: rgba(0, 0, 0, 0.03);
  }
}

.trust {
  margin-top: 80px;

  @media (max-width: 1200px) {
    margin: 70px 0;
  }

  @media (max-width: 767px) {
    margin: 50px 0;
  }
}

.trust__grid {
  display: grid;
  grid-template-columns: 1.25fr 3fr;
  gap: 60px;
  row-gap: 30px;

  @media (max-width: 1200px) {
    grid-template-columns: 1fr;
  }
}

.trust__cover {
  position: relative;
  height: 100%;
  display: flex;

  @media (max-width: 1200px) {
    display: none;
  }

  & img {
    margin-bottom: 0;
    position: relative;
    width: 90%;
    height: auto;
    object-fit: contain;
    left: 0;
    /* top: -30px; */
  }
}

.trust__content {
  /* .gg {
    grid-template-columns: 1fr 1fr;

    @media (max-width: 1200px) {
      grid-template-columns: 1fr;
    }
  } */
}

.trust__header {
  display: flex;
  align-items: center;
  gap: 50px;
  row-gap: 10px;
  text-wrap: balance;
  margin-bottom: 30px;
  flex-wrap: wrap;

  & h2 {
    flex: 0 1 345px;

    @media (max-width: 767px) {
      flex: 1 1 100%;
    }
  }

  & p {
    flex: 1 1 340px;
  }
}

.trust__col {

  & h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}

.trust__col--list {
  padding: 0;
  display: grid;
  gap: 24px;
  text-wrap: balance;

  @media (max-width: 767px) {
    gap: 15px;
  }

  &.accent {
    padding: 30px;
    font-size: 14px;
    padding-left: 45px;
    background-color: var(--accent);
    color: #000;
    border-radius: 20px;
    list-style-type: disc;
    margin-top: -15px;
    gap: 10px;
  }
}

.prodsec__item {
}

.prodsec__icon {
}