.powerful-integrations-work {
  .brewery-integrations-logos-wrapper {
    gap: 24px;
    margin: 0 auto 0;
    max-width: 1100px; // figma jaisa centered container

    @media (max-width: 1399px) {
      gap: 20px;
      margin-bottom: 40px;
      max-width: 1000px;
    }
    @media (max-width: 1199px) {
      gap: 15px;
      margin-bottom: 30px;
      max-width: 900px;
    }

    .img-wrapper {
      // default (mobile/tablet)
      width: calc((100% - 2 * 15px) / 3);

      @media (max-width: 1199px) {
        height: 100px;
        padding: 10px 30px;
        img {
          max-width: 120px;
          max-height: 50px;
        }
      }
      @media (max-width: 991px) {
        width: calc((100% - 1 * 15px) / 2);
      }
      @media (max-width: 767px) {
        height: 70px;
        width: 100%;
        max-width: 280px;
      }
    }

    /* ===== Desktop layout: 3 + 4 + 4 + 3 (14 logos) ===== */
    @media (min-width: 1200px) {
      .img-wrapper {
        width: calc((100% - 315px) / 3);
      }
      // 3 per row

      // items 4–7 => 4 per row
      .img-wrapper:nth-child(n + 4):nth-child(-n + 7) {
        width: calc((100% - 3 * 24px) / 4);
      }

      // items 8–11 => 4 per row
      .img-wrapper:nth-child(n + 8):nth-child(-n + 11) {
        width: calc((100% - 3 * 24px) / 4);
      }

      // items 12–14 => 3 per row
      .img-wrapper:nth-child(n + 12):nth-child(-n + 14) {
        width: calc((100% - 315px) / 3);
      }
    }
  }
}