.woocommerce-archive-main {
  width: 100%;
  position: relative;
  margin-top: 70px;
}
.woocommerce-archive-main::before {
  content: "";
  position: absolute;
  top: -30px;
  right: -25%;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTM3LjUzOSIgaGVpZ2h0PSIxMTMzLjk3MSIgdmlld0JveD0iMCAwIDExMzcuNTM5IDExMzMuOTcxIj4KICA8ZyBpZD0iSmV3ZWxsX0xvZ29fcmV2aXNlZCIgZGF0YS1uYW1lPSJKZXdlbGwgTG9nbyByZXZpc2VkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSI+CiAgICA8cGF0aCBpZD0iUGF0aF80IiBkYXRhLW5hbWU9IlBhdGggNCIgZD0iTTQ4LjY4LDIwMy42NzlBMTA1LjM1OSwxMDUuMzU5LDAsMSwxLDE1NC4wMzksMzA5LjAzOCwxMDUuMzU5LDEwNS4zNTksMCwwLDEsNDguNjgsMjAzLjY3OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDA4LjQzOSA4MjQuOTMzKSIgZmlsbD0iI2ZkZGJiNiIvPgogICAgPHBhdGggaWQ9IlBhdGhfNSIgZGF0YS1uYW1lPSJQYXRoIDUiIGQ9Ik02MTUuNSwyNS42NjhINjAwLjU3MkExNDAuMDA5LDE0MC4wMDksMCwwLDAsNDY5Ljg1OSwxNTcuN2wtLjkzOSwxNC43NDNhODIuOTE2LDgyLjkxNiwwLDAsMS03NS4xMjIsNzMuNjJIMzc4Ljc3M2E4Mi44MjIsODIuODIyLDAsMCwxLTczLjUyNi03NS4xMjJWMTU1LjQ0MkExNDAuMDA5LDE0MC4wMDksMCwwLDAsMTczLjEyNiwyMi4xSDE1OC4xQTE0MC4wMDksMTQwLjAwOSwwLDAsMCwyNi4wNzQsMTU1LjcyNGMwLDYuNzYxLDAsMTUuMDI0LDAsMTUuMDI0QTEzOS44MjEsMTM5LjgyMSwwLDAsMCwxNTcuNTM4LDMwMS4yNzNhMTMzLjE2NywxMzMuMTY3LDAsMCwxLDE0LjgzNy45MzksODIuOTE2LDgyLjkxNiwwLDAsMSw3My42Miw3NS4xMjJ2MTMuMDUyYTgzLjAxLDgzLjAxLDAsMCwxLTc1LjEyMiw3My42MmgtMTUuNEExMzkuOTE1LDEzOS45MTUsMCwwLDAsMjIuMTMsNTk2LjAzNHYxNS4wMjVBMTM5LjgyMSwxMzkuODIxLDAsMCwwLDE1NS40NzIsNzQzLjA4NmgxNS42ODJBMTM5LjkxNSwxMzkuOTE1LDAsMCwwLDMwMS44NjcsNjExLjA1OWwuOTM5LTE0Ljc0M2E4Mi45MTYsODIuOTE2LDAsMCwxLDc1LjEyMi03My42MmgxNS4wMjRhODMuMSw4My4xLDAsMCwxLDczLjYyLDc1LjEyMnYxNS40QTEzOS45MTUsMTM5LjkxNSwwLDAsMCw1OTguNjkzLDc0Ni41NmgxNC45MzFBMTM5LjkxNSwxMzkuOTE1LDAsMCwwLDc0NS42NTIsNjEyLjc0OVY1OTcuNzI1QTEzOS45MTUsMTM5LjkxNSwwLDAsMCw2MTQuMTg4LDQ2Ny4xMDZsLTE0Ljc0My0uODQ1YTgzLjEsODMuMSwwLDAsMS03My42Mi03NS4xMjJ2LTEyLjRhODIuODIzLDgyLjgyMywwLDAsMSw3NS4xMjItNzMuNjJoMTUuNGExNDAuMDA5LDE0MC4wMDksMCwwLDAsMTMyLjU5MS0xMzIuNFYxNTcuN0ExMzkuOTE1LDEzOS45MTUsMCwwLDAsNjE1LjUsMjUuNjY4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODUuNjc3IDE4NS40MjUpIiBmaWxsPSIjZmRkYmI2Ii8+CiAgICA8cGF0aCBpZD0iUGF0aF82IiBkYXRhLW5hbWU9IlBhdGggNiIgZD0iTTI2MC4zNjgsMTA1LjM1OUExMDUuMzU5LDEwNS4zNTksMCwxLDEsMTU1LjAwOSwwLDEwNS4zNTksMTA1LjM1OSwwLDAsMSwyNjAuMzY4LDEwNS4zNTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQxNi41NzgpIiBmaWxsPSIjZmRkYmI2Ii8+CiAgICA8cGF0aCBpZD0iUGF0aF83IiBkYXRhLW5hbWU9IlBhdGggNyIgZD0iTTEwNS4zNTksNDguNDlBMTA1LjM1OSwxMDUuMzU5LDAsMSwxLDAsMTUzLjc1NSwxMDUuMzU5LDEwNS4zNTksMCwwLDEsMTA1LjM1OSw0OC40OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA0MDYuODQ1KSIgZmlsbD0iI2ZkZGJiNiIvPgogICAgPHBhdGggaWQ9IlBhdGhfOCIgZGF0YS1uYW1lPSJQYXRoIDgiIGQ9Ik0yMDQuMTUzLDI2MC4xNjhBMTA1LjM1OSwxMDUuMzU5LDAsMSwxLDMwOS40MTgsMTU0LjgwOSwxMDUuMzU5LDEwNS4zNTksMCwwLDEsMjA0LjE1MywyNjAuMTY4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MjguMTIxIDQxNC45KSIgZmlsbD0iI2ZkZGJiNiIvPgogIDwvZz4KPC9zdmc+");
  background-size: cover;
  background-repeat: no-repeat;
  height: 900px;
  width: 900px;
}
.woocommerce-archive-main::after {
  content: "";
  position: absolute;
  bottom: -100px;
  left: -50%;
  background-color: var(--primary-color);
  height: 900px;
  width: 900px;
  border-radius: 50%;
}
.woocommerce-archive--inner {
  padding: 0 15px;
  position: relative;
  z-index: 2;
}

