.client-gallery_page.hidden {
  transition: opacity 1s ease;
  opacity: 0;
  pointer-events: none;
  height: 0px;
  overflow: hidden;
  background-color: black;
}

#products_gallery_btn #go_to_cart_btn {
  margin: 5px;
  max-width: 250px;
}

.client-gallery_page {
  display: grid;
  transition: opacity 1s ease;
  opacity: 1;
}

button {
  cursor: pointer;
}

.client-gallery-sizer,
.client-gallery-item {
  width: calc(33.333% - 8px); /* where 10px is your desired gap */
  margin: 4px;
  background-color: #e2e1d7;
}

.client-gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
  transform: scale(1.02);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

img.lazyloaded {
  opacity: 1;
  transform: scale(1);
}

.client-gallery-item .client-gallery-placeholder {
  display: block;
  height: auto;
  background-color: orange;
}

/* ----- color when drag is in progress ---*/
.ui-sortable-helper img {
  filter: brightness(0.9) sepia(1) hue-rotate(-10deg) saturate(3);
  -webkit-filter: brightness(0.9) sepia(1) hue-rotate(-10deg) saturate(3);
  opacity: 1;
}

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

.client-gallery {
  display: block;
  flex-wrap: wrap;
  width: 100%;
  height: 100000px;
}

.client-gallery:after {
  content: "";
  display: block;
  clear: both;
}

.client-gallery-wrapper {
  position: relative;
}

.client-gallery_page {
  grid-area: 1 / 1;
  width: 100%;
}

.client-gallery_btn_wrapper {
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.5rem;
  padding: 2rem 0;
  width: 100%;
  box-sizing: border-box;
}

.woocommerce-loop-product__title {
  display: none;
}

.page-header.section-inner.thin {
  display: none;
}

.client-gallery_title h2 {
  font-size: 48px !important;
  text-align: center;
  margin: 90px;
}

.woocommerce-MyAccount-downloads-file {
  background-color: red;
}

.woocommerce-MyAccount-downloads-file.button {
  background-color: #000; /* Black background */
  color: #fff; /* White text */
  border-color: #000; /* Optional: match border */
}

.button.custom-remove-from-cart-button {
  background-color: rgb(253, 176, 176) !important;
  font-size: 13pt !important;
}

.button.custom-add-to-cart-button {
  font-size: 13pt !important;
}