/** Shopify CDN: Minification failed

Line 67:14 Unexpected "*"
Line 73:14 Unexpected "*"
Line 115:16 Unexpected "*"
Line 121:16 Unexpected "*"

**/
.contact{
  margin-bottom: 40px;
}

@media (max-width: 425px){
  .contact{
    margin-bottom: 0px;
  }
}

.contact img {
  max-width: 100%;
}

.contact .form__message {
  align-items: flex-start;
}

.contact .icon-success {
  margin-top: 0.2rem;
}

.contact .field {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

.contact .field__input,
.contact .text-area {
  padding: 1.2rem 1.5rem 0.5rem 1.5rem !important;
  font-size: 15px;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  background: #fff !important;
  transition: all 0.2s ease;
  min-height: 56px;
}

.contact .field__input:focus,
.contact .text-area:focus {
  border-color: #3366ff !important;
  box-shadow: 0 0 0 3px rgba(51, 102, 255, 0.1) !important;
}

.contact .field__label {
  font-size: 14px;
  color: #1a1a1a;
  font-weight: 500;
  margin-bottom: 0.5rem;
  margin-top: 0;
}

.contact .text-area {
  min-height: 120px;
  resize: vertical;
}

.contact-form-* {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1.5rem !important;
}

.contact-form-* .field[style*="grid-column"] {
  grid-column: 1 / -1;
}

.contact__button {
  grid-column: 1 / -1;
  margin-top: 1.5rem;
}

.contact__button .button {
  width: 100%;
  padding: 1rem 2rem;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  background: #e3567e;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

.contact__button .button:hover {
  background: #333333;
  box-shadow: 0 4px 12px rgba(43, 43, 43, 0.3);
}

@media screen and (min-width: 750px) {
  .contact .field {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 750px) {
  .contact__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
}

@media screen and (max-width: 1024px) {
  .contact-form-* {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (max-width: 749px) {
  .contact-form-* {
    grid-template-columns: 1fr !important;
  }
}