.woocommerce-products-header__title {
  font-size: 42px;
  margin-bottom: 25px;
}

.woocommerce-products-header {
  max-width: 50%;
  padding-right: 50px;
  margin-bottom: 60px;
}

.woocommerce-filters {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.woocommerce-categories {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 30px;
}

.woocommerce-category-label {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
  margin-right: 15px;
}

.woocommerce-category-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.woocommerce-category-list ul li a {
  font-size: 16px;
  border-radius: 30px;
  border: 1px solid var(--primary-text-color);
  background-color: #fff;
  padding: 10px 20px;
  line-height: 1;
}
.woocommerce-category-list ul li a.active {
  background-color: var(--secondary-text-color);
  color: #fff;
}

.woocommerce-category-list ul li:not(:last-child) {
  margin-right: 10px;
}

.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
  margin-bottom: 0 !important;
}
.woocommerce-archive-main ul.products {
  padding: 0;
  margin: 0;
}
.woocommerce-archive-main div.product.product--card {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  position: relative;
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  background-color: #fff;
}

.woocommerce-archive-main div.product.product--card .product--card-image {
  position: relative;
  line-height: 0;
  flex-basis: 300px;
  flex-grow: 1;
  flex-shrink: 1;
}

.woocommerce-archive-main
  div.product.product--card
  .product--card-image
  .onsale {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background-color: var(--secondary-color);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 0;
  padding: 5px 25px;
}
.woocommerce-archive-main div.product.product--card .product--card-image img {
  width: 100%;
}
.woocommerce-archive-main div.product.product--card .product--card-info {
  text-align: left;
  flex-basis: calc(100% - 600px);
}

.woocommerce-archive-main div.product.product--card .product--card-title {
  padding: 20px 20px 0;
}

.woocommerce-archive-main div.product.product--card .product--card-title h4 {
  font-size: 28px;
}

.woocommerce-archive-main div.product.product--card .product--card-rating {
  padding: 5px 20px 0;
}

.woocommerce-archive-main div.product.product--card .product--card-summary {
  padding: 5px 20px 20px;
}
.woocommerce-archive-main
  div.product.product--card
  .product--card-summary.hidden-desktop {
  display: none;
}

