/* Product grid styling */
.product-grid-text-wrapper {
  background: var(--light-background);
  padding-top: 5rem;
  padding-bottom: 4rem;
}

.product-grid-wrapper .content .row {
  display: grid;
  grid-template-columns: repeat(3, 33%);
}


.product-grid-text-wrapper h2 {
  font-weight: bold;
  margin-bottom: 1rem;
}

.product-grid-text-wrapper p {
  font-size: 1.25rem;
}

.product-grid-text .field--name-body {
  padding-left: 3rem;
  padding-right: 3rem;
}

.product-grid-text h2 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.product-grid-wrapper {
  background: var(--light-background);
}

.product-grid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 2rem;
  padding-top: 5rem;
}

.product-grid-text {
  padding-top: 2rem;
  text-align: center;
}

.pgcol2 {
  border-right: 1px solid var(--border-grey);
  border-left: 1px solid var(--border-grey);
}

.pgcol>div:nth-of-type(1) {
  border-bottom: 1px solid var(--border-grey);
}

.pgcol {
  padding: 0 !important;
}

@media (max-width: 575px) {
  .product-grid-wrapper .content .row {
    display: flex;
    align-content: center;
    justify-content: center;
  }

  .product-grid-wrapper .content .row .views-row {
    width: 80%;
    border: none;
    border-bottom: 1px solid var(--border-grey);
  }

  .product-grid-text-wrapper .field--name-field-grid-text {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .product-grid-wrapper .content .row .views-row:last-child {
    border-bottom: none;
  }
}

@media (max-width: 767px) {
  .product-grid {
    padding-top: 2rem;
  }
  .product-grid-text {
    padding-top : 0;
  }

  .product-grid-text .field--name-body,
  .product-grid-text h2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px) {
  .product-grid-wrapper {
    padding-bottom: 5rem;
    padding-top: 3rem;
  }
}

@media (min-width: 576px) and (max-width: 991px) {

  .product-grid-wrapper .content .row {
    grid-template-columns: 50% 50%;
  }

  .product-grid-wrapper .content .views-row {
    border-bottom: 1px solid var(--border-grey);
  }

  .product-grid-wrapper .content .views-row:nth-of-type(2n + 1) {
    border-right: 1px solid var(--border-grey);
  }

 .product-grid-wrapper .content .views-row:nth-of-type(2n+1):nth-last-of-type(-n+2),
 .product-grid-wrapper .content .views-row:nth-of-type(2n+1):nth-last-of-type(-n+2) ~ .views-row {
    border-bottom: none;
  }
}

@media (min-width: 992px) {

  .product-grid-wrapper .content .views-row {
    border-bottom: 1px solid var(--border-grey);
  }

  .product-grid-wrapper .content .views-row:nth-of-type(2) {
    border-right: 1px solid var(--border-grey);
    border-left: 1px solid var(--border-grey);
  }

  .product-grid-wrapper .content .views-row:nth-of-type(5) {
    border-right: 1px solid var(--border-grey);
    border-left: 1px solid var(--border-grey);
  }

  .product-grid-wrapper .content .views-row:nth-of-type(3n+1):nth-last-of-type(-n+3),
  .product-grid-wrapper .content .views-row:nth-of-type(3n+1):nth-last-of-type(-n+3) ~ .views-row {
    border-bottom: none;
  }
}