.grin-product-options {
  display: grid;
  flex: 1 0 100%;
  width: 100%;
  gap: 22px;
  margin: 28px 0;
  padding: 24px;
  border: 1px solid var(--warm-line, #ddd6ce);
  background: rgba(255, 255, 255, 0.5);
}

.single-product.woocommerce div.product form.cart:has(.grin-product-options) {
  flex-wrap: wrap;
}

.single-product.woocommerce div.product form.cart > .grin-product-options {
  order: 1;
}

.single-product.woocommerce div.product form.cart > .quantity {
  order: 2;
}

.single-product.woocommerce div.product form.cart > .single_add_to_cart_button {
  order: 3;
}

.grin-product-options h2 {
  margin: 0;
  font-family: var(--serif, serif);
  font-size: 24px;
  font-weight: 400;
}

.grin-product-options__field {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
}

.grin-product-options__choices {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.grin-product-options__choices label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.grin-product-options__field legend,
.grin-product-options__field > label:first-child {
  font-weight: 700;
}

.grin-product-options__field input[type="text"],
.grin-product-options__field select,
.grin-product-options__field textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px;
  border: 1px solid var(--warm-line, #ddd6ce);
  border-radius: 0;
  background: #fff;
  color: inherit;
  font: inherit;
}

.grin-sign-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.grin-sign-fields > label {
  display: grid;
  gap: 8px;
}

.grin-sign-fields__wide {
  grid-column: 1 / -1;
}

.grin-sign-preview {
  padding: 18px 20px;
  background: rgba(34, 64, 44, 0.06);
}

.grin-sign-preview__title {
  margin: 0 0 12px;
  font-weight: 700;
}

.grin-sign-preview dl,
.grin-sign-preview dl div {
  margin: 0;
}

.grin-sign-preview dl {
  display: grid;
  gap: 8px;
}

.grin-sign-preview dl div {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 12px;
}

.grin-sign-preview dt {
  color: rgba(26, 44, 33, 0.62);
  font-size: 12px;
}

.grin-sign-preview dd {
  margin: 0;
  white-space: pre-wrap;
}

.grin-product-options__dependent {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}

.grin-product-options__dependent[hidden] {
  display: none;
}

.grin-product-options .required {
  margin-left: 8px;
  color: #8c2f22;
  font-size: 11px;
}

.grin-delivery-capability,
.grin-quote-cta {
  margin: 24px 0;
  padding: 18px 20px;
  border-left: 3px solid var(--olive, #9f7e4d);
  background: rgba(255, 255, 255, 0.55);
}

@media (max-width: 640px) {
  .grin-product-options {
    padding: 20px 16px;
  }

  .grin-sign-fields {
    grid-template-columns: 1fr;
  }

  .grin-sign-fields__wide {
    grid-column: auto;
  }

  .grin-sign-preview dl div {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}