:root {
  --quantity-padding: 0.5rem;
  --quantity-top: 0.6rem;
  --product-price-weight: 800;
  --product-price-font: 1rem;
}

/**
 * Price: Archive
 */

span.price {
  font-weight: 800;
  font-size: 1rem;
  display: block;
  margin-top: auto;
  margin-bottom: 0;
}

/**
 * Price: Single
 */

p.price {
  font-weight: 700;
  font-size: 1.5rem;
  display: block;
  margin-top: auto;
  margin-bottom: 1rem;
}

.woocommerce-variation p.price {
    margin-bottom: 0;
    font-size: 0.875rem;
  }

.quantity {
  position: relative;
  position: relative;
}

.qty-minus,
.qty-plus {
  display: block;
  position: absolute;
  top: 0.6rem;
  top: calc(var(--quantity-top));
  pointer-events: all;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: 400;
  cursor: pointer;
  padding: 0.25rem;
  padding: calc(var(--quantity-padding)/2);
}

.qty-minus::-moz-selection, .qty-plus::-moz-selection {
    background: transparent;
    color: var(--color-black);
  }

.qty-minus::selection, .qty-plus::selection {
    background: transparent;
    color: var(--color-black);
  }

.qty-minus {
  left: 0.25rem;
  left: calc(var(--quantity-padding)/2);
}

.qty-plus {
  right: 0.25rem;
  right: calc(var(--quantity-padding)/2);
  top: calc(0.6rem + 3.5px);
  top: calc(var(--quantity-top) + 3.5px);
}

@media (min-width: 768px) {

.qty-plus {
    top: calc(0.6rem + 3px);
    top: calc(var(--quantity-top) + 3px)
}
  }