/**
 * Advantages — Figma desktop 1920, mobile 390.
 * Mobile: calc(100vw * N / 390), vertical list, dotted dividers.
 */

.home-v2 .v2-section--advantages,
.v2-section--advantages {
  padding-block: clamp(48px, 6.25vw, 120px);
}

.v2-advantages__head {
  display: flex;
  flex-direction: column;
}

.v2-advantages__head .v2-descriptor {
  margin: 0;
  display: flex;
  align-items: center;
  line-height: 1;
  color: rgba(32, 32, 32, 0.4);
}

.v2-advantages__head .v2-descriptor__dot {
  background: #44b949;
}

.v2-advantages__head-main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.v2-advantages__heading {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0;
}

.v2-advantages__heading-accent,
.v2-advantages__heading-line {
  display: block;
}

.v2-advantages__heading-line--mobile {
  display: none;
}

.v2-advantages__heading-accent {
  color: #64db69;
}

.v2-advantages__heading-line {
  color: #202020;
}

.v2-advantages__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background: #64db69;
}

.v2-advantages__badge-num {
  font-weight: 500;
  line-height: 1;
  color: #ffffff;
}

.v2-advantages__list {
  display: flex;
  flex-direction: column;
}

.v2-advantages__item {
  display: grid;
  align-items: start;
  border-top: 1px dotted rgba(32, 32, 32, 0.1);
}

.v2-advantages__item:last-child {
  border-bottom: 1px dotted rgba(32, 32, 32, 0.1);
}

.v2-advantages__num {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background: #5acf5f;
}

.v2-advantages__num span {
  font-weight: 500;
  line-height: 1;
  color: #ffffff;
}

.v2-advantages__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.v2-advantages__title {
  margin: 0;
  font-weight: 500;
  color: #202020;
}

.v2-advantages__chip {
  display: inline-flex;
  align-items: center;
  margin: 0;
  border: 1px dotted rgba(32, 32, 32, 0.1);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.01);
}

.v2-advantages__chip-dot {
  flex-shrink: 0;
  border-radius: 50%;
  background: #64db69;
}

.v2-advantages__chip-text {
  font-weight: 400;
  line-height: 1.2;
  color: rgba(32, 32, 32, 0.4);
}

.v2-advantages__text {
  margin: 0;
  grid-column: 1 / -1;
  font-weight: 400;
  line-height: 1.2;
  color: rgba(32, 32, 32, 0.6);
}

.v2-advantages__text-set--mobile {
  display: none;
}

@media (max-width: 1023px) {
  .home-v2 .v2-section--advantages,
  .v2-section--advantages {
    --v2-advantages-card-top: calc(100vw * 258 / 390);
    --v2-advantages-list-end-space: calc(100vw * 48 / 390);
    padding-top: var(--v2-section-gap);
    padding-bottom: 0;
  }

  .v2-advantages__head {
    position: sticky;
    top: calc(100vw * 70 / 390);
    z-index: 20;
    gap: calc(100vw * 15 / 390);
    margin-bottom: calc(100vw * 20 / 390);
    padding-top: calc(100vw * 18 / 390);
    padding-bottom: calc(100vw * 16 / 390);
    background: var(--color-canvas);
  }

  .v2-advantages__head .v2-descriptor {
    gap: calc(100vw * 10 / 390);
    font-size: calc(100vw * 12 / 390); /* 12 / 390 */
    font-weight: 400;
    line-height: 1;
    color: rgba(32, 32, 32, 0.4);
  }

  .v2-advantages__head .v2-descriptor__dot {
    width: calc(100vw * 6 / 390);
    height: calc(100vw * 6 / 390);
    background: #44b949;
  }

  .v2-advantages__head-main {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .v2-advantages__badge {
    display: none;
  }

  .v2-advantages__heading,
  .v2-advantages__heading-accent,
  .v2-advantages__heading-line {
    font-size: calc(100vw * 36 / 390); /* 36 / 390 */
    line-height: 1;
  }

  .v2-advantages__heading {
    max-width: calc(100vw * 350 / 390); /* 350 / 390 */
  }

  .v2-advantages__heading-accent,
  .v2-advantages__heading-line {
    white-space: nowrap;
  }

  .v2-advantages__heading-line--desktop {
    display: none;
  }

  .v2-advantages__heading-line--mobile {
    display: block;
  }

  .v2-advantages__list {
    display: block;
    padding-bottom: 0;
  }

  .v2-advantages__list::after {
    content: "";
    display: block;
    height: var(--v2-advantages-list-end-space);
  }

  .v2-advantages__item {
    position: sticky;
    top: var(--v2-advantages-card-top);
    z-index: 1;
    background: var(--color-canvas);
    border-top: none;
    box-shadow: inset 0 1px 0 rgba(32, 32, 32, 0.1);
  }

  .v2-advantages__item:nth-child(2) {
    z-index: 2;
  }

  .v2-advantages__item:nth-child(3) {
    z-index: 3;
  }

  .v2-advantages__item:nth-child(4) {
    z-index: 4;
  }

  .v2-advantages__item:nth-child(5) {
    z-index: 5;
  }

  .v2-advantages__item:nth-child(6) {
    z-index: 6;
  }

  .v2-advantages__item:nth-child(7) {
    z-index: 7;
  }

  .v2-advantages__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-block: calc(100vw * 20 / 390);
  }

  .v2-advantages__item:last-child {
    border-bottom: none;
    box-shadow:
      inset 0 1px 0 rgba(32, 32, 32, 0.1),
      inset 0 -1px 0 rgba(32, 32, 32, 0.1);
  }

  .v2-advantages__num {
    width: calc(100vw * 59 / 390);
    height: calc(100vw * 59 / 390);
    font-size: calc(100vw * 20 / 390); /* 20 / 390 — Figma h4 number */
  }

  .v2-section--advantages .v2-advantages__num span {
    font-size: inherit;
    font-weight: 500;
    line-height: 1;
  }

  .v2-advantages__main {
    gap: calc(100vw * 10 / 390);
    width: 100%;
    margin-top: calc(100vw * 30 / 390);
  }

  .v2-advantages__title {
    font-size: calc(100vw * 22 / 390); /* 22 / 390 */
    line-height: 1;
  }

  .v2-advantages__chip {
    gap: calc(100vw * 10 / 390);
    max-width: 100%;
    min-height: calc(100vw * 33 / 390);
    padding: calc(100vw * 8 / 390) calc(100vw * 14 / 390);
    box-sizing: border-box;
  }

  .v2-advantages__chip-dot {
    width: calc(100vw * 6 / 390);
    height: calc(100vw * 6 / 390);
  }

  .v2-advantages__chip-text {
    min-width: 0;
    font-size: calc(100vw * 14 / 390); /* 14 / 390 — Figma body-sm */
    line-height: 1.2;
    overflow-wrap: break-word;
  }

  .v2-advantages__text {
    width: 100%;
    margin-top: calc(100vw * 30 / 390);
    font-size: calc(100vw * 14 / 390); /* 14 / 390 — Figma body-sm */
    line-height: 1.2;
  }

  .v2-advantages__text-set--desktop {
    display: none;
  }

  .v2-advantages__text-set--mobile,
  .v2-advantages__text-line {
    display: block;
  }
}

