.custom-product-archive {
  display: flex;
  flex-direction: column;
  padding: 40px 20px;
}


.product-categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 60px;
}

.category-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 36px;
  background-color: #f1f1f1;
  text-decoration: none;
  color: #333;
  transition: all 0.3s ease;
}

.category-item.active,
.category-item:hover {
  background-color: #005D92;
  color: white;
}

.category-item br {
  display: none;
}


.product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}


.product-list ul.products,
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 0;
  margin: 0;
}


.woocommerce ul.products::before {
  content: none !important;
}

.product-list ul.products li.product,
.woocommerce ul.products li.product {
  width: 100% !important; 
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 15px !important;
  background-color: #fff;
  box-sizing: border-box;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}


h2.woocommerce-loop-product__title {
  font-size: 22px !important;
  line-height: 31px !important;
}


a.button.product_type_variable.add_to_cart_button {
  color: #ffffff !important;
  background-color: #005D92 !important;
  margin-top: 10px;
}
.woof_container_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.woof_container_inner select {
    min-width: 150px; 
}
.woocommerce ul.products li.product .price {
    margin-bottom: 5px !important; 
}

.woocommerce ul.products li.product .button {
    margin-top: 0 !important; 
}

ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 380px; 
}


ul.products li.product .button {
    margin-top: auto;
	padding:10px
}


.woocommerce ul.products {
    
    row-gap: 20px !important;
    column-gap: 20px !important; 
}

.woocommerce ul.products li.product {
    margin-bottom: 0 !important;
}


element.style {
	background:black;
}

/* Responsive grid */
@media (max-width: 1024px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr;
  }
}