.order-wrapper .order-content .vds-software-catalog {
      width: 100%;
      margin-top: 88px;
      display: grid;
      grid-template-columns: minmax(340px, .86fr) minmax(0, 1.4fr);
      align-items: stretch;
      gap: 22px;
   }

   .order-wrapper .order-content .vds-software-catalog .order-col {
      position: relative;
      min-width: 0;
      padding: 31px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 25px;
      overflow: hidden;
      border: 1px solid #dcebf4;
      border-radius: 22px;
      background: linear-gradient(145deg, #fff 0%, #f5faff 100%);
      box-shadow: 0 17px 42px rgba(19, 79, 113, .075);
   }

   .order-wrapper .order-content .vds-software-catalog .order-col::after {
      content: "";
      position: absolute;
      right: -62px;
      bottom: -78px;
      width: 180px;
      height: 180px;
      border: 30px solid rgba(1, 167, 246, .045);
      border-radius: 50%;
      pointer-events: none;
   }

   .order-wrapper .order-content .vds-software-catalog .col-title {
      position: relative;
      z-index: 1;
      margin: 0;
      padding-left: 17px;
      color: #101828;
      font-size: 22px;
      font-weight: 700;
      line-height: 1.3;
      text-align: left;
   }

   .order-wrapper .order-content .vds-software-catalog .col-title::before {
      content: "";
      position: absolute;
      top: 2px;
      bottom: 2px;
      left: 0;
      width: 5px;
      border-radius: 8px;
      background: linear-gradient(180deg, #01a7f6 0%, #037ee6 100%);
   }

   .order-wrapper .order-content .vds-software-catalog .os-list {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: none;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
      gap: 13px;
   }

   .order-wrapper .order-content .vds-software-catalog .os-list .list-item {
      min-width: 0;
      min-height: 143px;
      padding: 18px 12px 15px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 12px;
      border: 1px solid #e1edf4;
      border-radius: 15px;
      background: rgba(255, 255, 255, .94);
      box-shadow: 0 7px 19px rgba(19, 79, 113, .05);
      transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
   }

   .order-wrapper .order-content .vds-software-catalog .os-list .list-item:hover,
   .order-wrapper .order-content .vds-software-catalog .games-list .list-item:hover {
      transform: translateY(-3px);
      border-color: rgba(1, 167, 246, .4);
      box-shadow: 0 12px 25px rgba(19, 79, 113, .105);
   }

   .order-wrapper .order-content .vds-software-catalog .os-list .list-item > img {
      width: 74px;
      height: 74px;
      object-fit: contain;
   }

   .order-wrapper .order-content .vds-software-catalog .os-list .list-item > p {
      margin: 0;
      color: #172033;
      font-size: 15px;
      font-weight: 700;
      line-height: 1.3;
      text-align: center;
   }

   .order-wrapper .order-content .vds-software-catalog .os-list .list-item:nth-child(1) {
      background: linear-gradient(145deg, #fff 35%, #eef9ff 100%);
   }

   .order-wrapper .order-content .vds-software-catalog .os-list .list-item:nth-child(2) {
      background: linear-gradient(145deg, #fff 35%, #fff3f6 100%);
   }

   .order-wrapper .order-content .vds-software-catalog .os-list .list-item:nth-child(3) {
      background: linear-gradient(145deg, #fff 35%, #f6f2ff 100%);
   }

   .order-wrapper .order-content .vds-software-catalog .os-list .list-item:nth-child(4) {
      background: linear-gradient(145deg, #fff 35%, #fff5ed 100%);
   }

   .order-wrapper .order-content .vds-software-catalog .games-list {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: none;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
      gap: 10px;
   }

   .order-wrapper .order-content .vds-software-catalog .games-list .list-item {
      min-width: 0;
      min-height: 57px;
      padding: 10px 12px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      gap: 11px;
      border: 1px solid #e1edf4;
      border-radius: 13px;
      background: rgba(255, 255, 255, .94);
      box-shadow: 0 5px 15px rgba(19, 79, 113, .04);
      transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
   }

   .order-wrapper .order-content .vds-software-catalog .games-list .list-item > img {
      flex: 0 0 32px;
      width: 32px;
      height: 32px;
      padding: 4px;
      object-fit: contain;
      border-radius: 9px;
      background: #eef8fd;
   }

   .order-wrapper .order-content .vds-software-catalog .games-list .list-item > p {
      min-width: 0;
      margin: 0;
      color: #172033;
      font-size: 14px;
      font-weight: 600;
      line-height: 1.32;
      text-align: left;
   }

   @media (max-width: 1050px) {
      .order-wrapper .order-content .vds-software-catalog {
         grid-template-columns: 1fr;
      }

      .order-wrapper .order-content .vds-software-catalog .os-list {
         grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .order-wrapper .order-content .vds-software-catalog .games-list {
         grid-template-columns: repeat(3, minmax(0, 1fr));
      }
   }

@media (max-width: 767px) {
      .order-wrapper .order-content .vds-software-catalog {
         margin-top: 50px;
         gap: 16px;
      }

      .order-wrapper .order-content .vds-software-catalog .order-col {
         width: 100%;
         padding: 23px 17px;
         gap: 20px;
         border-radius: 18px;
      }

      .order-wrapper .order-content .vds-software-catalog .col-title {
         padding-left: 14px;
         font-size: 19px;
      }

      .order-wrapper .order-content .vds-software-catalog .os-list {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 9px;
      }

      .order-wrapper .order-content .vds-software-catalog .os-list .list-item {
         min-height: 118px;
         padding: 14px 8px 12px;
         border-radius: 13px;
      }

      .order-wrapper .order-content .vds-software-catalog .os-list .list-item > img {
         width: 58px;
         height: 58px;
      }

      .order-wrapper .order-content .vds-software-catalog .games-list {
         grid-template-columns: 1fr;
         gap: 8px;
      }

      .order-wrapper .order-content .vds-software-catalog .games-list .list-item {
         width: 100%;
         min-height: 54px;
      }
   }

.order-wrapper .order-content .vds-panel-showcase {
   position: relative;
   width: 100%;
   margin-top: 88px;
   padding: 31px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 27px;
   border: 1px solid #dcebf4;
   border-radius: 22px;
   background: linear-gradient(145deg, #fff 0%, #f4faff 100%);
   box-shadow: 0 17px 42px rgba(19, 79, 113, .075);
}

.order-wrapper .order-content .vds-panel-showcase .panel-title {
   position: relative;
   margin: 0;
   padding-left: 17px;
   color: #101828;
   font-size: 22px;
   font-weight: 700;
   line-height: 1.3;
   text-align: left;
}

.order-wrapper .order-content .vds-panel-showcase .panel-title::before {
   content: "";
   position: absolute;
   top: 2px;
   bottom: 2px;
   left: 0;
   width: 5px;
   border-radius: 8px;
   background: linear-gradient(180deg, #01a7f6 0%, #037ee6 100%);
}

.order-wrapper .order-content .vds-panel-showcase .panel-images {
   width: 100%;
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));
   align-items: stretch;
   gap: 14px;
}

.order-wrapper .order-content .vds-panel-showcase .panel-images > div {
   position: relative;
   width: auto;
   min-width: 0;
   margin: 0;
   padding: 7px;
   float: none;
   overflow: visible;
   border: 1px solid #dcebf4;
   border-radius: 14px;
   background: #fff;
   box-shadow: 0 8px 22px rgba(19, 79, 113, .075);
   cursor: zoom-in;
   transition: border-color .2s ease, box-shadow .2s ease;
}

.order-wrapper .order-content .vds-panel-showcase .panel-images > div::after {
   content: "";
   position: absolute;
   right: 13px;
   bottom: 13px;
   width: 27px;
   height: 27px;
   border-radius: 8px;
   background: rgba(3, 126, 230, .9)
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4M11 8v6M8 11h6'/%3E%3C/svg%3E") center / 15px 15px no-repeat;
   box-shadow: 0 5px 13px rgba(3, 126, 230, .25);
   opacity: 0;
   transform: translateY(4px);
   transition: opacity .2s ease, transform .2s ease;
   pointer-events: none;
}

.order-wrapper .order-content .vds-panel-showcase .panel-images > div:hover {
   border-color: rgba(1, 167, 246, .42);
   box-shadow: 0 14px 29px rgba(19, 79, 113, .13);
}

.order-wrapper .order-content .vds-panel-showcase .panel-images > div:hover::after {
   opacity: 1;
   transform: translateY(0);
}

.order-wrapper .order-content .vds-panel-showcase .panel-images img {
   display: block;
   width: 100%;
   height: auto;
   aspect-ratio: 1.48 / 1;
   object-fit: contain;
   object-position: top center;
   background: #f4f8fb;
   border-radius: 9px;
   transition: transform .2s ease;
}

.order-wrapper .order-content .vds-panel-showcase .panel-images > div:hover img:not(:focus) {
   transform: translateY(-2px);
}

.order-wrapper .order-content .vds-panel-showcase .panel-images img[tabindex="0"]:focus {
   position: fixed;
   z-index: 9999;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: auto;
   max-width: 90vw;
   height: auto;
   max-height: 88vh;
   margin: auto;
   object-fit: contain;
   transform: none;
   border-radius: 12px;
   box-shadow: 0 0 28px rgba(0, 0, 0, .4), 0 0 0 100vmax rgba(8, 20, 31, .72);
}

@media (max-width: 1050px) {
   .order-wrapper .order-content .vds-panel-showcase .panel-images {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

.order-wrapper .order-content .vds-software-catalog .games-list .games-catalog-note {
   grid-column: 1 / -1;
   margin-top: 2px;
   padding: 12px 14px;
   border: 1px solid #cdeaf8;
   border-radius: 12px;
   color: #476173;
   font-size: 13px;
   font-weight: 500;
   line-height: 1.45;
   background: #edf8fe;
}

.order-wrapper .order-content .vds-software-catalog .games-list .games-catalog-note b {
   font-weight: 600;
}

@media (max-width: 767px) {
   .order-wrapper .order-content .vds-panel-showcase {
      margin-top: 50px;
      padding: 23px 17px 19px;
      gap: 20px;
      border-radius: 18px;
   }

   .order-wrapper .order-content .vds-panel-showcase .panel-title {
      padding-left: 14px;
      font-size: 19px;
   }

   .order-wrapper .order-content .vds-panel-showcase .panel-images {
      width: calc(100% + 17px);
      display: grid;
      grid-template-columns: none;
      grid-auto-flow: column;
      grid-auto-columns: minmax(235px, 83%);
      gap: 11px;
      padding: 2px 17px 12px 0;
      overflow-x: auto;
      overscroll-behavior-x: contain;
      scroll-snap-type: x mandatory;
      scrollbar-width: thin;
      scrollbar-color: #a9dff8 transparent;
   }

   .order-wrapper .order-content .vds-panel-showcase .panel-images > div {
      scroll-snap-align: start;
   }

   .order-wrapper .order-content .vds-panel-showcase .panel-images > div::after {
      opacity: 1;
      transform: none;
   }
}