@media (min-width: 1024px) {
  .v2-advantages__head {
    gap: calc(100vw * 20 / 1920);
    margin-bottom: clamp(48px, 4.948vw, 95px);
  }

  .v2-advantages__head .v2-descriptor {
    gap: 13px;
    font-size: clamp(16px, 1.042vw, 20px);
  }

  .v2-advantages__head .v2-descriptor__dot {
    width: 10px;
    height: 10px;
  }

  .v2-advantages__head-main {
    gap: clamp(24px, 2.083vw, 40px);
  }

  .v2-advantages__heading {
    flex: 1 1 auto;
    min-width: auto;
    max-width: none;
    font-size: clamp(36px, 4.688vw, 90px);
    line-height: 1;
  }

  .v2-advantages__heading-accent,
  .v2-advantages__heading-line {
    white-space: nowrap;
  }

  .v2-advantages__heading-line--mobile {
    display: none;
  }

  .v2-advantages__badge {
    width: clamp(48px, 3.646vw, 70px);
    height: clamp(48px, 3.646vw, 70px);
  }

  .v2-advantages__badge-num {
    font-size: clamp(20px, 1.563vw, 30px);
  }

  .v2-advantages__item {
    position: relative;
    display: grid;
    box-sizing: border-box;
    align-items: start;
    padding-block: clamp(40px, 2.604vw, 50px);
    padding-right: 0;
    grid-template-columns:
      clamp(44px, 3.125vw, 60px)
      20vw
      31.25vw
      3.8542vw
      331px
      minmax(0, 1fr);
    column-gap: 0;
  }

  .v2-advantages__num {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: start;
    width: clamp(44px, 3.125vw, 60px);
    height: clamp(44px, 3.125vw, 60px);
    margin-right: 0;
  }

  .v2-advantages__num span {
    font-size: clamp(20px, 1.354vw, 26px);
  }

  .v2-advantages__main {
    grid-column: 3;
    grid-row: 1;
    gap: clamp(12px, 1.563vw, 30px);
    width: 31.25vw;
    max-width: 31.25vw;
  }

  .v2-advantages__title {
    max-width: 31.25vw;
    font-size: clamp(22px, 1.979vw, 38px);
    line-height: clamp(28px, 2.083vw, 40px);
    white-space: nowrap;
  }

  .is-lang-uk .v2-advantages__title {
    white-space: normal;
    text-wrap: balance;
  }

  .v2-advantages__chip {
    gap: 10px;
    width: max-content;
    max-width: none;
    min-height: clamp(34px, 2.031vw, 39px);
    padding: 10px 20px;
    white-space: nowrap;
  }

  .v2-advantages__chip-dot {
    width: 8px;
    height: 8px;
  }

  .v2-advantages__chip-text {
    font-size: clamp(14px, 0.833vw, 16px);
    white-space: nowrap;
  }

  .v2-advantages__text {
    grid-column: 5;
    grid-row: 1;
    align-self: start;
    justify-self: start;
    box-sizing: border-box;
    width: 331px;
    min-width: 331px;
    max-width: 331px;
    margin: 0;
    white-space: normal;
    overflow-wrap: break-word;
    font-size: 0.9375vw;
    line-height: 1.22;
  }

  .v2-advantages__text-line {
    display: block;
  }

  .v2-advantages__text-set--mobile {
    display: none;
  }
}