/* TradesFolks 18.4.143
   RFQ Marketplace — exact-class premium/mobile-app UI.
   No heuristic parent-class styling.
*/

.tf-homepage{
  --tf-rfq-gutter:28px;
}
@media(max-width:1279px){.tf-homepage{--tf-rfq-gutter:22px}}
@media(max-width:1023px){.tf-homepage{--tf-rfq-gutter:16px}}
@media(max-width:820px){.tf-homepage{--tf-rfq-gutter:8px}}
@media(max-width:430px){.tf-homepage{--tf-rfq-gutter:6px}}

/* =========================================
   OUTER SECTION — same horizontal gutter as hero
   ========================================= */
.tf-homepage .tf-rfq-enterprise{
  width:calc(100% - (var(--tf-rfq-gutter) * 2))!important;
  max-width:none!important;
  margin:18px auto!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}

.tf-homepage .tf-rfq-enterprise > .shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

/* =========================================
   HEADER — always light, readable
   ========================================= */
.tf-homepage .tf-rfq-enterprise-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:0!important;
  background:transparent!important;
  color:#102b57!important;
}

.tf-homepage .tf-rfq-enterprise-head > div{
  min-width:0!important;
}

.tf-homepage .tf-rfq-enterprise-head .eyebrow{
  display:block!important;
  margin:0 0 4px!important;
  color:#0867d8!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
}

.tf-homepage .tf-rfq-enterprise-head h2{
  margin:0!important;
  color:#102b57!important;
  font-size:32px!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  font-weight:800!important;
}

.tf-homepage .tf-rfq-enterprise-head p{
  margin:5px 0 0!important;
  color:#61748d!important;
  font-size:11px!important;
  line-height:1.35!important;
}

.tf-homepage .tf-rfq-enterprise-head > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid #d8e4f1!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#0667d8!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:0 5px 14px rgba(16,43,87,.035)!important;
  text-decoration:none!important;
}

/* =========================================
   DESKTOP GRID
   ========================================= */
.tf-homepage .tf-rfq-enterprise-layout{
  display:grid!important;
  grid-template-columns:minmax(350px,.78fr) minmax(0,1.22fr)!important;
  gap:12px!important;
  width:100%!important;
  max-width:none!important;
  align-items:stretch!important;
}

/* Left intro card */
.tf-homepage .tf-rfq-enterprise-intro{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:330px!important;
  margin:0!important;
  padding:28px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(255,195,47,.14),transparent 27%),
    linear-gradient(145deg,#0a2b5b 0%,#143d73 100%)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(9,42,88,.12)!important;
  overflow:hidden!important;
}

.tf-homepage .tf-rfq-enterprise-intro > span{
  align-self:flex-start!important;
  margin:0 0 18px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:#ffbf2f!important;
  color:#102b57!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
}

.tf-homepage .tf-rfq-enterprise-intro h3{
  max-width:480px!important;
  margin:0!important;
  color:#fff!important;
  font-size:29px!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  font-weight:800!important;
}

.tf-homepage .tf-rfq-enterprise-intro > p{
  max-width:520px!important;
  margin:12px 0 0!important;
  color:rgba(255,255,255,.84)!important;
  font-size:11px!important;
  line-height:1.45!important;
}

.tf-homepage .tf-rfq-enterprise-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:24px!important;
}

.tf-homepage .tf-rfq-enterprise-actions a{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:62px!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.80)!important;
  font-size:9px!important;
  line-height:1.2!important;
  text-decoration:none!important;
}

.tf-homepage .tf-rfq-enterprise-actions a b{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.1!important;
}

.tf-homepage .tf-rfq-enterprise-intro > small{
  display:block!important;
  margin-top:16px!important;
  color:rgba(255,255,255,.56)!important;
  font-size:8px!important;
  line-height:1.3!important;
}

/* Right RFQ list/card */
.tf-homepage .tf-rfq-enterprise-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
}

