table.variations {
  display: none;
}

.variation-card {
  display: flex;
  background-color: white;
  border: 2px solid #f5f5f5;
  border-radius: 5px;
  cursor: pointer;
  padding: 20px;
  position: relative;
}

.variation-card.active {
  border-color: #cfa866;
}

.variation-card .variation-img {
  max-width: 100px;
  margin: auto 10px auto 0
}

.custom-variations-grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 15px;
}

.product-type-variable .product--summary .single-price-wrapper, table.variations, .product_meta-top {
  display: none;
}

.variation-card .variation-price {
  margin-top: auto;
  line-height: 1;
}

.variation-card .variation-price bdi {
  line-height: 1;
}

.variation-card .variation-price span {
  margin-right: 0;
}

.variation-content-outer {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 10px;
}

.variation-description {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 15px;
}

.variation-description p {
  margin: 0 !important;
  line-height: 1;
  font-weight: 400;
  font-size: 13px;
}

.variation-content h3 {
  margin-top: 0;
}

.variation-description > div {
  display: flex;
  gap: 5px;
}

.variation-description > div i {
  color: #cfa866;
  font-size: 13px;
}

.woocommerce-variation.single_variation {
  display: none !important;
}

@media (max-width: 768px) {
  .variation-card {
    flex-direction: column;
  }

  .variation-card .variation-price {
    position: absolute;
    top: 20px;
    right: 20px;
  }

  .variation-content h3 {
    margin-top: 10px;
  }
}