/* TradesFolks 18.4.157
   Mobile compact fix for "Discover more ways to source".
   Desktop/tablet-wide layout intentionally untouched.
*/

@media(max-width:820px){

  .tf-homepage .curated-b2b-market{
    padding:10px 0 11px!important;
  }

  .tf-homepage .curated-b2b-market>.shell{
    padding:0 8px!important;
  }

  .tf-homepage .curated-b2b-heading{
    margin-bottom:7px!important;
  }

  .tf-homepage .curated-b2b-heading h2{
    font-size:18px!important;
    line-height:1.04!important;
    letter-spacing:-.025em!important;
  }

  .tf-homepage .curated-b2b-heading .eyebrow{
    margin-bottom:4px!important;
    font-size:5.4px!important;
  }

  .tf-homepage .curated-b2b-rail{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 2px!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }

  .tf-homepage .curated-b2b-rail::-webkit-scrollbar{
    display:none!important;
  }

  .tf-homepage .curated-b2b-card{
    display:flex!important;
    flex:0 0 min(88vw,330px)!important;
    width:min(88vw,330px)!important;
    min-width:min(88vw,330px)!important;
    max-width:min(88vw,330px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex-direction:column!important;
    scroll-snap-align:start!important;
    overflow:hidden!important;
    border-radius:14px!important;
  }

  .tf-homepage .curated-b2b-card>h3{
    margin:0!important;
    padding:10px 10px 8px!important;
    font-size:12.5px!important;
    line-height:1.08!important;
    min-height:0!important;
  }

  .tf-homepage .curated-b2b-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:0 9px 8px!important;
    min-height:0!important;
  }

  .tf-homepage .curated-b2b-item{
    display:flex!important;
    min-width:0!important;
    flex-direction:column!important;
    padding:0!important;
    border-radius:9px!important;
    background:transparent!important;
  }

  .tf-homepage .curated-b2b-image{
    display:flex!important;
    width:100%!important;
    height:94px!important;
    min-height:94px!important;
    max-height:94px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border-radius:8px!important;
    background:#fff!important;
  }

  .tf-homepage .curated-b2b-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
  }

  .tf-homepage .curated-b2b-item>strong{
    display:-webkit-box!important;
    margin:5px 1px 0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#142b4b!important;
    font-size:8.4px!important;
    line-height:1.16!important;
    font-weight:780!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    min-height:19px!important;
  }

  .tf-homepage .curated-b2b-item>small{
    display:none!important;
  }

  .tf-homepage .curated-b2b-cta{
    margin:auto 9px 9px!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 9px!important;
    border-radius:8px!important;
    font-size:7px!important;
    line-height:1!important;
  }

  .tf-homepage .curated-b2b-cta svg{
    width:18px!important;
    height:18px!important;
    padding:4px!important;
  }

  .tf-homepage .curated-b2b-card::after{
    width:84px!important;
    height:84px!important;
    right:-38px!important;
    top:-35px!important;
  }
}

@media(max-width:560px){
  .tf-homepage .curated-b2b-card{
    flex-basis:min(89vw,314px)!important;
    width:min(89vw,314px)!important;
    min-width:min(89vw,314px)!important;
    max-width:min(89vw,314px)!important;
  }

  .tf-homepage .curated-b2b-image{
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;
  }

  .tf-homepage .curated-b2b-card>h3{
    font-size:12px!important;
  }
}

@media(max-width:390px){
  .tf-homepage .curated-b2b-card{
    flex-basis:90vw!important;
    width:90vw!important;
    min-width:90vw!important;
    max-width:90vw!important;
  }

  .tf-homepage .curated-b2b-image{
    height:82px!important;
    min-height:82px!important;
    max-height:82px!important;
  }

  .tf-homepage .curated-b2b-item>strong{
    font-size:8px!important;
  }
}