/* ===== Join Up! franchise form — CF7 .form-in-block .wpcf7 ===== */
.wpcf7-spinner {
  display: none !important;
}
/* Grid container */
.form-in-block .wpcf7 .wpcf7-form{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px 24px;
    max-width:640px;
    margin:0 auto;
  }
  
  /* Row/field order + spans (matches screenshot pairing) */
  .form-in-block .wpcf7 .wpcf7-form > *:nth-child(1){display:none}          /* hidden fields   */
  .form-in-block .wpcf7 .wpcf7-form > *:nth-child(2){order:1}               /* Ваше имя        */
  .form-in-block .wpcf7 .wpcf7-form > *:nth-child(4){order:2}               /* Ваш email       */
  .form-in-block .wpcf7 .wpcf7-form > *:nth-child(5){order:3}               /* Ваш телефон     */
  .form-in-block .wpcf7 .wpcf7-form > *:nth-child(3){order:4}               /* Франшиза в городе */
  .form-in-block .wpcf7 .wpcf7-form > *:nth-child(6){order:5;grid-column:1/-1} /* radio pills  */
  .form-in-block .wpcf7 .wpcf7-form > *:nth-child(7){order:6;grid-column:1/-1} /* submit       */
  .form-in-block .wpcf7 .wpcf7-form > *:nth-child(8){order:7;grid-column:1/-1} /* response     */
  
  /* Labels above fields */
  .form-in-block .wpcf7 .fc7-row > label{
    display:block;
    margin:0 22px;
    font-size:16px;
    font-weight:600;
    color:#16164f;
    line-height: 1;
  }
  .form-in-block .wpcf7 .fc7-row.row-pills > label {
    margin-bottom: 16px;
    margin-top: 8px;
  }
  
  /* Control wrapper spans full width */
  .form-in-block .wpcf7 .wpcf7-form-control-wrap{display:block;width:100%}
  
  /* Text / email / tel inputs */
  .form-in-block .wpcf7 input.wpcf7-text,
  .form-in-block .wpcf7 input[type=text],
  .form-in-block .wpcf7 input[type=email],
  .form-in-block .wpcf7 input[type=tel]{
    width:100%;
    box-sizing:border-box;
    padding:16px 22px;
    border:none;
    border-radius:16px;
    background:#fff;
    font-family:inherit;
    font-size:16px;
    font-weight:600;
    color:#16164f;
    box-shadow:0 2px 8px rgba(30,60,90,.06);
    transition: box-shadow .15s ease;
    -webkit-transition: box-shadow .15s ease;
    -moz-transition: box-shadow .15s ease;
    -ms-transition: box-shadow .15s ease;
    -o-transition: box-shadow .15s ease;
}
  .form-in-block .wpcf7 input::placeholder{color:#9aa7b4;font-weight:500}
  .form-in-block .wpcf7 input:focus{outline:2px solid #e2661f;outline-offset:0}
  .form-in-block .wpcf7 input:not([type=submit]):hover {
    box-shadow: 4px 18px 22px 0 hsla(0, 0%, 45%, .14);
  }

  
  /* Experience radio pills */
  .form-in-block .wpcf7 .radio-pills{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
  }
  .form-in-block .wpcf7 .radio-pills .wpcf7-list-item{ margin:0; transition: all .15s ease; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; }
  .form-in-block .wpcf7 .radio-pills .wpcf7-list-item:hover {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
}
  .form-in-block .wpcf7 .radio-pills label{
    display:inline-flex;
    align-items:center;
    padding:13px 30px;
    background:#fff;
    border-radius:999px;
    cursor:pointer;
    font-weight:600;
    color:#16164f;
    box-shadow:0 2px 8px rgba(30,60,90,.06);
    transition:background .15s,color .15s;
  }
  .form-in-block .wpcf7 .radio-pills input[type=radio]{
    position:absolute;
    opacity:0;
    width:0;height:0;
  }
  .form-in-block .wpcf7 .radio-pills label:has(input:checked){
    background:#f0a689;
  }
  
  /* Submit button */
  .form-in-block .wpcf7 .stk-block-button{
    display:flex;
    justify-content:center;
    margin-top:10px;
  }
  .form-in-block .wpcf7 input.wpcf7-submit{
    padding:18px 50px;
    border:none;
    border-radius:999px;
    background:#e2661f;
    color:#fff;
    font-family:inherit;
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.02em;
    cursor:pointer;
    transition:background .15s;
  }
  .form-in-block .wpcf7 input.wpcf7-submit:hover{background:#cf5817}
  
  /* Mobile: single column */
  @media (max-width:600px){
    .form-in-block .wpcf7 .wpcf7-form{grid-template-columns:1fr}
    .form-in-block .wpcf7 .wpcf7-form > *{grid-column:1/-1 !important}
  }
/* Forms that redirect to /thank-u-<lang>/ after send (see js/cf7-redirect.js):
   hide CF7's success message — the thank-you page replaces it. */
.wpcf7 form.sent[data-redirect-lang] .wpcf7-response-output {
  display: none;
}