.px-products {
  container-type: inline-size;
  position: relative;
  max-width: var(--maxWidthBig);
  width: var(--baseWidth);
  margin-left: auto;
  margin-right: auto;
}
.px-products-inner {
  display: grid;
}
.px-products .px-product-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.px-products .px-product-item .image {
  width: 100%;
  height: 155px;
}
@media only screen and (max-width: 960px) {
  .px-products .px-product-item .image {
    height: 235px;
  }
}
@media only screen and (max-width: 450px) {
  .px-products .px-product-item .image {
    height: 170px;
  }
}
.px-products .px-product-item .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.px-products .px-product-item .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.px-products .px-product-item .content .info .title {
  color: var(--fontColor);
}
.px-products .px-product-item .content .info .description {
  margin-top: 10px;
}
.px-products .px-product-item .content .specifications {
  background-color: var(--extraLightGray);
  border-radius: 6px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.px-products .px-product-item .content .specifications span {
  display: block;
  font-size: 14px;
  font-family: "Open Sans";
  line-height: normal;
}
.px-products .px-product-item .content .specifications span.spec-label {
  font-weight: 700;
}
.px-products .px-product-item .content .price-label {
  font-size: 16px;
}
.px-products .px-product-item .content .price-value {
  font-size: 30px;
  font-weight: 800;
  line-height: normal;
}
.px-products .px-product-item .content .product-buttons {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.px-products .px-product-item .content .product-buttons a.primary-light {
  padding: 10px clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem);
  margin-bottom: 20px;
  color: var(--fontColor);
}
.px-products .px-product-item .content .product-buttons a.borderless-btn {
  color: var(--fontColor);
}
.px-products .px-product-item .content .product-buttons a.borderless-btn:hover {
  color: var(--main-color);
}
.px-products.threeColumns .px-products-inner {
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  gap: 40px;
}
@media only screen and (max-width: 1504px) {
  .px-products.threeColumns .px-products-inner {
    gap: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem);
  }
}
@media only screen and (max-width: 960px) {
  .px-products.threeColumns .px-products-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 640px) {
  .px-products.threeColumns .px-products-inner {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
}
.px-products.threeColumns .px-products-inner .px-product-item {
  width: 100%;
  max-width: 320px;
}
.px-products.fourColumns .px-products-inner {
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
@media only screen and (max-width: 1504px) {
  .px-products.fourColumns .px-products-inner {
    gap: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem);
  }
}
@media only screen and (max-width: 1200px) {
  .px-products.fourColumns .px-products-inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 960px) {
  .px-products.fourColumns .px-products-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 640px) {
  .px-products.fourColumns .px-products-inner {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
}
.px-products.fiveColumns .px-products-inner {
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem);
}
@media only screen and (max-width: 1504px) {
  .px-products.fiveColumns .px-products-inner {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1200px) {
  .px-products.fiveColumns .px-products-inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 960px) {
  .px-products.fiveColumns .px-products-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 640px) {
  .px-products.fiveColumns .px-products-inner {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
}
.px-products.fiveColumns .px-product-item .product-buttons .wp-block-buttons .is-style-primary-light a {
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
}
.px-products.sixColumns .px-products-inner {
  grid-template-columns: repeat(6, 1fr);
  gap: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
}
@media only screen and (max-width: 1504px) {
  .px-products.sixColumns .px-products-inner {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (max-width: 1200px) {
  .px-products.sixColumns .px-products-inner {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 960px) {
  .px-products.sixColumns .px-products-inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .px-products.sixColumns .px-products-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 640px) {
  .px-products.sixColumns .px-products-inner {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
}
.px-products.sixColumns .px-product-item .product-buttons .wp-block-buttons .is-style-primary-light a {
  font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
}

.block-editor-button-block-appender {
  background-color: var(--contrastColorInverted, #fff);
}

@media only screen and (min-width: 1504px) {
  .editor-styles-wrapper .px-products.fiveColumns .px-products-inner {
    grid-template-columns: repeat(4, 1fr);
  }
}