/* TradesFolks 18.4.125 — RFQ sourcing polished compact */

@media(min-width:821px){
  /* same hero gutter, shorter section */
  .tf-homepage .rfq-sourcing-section,
  .tf-homepage .home-rfq-section,
  .tf-homepage .tf-home-rfq-sourcing,
  .tf-homepage .tf-rfq-sourcing{
    width:calc(100% - 56px)!important;
    max-width:none!important;
    margin:16px auto!important;
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:0 14px 34px rgba(8,31,61,.08)!important;
  }

  .tf-homepage .rfq-sourcing-section .rfq-sourcing-inner,
  .tf-homepage .home-rfq-section .rfq-sourcing-inner,
  .tf-homepage .tf-home-rfq-sourcing .tf-rfq-inner,
  .tf-homepage .tf-rfq-sourcing .tf-rfq-inner{
    min-height:360px!important;
    height:360px!important;
  }

  /* left side tighter and more premium */
  .tf-homepage .rfq-sourcing-section .rfq-sourcing-copy,
  .tf-homepage .home-rfq-section .rfq-sourcing-copy,
  .tf-homepage .tf-home-rfq-sourcing .tf-rfq-copy,
  .tf-homepage .tf-rfq-sourcing .tf-rfq-copy{
    padding:34px 42px!important;
  }

  .tf-homepage .rfq-sourcing-section h2,
  .tf-homepage .home-rfq-section h2,
  .tf-homepage .tf-home-rfq-sourcing h2,
  .tf-homepage .tf-rfq-sourcing h2{
    font-size:32px!important;
    line-height:1.05!important;
    margin-bottom:14px!important;
  }

  /* form card smaller */
  .tf-homepage .rfq-sourcing-section .rfq-form-card,
  .tf-homepage .home-rfq-section .rfq-form-card,
  .tf-homepage .tf-home-rfq-sourcing .tf-rfq-form-card,
  .tf-homepage .tf-rfq-sourcing .tf-rfq-form-card{
    width:min(700px,41vw)!important;
    max-width:700px!important;
    padding:24px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 18px 42px rgba(8,31,61,.13)!important;
    backdrop-filter:blur(10px)!important;
  }

  .tf-homepage .rfq-sourcing-section input,
  .tf-homepage .rfq-sourcing-section select,
  .tf-homepage .home-rfq-section input,
  .tf-homepage .home-rfq-section select,
  .tf-homepage .tf-home-rfq-sourcing input,
  .tf-homepage .tf-home-rfq-sourcing select,
  .tf-homepage .tf-rfq-sourcing input,
  .tf-homepage .tf-rfq-sourcing select{
    min-height:48px!important;
    height:48px!important;
    border-radius:11px!important;
  }

  .tf-homepage .rfq-sourcing-section textarea,
  .tf-homepage .home-rfq-section textarea,
  .tf-homepage .tf-home-rfq-sourcing textarea,
  .tf-homepage .tf-rfq-sourcing textarea{
    min-height:92px!important;
    height:92px!important;
    border-radius:11px!important;
  }

  .tf-homepage .rfq-sourcing-section button[type="submit"],
  .tf-homepage .home-rfq-section button[type="submit"],
  .tf-homepage .tf-home-rfq-sourcing button[type="submit"],
  .tf-homepage .tf-rfq-sourcing button[type="submit"]{
    min-height:46px!important;
    border-radius:999px!important;
    font-weight:900!important;
  }
}

