.container__small {
  width: 100%;
  max-width: 97.5vw;
  margin: 0 auto;
  padding-top: 6.09vw;
}

.product__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.62vw;
  margin-top: 2.08vw;
}

.product__item {
  border-radius: 0.2vw;
  padding: 0 4.53vw;
  height: 37.5vw;
  background: var(--product-card);
  overflow: hidden;
  position: relative;
}

.product__item--black {
  background: var(--dark-color);
}

.product__item--red {
  background: var(--fraud-card);
}

.product__title {
  font-weight: 700;
  font-size: 1.97vw;
  line-height: 2.76vw;
  letter-spacing: 0.01vw;
  position: relative;
  padding-bottom: 2.08vw;
  color: var(--dark-color);
  z-index: 1;
}

.product__item--black .product__title,
.product__item--red .product__title {
  color: var(--light-color);
}

.product__title::after {
  content: "";
  position: absolute;
  width: 2.5vw;
  height: 2px;
  bottom: 0;
  left: 0;
  background: var(--dark-color);
}

.product__item--black .product__title::after,
.product__item--red .product__title::after {
  background: var(--light-color);
}

.product__title--gradient {
  background: radial-gradient(75.9% 176.06% at 18.17% 13.83%, #9747ff 0%, #ffc224 88.24%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.product__desc {
  width: 39.37vw;
  font-size: 1.04vw;
  line-height: 1.56vw;
  letter-spacing: 0.01vw;
  color: var(--dark-color-60);
  margin-top: 0.5vw;
  font-weight: 500;
  z-index: 1;
  position: relative;
}

.product__item--black .product__desc,
.product__item--red .product__desc {
  color: var(--light-color-60);
}

.product__picture {
  position: relative;
  z-index: 1;
  height: 18.75vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product__picture--full {
  width: calc(100% + (4.53vw * 2));
  margin-left: calc((4.53vw) * -1);
}

.product__item--game .product__picture {
  justify-content: unset;
  align-items: baseline;
}

.product__item--game .product__picture img {
  width: 17.5vw;
}

.product__item--payment .product__picture {
  justify-content: flex-start;
}

.product__item--payment .product__picture::before {
  content: "";
  width: 100%;
  height: 100%;
  background: radial-gradient(60.9% 452.63% at 25.51% 50%, #333333 0%, var(--dark-color) 53.97%);
  width: calc(100% + (4.53vw * 2));
  margin-left: calc((4.53vw) * -1);
  position: absolute;
  z-index: -1;
}

.product__item--payment .product__picture::after {
  content: "";
  background: var(--dark-color);
  -webkit-filter: blur(1.14vw);
  filter: blur(1.14vw);
  width: 100%;
  height: 5.2vw;
  position: absolute;
  display: block;
  top: 84%;
  left: -18%;
  border-radius: 50%;
}

.product__item--payment .product__picture img {
  width: 24.4792vw;
  margin-left: 0.781vw;
}

.product__item--bonus .product__picture img {
  width: 38.28vw;
  margin-top: -1.822vw;
}

.product__item--affiliate .product__picture {
  align-items: flex-start;
  justify-content: flex-end;
}

.product__item--affiliate .product__picture img {
  width: 32.03vw;
  border-top-right-radius: 0.2vw;
}

.product__item--fraud {
  display: grid;
  justify-content: center;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-flow: row;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  align-content: center;
}

.product__item--fraud::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../assets/product/fraud.png") 100% 100%;
  inset: 0;
}

.product__item--crm .product__picture img {
  width: 100%;
}

.product__item--reporting .product__picture {
  background: url("../assets/product/reporting_back.webp") 100% 100% no-repeat;
  background-size: cover;
  justify-content: flex-end;
}

.product__item--reporting .product__picture::after {
  content: "";
  background: var(--dark-color);
  -webkit-filter: blur(21.14vw);
  filter: blur(21.14vw);
  width: 100%;
  height: 5.98vw;
  position: absolute;
  top: 78%;
  left: 22%;
}

.product__item--reporting .product__picture img {
  width: 16.979vw;
  margin-right: 7.03vw;
}

.product__item--management .product__picture {
  background: rgba(242, 187, 235, 1);
  justify-content: flex-end;
}

.product__item--management .product__picture::before {
  content: "";
  position: absolute;
  background: rgba(34, 209, 220, 1);
  width: 15.05vw;
  height: 15.05vw;
  border-radius: 50%;
  -webkit-filter: blur(4.79vw);
  filter: blur(4.79vw);
  top: -1.77vw;
  right: -0.93vw;
}

.product__item--management .product__picture::after {
  content: "";
  background: var(--secondary-color);
  -webkit-filter: blur(1.92vw);
  filter: blur(1.92vw);
  width: calc(100% + 3.64vw);
  margin-left: -1.3vw;
  height: 7.03vw;
  position: absolute;
  top: 78%;
  left: 0;
  z-index: 2;
}

.product__picture__shadow {
  background: var(--secondary-color);
  -webkit-filter: blur(1.14vw);
  filter: blur(1.14vw);
  width: calc(100% + 1.14vw);
  margin-left: -0.57vw;
  height: 2.71vw;
  position: absolute;
  top: 82%;
  left: 0;
  z-index: 2;
}

.product__item--management .product__picture img {
  width: 16.979vw;
  margin-top: 0.52vw;
  width: 13.4375vw;
  margin-right: 4.16vw;
  margin-top: -1.04vw;
  z-index: 1;
}

.product__picture--adtn {
  font-size: 6.25vw;
  line-height: 5.62vw;
  background: radial-gradient(75.9% 176.06% at 18.17% 13.83%, #9747ff 0%, #ffc224 88.24%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0.2;
  font-weight: 700;
  position: absolute;
  top: 3.385vw;
  left: 16.145vw;
  z-index: -1;
}

@media (max-width: 1024px) {
  .container__small {
    max-width: 100%;
    padding: 80px 20px 92px;
  }

  .product__items {
    grid-template-columns: 1fr;
    margin-top: 30px;
    gap: 12px;
  }

  .product__item {
    display: flex;
    flex-direction: column;
    padding: 0 40px 40px;
    height: auto;
    border-radius: 4px;
  }

  .product__title {
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 0.2px;
    padding-bottom: 40px;
  }

  .product__title::after {
    width: 48px;
  }

  .product__desc {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.2px;
    margin-top: 10px;
    width: auto;
  }

  .product__picture--full {
    width: calc(100% + 80px);
    margin-left: -40px;
  }

  .product__item--game .product__picture {
    height: clamp(205px, 36.96vw, 294px);
  }

  .product__item--game .product__picture {
    padding-left: 12px;
    margin-top: 3px;
  }

  .product__item--payment .product__picture {
    height: clamp(215px, 36.96vw, 301px);
  }

  .product__item--payment .product__picture::before {
    width: calc(100% + 80px);
    margin-left: -40px;
  }

  .product__item--payment .product__picture::after {
    width: 100%;
    height: 8.17vw;
    -webkit-filter: blur(1.72vw);
    filter: blur(1.72vw);
    top: 90%;
    left: -28%;
  }

  .product__item--affiliate .product__picture {
    width: calc(100% + 200px);
    margin-left: -160px;
    overflow: hidden;
  }

  .product__picture img {
    width: 225px;
  }

  .product__item--game .product__picture img {
    width: clamp(150px, 34.27vw, 280px);
    margin-left: -1.61vw;
  }

  .product__item--payment .product__picture img {
    width: clamp(268px, 48.38vw, 355px);
    margin-left: 4.7vw;
  }

  .product__item--bonus .product__picture {
    height: clamp(180px, 36.96vw, 277px);
  }

  .product__item--bonus .product__picture img {
    width: clamp(358px, 74.59vw, 555px);
    margin-top: -3.822vw;
  }

  .product__item--affiliate .product__picture {
    height: clamp(175px, 37vw, 301px);
  }

  .product__item--affiliate .product__picture img {
    width: clamp(340px, 69.89vw, 574px);
    margin-top: -11px;
  }

  .product__item--affiliate .product__picture::after {
    content: "";
    background: var(--dark-color);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    width: 77%;
    height: 76px;
    position: absolute;
    display: block;
    top: 82%;
    left: 39%;
    border-radius: 50%;
  }

  .product__item--fraud {
    padding-top: clamp(100px, calc(13.97vw + 40px), 144px);
    padding-bottom: clamp(100px, calc(13.97vw + 40px), 144px);
  }

  .product__item--crm .product__picture {
    height: clamp(200px, 36.55vw, 278px);
  }

  .product__item--crm .product__picture img {
    width: 100%;
    max-width: 705px;
  }

  .product__item--management {
    grid-area: 7/1/7/1;
  }

  .product__item--management .product__picture::before {
    width: 288px;
    height: 288px;
    -webkit-filter: blur(70px);
    filter: blur(70px);
    opacity: 0.8;
    top: -75px;
    right: -10px;
  }

  .product__item--management .product__picture {
    height: 275px;
  }

  .product__item--management .product__picture img {
    width: 195px;
    margin-top: -10px;
    margin-right: 60px;
  }

  .product__item--management .product__picture::after {
    height: 99px;
    width: calc(100% + 80px);
    margin-left: -40px;
    -webkit-filter: blur(28px);
    filter: blur(28px);
  }

  .product__picture__shadow {
    height: 40px;
    -webkit-filter: blur(21px);
    filter: blur(21px);
    top: 85%;
  }

  .product__item--reporting .product__picture {
    height: clamp(230px, 36.96vw, 275px);
  }

  .product__item--reporting .product__picture img {
    width: clamp(195px, 32.93vw, 245px);
  }

  .product__picture--adtn {
    font-size: clamp(65px, 12.36vw, 110px);
    line-height: clamp(64px, 11.29vw, 100px);
    letter-spacing: 0.6px;
    left: clamp(130px, 30.51vw, 250px);
    top: 50%;
    transform: translateY(-50%);
    margin-top: -1.4vw;
  }

  .product__item--bonus {
    grid-area: 3/1/3/1;
  }
}

@media (max-width: 552px) {
  .product .title__section br {
    display: block;
  }
}

@media (max-width: 480px) {
  .container__small {
    padding: 60px 0 0;
  }

  .product .title__section {
    margin-left: 16px;
  }

  .product__items {
    margin-top: 20px;
    gap: 10px;
  }

  .product__item {
    padding: 0 16px 20px;
  }

  .product__title {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 22px;
  }

  .product__desc {
    font-size: 14px;
    line-height: 22px;
  }

  .product__picture {
    height: 215px !important;
  }

  .product__picture--adtn {
    font-size: 60px;
    line-height: 55px;
    letter-spacing: 0.2px;
    left: 125px;
  }

  .product__picture--full {
    width: calc(100% + 32px);
    margin-left: -16px !important;
  }

  .product__item--game .product__picture {
    margin: 0;
    padding-left: 3px;
    height: 215px;
  }

  .product__item--affiliate .product__picture {
    width: 100%;
    margin-left: 18px !important;
  }

  .product__item--affiliate .product__picture img {
    width: 255px;
  }

  .product__item--game .product__picture img {
    width: 153px;
    margin-top: 32px;
    margin-left: -17px;
  }

  .product__item--affiliate .product__picture::after {
    top: 82%;
    left: 29%;
  }

  .product__item--payment .product__picture img {
    width: 240px;
    margin: -30px 0 0 9px;
  }

  .product__item--bonus .product__picture img {
    width: 330px;
    margin-top: -40px;
  }

  .product__item--fraud {
    padding-top: 106px;
    padding-bottom: 106px;
  }

  .product__item--crm .product__picture img {
    margin-top: 30px;
    margin-left: 13px;
    width: 466px;
  }

  .product__item--management .product__picture::before {
    width: 230px;
    height: 230px;
    top: -35px;
    right: -40px;
    opacity: 0.9;
  }

  .product__item--management .product__picture img {
    width: 155px;
  }

  .product__item--management .product__picture img {
    margin-top: -7px;
    margin-right: 48px;
  }

  .product__item--management .product__picture::after {
    height: 80px;
    -webkit-filter: blur(20px);
    filter: blur(20px);
  }

  .product__item--reporting .product__picture {
    background-size: 200%;
    background-position-x: 50%;
    justify-content: center;
  }

  .product__item--reporting .product__picture img {
    width: 197px;
    margin: 0;
  }

  .product__item--reporting .product__picture::after {
    -webkit-filter: blur(13px);
    filter: blur(13px);
    left: 14%;
    height: 40px;
  }
}