input {
  outline: 1px solid transparent;
}

.c-button {
  font-family: 'Poppins', sans-serif;
  font-family: var(--font-brand);
  background-color: #FFA902;
  background-color: var(--color-yellow);
  color: #201C40;
  color: var(--color-deep-purple);
  display: inline-block;
  padding: max(0.75rem, min(calc(0.70rem + 0.26vw), 0.94rem));
  padding: var(--space-xs);
  border-radius: 0;
  /*outline: 1px solid transparent;*/
}

.c-button:hover {
    background-color: #201C40;
    background-color: var(--color-deep-purple);
    color: #FFF;
    color: var(--color-white);
  }

.button--add-to-cart {
  height: 2.75rem;
  height: var(--form-input-height);
  padding-top: 0 ;
  padding-bottom: 0 ;
}

/* input[type=text], textarea, select {
  padding: 0.5rem;
} */

/* form input[type=submit] {
  margin-top: var(--flow-space);
} */

form input[type="number"],
form input[type="password"],
form textarea,
form select,
form input[type="email"],
form input[type="text"],
form textarea {
  width: 100%;
  max-width: 40ch;
  padding: 0.5rem;
  border: 1px solid #271D23;
  border: 1px solid var(--color-form-input-outline);
  background-color: #FFF;
  background-color: var(--color-form-input-background);
  height: 2.75rem;
  height: var(--form-input-height);

}

fieldset {
  border: 1px solid #D6D3CF;
  border: 1px solid var(--cpag-dark-warm-grey);
  padding: max(2.00rem, min(calc(1.86rem + 0.69vw), 2.50rem));
  padding: var(--space-l);
  padding-top: 1rem;
}

fieldset fieldset {
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

.form-item-sidebar-coupon-redemption-form-code label,
fieldset legend {
  font-family: 'Poppins', sans-serif;
  font-family: var(--font-brand);
  font-weight: 600;
}

fieldset h2 {
  font-size: max(1.20rem, min(calc(1.10rem + 0.50vw), 1.56rem));
  font-size: var(--step-1);
}

.form-item label{
  display: block;
  font-weight: 500;
  font-size: max(0.83rem, min(calc(0.79rem + 0.23vw), 1.00rem));
  font-size: var(--step--1);
}

input[type="checkbox"],
input[type="radio"] {
  border: 1px solid #271D23;
  border: 1px solid var(--color-form-input-outline);
  margin-right: max(0.50rem, min(calc(0.46rem + 0.17vw), 0.63rem));
  margin-right: var(--space-2xs);
  background: white;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-flex;
  font-size: max(1.00rem, min(calc(0.8rem + 0.35vw), 1.25rem));
  font-size: var(--step-0);
}

.form-type-radio {
  display: flex;
  align-items: center;
}

.form-type-radio + .form-type-radio {
  margin-top: max(0.75rem, min(calc(0.70rem + 0.26vw), 0.94rem));
  margin-top: var(--space-xs);
}

/* .fieldset-wrapper > div > * + *,
.fieldset-wrapper > * + *,
.form-wrapper > * + * {
  margin-top: var(--flow-space);
} */

.fieldset-wrapper .form-item label + input {
  margin-top: max(0.50rem, min(calc(0.46rem + 0.17vw), 0.63rem));
  margin-top: var(--space-2xs);
}


/* .ui-dialog {
  background-color: white;
  font-family: var(--font-base);
}

.ui-dialog-title {
  font-family: var(--font-brand);
} */

input + .description {
  font-size: max(0.83rem, min(calc(0.79rem + 0.23vw), 1.00rem));
  font-size: var(--step--1);
  margin-top: max(0.25rem, min(calc(0.23rem + 0.09vw), 0.31rem));
  margin-top: var(--space-3xs);
}


form.commerce-order-item-add-to-cart-form {
  display: flex;
  align-items: flex-end;
}

.form-item + .form-wrapper,
.form-wrapper + .form-item,
.form-item + .form-item,
.form-wrapper + .form-wrapper {
  margin-top: max(1.00rem, min(calc(0.93rem + 0.35vw), 1.25rem));
  margin-top: var(--flow-space);
}

.fieldset-wrapper > * + *,
.address-container-inline,
.form-wrapper >  div + div {
  margin-top: max(1.00rem, min(calc(0.93rem + 0.35vw), 1.25rem));
  margin-top: var(--flow-space);
}

.checkout-pane-coupon-redemption .form-wrapper {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

.checkout-pane-coupon-redemption input[type="submit"] {
  height: 2.75rem;
  height: var(--form-input-height);
  padding-top: 0;
  padding-bottom: 0;
}

.form-item-sidebar-coupon-redemption-form-code {
  max-width: 60%;
}

.password-confirm-message,
.description {
  font-size: max(0.83rem, min(calc(0.79rem + 0.23vw), 1.00rem));
  font-size: var(--step--1);
}

form input[value="Remove coupon"],
input[value="Apply coupon"] {
  font-size: max(0.83rem, min(calc(0.79rem + 0.23vw), 1.00rem));
  font-size: var(--step--1);
  margin-top: 0;
}

.checkout-pane input[value="Edit"],
input[value="Log in"],
input[value="Continue as Guest"],
input[value="Create account and continue"],
input[value="Recalculate shipping"],
input[value="Remove"],
input[value="Update cart"],
input[value="Remove coupon"],
input[value="Apply coupon"] {
  color: #FFF;
  color: var(--color-white);
  background: #201C40;
  background: var(--color-deep-purple);
}

.checkout-pane input[value="Edit"]:hover, input[value="Log in"]:hover, input[value="Continue as Guest"]:hover, input[value="Create account and continue"]:hover, input[value="Recalculate shipping"]:hover, input[value="Remove"]:hover, input[value="Update cart"]:hover, input[value="Remove coupon"]:hover, input[value="Apply coupon"]:hover {
    color: #201C40;
    color: var(--color-deep-purple);
    background: #FFA902;
    background: var(--color-yellow);
  }


.form-wrapper__login-option input {
  white-space: normal;
}


@media (min-width: 990px) {


.form-wrapper__login-option input {
    width: 100%;
}
  }

input[type=checkbox], input[type=radio] {
  min-width: 1em;
}

.form-required:after {
    content: " *";
    color: #db0000;
  }

.form-text:where(.error) {
  /*border: 4px solid var(--messages-error-bar);*/
  outline: 2px solid #db0000;
  outline-offset: 2px;
}

.form-item--error-message {
  font-size: max(0.83rem, min(calc(0.79rem + 0.23vw), 1.00rem));
  font-size: var(--step--1);
  font-weight: 400;
  color: #db0000;
  margin-top: 2px;
}