.product-section {
  padding-bottom: var(--block-space-lg);
}

.product-boxes {
  display: grid;
  column-gap: var(--block-space-sm);
  row-gap: var(--block-space-sm);

  @container (min-width: 800px) {
    grid-template-columns: repeat(2, 1fr);
    row-gap: var(--block-space-lg);
  }

  .section-description {
    @container (min-width: 800px) {
      padding-left: clamp(20px, 7vw, 140px);
    }
  }
}

.product-box {
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  position: relative;
  background: var(--brand-accent-gradient);

  @container (min-width: 1025px) {
    min-height: 420px;
  }

  &::after {
    content: "";
    position: absolute;
    inset: 0;
  }

  .product-box-content-title {
    font-size: clamp(1.75rem, 3vw, 2.375rem);
  }

  .product-box-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 24px;
    padding: 34px;
    height: 100%;

    @container (min-width: 1025px) {
      /* width: 80%; */
      padding: 60px;
    }
  }

  .btn {
    margin-top: auto;
  }

  &.product-box-ztna::after {
    background: url("../../images/ztna-vector.svg") no-repeat right bottom;
  }

  &.product-box-cloudspace::after {
    background: url("../../images/cloudspace-vector.svg") no-repeat right bottom;
  }
}