:root {
  --ge-ink: #101724;
  --ge-muted: #687386;
  --ge-line: rgba(17, 28, 46, .12);
  --ge-blue: #0b8df4;
  --ge-violet: #7048ff;
  --ge-surface: #f5f7fa;
}

.ge-commerce-surface.woocommerce,
.ge-commerce-surface .woocommerce {
  color: var(--ge-ink);
}

.ge-commerce-surface .woocommerce-products-header,
.ge-commerce-surface .woocommerce-breadcrumb,
.ge-commerce-surface .woocommerce-notices-wrapper,
.ge-commerce-surface .products,
.ge-commerce-surface div.product {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}

.ge-commerce-surface .woocommerce-products-header {
  padding: clamp(42px, 7vw, 88px) 0 24px;
}

.ge-commerce-surface .woocommerce-products-header__title,
.ge-commerce-surface div.product .product_title {
  color: var(--ge-ink);
  font-size: clamp(2rem, 4vw, 4rem);
  letter-spacing: -.055em;
  line-height: .98;
}

.ge-commerce-surface ul.products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.ge-commerce-surface ul.products::before,
.ge-commerce-surface ul.products::after {
  display: none;
}

.ge-commerce-surface ul.products li.product {
  width: auto !important;
  margin: 0 !important;
  padding: 16px 16px 18px;
  overflow: hidden;
  border: 1px solid var(--ge-line);
  border-radius: 22px 4px 22px 4px;
  background: linear-gradient(155deg, #fff, var(--ge-surface));
  box-shadow: 0 18px 50px rgba(12, 22, 38, .08);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.ge-commerce-surface ul.products li.product:hover {
  transform: translateY(-5px);
  border-color: rgba(47, 101, 255, .28);
  box-shadow: 0 24px 60px rgba(12, 22, 38, .14);
}

.ge-commerce-surface ul.products li.product img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
  border-radius: 14px;
  background: #fff;
}

.ge-commerce-surface ul.products li.product .woocommerce-loop-product__title {
  min-height: 2.65em;
  padding: 14px 2px 4px;
  color: var(--ge-ink);
  font-size: 1.08rem;
  line-height: 1.25;
}

.ge-commerce-surface .price {
  color: var(--ge-ink) !important;
  font-weight: 750 !important;
}

.ge-commerce-surface .button,
.ge-commerce-surface .ge-view-product {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  border: 1px solid transparent !important;
  border-radius: 10px 2px 10px 2px !important;
  color: #fff !important;
  background: linear-gradient(100deg, var(--ge-blue), var(--ge-violet)) !important;
  box-shadow: none !important;
}

.ge-commerce-surface div.product {
  padding: clamp(32px, 6vw, 76px) 0;
}

.ge-commerce-surface div.product div.images img {
  border-radius: 28px 4px 28px 4px;
  background: linear-gradient(145deg, #fff, #edf1f6);
}

.ge-commerce-surface .ge-availability {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ge-muted);
  font-size: .88rem;
  font-weight: 650;
}

.ge-commerce-surface .ge-availability span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #19b877;
  box-shadow: 0 0 0 4px rgba(25, 184, 119, .12);
}

.ge-commerce-surface .ge-product-highlights {
  padding-left: 1.2em;
}

@media (max-width: 900px) {
  .ge-commerce-surface ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .ge-commerce-surface .woocommerce-products-header,
  .ge-commerce-surface .woocommerce-breadcrumb,
  .ge-commerce-surface .woocommerce-notices-wrapper,
  .ge-commerce-surface .products,
  .ge-commerce-surface div.product {
    width: min(100% - 24px, 1180px);
  }

  .ge-commerce-surface ul.products {
    grid-template-columns: 1fr;
  }
}