.woocommerce-archive-main div.product.product--card .product--card-summary ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: disc !important;
}

.woocommerce-archive-main
  div.product.product--card
  .product--card-summary
  ul
  li {
  font-size: 16px;
  list-style: disc !important;
  list-style-position: inside !important;
  margin-bottom: 15px;
}

.woocommerce-archive-main div.product.product--card .price {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 50px;
  display: block;
}

.woocommerce-archive-main div.product.product--card .product--card-action {
  flex-basis: 300px;
  flex-grow: 1;
  height: 100%;
  position: relative;
  z-index: 1;
}

.woocommerce-archive-main div.product.product--card .product--card-image img {
  width: 100%;
}

/* .woocommerce-archive-main div.product.product--card:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background-color: #D4D4D4;
} */

.woocommerce-archive-main
  div.product.product--card
  .product--card-action
  .button {
  width: 270px;
  height: 44px;
  padding: 0;
  line-height: 44px;
}
.woocommerce .woocommerce-ordering select,
.woocommerce div.product.product--card {
  background-color: #fff;
}
.main-archive--footer {
  min-height: 420px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
}
.main-archive--footer-text {
  width: 50%;
  padding: 0 15px;
}

.main-archive--footer-text h2 {
  color: #fff;
  margin-bottom: 40px;
}

.main-archive--footer-text a {
  display: block;
  width: 230px;
  height: 44px;
  line-height: 44px;
  font-size: 19px;
  background-color: #fff;
  text-align: center;
  padding: 0;
}

.main-archive--footer-text a:hover,
.main-archive--footer-text a:focus {
  background-color: var(--secondary-color);
  color: #fff;
}

@media (max-width: 767px) {
  .woocommerce-products-header {
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
  .woocommerce-filters {
    flex-wrap: wrap;
  }
  .woocommerce-categories {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
    display: block;
  }
  .woocommerce-category-label {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .woocommerce-sort {
    width: 100%;
  }
  .woocommerce-category-list ul {
    display: block;
  }
  .woocommerce-category-list ul li {
    margin-bottom: 20px;
    padding: 0;
  }
  .woocommerce-category-list ul li a {
    display: block;
    padding: 0;
    width: 200px;
    height: 44px;
    line-height: 44px;
    text-align: center;
  }
  .woocommerce div.product.product--card {
    flex-wrap: wrap;
  }
  .woocommerce div.product.product--card .product--card-image,
  .woocommerce div.product.product--card .product--card-info {
    flex-basis: 50%;
  }
  .woocommerce div.product.product--card .product--card-action {
    flex-basis: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
  }
  .woocommerce div.product.product--card .product--card-summary.hidden-mobile {
    display: none;
  }
  .woocommerce div.product.product--card .product--card-summary.hidden-desktop {
    display: block;
    text-align: left;
  }
  .woocommerce div.product.product--card .product--card-summary {
    flex-basis: 100%;
  }
  .woocommerce div.product.product--card .product--card-title h4 {
    font-size: 18px;
  }
  .woocommerce div.product.product--card:after {
    width: 100%;
    height: 74px;
    top: auto;
    bottom: 0;
  }
  .woocommerce div.product.product--card .price {
    font-size: 16px;
    margin-bottom: 0;
  }
  .woocommerce div.product.product--card .product--card-action .button {
    width: 140px;
  }
  .woocommerce-archive-main::after {
    width: 640px;
    height: 640px;
    left: auto;
    right: 50%;
  }
  .woocommerce-archive-main::before {
    right: 0;
    width: 50%;
    height: 650px;
  }
  .main-archive--footer {
    justify-content: flex-end;
  }
  .main-archive--footer-text {
    width: 100%;
  }
}
/* 2024-02 changes - begin */

.woocommerce-archive-main div.product.product--card:after {
  background-color: transparent !important;
}

.products {
  display: flex;
  flex-direction: row;
  align-content: center;
  flex-wrap: wrap;
}

.woocommerce-archive-main div.product.product--card {
  flex-direction: column;
  flex: 1 0 30% !important;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .woocommerce div.product.product--card {
    display: block;
  }

  .woocommerce-archive-main div.product.product--card .product--card-action {
    display: block;
  }
}
/* 2024-02 changes - end */