/* MOBILE: show only compact form, matching screenshot 1 */
@media(max-width:820px){
  .tf-homepage .rfq-sourcing-section,
  .tf-homepage .home-rfq-section,
  .tf-homepage .tf-home-rfq-sourcing,
  .tf-homepage .tf-rfq-sourcing{
    width:calc(100% - 16px)!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:10px auto 12px!important;
    padding:0!important;
    background:none!important;
    border:0!important;
    border-radius:16px!important;
    overflow:visible!important;
    box-shadow:none!important;
  }

  /* remove background / EASY SOURCING / bullets / learn more */
  .tf-homepage .rfq-sourcing-section .rfq-sourcing-copy,
  .tf-homepage .rfq-sourcing-section .rfq-sourcing-visual,
  .tf-homepage .home-rfq-section .rfq-sourcing-copy,
  .tf-homepage .home-rfq-section .rfq-sourcing-visual,
  .tf-homepage .tf-home-rfq-sourcing .tf-rfq-copy,
  .tf-homepage .tf-home-rfq-sourcing .tf-rfq-left,
  .tf-homepage .tf-home-rfq-sourcing .tf-rfq-media,
  .tf-homepage .tf-rfq-sourcing .tf-rfq-copy,
  .tf-homepage .tf-rfq-sourcing .tf-rfq-left,
  .tf-homepage .tf-rfq-sourcing .tf-rfq-media{
    display:none!important;
  }

  .tf-homepage .rfq-sourcing-section .rfq-sourcing-inner,
  .tf-homepage .home-rfq-section .rfq-sourcing-inner,
  .tf-homepage .tf-home-rfq-sourcing .tf-rfq-inner,
  .tf-homepage .tf-rfq-sourcing .tf-rfq-inner{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    background:none!important;
  }

  /* white card only */
  .tf-homepage .rfq-sourcing-section .rfq-form-card,
  .tf-homepage .home-rfq-section .rfq-form-card,
  .tf-homepage .tf-home-rfq-sourcing .tf-rfq-form-card,
  .tf-homepage .tf-rfq-sourcing .tf-rfq-form-card{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px!important;
    border:1px solid #e5eaf0!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(8,31,61,.08)!important;
    box-sizing:border-box!important;
  }

  .tf-homepage .rfq-sourcing-section h2,
  .tf-homepage .home-rfq-section h2,
  .tf-homepage .tf-home-rfq-sourcing h2,
  .tf-homepage .tf-rfq-sourcing h2{
    margin:0 0 10px!important;
    font-size:24px!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
  }

  .tf-homepage .rfq-sourcing-section input,
  .tf-homepage .rfq-sourcing-section select,
  .tf-homepage .home-rfq-section input,
  .tf-homepage .home-rfq-section select,
  .tf-homepage .tf-home-rfq-sourcing input,
  .tf-homepage .tf-home-rfq-sourcing select,
  .tf-homepage .tf-rfq-sourcing input,
  .tf-homepage .tf-rfq-sourcing select{
    min-height:44px!important;
    height:44px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }

  .tf-homepage .rfq-sourcing-section textarea,
  .tf-homepage .home-rfq-section textarea,
  .tf-homepage .tf-home-rfq-sourcing textarea,
  .tf-homepage .tf-rfq-sourcing textarea{
    min-height:86px!important;
    height:86px!important;
    padding:12px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }

  .tf-homepage .rfq-sourcing-section button[type="submit"],
  .tf-homepage .home-rfq-section button[type="submit"],
  .tf-homepage .tf-home-rfq-sourcing button[type="submit"],
  .tf-homepage .tf-rfq-sourcing button[type="submit"]{
    width:100%!important;
    min-height:44px!important;
    height:44px!important;
    border-radius:999px!important;
    font-size:14px!important;
    font-weight:900!important;
  }
}
@media(max-width:820px){.tf-homepage .tf-rfq-canonical__copy{display:none!important;}}


