.oxy-package-products {
  display: grid;
  grid-template-columns: repeat(var(--oxy-package-columns, 3), minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  align-items: stretch;
}

.oxy-package-products__item {
  min-width: 0;
  height: 100%;
}

.oxy-package-products__item > .elementor,
.oxy-package-products__item > .elementor > .elementor-element,
.oxy-package-products__item .elementor-widget-container {
  height: 100%;
  min-width: 0;
}

.oxy-package-products--count-1 {
  grid-template-columns: minmax(0, 1fr);
  max-width: 460px;
}

.oxy-package-products--count-2 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.oxy-package-products--count-2 .oxy-package-products__item {
  grid-column: span 2;
}

.oxy-package-products--count-2 .oxy-package-products__item:first-child {
  grid-column: 2 / span 2;
}

.oxy-package-products--count-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.oxy-package-products--count-4,
.oxy-package-products--count-5,
.oxy-package-products--count-6,
.oxy-package-products--count-7,
.oxy-package-products--count-8 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1180px) {
  .oxy-package-products {
    gap: 20px;
  }

  .oxy-package-products--count-4,
  .oxy-package-products--count-5,
  .oxy-package-products--count-6,
  .oxy-package-products--count-7,
  .oxy-package-products--count-8 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .oxy-package-products,
  .oxy-package-products--count-3,
  .oxy-package-products--count-4,
  .oxy-package-products--count-5,
  .oxy-package-products--count-6,
  .oxy-package-products--count-7,
  .oxy-package-products--count-8 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .oxy-package-products--count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .oxy-package-products--count-2 .oxy-package-products__item,
  .oxy-package-products--count-2 .oxy-package-products__item:first-child {
    grid-column: auto;
  }
}

@media (max-width: 620px) {
  .oxy-package-products,
  .oxy-package-products--count-1,
  .oxy-package-products--count-2,
  .oxy-package-products--count-3,
  .oxy-package-products--count-4,
  .oxy-package-products--count-5,
  .oxy-package-products--count-6,
  .oxy-package-products--count-7,
  .oxy-package-products--count-8 {
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .oxy-package-products--count-2 .oxy-package-products__item,
  .oxy-package-products--count-2 .oxy-package-products__item:first-child {
    grid-column: auto;
  }
}