/* TradesFolks 18.4.46 — Compact Mobile RFQ
   Mobile-only density pass for "Want to get quotations?".
   Desktop/tablet desktop layout is intentionally untouched. */

@media(max-width:640px){
  body:has(.tf-home-v3) .tf-rfq-canonical{
    padding:8px 0 14px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__canvas{
    width:calc(100% - 16px)!important;
    padding-top:320px!important;
    border-radius:16px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__artwork{
    height:320px!important;
    object-fit:cover!important;
    object-position:center top!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__scrim{
    height:320px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__copy{
    top:20px!important;
    left:14px!important;
    right:14px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__label{
    margin-bottom:10px!important;
    padding:5px 7px!important;
    font-size:22px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__copy>p{
    margin-bottom:12px!important;
    font-size:12px!important;
    line-height:1.4!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__copy ul{
    margin-bottom:14px!important;
    font-size:11px!important;
    line-height:1.5!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__copy a{
    font-size:12px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__form-card{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:-20px 7px 8px!important;
    padding:14px 12px 13px!important;
    border-radius:14px!important;
    box-shadow:0 8px 24px rgba(15,23,42,.10)!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__form-card>h2{
    margin:0 0 10px!important;
    font-size:23px!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__form{
    gap:9px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__form :is(input,select,textarea){
    border-radius:10px!important;
    font-size:13px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__form input,
  body:has(.tf-home-v3) .tf-rfq-canonical__form select{
    height:44px!important;
    min-height:44px!important;
    padding:0 11px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__form textarea{
    min-height:76px!important;
    height:76px!important;
    padding:10px 11px!important;
    line-height:1.35!important;
  }

  /* Keep quantity + unit in one compact row on phones. */
  body:has(.tf-home-v3) .tf-rfq-canonical__row{
    display:grid!important;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
    gap:7px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__row label{
    min-width:0!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__row :is(input,select){
    min-width:0!important;
    width:100%!important;
    font-size:12.5px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__form button{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin-top:2px!important;
    padding:0 14px!important;
    border-width:1.5px!important;
    font-size:13px!important;
    font-weight:700!important;
  }
}

@media(max-width:390px){
  body:has(.tf-home-v3) .tf-rfq-canonical__canvas{
    width:calc(100% - 12px)!important;
    padding-top:300px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__artwork,
  body:has(.tf-home-v3) .tf-rfq-canonical__scrim{
    height:300px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__form-card{
    margin:-18px 6px 7px!important;
    padding:13px 10px 12px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__form-card>h2{
    font-size:21px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__form input,
  body:has(.tf-home-v3) .tf-rfq-canonical__form select{
    height:42px!important;
    min-height:42px!important;
    padding-inline:9px!important;
    font-size:12px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__form textarea{
    height:70px!important;
    min-height:70px!important;
    padding:9px!important;
    font-size:12px!important;
  }

  body:has(.tf-home-v3) .tf-rfq-canonical__form button{
    height:40px!important;
    min-height:40px!important;
    font-size:12.5px!important;
  }
}