/* TradesFolks 18.4.126 — RFQ more compact + responsive */

/* LARGE DESKTOP */
@media(min-width:1180px){
  .tf-homepage .tf-rfq-canonical{
    width:calc(100% - 56px)!important;
    margin:14px auto!important;
  }

  .tf-homepage .tf-rfq-canonical__canvas{
    height:320px!important;
    min-height:320px!important;
    border-radius:17px!important;
  }

  .tf-homepage .tf-rfq-canonical__copy{
    left:38px!important;
    width:46%!important;
    max-width:600px!important;
  }

  .tf-homepage .tf-rfq-canonical__copy .tf-rfq-canonical__label{
    font-size:22px!important;
    padding:4px 7px!important;
  }

  .tf-homepage .tf-rfq-canonical__copy>p{
    margin:14px 0 14px!important;
    font-size:14px!important;
  }

  .tf-homepage .tf-rfq-canonical__copy ul{
    margin-bottom:16px!important;
    font-size:12px!important;
    line-height:1.45!important;
  }

  .tf-homepage .tf-rfq-canonical__copy>a{
    font-size:12px!important;
  }

  .tf-homepage .tf-rfq-canonical__form-card{
    right:28px!important;
    width:min(590px,38vw)!important;
    max-width:590px!important;
    padding:18px!important;
    border-radius:16px!important;
    box-shadow:0 14px 32px rgba(8,31,61,.12)!important;
  }

  .tf-homepage .tf-rfq-canonical__form-card>h2{
    margin:0 0 11px!important;
    font-size:24px!important;
  }

  .tf-homepage .tf-rfq-canonical__form{
    gap:8px!important;
  }

  .tf-homepage .tf-rfq-canonical__form input,
  .tf-homepage .tf-rfq-canonical__form select{
    height:40px!important;
    min-height:40px!important;
    padding:0 11px!important;
    font-size:12px!important;
    border-radius:9px!important;
  }

  .tf-homepage .tf-rfq-canonical__form textarea{
    height:70px!important;
    min-height:70px!important;
    padding:10px 11px!important;
    font-size:12px!important;
    border-radius:9px!important;
  }

  .tf-homepage .tf-rfq-canonical__row{
    gap:8px!important;
  }

  .tf-homepage .tf-rfq-canonical__form button[type="submit"]{
    height:38px!important;
    min-height:38px!important;
    padding:0 18px!important;
    font-size:12px!important;
  }
}

/* TABLET / SMALL DESKTOP */
@media(min-width:821px) and (max-width:1179px){
  .tf-homepage .tf-rfq-canonical{
    width:calc(100% - 32px)!important;
    margin:12px auto!important;
  }

  .tf-homepage .tf-rfq-canonical__canvas{
    height:300px!important;
    min-height:300px!important;
    border-radius:16px!important;
  }

  .tf-homepage .tf-rfq-canonical__copy{
    left:26px!important;
    width:43%!important;
    max-width:430px!important;
  }

  .tf-homepage .tf-rfq-canonical__copy .tf-rfq-canonical__label{
    font-size:18px!important;
  }

  .tf-homepage .tf-rfq-canonical__copy>p{
    margin:12px 0!important;
    font-size:12px!important;
  }

  .tf-homepage .tf-rfq-canonical__copy ul{
    margin-bottom:13px!important;
    font-size:10px!important;
  }

  .tf-homepage .tf-rfq-canonical__copy>a{
    font-size:10px!important;
  }

  .tf-homepage .tf-rfq-canonical__form-card{
    right:20px!important;
    width:48%!important;
    max-width:510px!important;
    padding:16px!important;
    border-radius:15px!important;
  }

  .tf-homepage .tf-rfq-canonical__form-card>h2{
    margin-bottom:9px!important;
    font-size:21px!important;
  }

  .tf-homepage .tf-rfq-canonical__form{
    gap:7px!important;
  }

  .tf-homepage .tf-rfq-canonical__form input,
  .tf-homepage .tf-rfq-canonical__form select{
    height:38px!important;
    min-height:38px!important;
    font-size:11px!important;
  }

  .tf-homepage .tf-rfq-canonical__form textarea{
    height:64px!important;
    min-height:64px!important;
    font-size:11px!important;
  }

  .tf-homepage .tf-rfq-canonical__form button[type="submit"]{
    height:36px!important;
    min-height:36px!important;
    padding:0 16px!important;
    font-size:11px!important;
  }
}

/* MOBILE — form only, significantly more compact */
@media(max-width:820px){
  .tf-homepage .tf-rfq-canonical{
    width:calc(100% - 16px)!important;
    margin:8px auto 10px!important;
  }

  .tf-homepage .tf-rfq-canonical__form-card{
    width:100%!important;
    padding:11px!important;
    border-radius:14px!important;
    box-shadow:0 6px 18px rgba(8,31,61,.08)!important;
  }

  .tf-homepage .tf-rfq-canonical__form-card>h2{
    margin:0 0 8px!important;
    font-size:20px!important;
    line-height:1.04!important;
  }

  .tf-homepage .tf-rfq-canonical__form{
    gap:7px!important;
  }

  .tf-homepage .tf-rfq-canonical__form input,
  .tf-homepage .tf-rfq-canonical__form select{
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    font-size:12px!important;
    border-radius:9px!important;
  }

  .tf-homepage .tf-rfq-canonical__form textarea{
    height:72px!important;
    min-height:72px!important;
    padding:10px!important;
    font-size:12px!important;
    border-radius:9px!important;
  }

  .tf-homepage .tf-rfq-canonical__row{
    gap:7px!important;
  }

  .tf-homepage .tf-rfq-canonical__form button[type="submit"]{
    height:40px!important;
    min-height:40px!important;
    font-size:12px!important;
    border-radius:999px!important;
  }
}

/* VERY SMALL PHONES */
@media(max-width:430px){
  .tf-homepage .tf-rfq-canonical{
    width:calc(100% - 12px)!important;
    margin-top:7px!important;
  }

  .tf-homepage .tf-rfq-canonical__form-card{
    padding:10px!important;
    border-radius:13px!important;
  }

  .tf-homepage .tf-rfq-canonical__form-card>h2{
    font-size:18px!important;
    margin-bottom:7px!important;
  }

  .tf-homepage .tf-rfq-canonical__form input,
  .tf-homepage .tf-rfq-canonical__form select{
    height:38px!important;
    min-height:38px!important;
    font-size:11px!important;
  }

  .tf-homepage .tf-rfq-canonical__form textarea{
    height:66px!important;
    min-height:66px!important;
    font-size:11px!important;
  }

  .tf-homepage .tf-rfq-canonical__form button[type="submit"]{
    height:38px!important;
    min-height:38px!important;
    font-size:11px!important;
  }
}