/* ===== Exact production selectors: .tf-rfq-canonical ===== */
@media(min-width:821px){
  .tf-homepage .tf-rfq-canonical{
    width:calc(100% - 56px)!important;
    margin:16px auto!important;
    padding:0!important;
  }
  .tf-homepage .tf-rfq-canonical__canvas{
    position:relative!important;
    width:100%!important;
    min-height:350px!important;
    height:350px!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    box-shadow:0 14px 34px rgba(8,31,61,.08)!important;
  }
  .tf-homepage .tf-rfq-canonical__artwork{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .tf-homepage .tf-rfq-canonical__copy{
    position:absolute!important;
    left:42px!important;
    top:50%!important;
    width:47%!important;
    max-width:660px!important;
    transform:translateY(-50%)!important;
  }
  .tf-homepage .tf-rfq-canonical__copy .tf-rfq-canonical__label{
    font-size:26px!important;
    line-height:1!important;
    padding:5px 8px!important;
  }
  .tf-homepage .tf-rfq-canonical__copy>h2{
    display:none!important;
  }
  .tf-homepage .tf-rfq-canonical__copy>p{
    margin:18px 0 18px!important;
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:700!important;
  }
  .tf-homepage .tf-rfq-canonical__copy ul{
    margin:0 0 20px!important;
    padding:0!important;
    list-style:none!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  .tf-homepage .tf-rfq-canonical__copy>a{
    font-size:14px!important;
    font-weight:850!important;
  }

  .tf-homepage .tf-rfq-canonical__form-card{
    position:absolute!important;
    right:34px!important;
    top:50%!important;
    width:min(680px,40vw)!important;
    max-width:680px!important;
    padding:22px!important;
    transform:translateY(-50%)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.965)!important;
    box-shadow:0 16px 38px rgba(8,31,61,.14)!important;
    backdrop-filter:blur(10px)!important;
  }
  .tf-homepage .tf-rfq-canonical__form-card>h2{
    margin:0 0 14px!important;
    font-size:28px!important;
    line-height:1.05!important;
  }
  .tf-homepage .tf-rfq-canonical__form{
    display:grid!important;
    gap:10px!important;
  }
  .tf-homepage .tf-rfq-canonical__form label{
    margin:0!important;
  }
  .tf-homepage .tf-rfq-canonical__form input,
  .tf-homepage .tf-rfq-canonical__form select{
    min-height:44px!important;
    height:44px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  .tf-homepage .tf-rfq-canonical__form textarea{
    min-height:82px!important;
    height:82px!important;
    padding:11px 12px!important;
    border-radius:10px!important;
    font-size:13px!important;
  }
  .tf-homepage .tf-rfq-canonical__row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .tf-homepage .tf-rfq-canonical__form button[type="submit"]{
    width:max-content!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 20px!important;
    border-radius:999px!important;
    font-size:13px!important;
    font-weight:900!important;
  }
}

@media(max-width:820px){
  .tf-homepage .tf-rfq-canonical{
    width:calc(100% - 16px)!important;
    margin:10px auto 12px!important;
    padding:0!important;
    background:none!important;
  }
  .tf-homepage .tf-rfq-canonical__canvas{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    overflow:visible!important;
    border-radius:16px!important;
    background:none!important;
    box-shadow:none!important;
  }

  /* User requested: mobile = form only */
  .tf-homepage .tf-rfq-canonical__artwork,
  .tf-homepage .tf-rfq-canonical__scrim,
  .tf-homepage .tf-rfq-canonical__copy{
    display:none!important;
  }

  .tf-homepage .tf-rfq-canonical__form-card{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px!important;
    transform:none!important;
    border:1px solid #e2e8f0!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(8,31,61,.09)!important;
    box-sizing:border-box!important;
  }
  .tf-homepage .tf-rfq-canonical__form-card>h2{
    margin:0 0 10px!important;
    font-size:24px!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
  }
  .tf-homepage .tf-rfq-canonical__form{
    display:grid!important;
    gap:9px!important;
  }
  .tf-homepage .tf-rfq-canonical__form label{
    margin:0!important;
  }
  .tf-homepage .tf-rfq-canonical__form label>span{
    display:none!important;
  }
  .tf-homepage .tf-rfq-canonical__form input,
  .tf-homepage .tf-rfq-canonical__form select{
    width:100%!important;
    min-height:44px!important;
    height:44px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:13px!important;
    box-sizing:border-box!important;
  }
  .tf-homepage .tf-rfq-canonical__form textarea{
    width:100%!important;
    min-height:86px!important;
    height:86px!important;
    padding:12px!important;
    border-radius:10px!important;
    font-size:13px!important;
    box-sizing:border-box!important;
  }
  .tf-homepage .tf-rfq-canonical__row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }
  .tf-homepage .tf-rfq-canonical__form button[type="submit"]{
    width:100%!important;
    min-height:44px!important;
    height:44px!important;
    margin:0!important;
    border-radius:999px!important;
    font-size:14px!important;
    font-weight:900!important;
  }
}

@media(max-width:420px){
  .tf-homepage .tf-rfq-canonical{
    width:calc(100% - 12px)!important;
  }
  .tf-homepage .tf-rfq-canonical__form-card{
    padding:12px!important;
  }
  .tf-homepage .tf-rfq-canonical__form-card>h2{
    font-size:22px!important;
  }
  .tf-homepage .tf-rfq-canonical__form input,
  .tf-homepage .tf-rfq-canonical__form select{
    min-height:42px!important;
    height:42px!important;
    font-size:12px!important;
  }
  .tf-homepage .tf-rfq-canonical__form textarea{
    min-height:78px!important;
    height:78px!important;
    font-size:12px!important;
  }
  .tf-homepage .tf-rfq-canonical__form button[type="submit"]{
    min-height:42px!important;
    height:42px!important;
    font-size:13px!important;
  }
}