.mhrc-workshop-registration {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

.mhrc-workshop-registration * {
  box-sizing: border-box;
}

.mhrc-workshop-registration__price .price {
  margin-top: 0;
  font-size: 1.25em;
  font-weight: 700;
}

.mhrc-workshop-registration .cart,
.mhrc-workshop-registration .variations {
  margin-bottom: 0;
}

.mhrc-workshop-registration .variations {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

.mhrc-workshop-registration .variations th,
.mhrc-workshop-registration .variations td {
  padding: 0.35rem 0;
  text-align: start;
  vertical-align: middle;
}

.mhrc-workshop-registration .variations select {
  width: 100%;
  max-width: 100%;
}

.mhrc-workshop-registration .quantity,
.mhrc-workshop-registration .single_add_to_cart_button {
  display: inline-block;
  vertical-align: middle;
}

.mhrc-workshop-registration .quantity {
  margin-inline-end: 0.75rem;
}

.mhrc-workshop-registration .reset_variations {
  margin-inline-start: 0.5rem;
}

.mhrc-workshop-registration__notice {
  padding: 0.75rem 1rem;
  border: 1px solid currentColor;
}

@media (max-width: 640px) {
  .mhrc-workshop-registration__price .price {
    font-size: 1.1rem;
  }

  .mhrc-workshop-registration .variations,
  .mhrc-workshop-registration .variations tbody,
  .mhrc-workshop-registration .variations tr,
  .mhrc-workshop-registration .variations th,
  .mhrc-workshop-registration .variations td {
    display: block;
    width: 100%;
  }

  .mhrc-workshop-registration .variations th {
    padding-bottom: 0.15rem;
    text-align: left;
  }

  .mhrc-workshop-registration .variations td {
    padding-top: 0;
    padding-bottom: 0.75rem;
  }

  .mhrc-workshop-registration .reset_variations {
    display: inline-block;
    margin: 0.4rem 0 0;
  }

  .mhrc-workshop-registration form.cart:not(.variations_form),
  .mhrc-workshop-registration .woocommerce-variation-add-to-cart {
    display: grid !important;
    grid-template-columns: minmax(74px, auto) minmax(0, 1fr);
    gap: 0.65rem;
    align-items: stretch;
    width: 100%;
  }

  .mhrc-workshop-registration .quantity {
    width: 100%;
    margin: 0;
  }

  .mhrc-workshop-registration .quantity .qty {
    width: 100%;
    min-height: 46px;
  }

  .mhrc-workshop-registration .single_add_to_cart_button {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    margin: 0;
    white-space: normal;
  }
}

@media (max-width: 400px) {
  .mhrc-workshop-registration form.cart:not(.variations_form),
  .mhrc-workshop-registration .woocommerce-variation-add-to-cart {
    grid-template-columns: minmax(0, 1fr);
  }
}