/** Shopify CDN: Minification failed

Line 13:0 Unexpected "{"
Line 13:1 Expected identifier but found "%"
Line 280:0 Unexpected "{"
Line 280:1 Expected identifier but found "%"
Line 403:1 Expected identifier but found whitespace
Line 404:1 Expected identifier but found "%"
Line 405:0 Unexpected "{"
Line 405:1 Expected identifier but found "%"

**/
{% style %}
  .contact {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin: 0 auto;
    max-width: 100%;
    background: rgb(var(--color-background));
  }

  @media screen and (min-width: 990px) {
    .contact {
      grid-template-columns: 1.2fr 1fr;
      gap: 4rem;
    }
  }

  .contact__form {
    padding: 3rem;
    background: #fff;
    border-radius: 1rem;
  }

  .contact__fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.8rem;
  }

  @media screen and (max-width: 750px) {
    .contact__fields {
      grid-template-columns: 1fr;
    }
  }

  .contact__fields .field {
    margin-bottom: 0;
  }

  .field__input {
    border: 1px solid rgba(var(--color-foreground), 0.1);
    background: #fff;
    padding: 1.2rem;
    border-radius: 0.5rem;
  }

  .contact__message {
    grid-column: 1 / -1;
  }

  .contact__type {
    grid-column: 1 / -1;
    margin: 1rem 0;
  }

  .contact__type-options {
    display: flex;
    gap: 2rem;
    margin: 1rem 0;
  }

  .contact__type-option {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

  .contact__reason {
    grid-column: 1 / -1;
  }

  .contact__reason-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin: 1rem 0;
  }

  .button {
    background: #d03a35;
    color: #fff;
    border-radius: 0.5rem;
    padding: 1.5rem 3rem;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
  }

  .button:hover {
    background: #D67B28;
  }

  .contact__info {
    background: rgba(var(--color-foreground), 0.03);
    border-radius: 1rem;
    padding: 3rem 2rem;
  }

  .contact__info-header {
    margin-bottom: 2.5rem;
  }

  .contact__info-list {
    display: grid;
    gap: 2rem;
    margin-bottom: 3rem;
  }

  .contact__info-item {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(var(--color-foreground), 0.08);
  }

  .contact__info-icon {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    background: #d03a35;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
  }

  .contact__info-icon svg {
    width: 1.4rem;
    height: 1.4rem;
    color: #fff;
  }

  .contact__map {
    width: 100%;
    height: 300px;
    border-radius: 1rem;
    margin-top: 2rem;
    border: none;
  }

  @media screen and (max-width: 989px) {
    .contact__info {
      order: 2;
    }
  }


.contact {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
  max-width: 120rem;
  margin: 0 auto;
  padding: 4rem 2rem;
}

@media screen and (min-width: 990px) {
  .contact {
    grid-template-columns: 1.2fr 1fr;
  }
}

.contact__fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

@media screen and (max-width: 750px) {
  .contact__fields {
    grid-template-columns: 1fr;
  }
}

.field {
  margin: 0;
}

.field__input,
.text-area.field__input {
  border: 1px solid rgba(var(--color-foreground), 0.1);
  padding: 1.5rem;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  width: 100%;
  transition: border-color 0.15s ease;
}

.field__input:focus,
.text-area.field__input:focus {
  border-color: rgb(var(--color-button));
  outline: none;
  box-shadow: 0 0 0 1px rgb(var(--color-button));
}

.contact__type,
.contact__reason,
.contact__message,
.contact__button {
  grid-column: 1 / -1;
}

.contact__section-title {
  font-size: 1.4rem;
  color: rgba(var(--color-foreground), 0.75);
  margin-bottom: 1.5rem;
}

.contact__type-options {
  display: flex;
  gap: 2.5rem;
  flex-wrap: wrap;
}

.contact__reason-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.2rem;
}

.contact__type-option {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
  cursor: pointer;
}

.contact__type-option input[type="radio"],
.contact__type-option input[type="checkbox"] {
  width: 1.6rem;
  height: 1.6rem;
  accent-color: rgb(var(--color-button));
}

.button {
  background: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  font-size: 1.6rem;
  padding: 1.5rem 3rem;
  border-radius: 0.8rem;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
  width: 100%;
  max-width: 20rem;
}

.button:hover {
  opacity: 0.9;
}

.field--error .field__input {
  border-color: rgba(var(--color-error), 0.55);
}

#ContactForm-email-error {
  color: rgb(var(--color-error));
  font-size: 1.3rem;
  display: block;
  margin-top: 0.5rem;
}


{%- style -%}
.contact {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
  max-width: 120rem;
  margin: 0 auto;
  padding: 4rem 2rem;
}

@media screen and (min-width: 990px) {
  .contact {
    grid-template-columns: 1.2fr 1fr;
  }
}

.contact__fields {
  display: block;
}

.field {
  margin-bottom: 2rem;
}

.field__input,
.text-area.field__input {
  border: 1px solid rgba(var(--color-foreground), 0.1);
  padding: 1.5rem;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  width: 100%;
  transition: border-color 0.15s ease;
}

.field__input:focus,
.text-area.field__input:focus {
  border-color: rgb(var(--color-button));
  outline: none;
  box-shadow: 0 0 0 1px rgb(var(--color-button));
}

.contact__type,
.contact__reason,
.contact__message,
.contact__button {
  margin-bottom: 2.5rem;
}

.field--error .field__input {
  border-color: rgba(var(--color-error), 0.55);
}

.contact__button .button {
  width: 100%;
  max-width: none;
}

.field {
  position: relative;
  margin-bottom: 2rem;
}

.field__input {
  width: 100%;
  padding: 1.5rem;
  border: 1px solid #e1e1e1;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  background: transparent;
}

.field__input:focus {
  outline: none;
  border-color: #d03a35;
}

.field__label {
  position: absolute;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.6rem;
  color: #666;
  pointer-events: none;
  transition: 0.2s ease all;
}

.field__input:focus + .field__label,
.field__input:not(:placeholder-shown) + .field__label {
  top: 0;
  font-size: 1.2rem;
  background: white;
  padding: 0 0.5rem;
}

textarea.field__input + .field__label {
  top: 2.5rem;
}

textarea.field__input:focus + .field__label,
textarea.field__input:not(:placeholder-shown) + .field__label {
  top: 0;
}

.section-template--17991748092090__main-padding{
  display: none !important;
}

.button {
  width: 100%;
  padding: 1.5rem;
  background: #d03a35;
  color: white;
  border: none;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  cursor: pointer;
  transition: background 0.2s ease;
}

.button:hover {
  background: #b02a25;
}
.
{%- endstyle -%}
{% endstyle %}