.tf-homepage .tf-rfq-enterprise-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:330px!important;
  height:100%!important;
  margin:0!important;
  padding:22px!important;
  border:1px solid #d9e3ef!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fffdf7 0%,#fff 72%)!important;
  box-shadow:0 12px 28px rgba(16,43,87,.06)!important;
  overflow:hidden!important;
}

.tf-homepage .tf-rfq-enterprise-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
}

.tf-homepage .tf-rfq-enterprise-meta > span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  background:#e5f8ef!important;
  color:#078850!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
}

.tf-homepage .tf-rfq-enterprise-meta > span::before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  margin-right:7px!important;
  border-radius:50%!important;
  background:#23ad69!important;
  box-shadow:0 0 0 4px rgba(35,173,105,.10)!important;
}

.tf-homepage .tf-rfq-enterprise-meta small{
  min-width:0!important;
  color:#667991!important;
  font-size:9px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.tf-homepage .tf-rfq-enterprise-card > h3{
  margin:16px 0 14px!important;
  color:#102b57!important;
  font-size:22px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  font-weight:800!important;
}

.tf-homepage .tf-rfq-enterprise-card dl{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}

.tf-homepage .tf-rfq-enterprise-card dl > div{
  min-width:0!important;
  min-height:66px!important;
  padding:11px 12px!important;
  border-radius:12px!important;
  background:#f5f7fa!important;
}

.tf-homepage .tf-rfq-enterprise-card dt{
  margin:0 0 5px!important;
  color:#72849a!important;
  font-size:8px!important;
  line-height:1!important;
}

.tf-homepage .tf-rfq-enterprise-card dd{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
  color:#102b57!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:800!important;
}

/* Compact in-field country badge */
.tf-homepage .tf-rfq-country-inline{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  max-width:100%!important;
  padding:3px 7px 3px 4px!important;
  border:1px solid #efc34c!important;
  border-radius:999px!important;
  background:#fff9e5!important;
  color:#102b57!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
}

.tf-homepage .tf-rfq-country-inline img{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:1px solid #fff!important;
  box-shadow:0 0 0 1px rgba(16,43,87,.12)!important;
}

.tf-homepage .tf-rfq-enterprise-buyer{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:auto!important;
  padding-top:14px!important;
  border-top:1px solid #e5ebf2!important;
  color:#5b708a!important;
  font-size:10px!important;
}

.tf-homepage .tf-rfq-enterprise-buyer b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  background:#0b6dd8!important;
  color:#fff!important;
  font-size:11px!important;
}

.tf-homepage .tf-rfq-enterprise-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:44px!important;
  margin-top:12px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  background:#08285c!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  text-decoration:none!important;
}

/* =========================================
   TABLET / ZOOM
   ========================================= */
@media(min-width:821px) and (max-width:1179px){
  .tf-homepage .tf-rfq-enterprise-layout{
    grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)!important;
    gap:10px!important;
  }

  .tf-homepage .tf-rfq-enterprise-intro,
  .tf-homepage .tf-rfq-enterprise-card{
    min-height:310px!important;
  }

  .tf-homepage .tf-rfq-enterprise-intro{
    padding:22px!important;
  }

  .tf-homepage .tf-rfq-enterprise-intro h3{
    font-size:24px!important;
  }
}

/* =========================================
   MOBILE APP MODE — smaller, cleaner
   ========================================= */
