/** Shopify CDN: Minification failed

Line 176:10 Unexpected "{"
Line 176:19 Expected ":"
Line 177:14 Expected identifier but found whitespace
Line 177:16 Unexpected "{"
Line 177:25 Expected ":"
Line 177:76 Expected ":"
Line 178:17 Expected identifier but found whitespace
Line 178:19 Unexpected "{"
Line 178:28 Expected ":"
Line 178:82 Expected ":"
... and 10 more hidden warnings

**/
.contact {
  text-align: center;

  margin: 0 auto; /* Центрирование контактной формы */
}

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

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

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

.contact .field {
  margin-bottom: 1.5rem;
}

/* Увеличиваем ширину полей ввода */
.contact .field__input {
  width: 150px;
}

/* Автоматическое увеличение высоты поля ввода комментария */
.contact textarea {
  height: 100%;
  overflow-y: hidden; /* Скрытие полосы прокрутки */
}

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

.contact__button {
  margin-top: 3rem;
  
}

@media screen and (min-width: 750px) {
  .contact__button {
    margin-top: 4rem;
  }
}

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

.button:before, 
.shopify-challenge__button:before, 
.customer button:before, 
.shopify-payment-button__button--unbranded:before, 
.shopify-payment-button [role='button']:before, .cart__dynamic-checkout-buttons [role='button']:before {

    border-radius: 12px!important;

    
  
}

.button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {

    border-radius: 12px!important;
}

.button:not([disabled]):hover::after, .shopify-challenge__button:hover::after, .customer button:hover::after, .shopify-payment-button__button--unbranded:hover::after {
    border-radius: 12px;
    box-shadow: 1px 1px 2.5px 2.5px rgba(0, 0, 0, 0.25)!important;
}


.button,
.shopify-challenge__button,
.customer button,
button.shopify-payment-button__button--unbranded,
.shopify-payment-button [role='button'],
.cart__dynamic-checkout-buttons [role='button'],
.cart__dynamic-checkout-buttons iframe {
  --border-opacity: unset;
  border-radius: 12px;
}





/* ПРИ ВЫБОРЕ ПОЛЯ ВЫБОРА */
.contact .field:focus:after{
  
  border: 1px!important;
  border-radius: 12px!important; 
  box-shadow: 1px 1px 2.5px 2.5px rgba(0, 0, 0, 0.2)!important;
  
}

.contact .field__input {

    border: 1px solid #000!important;
    border-radius:0;
  
}

.field:before {
  
  box-shadow: unset!important;
  border: 0px!important; /* хуета  */
  border-radius: 0px!important; /* хуета  */

}


/* ПРИ ВСЕГДА */
.contact .field:after{
  
  box-shadow: unset!important;    
  border: 1px solid #fff!important;
  border-radius: 0;
  
}
/* ПРИ НАВЕДЕНИИ */
.contact .field:hover.field:after {

  outline: unset!important;
  border: unset!important;
  border-radius: 0; 
  box-shadow: 1px 1px 2.5px 2.5px rgba(0, 0, 0, 0.2)!important;
  
}



.contact .field__input:focus{
  box-shadow: 1px 1px 2.5px 2.5px rgba(0, 0, 0, 0.2)!important;

  outline: 0;
  border-radius: var(--inputs-radius);
    border: 1px solid #000;
  border-radius:0;
}

.contact .field__input:focus-visible{
  box-shadow: 1px 1px 2.5px 2.5px rgba(0, 0, 0, 0.2)!important;

  outline: 0;
  border-radius: var(--inputs-radius);
    border: 1px solid #000;
  border-radius:0;
}

  
.section-{{ section.id }}-padding {
  padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
  padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
}

@media screen and (min-width: 750px) {
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top }}px;
    padding-bottom: {{ section.settings.padding_bottom }}px;
  }
}

.contact__fields, .form__label, .contact__button{
  font-family: "PerpetuaMTStd" !important;
  color:black;
}

.field__label{
  color:black;
  font-family: PerpetuaMTStd!important;
}

.button, .shopify-challenge__button, .customer button, button.shopify-payment-button__button--unbranded {
    min-width: 0;
    min-height: 0;
    padding: 10px 30px;
}


.contact__button{ 
  position: relative;
  display: inline-block;
  padding: 5px 20px;
  font-size: 0.8em!important;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  line-height: 1.5em;
  outline: none;
  margin-top: 25px;
  margin-bottom:25px;
  font-family:Perpetua Std!important;
  z-index:3;
}


.form-status {
    color: black;
}

.form-status-list {
    display: flex;
    justify-content: left;
}

.field--with-error {
  position: relative;
}

.contact__field-error {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}