.cr-woocommerce-shell {
  padding-block: var(--cr-space-8) var(--cr-space-16);
}

.woocommerce .woocommerce-products-header {
  margin-bottom: var(--cr-space-8);
}

.woocommerce .woocommerce-products-header__title.page-title {
  margin: 0 0 var(--cr-space-3);
}

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  margin-bottom: var(--cr-space-6);
}

.woocommerce .woocommerce-ordering select {
  min-width: 220px;
}

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--cr-space-5);
  margin: var(--cr-space-8) 0 0 !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none; }

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto !important;
  margin: 0 !important;
  padding: var(--cr-space-4) !important;
  overflow: hidden;
}

.woocommerce ul.products li.product a img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  margin: 0 0 var(--cr-space-4) !important;
  border-radius: var(--cr-radius-sm);
  background: var(--cr-surface-soft);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  min-height: 3.1em;
  padding: 0 !important;
  color: var(--cr-ink-900);
  font-size: 1rem !important;
  line-height: 1.6;
}

.woocommerce div.product {
  padding: var(--cr-space-6);
}

.woocommerce div.product div.images img {
  border-radius: var(--cr-radius-md);
  background: var(--cr-surface-soft);
}

.woocommerce div.product .product_title {
  margin-top: 0;
}

.woocommerce div.product form.cart {
  margin-top: var(--cr-space-6);
}

.woocommerce div.product form.cart .quantity {
  margin-left: var(--cr-space-3);
}

.woocommerce nav.woocommerce-pagination {
  margin-top: var(--cr-space-10);
}

.woocommerce nav.woocommerce-pagination ul {
  display: inline-flex;
  gap: var(--cr-space-2);
  border: 0;
}

.woocommerce nav.woocommerce-pagination ul li { border: 0; }

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  min-width: 42px;
  min-height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid var(--cr-line);
  border-radius: var(--cr-radius-xs);
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  color: var(--cr-white);
  background: var(--cr-blue-600);
  border-color: var(--cr-blue-600);
}