@media(max-width:820px){
  .tf-homepage .tf-rfq-enterprise{
    width:calc(100% - (var(--tf-rfq-gutter) * 2))!important;
    margin:12px auto!important;
  }

  .tf-homepage .tf-rfq-enterprise-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:8px!important;
    margin-bottom:9px!important;
  }

  .tf-homepage .tf-rfq-enterprise-head .eyebrow{
    margin-bottom:3px!important;
    font-size:7px!important;
  }

  .tf-homepage .tf-rfq-enterprise-head h2{
    font-size:21px!important;
    line-height:1.03!important;
  }

  .tf-homepage .tf-rfq-enterprise-head p{
    max-width:260px!important;
    margin-top:3px!important;
    font-size:9px!important;
    line-height:1.25!important;
  }

  .tf-homepage .tf-rfq-enterprise-head > a{
    min-height:34px!important;
    padding:0 11px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }

  .tf-homepage .tf-rfq-enterprise-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .tf-homepage .tf-rfq-enterprise-intro{
    min-height:0!important;
    height:auto!important;
    padding:16px!important;
    border-radius:15px!important;
  }

  .tf-homepage .tf-rfq-enterprise-intro > span{
    margin-bottom:11px!important;
    padding:6px 10px!important;
    font-size:7px!important;
  }

  .tf-homepage .tf-rfq-enterprise-intro h3{
    max-width:320px!important;
    font-size:21px!important;
    line-height:1.06!important;
  }

  .tf-homepage .tf-rfq-enterprise-intro > p{
    max-width:340px!important;
    margin-top:8px!important;
    font-size:9px!important;
    line-height:1.35!important;
  }

  .tf-homepage .tf-rfq-enterprise-actions{
    gap:7px!important;
    margin-top:14px!important;
  }

  .tf-homepage .tf-rfq-enterprise-actions a{
    min-height:50px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    font-size:7px!important;
  }

  .tf-homepage .tf-rfq-enterprise-actions a b{
    margin-top:3px!important;
    font-size:11px!important;
  }

  .tf-homepage .tf-rfq-enterprise-intro > small{
    display:none!important;
  }

  .tf-homepage .tf-rfq-enterprise-card{
    min-height:0!important;
    height:auto!important;
    padding:14px!important;
    border-radius:15px!important;
  }

  .tf-homepage .tf-rfq-enterprise-meta > span{
    min-height:26px!important;
    padding:0 9px!important;
    font-size:7px!important;
  }

  .tf-homepage .tf-rfq-enterprise-meta > span::before{
    width:6px!important;
    height:6px!important;
    margin-right:6px!important;
    box-shadow:0 0 0 3px rgba(35,173,105,.10)!important;
  }

  .tf-homepage .tf-rfq-enterprise-meta small{
    max-width:110px!important;
    font-size:7px!important;
  }

  .tf-homepage .tf-rfq-enterprise-card > h3{
    margin:11px 0 10px!important;
    font-size:20px!important;
    line-height:1.04!important;
  }

  .tf-homepage .tf-rfq-enterprise-card dl{
    gap:7px!important;
  }

  .tf-homepage .tf-rfq-enterprise-card dl > div{
    min-height:58px!important;
    padding:9px 10px!important;
    border-radius:10px!important;
  }

  .tf-homepage .tf-rfq-enterprise-card dt{
    margin-bottom:4px!important;
    font-size:7px!important;
  }

  .tf-homepage .tf-rfq-enterprise-card dd{
    gap:5px!important;
    font-size:11px!important;
  }

  .tf-homepage .tf-rfq-country-inline{
    padding:2px 6px 2px 3px!important;
    font-size:7px!important;
  }

  .tf-homepage .tf-rfq-country-inline img{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
  }

  .tf-homepage .tf-rfq-enterprise-buyer{
    margin-top:11px!important;
    padding-top:10px!important;
    font-size:8px!important;
  }

  .tf-homepage .tf-rfq-enterprise-buyer b{
    width:19px!important;
    height:19px!important;
    font-size:9px!important;
  }

  .tf-homepage .tf-rfq-enterprise-cta{
    min-height:38px!important;
    margin-top:9px!important;
    padding:0 11px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }
}

@media(max-width:430px){
  .tf-homepage .tf-rfq-enterprise-head{
    grid-template-columns:1fr!important;
  }

  .tf-homepage .tf-rfq-enterprise-head > a{
    justify-self:start!important;
  }

  .tf-homepage .tf-rfq-enterprise-intro{
    padding:14px!important;
  }

  .tf-homepage .tf-rfq-enterprise-card{
    padding:12px!important;
  }

  .tf-homepage .tf-rfq-enterprise-card > h3{
    font-size:18px!important;
  }
}