.module-platforms .col-set {
    display: flex;
    flex-flow: row nowrap;
    max-width: max(1060px, calc(1060 * var(--px)));
    margin-inline: auto;
  }
  
  .module-platforms .col-1 {
    padding-top: calc(40 * var(--px));
  }
  
  .module-platforms .col-2 {
    width: 100%;
    max-width: max(530px, calc(631 * var(--px)));
    margin-left: auto;
  }
  
  .platforms-list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    background: linear-gradient(180deg, #22046B 0%, #0F0131 62.5%);
    padding: max(50px, calc(50 * var(--px)));
  }
  
  .platforms-list > li + li {
    border-left: 1px solid #686868;
  }
  
  .platforms-list a {
    display: block;
    text-align: center;
    padding-inline: calc(44 * var(--px));
    min-width: max(185px, calc(222 * var(--px)));
    box-sizing: content-box;
    padding-bottom: max(50px, calc(70 * var(--px)));
  }
  
  .platforms-list figure {
    margin-bottom: 11px;
  }
  
  .platforms-list figure img {
    width: max(91px, calc(91 * var(--px)));
    height: auto;
    display: inline-block;
  }
  
  .platforms-list .free {
    margin-bottom: 12px;
  }
  
  .platforms-list .stars {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 6px;
  }
  
  .platforms-list .stars img {
    transform: translateY(-1px);
    max-width: 104px;
    height: auto;
  }
  
  
  
  
  @media (max-width: 1000px) {
    
    .module-platforms .col-set {
      flex-flow: column nowrap;
      gap: 50px 0;
    }
    
    .module-platforms .col-1 {
      padding-top: 0;
      text-align: center;
    }
    
    .module-platforms .col-1 .spanned > span {
      display: inline;
    }
    
    .module-platforms .col-2 {
      margin-inline: auto;
    }
    
    
  }
  
  
  
  
  @media (max-width: 700px) {
    
    .platforms-list a {
      min-width: 0;
      box-sizing: border-box;
    }
    
    .platforms-list > li:first-child a {
      padding-left: 0;
    }
    
    .platforms-list > li:last-child a {
      padding-right: 0;
    }
    
    .platforms-list > li {
      width: 50%;
    }
    
  }
  
  
  
  
  @media (max-width: 500px) {
    
    .platforms-list {
      flex-flow: column nowrap;
    }
    
    .platforms-list > li {
      width: 100%;
    }
    
    .platforms-list > li + li {
      border: 0;
      border-top: 1px solid #686868;
    }
    
    .platforms-list > li:nth-child(n) a {
      padding-inline: 0;
      padding-bottom: 30px;
    }
    
    .platforms-list > li:last-child a {
      padding-bottom: 0;
      padding-top: 30px;
    }
    
    .platforms-list figure {
      margin-bottom: 20px;
    }
    
  }