/* PRODUCT LISTING /kottlador */
.page-layout-1column.page-with-filter #maincontent .column.main {
  padding: 0;
}

#layer-product-list .product-items {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 24px;
  margin: 16px;
}

#layer-product-list .product-items .product-item-info {
  width: 100%;
}

.product-list-badge {
  display: inline-flex;
  padding: 8px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 32px 0px;
  background: var(--lime);
  position: absolute;
  top: -20px;
  left: 8px;
  z-index: 2;
}

#html-body .category-view {
  .category-description {
    padding: 0;
    margin: 0;
  }

  .delivery-wrp {
    margin: 0;
  }
}

.catalog-category-view .columns {
  padding: 0;
}

#html-body .gs-out-of-stock {
  color: var(--white);
}

@media (min-width: 770px) {
  #layer-product-list .product-items {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1025px) {
  #layer-product-list .product-items {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .first-li .product-list-badge {
    position: static;
  }

  .product-list-badge {
    padding: 16px 20px;
    margin-bottom: 16px;
    top: -36px;
  }
}

/* Product listing / products */
#html-body.category-produkter {
  #layer-product-list .product-items {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .product-item.first-li {
    grid-column: span 1;
  }

  .first-li .product-list-badge {
    position: absolute;
  }

  .product-image-container {
    aspect-ratio: 1 / 1;
  }

  .product.description.product-item-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    margin: 16px 0;
  }

  @media (min-width: 770px) {
    #layer-product-list .product-items {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  @media (min-width: 1025px) {
    #layer-product-list .product-items {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .product-item-info {
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .product-item-info:hover {
      height: 100%;
    }

    .product-item-details {
      flex-grow: 1;
    }

    .product-item-details-center {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .product-item.first-li {
      .product-item-info {
        display: flex;
        flex-direction: column;
      }

      .product-item-details-center {
        padding: 24px;
      }

      .product-item-name {
        font-size: 28px;
      }
    }
  }
}