/*
 * TradesFolks Homepage Canonical Overrides — 18.4.134
 * Phase 1 stability consolidation.
 * No declarations rewritten or reordered.
 * Missing historical files are not recreated; stale links are removed.
 */

/* =========================================================
   SOURCE: category-showcase-premium-18.4.72.css
   SHA256: 8967ee486d6f558998238b41fbced00a7a5b0e15114f51a6f437d40e444fafd9
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.71 — Premium Category Showcase Refinement
   Additive override for homepage Browse by Category showcase.
   Goals: premium hierarchy, lower vertical density, correct image proportions,
   compact desktop cards and app-style mobile horizontal swipe. */

.tf-homepage .home-category-showcases{
  background:linear-gradient(180deg,#f7f9fc 0%,#f4f7fb 100%)!important;
}
.tf-homepage .home-category-showcase{
  border:1px solid #dfe7f0!important;
  background:#fff!important;
  box-shadow:0 8px 28px rgba(13,35,68,.045)!important;
}
.tf-homepage .home-category-showcase-head{
  align-items:flex-end!important;
}
.tf-homepage .home-category-browse-pill{
  border:1px solid rgba(222,161,0,.10)!important;
  box-shadow:none!important;
}
.tf-homepage .home-category-showcase-head h3{
  color:#0a2242!important;
  letter-spacing:-.035em!important;
}
.tf-homepage .home-category-showcase-head p{
  color:#667991!important;
}
.tf-homepage .home-category-showcase-head>a{
  flex:0 0 auto!important;
  width:auto!important;
  border:1px solid #d8e4f1!important;
  background:#fff!important;
  color:#075bc7!important;
  box-shadow:0 3px 10px rgba(8,39,82,.035)!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.tf-homepage .home-category-showcase-head>a:hover{
  border-color:#abc7e8!important;
  background:#f7fbff!important;
  transform:translateY(-1px)!important;
}

.tf-homepage .home-category-source-card{
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(8,31,63,.08)!important;
  box-shadow:0 8px 22px rgba(5,26,55,.08)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.tf-homepage .home-category-source-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(180deg,rgba(5,24,50,.02) 5%,rgba(5,25,54,.12) 45%,rgba(5,24,52,.90) 100%)!important;
  pointer-events:none!important;
}
.tf-homepage .home-category-source-card strong{
  letter-spacing:-.035em!important;
  text-shadow:0 2px 12px rgba(1,18,41,.22)!important;
}
.tf-homepage .home-category-source-card p,
.tf-homepage .home-category-source-card li{
  text-shadow:0 1px 6px rgba(1,18,41,.18)!important;
}

.tf-homepage .home-category-subcard{
  border:1px solid #dde6ef!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(11,37,71,.035)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.tf-homepage .home-category-subcard:hover{
  transform:translateY(-2px)!important;
  border-color:#c4d5e8!important;
  box-shadow:0 10px 24px rgba(11,37,71,.075)!important;
}
.tf-homepage .home-category-subcard-image{
  position:relative!important;
  background:#fff!important;
  border-bottom:1px solid #edf1f5!important;
  overflow:hidden!important;
}
.tf-homepage .home-category-subcard-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  transform:none!important;
  transition:transform .22s ease!important;
}
.tf-homepage .home-category-subcard:hover .home-category-subcard-image img{
  transform:scale(1.025)!important;
}
.tf-homepage .home-category-subcard-body{
  background:#fff!important;
}
.tf-homepage .home-category-subcard-body h4{
  color:#102746!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}
.tf-homepage .home-category-subcard-body li{
  color:#6a7d94!important;
}
.tf-homepage .home-category-subcard-action{
  border-top:1px solid #edf1f5!important;
  background:#fff!important;
  color:#075bc7!important;
  font-weight:800!important;
}
.tf-homepage .home-category-subcard-action:hover{
  background:#f7fbff!important;
}
.tf-homepage .tf-sub-more{
  display:none;
  color:#7b8da1;
  font-weight:700;
}

/* Large desktop: stronger 25/75 hierarchy and lower section height. */
@media(min-width:1440px){
  .tf-homepage .home-category-showcases{
    padding:14px 0 18px!important;
  }
  .tf-homepage .home-category-showcase-list{
    gap:14px!important;
  }
  .tf-homepage .home-category-showcase{
    padding:13px!important;
    border-radius:16px!important;
  }
  .tf-homepage .home-category-showcase-head{
    margin-bottom:9px!important;
  }
  .tf-homepage .home-category-browse-pill{
    padding:4px 8px!important;
    font-size:7px!important;
  }
  .tf-homepage .home-category-showcase-head h3{
    margin:5px 0 2px!important;
    font-size:23px!important;
  }
  .tf-homepage .home-category-showcase-head p{
    font-size:9px!important;
    line-height:1.35!important;
  }
  .tf-homepage .home-category-showcase-head>a{
    min-height:30px!important;
    padding:0 11px!important;
    border-radius:8px!important;
    font-size:8px!important;
  }
  .tf-homepage .home-category-showcase-grid{
    grid-template-columns:minmax(270px,25%) minmax(0,75%)!important;
    gap:9px!important;
  }
  .tf-homepage .home-category-source-card{
    height:356px!important;
    min-height:356px!important;
    padding:14px!important;
    border-radius:13px!important;
  }
  .tf-homepage .home-category-source-card strong{
    margin-top:auto!important;
    max-width:88%!important;
    font-size:20px!important;
    line-height:1.02!important;
  }
  .tf-homepage .home-category-source-card p{
    max-width:86%!important;
    margin-top:5px!important;
    font-size:8px!important;
    line-height:1.35!important;
  }
  .tf-homepage .home-category-source-card ul{
    margin-top:7px!important;
    gap:3px!important;
  }
  .tf-homepage .home-category-source-card li{
    font-size:7px!important;
  }
  .tf-homepage .home-category-subgrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .tf-homepage .home-category-subcard{
    height:174px!important;
    min-height:174px!important;
    grid-template-rows:82px 64px 28px!important;
    border-radius:10px!important;
  }
  .tf-homepage .home-category-subcard-image{
    height:82px!important;
  }
  .tf-homepage .home-category-subcard-image img{
    padding:6px!important;
    box-sizing:border-box!important;
  }
  .tf-homepage .home-category-subcard-body{
    height:64px!important;
    padding:6px 8px 4px!important;
    overflow:hidden!important;
  }
  .tf-homepage .home-category-subcard-body h4{
    margin:0 0 3px!important;
    font-size:9px!important;
    line-height:1.16!important;
  }
  .tf-homepage .home-category-subcard-body ul{
    margin:0!important;
  }
  .tf-homepage .home-category-subcard-body li{
    font-size:6.3px!important;
    line-height:1.2!important;
  }
  .tf-homepage .home-category-subcard-body li:nth-child(n+4){
    display:none!important;
  }
  .tf-homepage .home-category-subcard-action{
    height:28px!important;
    min-height:28px!important;
    padding:0 8px!important;
    font-size:7px!important;
  }
}

/* Laptop / standard desktop: compact without sacrificing readability. */
@media(min-width:900px) and (max-width:1439px){
  .tf-homepage .home-category-showcases{
    padding:13px 0 17px!important;
  }
  .tf-homepage .home-category-showcase-list{
    gap:13px!important;
  }
  .tf-homepage .home-category-showcase{
    padding:11px!important;
    border-radius:14px!important;
  }
  .tf-homepage .home-category-showcase-head{
    margin-bottom:8px!important;
  }
  .tf-homepage .home-category-showcase-head h3{
    font-size:20px!important;
  }
  .tf-homepage .home-category-showcase-head p{
    font-size:8.5px!important;
  }
  .tf-homepage .home-category-showcase-head>a{
    min-height:29px!important;
    padding:0 10px!important;
    font-size:7.5px!important;
  }
  .tf-homepage .home-category-showcase-grid{
    grid-template-columns:minmax(225px,25%) minmax(0,75%)!important;
    gap:8px!important;
  }
  .tf-homepage .home-category-source-card{
    height:330px!important;
    min-height:330px!important;
    padding:12px!important;
    border-radius:12px!important;
  }
  .tf-homepage .home-category-source-card strong{
    font-size:18px!important;
    max-width:90%!important;
  }
  .tf-homepage .home-category-source-card p{
    max-width:90%!important;
    font-size:7.5px!important;
  }
  .tf-homepage .home-category-source-card li{
    font-size:6.7px!important;
  }
  .tf-homepage .home-category-subgrid{
    gap:7px!important;
  }
  .tf-homepage .home-category-subcard{
    height:161px!important;
    min-height:161px!important;
    grid-template-rows:75px 59px 27px!important;
  }
  .tf-homepage .home-category-subcard-image{
    height:75px!important;
  }
  .tf-homepage .home-category-subcard-image img{
    padding:5px!important;
    box-sizing:border-box!important;
  }
  .tf-homepage .home-category-subcard-body{
    height:59px!important;
    padding:5px 7px 4px!important;
  }
  .tf-homepage .home-category-subcard-body h4{
    margin:0 0 2px!important;
    font-size:8.5px!important;
  }
  .tf-homepage .home-category-subcard-body li{
    font-size:6px!important;
    line-height:1.18!important;
  }
  .tf-homepage .home-category-subcard-body li:nth-child(n+4){
    display:none!important;
  }
  .tf-homepage .home-category-subcard-action{
    height:27px!important;
    min-height:27px!important;
    font-size:6.7px!important;
  }
}

/* Tablet: hero + 3-column matrix remain balanced. */
@media(min-width:700px) and (max-width:899px){
  .tf-homepage .home-category-showcase{
    padding:10px!important;
    border-radius:13px!important;
  }
  .tf-homepage .home-category-showcase-head h3{
    font-size:20px!important;
  }
  .tf-homepage .home-category-showcase-grid{
    gap:8px!important;
  }
  .tf-homepage .home-category-source-card{
    min-height:195px!important;
    height:195px!important;
  }
  .tf-homepage .home-category-subcard{
    min-height:170px!important;
    height:170px!important;
    grid-template-rows:78px 64px 28px!important;
  }
  .tf-homepage .home-category-subcard-image{
    height:78px!important;
  }
  .tf-homepage .home-category-subcard-body{
    height:64px!important;
  }
}

/* Mobile: compact header, compact hero and true two-card + peek swipe rail. */
@media(max-width:699px){
  .tf-homepage .home-category-showcases{
    padding:8px 0 12px!important;
  }
  .tf-homepage .home-category-showcases>.shell{
    width:100%!important;
    max-width:none!important;
    padding-inline:7px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .tf-homepage .home-category-showcase-list{
    gap:10px!important;
  }
  .tf-homepage .home-category-showcase{
    padding:9px!important;
    border-radius:14px!important;
  }

  .tf-homepage .home-category-showcase-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "pill action"
      "title action"
      "desc desc"!important;
    column-gap:8px!important;
    row-gap:2px!important;
    align-items:center!important;
    margin-bottom:8px!important;
  }
  .tf-homepage .home-category-browse-pill{
    grid-area:pill!important;
    padding:4px 7px!important;
    font-size:6.7px!important;
    border-radius:999px!important;
  }
  .tf-homepage .home-category-showcase-head>div{
    display:contents!important;
  }
  .tf-homepage .home-category-showcase-head h3{
    grid-area:title!important;
    margin:5px 0 0!important;
    font-size:19px!important;
    line-height:1.04!important;
  }
  .tf-homepage .home-category-showcase-head p{
    grid-area:desc!important;
    margin:3px 0 0!important;
    font-size:8px!important;
    line-height:1.32!important;
  }
  .tf-homepage .home-category-showcase-head>a{
    grid-area:action!important;
    align-self:center!important;
    min-height:28px!important;
    height:28px!important;
    padding:0 9px!important;
    border-radius:8px!important;
    font-size:7px!important;
  }

  .tf-homepage .home-category-showcase-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
    width:100%!important;
  }

  .tf-homepage .home-category-source-card{
    height:208px!important;
    min-height:208px!important;
    padding:11px!important;
    border-radius:12px!important;
    background-position:center center!important;
  }
  .tf-homepage .home-category-source-card strong{
    margin-top:auto!important;
    max-width:78%!important;
    font-size:17px!important;
    line-height:1.03!important;
  }
  .tf-homepage .home-category-source-card p{
    max-width:80%!important;
    margin:5px 0 0!important;
    font-size:7.2px!important;
    line-height:1.32!important;
  }
  .tf-homepage .home-category-source-card ul{
    margin-top:6px!important;
    gap:2px!important;
  }
  .tf-homepage .home-category-source-card li{
    font-size:6.2px!important;
  }

  .tf-homepage .home-category-subgrid{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    width:auto!important;
    max-width:none!important;
    margin:0 -9px!important;
    padding:0 9px 5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:9px!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
  }
  .tf-homepage .home-category-subgrid::-webkit-scrollbar{
    display:none!important;
  }

  .tf-homepage .home-category-subcard{
    flex:0 0 clamp(142px,44vw,176px)!important;
    width:clamp(142px,44vw,176px)!important;
    min-width:clamp(142px,44vw,176px)!important;
    max-width:clamp(142px,44vw,176px)!important;
    height:174px!important;
    min-height:174px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:88px 59px 27px!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .tf-homepage .home-category-subcard-image{
    height:88px!important;
    min-height:88px!important;
  }
  .tf-homepage .home-category-subcard-image img{
    padding:5px!important;
    box-sizing:border-box!important;
  }
  .tf-homepage .home-category-subcard-body{
    height:59px!important;
    min-height:59px!important;
    padding:5px 7px 3px!important;
    overflow:hidden!important;
  }
  .tf-homepage .home-category-subcard-body h4{
    margin:0 0 3px!important;
    font-size:8.2px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .tf-homepage .home-category-subcard-body ul{
    margin:0!important;
    padding-left:10px!important;
  }
  .tf-homepage .home-category-subcard-body li{
    font-size:6.2px!important;
    line-height:1.18!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .tf-homepage .home-category-subcard-body li:nth-child(n+3){
    display:none!important;
  }
  .tf-homepage .tf-sub-more{
    display:block!important;
    margin-top:2px!important;
    padding-left:1px!important;
    font-size:5.8px!important;
    line-height:1!important;
  }
  .tf-homepage .home-category-subcard-action{
    height:27px!important;
    min-height:27px!important;
    padding:0 7px!important;
    font-size:6.8px!important;
  }
}

/* Narrow phones: maintain two cards rather than one oversized card. */
@media(max-width:390px){
  .tf-homepage .home-category-showcase{
    padding:8px!important;
  }
  .tf-homepage .home-category-showcase-head h3{
    font-size:18px!important;
  }
  .tf-homepage .home-category-showcase-head p{
    font-size:7.6px!important;
  }
  .tf-homepage .home-category-source-card{
    min-height:194px!important;
    height:194px!important;
  }
  .tf-homepage .home-category-source-card strong{
    font-size:16px!important;
  }
  .tf-homepage .home-category-subgrid{
    margin-inline:-8px!important;
    padding-inline:8px!important;
    gap:6px!important;
    scroll-padding-inline:8px!important;
  }
  .tf-homepage .home-category-subcard{
    flex-basis:43.5vw!important;
    width:43.5vw!important;
    min-width:43.5vw!important;
    max-width:43.5vw!important;
    height:166px!important;
    min-height:166px!important;
    grid-template-rows:82px 58px 26px!important;
  }
  .tf-homepage .home-category-subcard-image{
    height:82px!important;
    min-height:82px!important;
  }
  .tf-homepage .home-category-subcard-body{
    height:58px!important;
  }
  .tf-homepage .home-category-subcard-action{
    height:26px!important;
    min-height:26px!important;
  }
}

/* Motion accessibility */
@media(prefers-reduced-motion:reduce){
  .tf-homepage .home-category-subcard,
  .tf-homepage .home-category-subcard-image img,
  .tf-homepage .home-category-showcase-head>a{
    transition:none!important;
  }
  .tf-homepage .home-category-subgrid{
    scroll-behavior:auto!important;
  }
}


/* TradesFolks 18.4.72 — Category Showcase Layout Hotfix
   Fixes clipped titles, oversized empty body space and mismatched card heights introduced
   by rigid grid-template rows in 18.4.71. */

.tf-homepage .home-category-subcard{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
}
.tf-homepage .home-category-subcard-image{
  flex:0 0 auto!important;
  min-height:0!important;
}
.tf-homepage .home-category-subcard-body{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  display:block!important;
}
.tf-homepage .home-category-subcard-action{
  flex:0 0 auto!important;
  margin-top:auto!important;
}
.tf-homepage .home-category-subcard-body h4{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  overflow:visible!important;
  clip:auto!important;
  max-height:none!important;
}

/* Large desktop */
@media(min-width:1440px){
  .tf-homepage .home-category-showcase{
    padding:14px!important;
  }
  .tf-homepage .home-category-showcase-grid{
    grid-template-columns:minmax(330px,25%) minmax(0,75%)!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  .tf-homepage .home-category-source-card{
    height:438px!important;
    min-height:438px!important;
  }
  .tf-homepage .home-category-subgrid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    align-items:stretch!important;
  }
  .tf-homepage .home-category-subcard{
    height:214px!important;
    min-height:214px!important;
  }
  .tf-homepage .home-category-subcard-image{
    height:116px!important;
    min-height:116px!important;
    flex-basis:116px!important;
  }
  .tf-homepage .home-category-subcard-image img{
    padding:7px!important;
  }
  .tf-homepage .home-category-subcard-body{
    padding:8px 10px 6px!important;
    min-height:64px!important;
  }
  .tf-homepage .home-category-subcard-body h4{
    margin:0 0 5px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }
  .tf-homepage .home-category-subcard-body ul{
    margin:0!important;
    padding-left:12px!important;
  }
  .tf-homepage .home-category-subcard-body li{
    font-size:6.8px!important;
    line-height:1.3!important;
  }
  .tf-homepage .home-category-subcard-body li:nth-child(n+4){
    display:none!important;
  }
  .tf-homepage .home-category-subcard-action{
    height:31px!important;
    min-height:31px!important;
    padding:0 10px!important;
    font-size:7.2px!important;
  }
}

/* Standard desktop / laptop */
@media(min-width:1000px) and (max-width:1439px){
  .tf-homepage .home-category-showcase-grid{
    grid-template-columns:minmax(280px,27%) minmax(0,73%)!important;
    gap:9px!important;
    align-items:stretch!important;
  }
  .tf-homepage .home-category-source-card{
    height:392px!important;
    min-height:392px!important;
  }
  .tf-homepage .home-category-subgrid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .tf-homepage .home-category-subcard{
    height:192px!important;
    min-height:192px!important;
  }
  .tf-homepage .home-category-subcard-image{
    height:100px!important;
    min-height:100px!important;
    flex-basis:100px!important;
  }
  .tf-homepage .home-category-subcard-body{
    padding:7px 9px 5px!important;
    min-height:61px!important;
  }
  .tf-homepage .home-category-subcard-body h4{
    margin:0 0 4px!important;
    font-size:9px!important;
    line-height:1.18!important;
  }
  .tf-homepage .home-category-subcard-body li{
    font-size:6.4px!important;
    line-height:1.25!important;
  }
  .tf-homepage .home-category-subcard-action{
    height:30px!important;
    min-height:30px!important;
    padding:0 9px!important;
    font-size:7px!important;
  }
}

/* Tablet */
@media(min-width:700px) and (max-width:999px){
  .tf-homepage .home-category-showcase-grid{
    align-items:stretch!important;
  }
  .tf-homepage .home-category-source-card{
    height:250px!important;
    min-height:250px!important;
  }
  .tf-homepage .home-category-subcard{
    height:184px!important;
    min-height:184px!important;
  }
  .tf-homepage .home-category-subcard-image{
    height:94px!important;
    min-height:94px!important;
    flex-basis:94px!important;
  }
  .tf-homepage .home-category-subcard-body{
    padding:7px 8px 5px!important;
    min-height:60px!important;
  }
  .tf-homepage .home-category-subcard-action{
    height:29px!important;
    min-height:29px!important;
  }
}

/* Mobile keeps horizontal rail but also uses flexible card internals. */
@media(max-width:699px){
  .tf-homepage .home-category-source-card{
    height:214px!important;
    min-height:214px!important;
  }
  .tf-homepage .home-category-subcard{
    height:170px!important;
    min-height:170px!important;
  }
  .tf-homepage .home-category-subcard-image{
    height:88px!important;
    min-height:88px!important;
    flex-basis:88px!important;
  }
  .tf-homepage .home-category-subcard-body{
    min-height:55px!important;
    height:auto!important;
    padding:5px 7px 4px!important;
  }
  .tf-homepage .home-category-subcard-body h4{
    margin:0 0 3px!important;
    font-size:8.2px!important;
    line-height:1.15!important;
  }
  .tf-homepage .home-category-subcard-action{
    height:27px!important;
    min-height:27px!important;
  }
}

/* Prevent image/content collision regardless of upstream styles. */
.tf-homepage .home-category-subcard-image + .home-category-subcard-body{
  margin-top:0!important;
  transform:none!important;
}
.tf-homepage .home-category-subcard-body,
.tf-homepage .home-category-subcard-body *{
  transform:none!important;
}


/* =========================================================
   SOURCE: category-directory-reference-18.4.88.css
   SHA256: 62be0cf7d146ecfd583fd5f75c818f131670665c8deadd5ef6f17e59f72019bd
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.88 — Category Directory Unique Parent Palettes
   Reference-inspired parent category + 4x2 subcategory matrix.
   Parent: light branded panel + Source Now + single category image.
   Child: name on top + single image. No lists, no footer CTA, no heavy card chrome. */

.tf-homepage .tf-category-directory{
  padding:12px 0 16px!important;
  background:#f6f8fb!important;
}
.tf-homepage .tf-category-directory>.shell{
  width:calc(100% - 24px)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding:0!important;
}
.tf-homepage .tf-category-directory-list{
  display:grid!important;
  gap:12px!important;
}
.tf-homepage .tf-category-directory-module{
  padding:11px!important;
  overflow:hidden!important;
  border:1px solid #e1e7ef!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(9,35,69,.035)!important;
}
.tf-homepage .tf-category-directory-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 8px!important;
}
.tf-homepage .tf-category-directory-head>div{
  min-width:0!important;
}
.tf-homepage .tf-category-directory-head .home-category-browse-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:23px!important;
  padding:0 8px!important;
  border:1px solid rgba(223,165,16,.13)!important;
  border-radius:999px!important;
  background:#fff8dd!important;
  color:#8a5b00!important;
  font-size:6.8px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.tf-homepage .tf-category-directory-head .home-category-browse-pill i{
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#f8b91f!important;
}
.tf-homepage .tf-category-directory-head h3{
  margin:5px 0 0!important;
  color:#0b2343!important;
  font-size:21px!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}
.tf-homepage .tf-category-directory-head>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:29px!important;
  padding:0 10px!important;
  border:1px solid #d8e4f1!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#075bc7!important;
  font-size:7px!important;
  font-weight:850!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

/* Reference: one parent hero + 4x2 subcategory tiles */
.tf-homepage .tf-category-directory-grid{
  display:grid!important;
  grid-template-columns:minmax(220px,21%) minmax(0,79%)!important;
  gap:0!important;
  min-height:318px!important;
  overflow:hidden!important;
  border:1px solid #e1e7ef!important;
  border-radius:15px!important;
  background:#fff!important;
}

/* Parent panel */
.tf-homepage .tf-category-parent-panel{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  width:100%!important;
  min-height:318px!important;
  height:318px!important;
  padding:22px 20px 12px!important;
  overflow:hidden!important;
  border:0!important;
  border-right:1px solid #e1e7ef!important;
  border-radius:0!important;
  background:linear-gradient(145deg,#fff8d9 0%,#f3f0c9 100%)!important;
  box-shadow:none!important;
  color:#17233a!important;
  text-decoration:none!important;
  isolation:isolate!important;
}
.tf-homepage .tf-category-parent-panel:before{
  display:none!important;
  content:none!important;
}
.tf-homepage .tf-category-parent-copy{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  align-items:flex-start!important;
  flex-direction:column!important;
  gap:14px!important;
}
.tf-homepage .tf-category-parent-copy>strong{
  margin:0!important;
  color:#20242c!important;
  font-size:19px!important;
  font-weight:900!important;
  line-height:1.1!important;
  text-shadow:none!important;
}
.tf-homepage .tf-category-source-now{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 15px!important;
  border:1.5px solid #26303f!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#20242c!important;
  font-size:9px!important;
  font-weight:750!important;
}
.tf-homepage .tf-category-parent-image{
  position:absolute!important;
  inset:74px 10px 8px 10px!important;
  z-index:1!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.tf-homepage .tf-category-parent-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:2px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:none!important;
  transform:none!important;
}
.tf-homepage .tf-category-parent-image i{
  display:grid!important;
  place-items:center!important;
  width:92px!important;
  height:92px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.7)!important;
  color:#0b5cc7!important;
  font-style:normal!important;
  font-weight:900!important;
}

/* 4 columns x 2 rows */
.tf-homepage .tf-category-subcategory-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  min-height:318px!important;
  background:#fff!important;
}
.tf-homepage .tf-category-subcategory-tile{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:159px!important;
  height:159px!important;
  margin:0!important;
  padding:15px 14px 7px!important;
  overflow:hidden!important;
  border:0!important;
  border-right:1px solid #e1e7ef!important;
  border-bottom:1px solid #e1e7ef!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#343a44!important;
  text-decoration:none!important;
  transition:background .16s ease!important;
}
.tf-homepage .tf-category-subcategory-tile:nth-child(4n){
  border-right:0!important;
}
.tf-homepage .tf-category-subcategory-tile:nth-child(n+5){
  border-bottom:0!important;
}
.tf-homepage .tf-category-subcategory-tile:hover{
  transform:none!important;
  background:#fbfcfe!important;
  box-shadow:none!important;
}
.tf-homepage .tf-category-subcategory-tile>strong{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  flex:0 0 auto!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  color:#50545b!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.tf-homepage .tf-category-subcategory-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:5px 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:#fff!important;
}
.tf-homepage .tf-category-subcategory-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:3px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.tf-homepage .tf-category-subcategory-image i{
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  height:58px!important;
  border-radius:16px!important;
  background:#f5f7fa!important;
  color:#0b5cc7!important;
  font-style:normal!important;
  font-weight:900!important;
}
.tf-homepage .tf-category-subcategory-empty{
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
}

/* Large desktop: slightly larger but still compact */
@media(min-width:1536px){
  .tf-homepage .tf-category-directory-grid,
  .tf-homepage .tf-category-parent-panel,
  .tf-homepage .tf-category-subcategory-grid{
    min-height:330px!important;
  }
  .tf-homepage .tf-category-parent-panel{
    height:330px!important;
  }
  .tf-homepage .tf-category-subcategory-tile{
    min-height:165px!important;
    height:165px!important;
  }
}

/* Laptop */
@media(min-width:1024px) and (max-width:1279px){
  .tf-homepage .tf-category-directory-grid{
    grid-template-columns:minmax(205px,24%) minmax(0,76%)!important;
    min-height:300px!important;
  }
  .tf-homepage .tf-category-parent-panel{
    min-height:300px!important;
    height:300px!important;
    padding:18px 16px 10px!important;
  }
  .tf-homepage .tf-category-parent-copy>strong{
    font-size:17px!important;
  }
  .tf-homepage .tf-category-source-now{
    min-height:29px!important;
    padding-inline:12px!important;
    font-size:8px!important;
  }
  .tf-homepage .tf-category-subcategory-grid{
    min-height:300px!important;
  }
  .tf-homepage .tf-category-subcategory-tile{
    min-height:150px!important;
    height:150px!important;
    padding:13px 11px 6px!important;
  }
  .tf-homepage .tf-category-subcategory-tile>strong{
    font-size:10.5px!important;
  }
}

/* Tablet: parent left, children 3 columns; overflow remains contained. */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .tf-category-directory-module{
    padding:9px!important;
  }
  .tf-homepage .tf-category-directory-grid{
    grid-template-columns:210px minmax(0,1fr)!important;
    min-height:336px!important;
  }
  .tf-homepage .tf-category-parent-panel{
    min-height:336px!important;
    height:336px!important;
    padding:18px 14px 10px!important;
  }
  .tf-homepage .tf-category-subcategory-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    min-height:336px!important;
  }
  .tf-homepage .tf-category-subcategory-tile{
    min-height:112px!important;
    height:112px!important;
    padding:9px 8px 4px!important;
  }
  .tf-homepage .tf-category-subcategory-tile:nth-child(n){
    border-right:1px solid #e1e7ef!important;
    border-bottom:1px solid #e1e7ef!important;
  }
  .tf-homepage .tf-category-subcategory-tile:nth-child(3n){
    border-right:0!important;
  }
  .tf-homepage .tf-category-subcategory-tile>strong{
    font-size:8.8px!important;
  }
}

/* Mobile: parent hero first, then left-to-right swipe tiles. */
@media(max-width:699px){
  .tf-homepage .tf-category-directory{
    padding:10px 0 14px!important;
  }
  .tf-homepage .tf-category-directory>.shell{
    width:100%!important;
    padding:0 7px!important;
    box-sizing:border-box!important;
  }
  .tf-homepage .tf-category-directory-list{
    gap:10px!important;
  }
  .tf-homepage .tf-category-directory-module{
    padding:8px!important;
    border-radius:14px!important;
  }
  .tf-homepage .tf-category-directory-head{
    align-items:center!important;
    margin-bottom:7px!important;
  }
  .tf-homepage .tf-category-directory-head .home-category-browse-pill{
    min-height:20px!important;
    padding-inline:7px!important;
    font-size:5.8px!important;
  }
  .tf-homepage .tf-category-directory-head h3{
    margin-top:4px!important;
    font-size:17px!important;
  }
  .tf-homepage .tf-category-directory-head>a{
    min-height:27px!important;
    padding-inline:8px!important;
    font-size:6.2px!important;
  }
  .tf-homepage .tf-category-directory-grid{
    display:block!important;
    min-height:0!important;
    overflow:visible!important;
    border-radius:13px!important;
  }
  .tf-homepage .tf-category-parent-panel{
    min-height:210px!important;
    height:210px!important;
    padding:16px 14px 9px!important;
    border-right:0!important;
    border-bottom:1px solid #e1e7ef!important;
  }
  .tf-homepage .tf-category-parent-copy{
    gap:10px!important;
  }
  .tf-homepage .tf-category-parent-copy>strong{
    font-size:16px!important;
  }
  .tf-homepage .tf-category-source-now{
    min-height:28px!important;
    padding-inline:12px!important;
    font-size:7.5px!important;
  }
  .tf-homepage .tf-category-parent-image{
    inset:58px 8px 5px!important;
  }
  .tf-homepage .tf-category-subcategory-grid{
    display:flex!important;
    gap:7px!important;
    min-height:0!important;
    padding:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .tf-homepage .tf-category-subcategory-grid::-webkit-scrollbar{
    display:none!important;
  }
  .tf-homepage .tf-category-subcategory-tile{
    flex:0 0 142px!important;
    width:142px!important;
    min-width:142px!important;
    min-height:126px!important;
    height:126px!important;
    padding:10px 9px 5px!important;
    border:1px solid #e1e7ef!important;
    border-radius:10px!important;
    scroll-snap-align:start!important;
  }
  .tf-homepage .tf-category-subcategory-tile>strong{
    font-size:8.5px!important;
  }
}
@media(max-width:360px){
  .tf-homepage .tf-category-subcategory-tile{
    flex-basis:132px!important;
    width:132px!important;
    min-width:132px!important;
  }
}


/* Sprint 462 — unique soft enterprise palette per parent category.
   Palette cycles safely for category 7+ without hard-coding category names. */
.tf-homepage .tf-category-directory-module:nth-child(8n+1) .tf-category-parent-panel{
  background:linear-gradient(145deg,#fff7cf 0%,#f6efc8 100%)!important;
}
.tf-homepage .tf-category-directory-module:nth-child(8n+2) .tf-category-parent-panel{
  background:linear-gradient(145deg,#eaf5ff 0%,#dcecff 100%)!important;
}
.tf-homepage .tf-category-directory-module:nth-child(8n+3) .tf-category-parent-panel{
  background:linear-gradient(145deg,#eef9ed 0%,#def1df 100%)!important;
}
.tf-homepage .tf-category-directory-module:nth-child(8n+4) .tf-category-parent-panel{
  background:linear-gradient(145deg,#fff0e7 0%,#fbe1d2 100%)!important;
}
.tf-homepage .tf-category-directory-module:nth-child(8n+5) .tf-category-parent-panel{
  background:linear-gradient(145deg,#f4efff 0%,#e8defb 100%)!important;
}
.tf-homepage .tf-category-directory-module:nth-child(8n+6) .tf-category-parent-panel{
  background:linear-gradient(145deg,#eaf9f6 0%,#d9f0ea 100%)!important;
}
.tf-homepage .tf-category-directory-module:nth-child(8n+7) .tf-category-parent-panel{
  background:linear-gradient(145deg,#fff1f3 0%,#f9dfe4 100%)!important;
}
.tf-homepage .tf-category-directory-module:nth-child(8n) .tf-category-parent-panel{
  background:linear-gradient(145deg,#f1f3f8 0%,#e3e8f1 100%)!important;
}
/* With the duplicate heading removed, keep the utility row deliberately compact. */
.tf-homepage .tf-category-directory-head{
  align-items:center!important;
  min-height:27px!important;
}


/* =========================================================
   SOURCE: service-directory-pattern-18.4.92.css
   SHA256: 6985ee5393432481ab3e9841966bb78486451afd73de4d25e39cb42a13668cd6
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.89 — Service Directory Pattern
   Aligns Sourcing Solutions + Business Growth with the recent clean image-first system. */

.tf-homepage .tf-sourcing-solutions,
.tf-homepage .tf-business-growth-services{
  padding:13px 0 16px!important;
  background:#f7f9fc!important;
}
.tf-homepage .tf-sourcing-solutions>.shell,
.tf-homepage .tf-business-growth-services>.shell{
  width:calc(100% - 24px)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding:0!important;
}
.tf-homepage .tf-service-section-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 9px!important;
}
.tf-homepage .tf-service-section-head>div{
  min-width:0!important;
}
.tf-homepage .tf-service-section-head>div>span{
  display:block!important;
  margin:0 0 3px!important;
  color:#075bc7!important;
  font-size:6.8px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.tf-homepage .tf-service-section-head h2{
  margin:0!important;
  color:#0b2343!important;
  font-size:23px!important;
  line-height:1.03!important;
  letter-spacing:-.04em!important;
}
.tf-homepage .tf-service-section-head p{
  margin:3px 0 0!important;
  color:#718096!important;
  font-size:7.8px!important;
  line-height:1.3!important;
}
.tf-homepage .tf-service-section-head>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:29px!important;
  padding:0 10px!important;
  border:1px solid #d8e4f1!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#075bc7!important;
  font-size:6.8px!important;
  font-weight:850!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.tf-homepage .tf-service-section-head>a b{
  margin-left:5px!important;
}

.tf-homepage .tf-service-card-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}

.tf-homepage .tf-service-card--directory{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #dfe7f0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(9,35,69,.04)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.tf-homepage .tf-service-card--directory:hover{
  transform:translateY(-2px)!important;
  border-color:#c7d7e8!important;
  box-shadow:0 10px 24px rgba(9,35,69,.08)!important;
}

/* image-first hero */
.tf-homepage .tf-service-card-directory-hero{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#0b2343!important;
  text-decoration:none!important;
}
.tf-homepage .tf-service-card-directory-hero:before,
.tf-homepage .tf-service-card-directory-hero:after{
  display:none!important;
  content:none!important;
}
.tf-homepage .tf-service-card-media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:188px!important;
  min-height:188px!important;
  padding:5px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.tf-homepage .tf-service-card-media 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;
  transform:none!important;
}
.tf-homepage .tf-service-card-media i{
  display:grid!important;
  place-items:center!important;
  width:72px!important;
  height:72px!important;
  border-radius:20px!important;
  background:#f2f6fb!important;
  color:#075bc7!important;
  font-style:normal!important;
  font-weight:900!important;
}

/* compact branded footer */
.tf-homepage .tf-service-card-directory-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-height:76px!important;
  padding:10px 12px 11px!important;
  background:linear-gradient(180deg,#ffd85f 0%,#fbbf24 100%)!important;
  color:#0b2343!important;
}
.tf-homepage .tf-service-card-directory-copy small{
  display:block!important;
  margin:0 0 4px!important;
  color:#71510b!important;
  font-size:5.7px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.tf-homepage .tf-service-card-directory-copy h3{
  display:block!important;
  width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  color:#0b2343!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.tf-homepage .tf-service-card-directory-cta{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:6px!important;
  color:#0b4f9f!important;
  font-size:6.8px!important;
  font-weight:850!important;
}
.tf-homepage .tf-service-card-directory-cta svg{
  width:12px!important;
  height:12px!important;
  flex:0 0 auto!important;
}

/* subtle distinct palette per service card */
.tf-homepage .tf-service-card-grid .tf-service-card--directory:nth-child(4n+2) .tf-service-card-directory-copy{
  background:linear-gradient(180deg,#e7f3ff 0%,#d7eaff 100%)!important;
}
.tf-homepage .tf-service-card-grid .tf-service-card--directory:nth-child(4n+3) .tf-service-card-directory-copy{
  background:linear-gradient(180deg,#e9f7e7 0%,#dcefd9 100%)!important;
}
.tf-homepage .tf-service-card-grid .tf-service-card--directory:nth-child(4n) .tf-service-card-directory-copy{
  background:linear-gradient(180deg,#fff0e5 0%,#f8dfcf 100%)!important;
}

/* clean 3-item directory row */
.tf-homepage .tf-service-directory-mini-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  min-height:96px!important;
  border-top:1px solid #e7edf4!important;
  background:#fff!important;
}
.tf-homepage .tf-service-directory-mini-grid>a{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:96px!important;
  padding:7px 5px!important;
  border:0!important;
  border-right:1px solid #e7edf4!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#40506a!important;
  text-decoration:none!important;
}
.tf-homepage .tf-service-directory-mini-grid>a:last-child{
  border-right:0!important;
}
.tf-homepage .tf-service-directory-mini-grid>a:hover{
  background:#fbfcfe!important;
  transform:none!important;
}
.tf-homepage .tf-service-directory-mini-grid .tf-service-mini-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  height:58px!important;
  margin:0 0 5px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
}
.tf-homepage .tf-service-directory-mini-grid .tf-service-mini-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.tf-homepage .tf-service-directory-mini-grid .tf-service-mini-image i{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  border-radius:13px!important;
  background:#f3f6fa!important;
  color:#075bc7!important;
  font-style:normal!important;
  font-weight:900!important;
}
.tf-homepage .tf-service-directory-mini-grid strong{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  color:#45546c!important;
  font-size:6.9px!important;
  font-weight:750!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* laptop */
@media(min-width:1024px) and (max-width:1279px){
  .tf-homepage .tf-service-card-grid{
    gap:8px!important;
  }
  .tf-homepage .tf-service-card-media{
    height:162px!important;
    min-height:162px!important;
  }
  .tf-homepage .tf-service-card-directory-copy{
    min-height:68px!important;
    padding:9px 10px!important;
  }
  .tf-homepage .tf-service-card-directory-copy h3{
    font-size:10.5px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid,
  .tf-homepage .tf-service-directory-mini-grid>a{
    min-height:86px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid .tf-service-mini-image{
    width:50px!important;
    height:50px!important;
  }
}

/* tablet */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .tf-service-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .tf-homepage .tf-service-card-media{
    height:175px!important;
    min-height:175px!important;
  }
}

/* mobile */
@media(max-width:699px){
  .tf-homepage .tf-sourcing-solutions,
  .tf-homepage .tf-business-growth-services{
    padding:10px 0 14px!important;
  }
  .tf-homepage .tf-sourcing-solutions>.shell,
  .tf-homepage .tf-business-growth-services>.shell{
    width:100%!important;
    padding:0 7px!important;
    box-sizing:border-box!important;
  }
  .tf-homepage .tf-service-section-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:4px 7px!important;
    margin-bottom:7px!important;
  }
  .tf-homepage .tf-service-section-head h2{
    font-size:17px!important;
  }
  .tf-homepage .tf-service-section-head p{
    font-size:6.4px!important;
  }
  .tf-homepage .tf-service-section-head>a{
    min-height:26px!important;
    padding-inline:7px!important;
    font-size:5.8px!important;
  }
  .tf-homepage .tf-service-card-grid{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .tf-homepage .tf-service-card-grid::-webkit-scrollbar{
    display:none!important;
  }
  .tf-homepage .tf-service-card--directory{
    flex:0 0 78vw!important;
    width:78vw!important;
    min-width:78vw!important;
    scroll-snap-align:start!important;
  }
  .tf-homepage .tf-service-card-media{
    height:175px!important;
    min-height:175px!important;
  }
  .tf-homepage .tf-service-card-directory-copy{
    min-height:68px!important;
  }
  .tf-homepage .tf-service-card-directory-copy h3{
    font-size:10.5px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid,
  .tf-homepage .tf-service-directory-mini-grid>a{
    min-height:82px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid .tf-service-mini-image{
    width:46px!important;
    height:46px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid strong{
    font-size:6.2px!important;
  }
}


/* TradesFolks 18.4.90 — Compact Service Directory refinement
   Reduces vertical footprint while preserving the recent image-first pattern. */

.tf-homepage .tf-sourcing-solutions,
.tf-homepage .tf-business-growth-services{
  padding:10px 0 13px!important;
}

.tf-homepage .tf-service-section-head{
  gap:11px!important;
  margin-bottom:7px!important;
}
.tf-homepage .tf-service-section-head>div>span{
  margin-bottom:2px!important;
  font-size:6.1px!important;
}
.tf-homepage .tf-service-section-head h2{
  font-size:20px!important;
  line-height:1.02!important;
}
.tf-homepage .tf-service-section-head p{
  margin-top:2px!important;
  font-size:7px!important;
}
.tf-homepage .tf-service-section-head>a{
  min-height:27px!important;
  height:27px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  font-size:6.2px!important;
}

.tf-homepage .tf-service-card-grid{
  gap:8px!important;
}

.tf-homepage .tf-service-card--directory{
  border-radius:13px!important;
}

/* Main media becomes visibly more compact */
.tf-homepage .tf-service-card-media{
  height:148px!important;
  min-height:148px!important;
  padding:4px!important;
}

/* Compact colored title band */
.tf-homepage .tf-service-card-directory-copy{
  min-height:60px!important;
  padding:7px 10px 8px!important;
}
.tf-homepage .tf-service-card-directory-copy small{
  margin-bottom:2px!important;
  font-size:4.9px!important;
}
.tf-homepage .tf-service-card-directory-copy h3{
  font-size:10.5px!important;
  line-height:1.1!important;
}
.tf-homepage .tf-service-card-directory-cta{
  gap:4px!important;
  margin-top:4px!important;
  font-size:5.9px!important;
}
.tf-homepage .tf-service-card-directory-cta svg{
  width:10px!important;
  height:10px!important;
}

/* Mini category strip becomes shallower */
.tf-homepage .tf-service-directory-mini-grid{
  min-height:74px!important;
}
.tf-homepage .tf-service-directory-mini-grid>a{
  min-height:74px!important;
  padding:5px 4px!important;
}
.tf-homepage .tf-service-directory-mini-grid .tf-service-mini-image{
  width:42px!important;
  height:42px!important;
  margin-bottom:3px!important;
}
.tf-homepage .tf-service-directory-mini-grid .tf-service-mini-image i{
  width:38px!important;
  height:38px!important;
  border-radius:10px!important;
}
.tf-homepage .tf-service-directory-mini-grid strong{
  font-size:5.9px!important;
  line-height:1.15!important;
}

/* 1280–1535: keep four compact cards */
@media(min-width:1280px) and (max-width:1535px){
  .tf-homepage .tf-service-card-media{
    height:138px!important;
    min-height:138px!important;
  }
  .tf-homepage .tf-service-card-directory-copy{
    min-height:56px!important;
    padding:6px 9px 7px!important;
  }
  .tf-homepage .tf-service-card-directory-copy h3{
    font-size:9.5px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid,
  .tf-homepage .tf-service-directory-mini-grid>a{
    min-height:68px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid .tf-service-mini-image{
    width:38px!important;
    height:38px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid strong{
    font-size:5.4px!important;
  }
}

/* Laptop */
@media(min-width:1024px) and (max-width:1279px){
  .tf-homepage .tf-service-card-grid{
    gap:7px!important;
  }
  .tf-homepage .tf-service-card-media{
    height:132px!important;
    min-height:132px!important;
  }
  .tf-homepage .tf-service-card-directory-copy{
    min-height:54px!important;
    padding:6px 8px!important;
  }
  .tf-homepage .tf-service-card-directory-copy h3{
    font-size:9px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid,
  .tf-homepage .tf-service-directory-mini-grid>a{
    min-height:66px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid .tf-service-mini-image{
    width:36px!important;
    height:36px!important;
  }
}

/* Tablet remains 2-column, but more compact */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .tf-service-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .tf-homepage .tf-service-card-media{
    height:145px!important;
    min-height:145px!important;
  }
  .tf-homepage .tf-service-card-directory-copy{
    min-height:58px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid,
  .tf-homepage .tf-service-directory-mini-grid>a{
    min-height:70px!important;
  }
}

/* Mobile: swipe cards smaller and denser */
@media(max-width:699px){
  .tf-homepage .tf-sourcing-solutions,
  .tf-homepage .tf-business-growth-services{
    padding:9px 0 12px!important;
  }
  .tf-homepage .tf-service-section-head{
    margin-bottom:6px!important;
  }
  .tf-homepage .tf-service-section-head h2{
    font-size:15.5px!important;
  }
  .tf-homepage .tf-service-section-head p{
    font-size:5.9px!important;
  }
  .tf-homepage .tf-service-section-head>a{
    min-height:24px!important;
    height:24px!important;
    padding-inline:6px!important;
    font-size:5.3px!important;
  }
  .tf-homepage .tf-service-card-grid{
    gap:7px!important;
  }
  .tf-homepage .tf-service-card--directory{
    flex-basis:72vw!important;
    width:72vw!important;
    min-width:72vw!important;
    border-radius:12px!important;
  }
  .tf-homepage .tf-service-card-media{
    height:140px!important;
    min-height:140px!important;
  }
  .tf-homepage .tf-service-card-directory-copy{
    min-height:54px!important;
    padding:6px 8px!important;
  }
  .tf-homepage .tf-service-card-directory-copy h3{
    font-size:9px!important;
  }
  .tf-homepage .tf-service-card-directory-cta{
    font-size:5.3px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid,
  .tf-homepage .tf-service-directory-mini-grid>a{
    min-height:64px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid .tf-service-mini-image{
    width:34px!important;
    height:34px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid strong{
    font-size:5.2px!important;
  }
}


/* TradesFolks 18.4.91 — Service Card Footer UI Fix
   Fixes oversized pill/blob footer appearance seen in production QA. */

.tf-homepage .tf-service-card-directory-copy{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;
  min-height:64px!important;
  height:64px!important;
  margin:0!important;
  padding:8px 11px 9px!important;
  overflow:hidden!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

/* remove inherited rounded-pill shapes from legacy styles */
.tf-homepage .tf-service-card-directory-copy,
.tf-homepage .tf-service-card-directory-copy *{
  transform:none!important;
}
.tf-homepage .tf-service-card-directory-copy:before,
.tf-homepage .tf-service-card-directory-copy:after{
  display:none!important;
  content:none!important;
}

.tf-homepage .tf-service-card-directory-copy small{
  display:block!important;
  width:100%!important;
  margin:0 0 3px!important;
  padding:0!important;
  overflow:hidden!important;
  color:#6f5412!important;
  font-size:5.1px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

.tf-homepage .tf-service-card-directory-copy h3{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#0b2343!important;
  font-size:10.6px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  text-shadow:none!important;
}

/* CTA becomes a clean text action, not a grey capsule */
.tf-homepage .tf-service-card-directory-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:5px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#075bc7!important;
  font-size:5.9px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.tf-homepage .tf-service-card-directory-cta svg{
  width:10px!important;
  height:10px!important;
  flex:0 0 auto!important;
}

/* clean divider between media/footer/mini grid */
.tf-homepage .tf-service-card-media{
  border-bottom:1px solid #edf1f5!important;
}
.tf-homepage .tf-service-directory-mini-grid{
  border-top:1px solid #e6edf4!important;
}

/* Keep color variety but as flat compact bands */
.tf-homepage .tf-service-card-grid .tf-service-card--directory:nth-child(4n+1) .tf-service-card-directory-copy{
  background:#ffd257!important;
}
.tf-homepage .tf-service-card-grid .tf-service-card--directory:nth-child(4n+2) .tf-service-card-directory-copy{
  background:#dcecff!important;
}
.tf-homepage .tf-service-card-grid .tf-service-card--directory:nth-child(4n+3) .tf-service-card-directory-copy{
  background:#dff1dc!important;
}
.tf-homepage .tf-service-card-grid .tf-service-card--directory:nth-child(4n) .tf-service-card-directory-copy{
  background:#f9dfd0!important;
}

/* Desktop visual balance */
@media(min-width:1280px){
  .tf-homepage .tf-service-card-media{
    height:142px!important;
    min-height:142px!important;
  }
  .tf-homepage .tf-service-card-directory-copy{
    min-height:62px!important;
    height:62px!important;
    padding:8px 10px!important;
  }
  .tf-homepage .tf-service-card-directory-copy h3{
    font-size:10.2px!important;
  }
  .tf-homepage .tf-service-directory-mini-grid,
  .tf-homepage .tf-service-directory-mini-grid>a{
    min-height:70px!important;
  }
}

/* Laptop */
@media(min-width:1024px) and (max-width:1279px){
  .tf-homepage .tf-service-card-media{
    height:132px!important;
    min-height:132px!important;
  }
  .tf-homepage .tf-service-card-directory-copy{
    min-height:58px!important;
    height:58px!important;
    padding:7px 9px!important;
  }
  .tf-homepage .tf-service-card-directory-copy h3{
    font-size:9.3px!important;
  }
  .tf-homepage .tf-service-card-directory-copy small{
    font-size:4.7px!important;
  }
}

/* Tablet */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .tf-service-card-directory-copy{
    min-height:60px!important;
    height:60px!important;
  }
}

/* Mobile */
@media(max-width:699px){
  .tf-homepage .tf-service-card-directory-copy{
    min-height:56px!important;
    height:56px!important;
    padding:7px 8px!important;
  }
  .tf-homepage .tf-service-card-directory-copy h3{
    font-size:8.8px!important;
  }
  .tf-homepage .tf-service-card-directory-copy small{
    font-size:4.4px!important;
  }
  .tf-homepage .tf-service-card-directory-cta{
    margin-top:4px!important;
    font-size:5.1px!important;
  }
}


/* TradesFolks 18.4.92 — Service Title Clipping / Alignment Fix
   Removes legacy fixed-height clipping and stabilizes title + CTA rendering. */

.tf-homepage .tf-service-card-directory-copy{
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  align-content:center!important;
  align-items:start!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
  min-height:68px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:8px 11px 9px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  border-radius:0!important;
}

/* kill inherited offsets/sizes from previous service-card styles */
.tf-homepage .tf-service-card-directory-copy small,
.tf-homepage .tf-service-card-directory-copy h3,
.tf-homepage .tf-service-card-directory-cta{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  float:none!important;
}

.tf-homepage .tf-service-card-directory-copy small{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#755711!important;
  font-size:5px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

.tf-homepage .tf-service-card-directory-copy h3{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#0b2343!important;
  font-size:10.4px!important;
  font-weight:900!important;
  line-height:1.16!important;
  letter-spacing:-.018em!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  text-shadow:none!important;
}

.tf-homepage .tf-service-card-directory-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  justify-self:start!important;
  width:auto!important;
  min-width:0!important;
  min-height:16px!important;
  height:16px!important;
  margin:1px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#075bc7!important;
  font-size:5.8px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.tf-homepage .tf-service-card-directory-cta svg{
  display:block!important;
  width:9px!important;
  height:9px!important;
  margin-left:3px!important;
  flex:0 0 auto!important;
}

/* media/footer seam stays clean */
.tf-homepage .tf-service-card-media{
  position:relative!important;
  z-index:1!important;
  border-bottom:1px solid #edf1f5!important;
}
.tf-homepage .tf-service-card-directory-copy{
  position:relative!important;
  z-index:2!important;
}

/* Desktop */
@media(min-width:1280px){
  .tf-homepage .tf-service-card-directory-copy{
    min-height:66px!important;
    height:auto!important;
    padding:8px 10px 9px!important;
  }
  .tf-homepage .tf-service-card-directory-copy h3{
    font-size:10px!important;
  }
}

/* Laptop */
@media(min-width:1024px) and (max-width:1279px){
  .tf-homepage .tf-service-card-directory-copy{
    min-height:62px!important;
    height:auto!important;
    padding:7px 9px 8px!important;
  }
  .tf-homepage .tf-service-card-directory-copy h3{
    font-size:9.2px!important;
  }
  .tf-homepage .tf-service-card-directory-copy small{
    font-size:4.6px!important;
  }
}

/* Tablet */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .tf-service-card-directory-copy{
    min-height:64px!important;
    height:auto!important;
  }
}

/* Mobile */
@media(max-width:699px){
  .tf-homepage .tf-service-card-directory-copy{
    min-height:58px!important;
    height:auto!important;
    padding:7px 8px!important;
    gap:2px!important;
  }
  .tf-homepage .tf-service-card-directory-copy h3{
    font-size:8.7px!important;
  }
  .tf-homepage .tf-service-card-directory-copy small{
    font-size:4.3px!important;
  }
  .tf-homepage .tf-service-card-directory-cta{
    min-height:14px!important;
    height:14px!important;
    font-size:5px!important;
  }
}


/* =========================================================
   SOURCE: curated-sourcing-premium-blue-18.4.93.css
   SHA256: 7a1ea91220822d4fa6ed2ba65f2bf9b967a8b0d97df28ec1c6c40f01186d6ed2
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.93 — Curated Sourcing Premium Blue System
   Uses the blue/navy side of the TradesFolks identity instead of yellow. */

.tf-homepage .curated-b2b-market{
  position:relative!important;
  padding:13px 0 17px!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(7,91,199,.07),transparent 26%),
    linear-gradient(180deg,#f6f9fd 0%,#f2f6fb 100%)!important;
  overflow:hidden!important;
}
.tf-homepage .curated-b2b-market>.shell{
  width:calc(100% - 24px)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding:0!important;
  box-sizing:border-box!important;
}

/* premium section heading */
.tf-homepage .curated-b2b-heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 10px!important;
}
.tf-homepage .curated-b2b-heading .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  color:#075bc7!important;
  font-size:6.8px!important;
  font-weight:900!important;
  letter-spacing:.105em!important;
}
.tf-homepage .curated-b2b-heading .eyebrow:before{
  content:""!important;
  width:18px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#075bc7!important;
}
.tf-homepage .curated-b2b-heading h2{
  margin:0!important;
  color:#0b2343!important;
  font-size:25px!important;
  font-weight:900!important;
  line-height:1.03!important;
  letter-spacing:-.04em!important;
  text-align:right!important;
}

/* 4 enterprise cards */
.tf-homepage .curated-b2b-rail{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.tf-homepage .curated-b2b-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  padding:11px!important;
  overflow:hidden!important;
  border:1px solid #d8e4f1!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 6px 18px rgba(7,31,63,.045)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.tf-homepage .curated-b2b-card:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:3px!important;
  background:linear-gradient(90deg,#075bc7 0%,#0b2343 100%)!important;
}
.tf-homepage .curated-b2b-card:hover{
  transform:translateY(-3px)!important;
  border-color:#b9cfe7!important;
  box-shadow:0 14px 28px rgba(7,31,63,.09)!important;
}
.tf-homepage .curated-b2b-card h3{
  min-height:34px!important;
  margin:5px 0 9px!important;
  color:#0b2343!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}

/* product tile matrix */
.tf-homepage .curated-b2b-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
}
.tf-homepage .curated-b2b-item{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  padding:6px!important;
  overflow:hidden!important;
  border:1px solid #e1e9f2!important;
  border-radius:10px!important;
  background:#f8fbff!important;
  box-shadow:none!important;
  color:#0b2343!important;
  text-decoration:none!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.tf-homepage .curated-b2b-item:hover{
  transform:translateY(-1px)!important;
  border-color:#c3d6ea!important;
  background:#f1f7ff!important;
}
.tf-homepage .curated-b2b-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:96px!important;
  min-height:96px!important;
  margin:0 0 5px!important;
  padding:3px!important;
  overflow:hidden!important;
  border:0!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;
  transform:none!important;
}
.tf-homepage .curated-b2b-placeholder{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  border-radius:8px!important;
  background:linear-gradient(145deg,#edf4fb,#e2edf8)!important;
  color:#075bc7!important;
  font-size:12px!important;
  font-weight:900!important;
}
.tf-homepage .curated-b2b-item>strong{
  display:-webkit-box!important;
  min-height:25px!important;
  max-height:25px!important;
  margin:0!important;
  overflow:hidden!important;
  color:#172b48!important;
  font-size:8.1px!important;
  font-weight:800!important;
  line-height:1.2!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
.tf-homepage .curated-b2b-item>small{
  display:none!important;
}

/* premium blue CTA */
.tf-homepage .curated-b2b-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  min-height:31px!important;
  margin-top:9px!important;
  padding:0 10px!important;
  border:1px solid #c4d7eb!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#edf5ff 0%,#e1efff 100%)!important;
  color:#075bc7!important;
  font-size:7.2px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
.tf-homepage .curated-b2b-cta svg{
  width:13px!important;
  height:13px!important;
  flex:0 0 auto!important;
  transition:transform .16s ease!important;
}
.tf-homepage .curated-b2b-cta:hover{
  border-color:#9fc0e1!important;
  background:#dcecff!important;
}
.tf-homepage .curated-b2b-cta:hover svg{
  transform:translateX(2px)!important;
}

/* Subtle visual differentiation while remaining in blue family */
.tf-homepage .curated-b2b-card:nth-child(2):before{
  background:linear-gradient(90deg,#0b2343,#075bc7)!important;
}
.tf-homepage .curated-b2b-card:nth-child(3):before{
  background:linear-gradient(90deg,#075bc7,#4a89d7)!important;
}
.tf-homepage .curated-b2b-card:nth-child(4):before{
  background:linear-gradient(90deg,#163a68,#075bc7)!important;
}

/* large desktop */
@media(min-width:1536px){
  .tf-homepage .curated-b2b-image{
    height:104px!important;
    min-height:104px!important;
  }
}

/* laptop */
@media(min-width:1024px) and (max-width:1279px){
  .tf-homepage .curated-b2b-heading h2{
    font-size:22px!important;
  }
  .tf-homepage .curated-b2b-card{
    padding:9px!important;
  }
  .tf-homepage .curated-b2b-card h3{
    min-height:31px!important;
    font-size:11.5px!important;
  }
  .tf-homepage .curated-b2b-image{
    height:82px!important;
    min-height:82px!important;
  }
  .tf-homepage .curated-b2b-item>strong{
    font-size:7.3px!important;
  }
}

/* tablet */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .curated-b2b-rail{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .tf-homepage .curated-b2b-image{
    height:100px!important;
    min-height:100px!important;
  }
}

/* mobile: premium swipe rail */
@media(max-width:699px){
  .tf-homepage .curated-b2b-market{
    padding:10px 0 14px!important;
  }
  .tf-homepage .curated-b2b-market>.shell{
    width:100%!important;
    padding:0 7px!important;
  }
  .tf-homepage .curated-b2b-heading{
    display:block!important;
    margin-bottom:8px!important;
  }
  .tf-homepage .curated-b2b-heading h2{
    margin-top:4px!important;
    font-size:18px!important;
    text-align:left!important;
  }
  .tf-homepage .curated-b2b-rail{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .tf-homepage .curated-b2b-rail::-webkit-scrollbar{
    display:none!important;
  }
  .tf-homepage .curated-b2b-card{
    flex:0 0 82vw!important;
    width:82vw!important;
    min-width:82vw!important;
    padding:9px!important;
    border-radius:13px!important;
    scroll-snap-align:start!important;
  }
  .tf-homepage .curated-b2b-card h3{
    min-height:0!important;
    margin:5px 0 7px!important;
    font-size:11px!important;
  }
  .tf-homepage .curated-b2b-image{
    height:92px!important;
    min-height:92px!important;
  }
  .tf-homepage .curated-b2b-cta{
    min-height:29px!important;
    margin-top:7px!important;
    font-size:6.7px!important;
  }
}
@media(max-width:360px){
  .tf-homepage .curated-b2b-card{
    flex-basis:86vw!important;
    width:86vw!important;
    min-width:86vw!important;
  }
}


/* =========================================================
   SOURCE: featured-marketplace-product-first-18.4.85.css
   SHA256: 88668bebcb97662c15e981dcaa24665bd4b2f5754dea1e9178d44e92388826c7
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.82 — Featured Marketplace 6x2 Reference Cards
   Direct implementation of approved reference:
   large product image + yellow footer + centered name + underline.
   No price, MOQ, seller row or bulky CTA buttons.
   Premium inline SVG action icons.
*/

.tf-homepage .marketplace-products{
  padding:16px 0 22px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.tf-homepage .marketplace-products>.shell{
  width:calc(100% - 24px)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.tf-homepage .marketplace-products .curated-products-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 12px!important;
}
.tf-homepage .marketplace-products .curated-products-head .eyebrow{
  margin:0 0 4px!important;
  color:#075bc7!important;
  font-size:7.5px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.tf-homepage .marketplace-products .curated-products-head h2{
  margin:0!important;
  color:#0b2343!important;
  font-size:26px!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
}
.tf-homepage .marketplace-products .curated-products-head .section-copy{
  margin:4px 0 0!important;
  color:#718096!important;
  font-size:8.5px!important;
  line-height:1.3!important;
}
.tf-homepage .marketplace-products .curated-products-head>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:32px!important;
  height:32px!important;
  padding:0 12px!important;
  border:1px solid #d8e4f1!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#075bc7!important;
  font-size:7.4px!important;
  font-weight:850!important;
  text-decoration:none!important;
}

/* exactly 6 + 6 on desktop */
.tf-homepage .marketplace-products .featured-twelve-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
}

/* reference card shell */
.tf-homepage .marketplace-products .tf-featured-opportunity-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #f0c23f!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(8,31,63,.065)!important;
  box-sizing:border-box!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.tf-homepage .marketplace-products .tf-featured-opportunity-card:hover{
  transform:translateY(-3px)!important;
  border-color:#e5ae13!important;
  box-shadow:0 14px 30px rgba(8,31,63,.11)!important;
}

/* image occupies the complete upper card */
.tf-homepage .marketplace-products .tf-featured-opportunity-media{
  position:relative!important;
  display:block!important;
  flex:0 0 245px!important;
  width:100%!important;
  height:245px!important;
  min-height:245px!important;
  max-height:245px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:#fff!important;
}
.tf-homepage .marketplace-products .tf-featured-opportunity-media > .tf-featured-opportunity-image-link{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:7px!important;
  overflow:hidden!important;
  border:0!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.tf-homepage .marketplace-products .tf-featured-opportunity-image-link img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#fff!important;
  object-fit:contain!important;
  object-position:center center!important;
  aspect-ratio:auto!important;
  transform:none!important;
}

/* premium SVG action rail */
.tf-homepage .marketplace-products .tf-featured-opportunity-media > .tf-featured-card-tools{
  position:absolute!important;
  z-index:6!important;
  top:9px!important;
  right:9px!important;
  left:auto!important;
  bottom:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.tf-homepage .marketplace-products .tf-featured-tool,
.tf-homepage .marketplace-products .tf-featured-card-tools > *{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 31px!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  max-width:31px!important;
  max-height:31px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d8e3ed!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.97)!important;
  color:#0a2347!important;
  box-shadow:0 4px 12px rgba(7,31,64,.10)!important;
  text-decoration:none!important;
  cursor:pointer!important;
  backdrop-filter:blur(8px)!important;
}
.tf-homepage .marketplace-products .tf-featured-tool svg,
.tf-homepage .marketplace-products .tf-featured-card-tools > * svg{
  display:block!important;
  width:15px!important;
  height:15px!important;
  fill:none!important;
}
.tf-homepage .marketplace-products .tf-featured-card-tools > *:hover{
  border-color:#efb516!important;
  background:#fffaf0!important;
  color:#075bc7!important;
}

/* yellow reference footer */
.tf-homepage .marketplace-products .tf-featured-opportunity-body{
  position:relative!important;
  display:flex!important;
  flex:0 0 86px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:86px!important;
  height:86px!important;
  margin:0!important;
  padding:11px 12px 13px!important;
  border-top:1px solid rgba(187,126,0,.12)!important;
  background:linear-gradient(180deg,#ffd454 0%,#fbbf24 100%)!important;
  box-sizing:border-box!important;
}

/* simple centered title, no white pill */
.tf-homepage .marketplace-products .tf-featured-opportunity-body h3{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:0 8px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0b2343!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.tf-homepage .marketplace-products .tf-featured-opportunity-body h3:before,
.tf-homepage .marketplace-products .tf-featured-opportunity-body h3:after{
  display:none!important;
  content:none!important;
}
.tf-homepage .marketplace-products .tf-featured-opportunity-body h3 a{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  color:inherit!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* reference underline */
.tf-homepage .marketplace-products .tf-featured-opportunity-body:after{
  content:""!important;
  display:block!important;
  width:34px!important;
  height:4px!important;
  margin-top:8px!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(126,84,0,.08)!important;
}

/* hard-hide everything except product name */
.tf-homepage .marketplace-products .tf-featured-opportunity-body .price,
.tf-homepage .marketplace-products .tf-featured-moq,
.tf-homepage .marketplace-products .tf-featured-opportunity-card .supplier-line,
.tf-homepage .marketplace-products .tf-featured-opportunity-card .card-actions,
.tf-homepage .marketplace-products .tf-featured-opportunity-card .product-badge{
  display:none!important;
}

/* laptop: still 6 columns where usable */
@media(min-width:1280px) and (max-width:1535px){
  .tf-homepage .marketplace-products .featured-twelve-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:205px!important;
    height:205px!important;
    min-height:205px!important;
    max-height:205px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:76px!important;
    min-height:76px!important;
    height:76px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body h3{
    font-size:10px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-tool,
  .tf-homepage .marketplace-products .tf-featured-card-tools > *{
    flex-basis:28px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-tool svg,
  .tf-homepage .marketplace-products .tf-featured-card-tools > * svg{
    width:13px!important;
    height:13px!important;
  }
}

/* smaller laptop */
@media(min-width:1024px) and (max-width:1279px){
  .tf-homepage .marketplace-products .featured-twelve-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:215px!important;
    height:215px!important;
    min-height:215px!important;
    max-height:215px!important;
  }
}

/* tablet */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .marketplace-products .featured-twelve-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:190px!important;
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
  }
}

/* mobile */
@media(max-width:699px){
  .tf-homepage .marketplace-products{
    padding:13px 0 18px!important;
  }
  .tf-homepage .marketplace-products>.shell{
    width:100%!important;
    padding:0 7px!important;
  }
  .tf-homepage .marketplace-products .curated-products-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:4px 7px!important;
    align-items:center!important;
  }
  .tf-homepage .marketplace-products .curated-products-head h2{
    font-size:18px!important;
  }
  .tf-homepage .marketplace-products .curated-products-head .section-copy{
    font-size:7px!important;
  }
  .tf-homepage .marketplace-products .curated-products-head>a{
    min-height:27px!important;
    height:27px!important;
    padding:0 8px!important;
    font-size:6.3px!important;
  }
  .tf-homepage .marketplace-products .featured-twelve-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-card{
    border-radius:14px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:142px!important;
    height:142px!important;
    min-height:142px!important;
    max-height:142px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:58px!important;
    min-height:58px!important;
    height:58px!important;
    padding:8px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body h3{
    min-height:25px!important;
    max-height:25px!important;
    font-size:8px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body:after{
    width:25px!important;
    height:3px!important;
    margin-top:5px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-media > .tf-featured-card-tools{
    top:5px!important;
    right:5px!important;
    gap:4px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-tool,
  .tf-homepage .marketplace-products .tf-featured-card-tools > *{
    flex-basis:23px!important;
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    max-width:23px!important;
    max-height:23px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-tool svg,
  .tf-homepage .marketplace-products .tf-featured-card-tools > * svg{
    width:11px!important;
    height:11px!important;
  }
}
@media(max-width:340px){
  .tf-homepage .marketplace-products .featured-twelve-grid{
    grid-template-columns:1fr!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:225px!important;
    height:225px!important;
    min-height:225px!important;
    max-height:225px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .tf-homepage .marketplace-products .tf-featured-opportunity-card{
    transition:none!important;
  }
}

/* TradesFolks 18.4.83 — Trending / Popular Products Reference Cards
   Same approved card system as Featured Marketplace. */

.tf-homepage .trending-products-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 12px!important;
}
.tf-homepage .trending-products-head .eyebrow{
  margin:0 0 4px!important;
  color:#075bc7!important;
  font-size:7.5px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
.tf-homepage .trending-products-head h2{
  margin:0!important;
  color:#0b2343!important;
  font-size:26px!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
}
.tf-homepage .trending-products-head .section-copy{
  margin:4px 0 0!important;
  color:#718096!important;
  font-size:8.5px!important;
  line-height:1.3!important;
}
.tf-homepage .trending-products-head>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:32px!important;
  height:32px!important;
  padding:0 12px!important;
  border:1px solid #d8e4f1!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#075bc7!important;
  font-size:7.4px!important;
  font-weight:850!important;
  text-decoration:none!important;
}

.tf-homepage .trending-twelve-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
}

/* Reference card shell */
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #f0c23f!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(8,31,63,.065)!important;
  box-sizing:border-box!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-card:hover{
  transform:translateY(-3px)!important;
  border-color:#e5ae13!important;
  box-shadow:0 14px 30px rgba(8,31,63,.11)!important;
}

/* Large product media */
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
  position:relative!important;
  display:block!important;
  flex:0 0 245px!important;
  width:100%!important;
  height:245px!important;
  min-height:245px!important;
  max-height:245px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:#fff!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-media > .tf-featured-opportunity-image-link{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:7px!important;
  overflow:hidden!important;
  border:0!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-image-link img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#fff!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}

/* Premium SVG action rail */
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-media > .tf-featured-card-tools{
  position:absolute!important;
  z-index:6!important;
  top:9px!important;
  right:9px!important;
  left:auto!important;
  bottom:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-tool,
.tf-homepage .trending-twelve-grid .tf-featured-card-tools > *{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 31px!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  max-width:31px!important;
  max-height:31px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d8e3ed!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.97)!important;
  color:#0a2347!important;
  box-shadow:0 4px 12px rgba(7,31,64,.10)!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-tool svg,
.tf-homepage .trending-twelve-grid .tf-featured-card-tools > * svg{
  width:15px!important;
  height:15px!important;
  display:block!important;
  fill:none!important;
}

/* Yellow name footer */
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-body{
  position:relative!important;
  display:flex!important;
  flex:0 0 86px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:86px!important;
  height:86px!important;
  margin:0!important;
  padding:11px 12px 13px!important;
  border-top:1px solid rgba(187,126,0,.12)!important;
  background:linear-gradient(180deg,#ffd454 0%,#fbbf24 100%)!important;
  box-sizing:border-box!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-body h3{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:0 8px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0b2343!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-body h3:before,
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-body h3:after{
  display:none!important;
  content:none!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-body h3 a{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  color:inherit!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-body:after{
  content:""!important;
  display:block!important;
  width:34px!important;
  height:4px!important;
  margin-top:8px!important;
  border-radius:999px!important;
  background:#fff!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-body .price,
.tf-homepage .trending-twelve-grid .tf-featured-moq,
.tf-homepage .trending-twelve-grid .supplier-line,
.tf-homepage .trending-twelve-grid .card-actions,
.tf-homepage .trending-twelve-grid .product-badge{
  display:none!important;
}

/* responsive */
@media(min-width:1280px) and (max-width:1535px){
  .tf-homepage .trending-twelve-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
    flex-basis:205px!important;height:205px!important;min-height:205px!important;max-height:205px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body{
    flex-basis:76px!important;min-height:76px!important;height:76px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body h3{
    font-size:10px!important;
  }
}
@media(min-width:1024px) and (max-width:1279px){
  .tf-homepage .trending-twelve-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .trending-twelve-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:699px){
  .tf-homepage .trending-products-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:4px 7px!important;
  }
  .tf-homepage .trending-products-head h2{
    font-size:18px!important;
  }
  .tf-homepage .trending-products-head .section-copy{
    font-size:7px!important;
  }
  .tf-homepage .trending-products-head>a{
    min-height:27px!important;height:27px!important;padding:0 8px!important;font-size:6.3px!important;
  }
  .tf-homepage .trending-twelve-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-card{
    border-radius:14px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
    flex-basis:142px!important;height:142px!important;min-height:142px!important;max-height:142px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body{
    flex-basis:58px!important;min-height:58px!important;height:58px!important;padding:8px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body h3{
    min-height:25px!important;max-height:25px!important;font-size:8px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body:after{
    width:25px!important;height:3px!important;margin-top:5px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-tool,
  .tf-homepage .trending-twelve-grid .tf-featured-card-tools > *{
    flex-basis:23px!important;width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important;max-width:23px!important;max-height:23px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-tool svg,
  .tf-homepage .trending-twelve-grid .tf-featured-card-tools > * svg{
    width:11px!important;height:11px!important;
  }
}
@media(max-width:340px){
  .tf-homepage .trending-twelve-grid{
    grid-template-columns:1fr!important;
  }
}


/* TradesFolks 18.4.84 — Trending Section Size Parity
   User requirement: "Popular products buyers are exploring" must occupy the same
   overall section footprint as "Featured marketplace opportunities".
   This override synchronizes shell width, section padding, header rhythm,
   desktop card media/footer heights and responsive sizing. */

/* Section shell + vertical rhythm match Featured marketplace */
.tf-homepage .trending-products{
  padding:16px 0 22px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.tf-homepage .trending-products>.shell{
  width:calc(100% - 24px)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding:0!important;
  box-sizing:border-box!important;
}

/* Header exactly follows Featured marketplace proportions */
.tf-homepage .trending-products-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 12px!important;
}
.tf-homepage .trending-products-head .eyebrow{
  margin:0 0 4px!important;
  font-size:7.5px!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  color:#075bc7!important;
}
.tf-homepage .trending-products-head h2{
  margin:0!important;
  color:#0b2343!important;
  font-size:26px!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
}
.tf-homepage .trending-products-head .section-copy{
  margin:4px 0 0!important;
  color:#718096!important;
  font-size:8.5px!important;
  line-height:1.3!important;
}
.tf-homepage .trending-products-head>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:32px!important;
  height:32px!important;
  padding:0 12px!important;
  border:1px solid #d8e4f1!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#075bc7!important;
  font-size:7.4px!important;
  font-weight:850!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

/* 6 + 6 desktop matrix, same footprint as Featured section */
.tf-homepage .trending-twelve-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
}

/* Match Featured card geometry */
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-card{
  border-radius:18px!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
  flex:0 0 245px!important;
  height:245px!important;
  min-height:245px!important;
  max-height:245px!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-body{
  flex:0 0 86px!important;
  min-height:86px!important;
  height:86px!important;
  padding:11px 12px 13px!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-body h3{
  min-height:32px!important;
  max-height:32px!important;
  font-size:12px!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-body:after{
  width:34px!important;
  height:4px!important;
  margin-top:8px!important;
}

/* Keep SVG action rail proportionally identical */
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-media > .tf-featured-card-tools{
  top:9px!important;
  right:9px!important;
  gap:6px!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-tool,
.tf-homepage .trending-twelve-grid .tf-featured-card-tools > *{
  flex-basis:31px!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  max-width:31px!important;
  max-height:31px!important;
}
.tf-homepage .trending-twelve-grid .tf-featured-tool svg,
.tf-homepage .trending-twelve-grid .tf-featured-card-tools > * svg{
  width:15px!important;
  height:15px!important;
}

/* 1280–1535: exact same compact geometry as Featured marketplace */
@media(min-width:1280px) and (max-width:1535px){
  .tf-homepage .trending-products>.shell{
    width:calc(100% - 24px)!important;
  }
  .tf-homepage .trending-twelve-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
    flex-basis:205px!important;
    height:205px!important;
    min-height:205px!important;
    max-height:205px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body{
    flex-basis:76px!important;
    min-height:76px!important;
    height:76px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body h3{
    font-size:10px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-tool,
  .tf-homepage .trending-twelve-grid .tf-featured-card-tools > *{
    flex-basis:28px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-tool svg,
  .tf-homepage .trending-twelve-grid .tf-featured-card-tools > * svg{
    width:13px!important;
    height:13px!important;
  }
}

/* Smaller laptop parity */
@media(min-width:1024px) and (max-width:1279px){
  .tf-homepage .trending-products>.shell{
    width:calc(100% - 24px)!important;
  }
  .tf-homepage .trending-twelve-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
    flex-basis:215px!important;
    height:215px!important;
    min-height:215px!important;
    max-height:215px!important;
  }
}

/* Tablet parity */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .trending-products{
    padding:16px 0 22px!important;
  }
  .tf-homepage .trending-products>.shell{
    width:calc(100% - 24px)!important;
  }
  .tf-homepage .trending-twelve-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
    flex-basis:190px!important;
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
  }
}

/* Mobile follows Featured section sizing and rhythm */
@media(max-width:699px){
  .tf-homepage .trending-products{
    padding:13px 0 18px!important;
  }
  .tf-homepage .trending-products>.shell{
    width:100%!important;
    max-width:none!important;
    padding:0 7px!important;
    box-sizing:border-box!important;
  }
  .tf-homepage .trending-products-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:4px 7px!important;
    margin-bottom:9px!important;
  }
  .tf-homepage .trending-products-head h2{
    font-size:18px!important;
  }
  .tf-homepage .trending-products-head .section-copy{
    font-size:7px!important;
  }
  .tf-homepage .trending-products-head>a{
    min-height:27px!important;
    height:27px!important;
    padding:0 8px!important;
    font-size:6.3px!important;
  }
  .tf-homepage .trending-twelve-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-card{
    border-radius:14px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
    flex-basis:142px!important;
    height:142px!important;
    min-height:142px!important;
    max-height:142px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body{
    flex-basis:58px!important;
    min-height:58px!important;
    height:58px!important;
    padding:8px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body h3{
    min-height:25px!important;
    max-height:25px!important;
    font-size:8px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body:after{
    width:25px!important;
    height:3px!important;
    margin-top:5px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-media > .tf-featured-card-tools{
    top:5px!important;
    right:5px!important;
    gap:4px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-tool,
  .tf-homepage .trending-twelve-grid .tf-featured-card-tools > *{
    flex-basis:23px!important;
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    max-width:23px!important;
    max-height:23px!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-tool svg,
  .tf-homepage .trending-twelve-grid .tf-featured-card-tools > * svg{
    width:11px!important;
    height:11px!important;
  }
}
@media(max-width:340px){
  .tf-homepage .trending-twelve-grid{
    grid-template-columns:1fr!important;
  }
  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
    flex-basis:225px!important;
    height:225px!important;
    min-height:225px!important;
    max-height:225px!important;
  }
}


/* TradesFolks 18.4.85 — Trending Compact Density Hotfix
   Keeps the approved 6 + 6 layout but reduces the overall section footprint. */

.tf-homepage .trending-products{
  padding:12px 0 16px!important;
}

.tf-homepage .trending-products-head{
  gap:12px!important;
  margin-bottom:9px!important;
}
.tf-homepage .trending-products-head .eyebrow{
  margin-bottom:3px!important;
  font-size:6.8px!important;
}
.tf-homepage .trending-products-head h2{
  font-size:23px!important;
  line-height:1.02!important;
}
.tf-homepage .trending-products-head .section-copy{
  margin-top:3px!important;
  font-size:7.8px!important;
}
.tf-homepage .trending-products-head>a{
  min-height:29px!important;
  height:29px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  font-size:6.8px!important;
}

/* Compact 6 + 6 matrix */
.tf-homepage .trending-twelve-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}

/* Compact card geometry */
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-card{
  border-radius:15px!important;
}

.tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
  flex-basis:188px!important;
  height:188px!important;
  min-height:188px!important;
  max-height:188px!important;
}

.tf-homepage .trending-twelve-grid .tf-featured-opportunity-media > .tf-featured-opportunity-image-link{
  padding:5px!important;
}

.tf-homepage .trending-twelve-grid .tf-featured-opportunity-body{
  flex-basis:64px!important;
  min-height:64px!important;
  height:64px!important;
  padding:8px 10px 9px!important;
}

.tf-homepage .trending-twelve-grid .tf-featured-opportunity-body h3{
  min-height:26px!important;
  max-height:26px!important;
  font-size:9.4px!important;
}

.tf-homepage .trending-twelve-grid .tf-featured-opportunity-body:after{
  width:28px!important;
  height:3px!important;
  margin-top:6px!important;
}

/* Smaller action rail */
.tf-homepage .trending-twelve-grid .tf-featured-opportunity-media > .tf-featured-card-tools{
  top:7px!important;
  right:7px!important;
  gap:4px!important;
}

.tf-homepage .trending-twelve-grid .tf-featured-tool,
.tf-homepage .trending-twelve-grid .tf-featured-card-tools > *{
  flex-basis:25px!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
  max-width:25px!important;
  max-height:25px!important;
}

.tf-homepage .trending-twelve-grid .tf-featured-tool svg,
.tf-homepage .trending-twelve-grid .tf-featured-card-tools > * svg{
  width:12px!important;
  height:12px!important;
}

/* Common desktop / laptop */
@media(min-width:1280px) and (max-width:1535px){
  .tf-homepage .trending-twelve-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
    flex-basis:176px!important;
    height:176px!important;
    min-height:176px!important;
    max-height:176px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body{
    flex-basis:60px!important;
    min-height:60px!important;
    height:60px!important;
    padding:7px 8px 8px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body h3{
    min-height:24px!important;
    max-height:24px!important;
    font-size:8.6px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body:after{
    width:25px!important;
    margin-top:5px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-tool,
  .tf-homepage .trending-twelve-grid .tf-featured-card-tools > *{
    flex-basis:24px!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-tool svg,
  .tf-homepage .trending-twelve-grid .tf-featured-card-tools > * svg{
    width:11px!important;
    height:11px!important;
  }
}

/* Smaller laptop */
@media(min-width:1024px) and (max-width:1279px){
  .tf-homepage .trending-products{
    padding:11px 0 15px!important;
  }

  .tf-homepage .trending-twelve-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
    flex-basis:184px!important;
    height:184px!important;
    min-height:184px!important;
    max-height:184px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body{
    flex-basis:60px!important;
    min-height:60px!important;
    height:60px!important;
  }
}

/* Tablet */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .trending-products{
    padding:11px 0 15px!important;
  }

  .tf-homepage .trending-twelve-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
    flex-basis:168px!important;
    height:168px!important;
    min-height:168px!important;
    max-height:168px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body{
    flex-basis:58px!important;
    min-height:58px!important;
    height:58px!important;
  }
}

/* Mobile */
@media(max-width:699px){
  .tf-homepage .trending-products{
    padding:10px 0 14px!important;
  }

  .tf-homepage .trending-products-head{
    margin-bottom:7px!important;
  }

  .tf-homepage .trending-products-head h2{
    font-size:16.5px!important;
  }

  .tf-homepage .trending-products-head .section-copy{
    font-size:6.6px!important;
  }

  .tf-homepage .trending-products-head>a{
    min-height:25px!important;
    height:25px!important;
    padding:0 7px!important;
    font-size:6px!important;
  }

  .tf-homepage .trending-twelve-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-card{
    border-radius:12px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
    flex-basis:122px!important;
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body{
    flex-basis:50px!important;
    min-height:50px!important;
    height:50px!important;
    padding:6px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body h3{
    min-height:21px!important;
    max-height:21px!important;
    font-size:7.3px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-body:after{
    width:22px!important;
    height:2.5px!important;
    margin-top:4px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-tool,
  .tf-homepage .trending-twelve-grid .tf-featured-card-tools > *{
    flex-basis:21px!important;
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    min-height:21px!important;
    max-width:21px!important;
    max-height:21px!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-tool svg,
  .tf-homepage .trending-twelve-grid .tf-featured-card-tools > * svg{
    width:10px!important;
    height:10px!important;
  }
}

@media(max-width:340px){
  .tf-homepage .trending-twelve-grid{
    grid-template-columns:1fr!important;
  }

  .tf-homepage .trending-twelve-grid .tf-featured-opportunity-media{
    flex-basis:190px!important;
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
  }
}


/* =========================================================
   SOURCE: serious-sourcing-visual-cards-18.4.97.css
   SHA256: 334d8a1ec0e48b4f2674b44c371fcbafe3e12c82a58a63aac3313313d018224e
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.94 — Serious Sourcing Visual Cards */
.tf-homepage .trade-advantage .advantage-cards{
  align-items:stretch!important;
}
.tf-homepage .trade-advantage .advantage-cards>.advantage-visual-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  padding:14px!important;
  border:1px solid #d7e2ee!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(8,35,68,.045)!important;
}
.tf-homepage .advantage-visual-card>.advantage-number{
  position:absolute!important;
  z-index:3!important;
  top:14px!important;
  left:14px!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  margin:0!important;
  border-radius:13px!important;
  background:#075bc7!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 6px 15px rgba(7,91,199,.18)!important;
}
.tf-homepage .advantage-visual{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:164px!important;
  min-height:164px!important;
  margin:0 0 12px!important;
  padding:9px!important;
  overflow:hidden!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(7,91,199,.08),transparent 50%),
    linear-gradient(145deg,#f8fbff,#eef5fc)!important;
}
.tf-homepage .advantage-visual:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:12px!important;
  width:54%!important;
  height:12px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:rgba(11,35,67,.07)!important;
  filter:blur(7px)!important;
}
.tf-homepage .advantage-visual img{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.tf-homepage .advantage-visual-fallback{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#075bc7!important;
  font-size:24px!important;
  font-weight:900!important;
  opacity:.18!important;
}
.tf-homepage .advantage-visual img+.advantage-visual-fallback{
  display:none!important;
}
.tf-homepage .advantage-content{
  margin-top:auto!important;
  padding:0 3px 3px!important;
}
.tf-homepage .advantage-content h3{
  margin:0 0 7px!important;
  color:#0b2343!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}
.tf-homepage .advantage-content p{
  margin:0!important;
  color:#61748e!important;
  font-size:10px!important;
  line-height:1.42!important;
}
.tf-homepage .advantage-visual-card:hover{
  border-color:#b8cde4!important;
  box-shadow:0 14px 30px rgba(8,35,68,.09)!important;
  transform:translateY(-2px)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
@media(min-width:1400px){
  .tf-homepage .advantage-visual{height:178px!important;min-height:178px!important}
}
@media(max-width:1100px){
  .tf-homepage .advantage-visual{height:145px!important;min-height:145px!important}
  .tf-homepage .advantage-content h3{font-size:14px!important}
}
@media(max-width:760px){
  .tf-homepage .trade-advantage .advantage-cards{
    display:flex!important;
    gap:9px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .tf-homepage .trade-advantage .advantage-cards::-webkit-scrollbar{display:none!important}
  .tf-homepage .trade-advantage .advantage-cards>.advantage-visual-card{
    flex:0 0 78vw!important;
    min-width:78vw!important;
    padding:10px!important;
    scroll-snap-align:start!important;
  }
  .tf-homepage .advantage-visual{height:150px!important;min-height:150px!important}
  .tf-homepage .advantage-visual-card>.advantage-number{
    top:10px!important;left:10px!important;width:38px!important;height:38px!important;border-radius:11px!important;font-size:10px!important
  }
}

/* TradesFolks 18.4.95 — Static Experience Image Binding */
.tf-homepage .advantage-visual.is-missing .advantage-visual-fallback{
  display:grid!important;
}
.tf-homepage .advantage-visual:not(.is-missing) .advantage-visual-fallback{
  display:none!important;
}


/* TradesFolks 18.4.97 — Serious Sourcing Premium White Visual Refinement */

/* Card shell */
.tf-homepage .trade-advantage .advantage-cards>.advantage-visual-card{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #d7e3f0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(8,35,68,.055)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.tf-homepage .trade-advantage .advantage-cards>.advantage-visual-card:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:3px!important;
  background:linear-gradient(90deg,#075bc7,#0b2343)!important;
  z-index:4!important;
}

/* White image area – remove grey/blue canvas */
.tf-homepage .advantage-visual{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:166px!important;
  min-height:166px!important;
  margin:0 0 13px!important;
  padding:8px!important;
  overflow:hidden!important;
  border:1px solid #edf1f5!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(7,91,199,.015)!important;
}
.tf-homepage .advantage-visual:before{
  content:""!important;
  position:absolute!important;
  inset:12px!important;
  border-radius:11px!important;
  border:1px solid rgba(7,91,199,.045)!important;
  pointer-events:none!important;
  z-index:1!important;
}
.tf-homepage .advantage-visual:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:11px!important;
  width:38%!important;
  height:8px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:rgba(11,35,67,.055)!important;
  filter:blur(6px)!important;
}
.tf-homepage .advantage-visual img{
  position:relative!important;
  z-index:2!important;
  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;
  background:#fff!important;
}

/* Number badge – premium blue */
.tf-homepage .advantage-visual-card>.advantage-number{
  top:13px!important;
  left:13px!important;
  width:42px!important;
  height:42px!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#0868dc 0%,#075bc7 100%)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(7,91,199,.18)!important;
}

/* Copy area */
.tf-homepage .advantage-content{
  position:relative!important;
  margin-top:auto!important;
  padding:0 4px 4px!important;
}
.tf-homepage .advantage-content:before{
  content:""!important;
  display:block!important;
  width:28px!important;
  height:3px!important;
  margin:0 0 8px!important;
  border-radius:999px!important;
  background:#075bc7!important;
}
.tf-homepage .advantage-content h3{
  margin:0 0 6px!important;
  color:#0b2343!important;
  font-size:15.5px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}
.tf-homepage .advantage-content p{
  margin:0!important;
  color:#61748e!important;
  font-size:9.5px!important;
  line-height:1.42!important;
}

/* Hover */
.tf-homepage .trade-advantage .advantage-cards>.advantage-visual-card:hover{
  transform:translateY(-3px)!important;
  border-color:#b8cee5!important;
  box-shadow:0 16px 32px rgba(8,35,68,.095)!important;
}

/* Left panel polish to balance the white cards */
.tf-homepage .trade-advantage .advantage-intro{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(7,91,199,.18),transparent 28%),
    linear-gradient(145deg,#0a2342 0%,#0b2343 100%)!important;
  box-shadow:0 12px 28px rgba(8,35,68,.12)!important;
}
.tf-homepage .trade-advantage .advantage-intro:after{
  content:""!important;
  position:absolute!important;
  right:-48px!important;
  bottom:-62px!important;
  width:180px!important;
  height:180px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:50%!important;
}
.tf-homepage .trade-advantage .advantage-intro .eyebrow{
  color:#f9bd2b!important;
}

/* responsive */
@media(min-width:1400px){
  .tf-homepage .advantage-visual{
    height:174px!important;
    min-height:174px!important;
  }
}
@media(max-width:1100px){
  .tf-homepage .advantage-visual{
    height:145px!important;
    min-height:145px!important;
  }
  .tf-homepage .advantage-content h3{
    font-size:13.5px!important;
  }
}
@media(max-width:760px){
  .tf-homepage .trade-advantage .advantage-cards>.advantage-visual-card{
    border-radius:14px!important;
  }
  .tf-homepage .advantage-visual{
    height:145px!important;
    min-height:145px!important;
    margin-bottom:10px!important;
  }
  .tf-homepage .advantage-content h3{
    font-size:12px!important;
  }
  .tf-homepage .advantage-content p{
    font-size:8px!important;
  }
}


/* =========================================================
   SOURCE: product-sections-compact-mobile-18.4.99.css
   SHA256: 4d378c686c96f1b85f81bb89e0f59834bc78c2ab1fce4b54d8711e980c794731
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.99 — Product Section Compact Footer + Mobile QA
   Applies to Featured marketplace opportunities and Trending products. */

/* ---------- shared section rhythm ---------- */
.tf-homepage .marketplace-products,
.tf-homepage .trending-products{
  padding-top:8px!important;
  padding-bottom:10px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.tf-homepage .marketplace-products>.shell,
.tf-homepage .trending-products>.shell{
  width:calc(100% - 20px)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.tf-homepage .marketplace-products .curated-products-head,
.tf-homepage .trending-products .trending-products-head{
  margin-top:0!important;
  margin-bottom:7px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* ---------- desktop: shorter yellow name band ---------- */
.tf-homepage .marketplace-products .tf-featured-opportunity-body,
.tf-homepage .trending-products .tf-featured-opportunity-body{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  flex-basis:50px!important;
  min-height:50px!important;
  height:50px!important;
  max-height:50px!important;
  padding:6px 9px 7px!important;
  box-sizing:border-box!important;
}
.tf-homepage .marketplace-products .tf-featured-opportunity-body h3,
.tf-homepage .trending-products .tf-featured-opportunity-body h3{
  display:block!important;
  width:100%!important;
  min-height:15px!important;
  max-height:18px!important;
  margin:0!important;
  overflow:hidden!important;
  color:#0b2343!important;
  font-size:9.5px!important;
  font-weight:900!important;
  line-height:1.1!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.tf-homepage .marketplace-products .tf-featured-opportunity-body:after,
.tf-homepage .trending-products .tf-featured-opportunity-body:after{
  width:24px!important;
  height:3px!important;
  margin-top:5px!important;
  border-radius:999px!important;
}

/* tighter grid spacing */
.tf-homepage .marketplace-products .featured-twelve-grid,
.tf-homepage .trending-products .trending-twelve-grid{
  gap:8px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

/* image/card balance */
.tf-homepage .marketplace-products .tf-featured-opportunity-card,
.tf-homepage .trending-products .tf-featured-opportunity-card{
  min-height:0!important;
}
.tf-homepage .marketplace-products .tf-featured-opportunity-media,
.tf-homepage .trending-products .tf-featured-opportunity-media{
  background:#fff!important;
}

/* large desktop */
@media(min-width:1536px){
  .tf-homepage .marketplace-products,
  .tf-homepage .trending-products{
    padding-top:8px!important;
    padding-bottom:11px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body,
  .tf-homepage .trending-products .tf-featured-opportunity-body{
    flex-basis:52px!important;
    min-height:52px!important;
    height:52px!important;
    max-height:52px!important;
  }
}

/* laptop */
@media(min-width:1024px) and (max-width:1535px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-body,
  .tf-homepage .trending-products .tf-featured-opportunity-body{
    flex-basis:46px!important;
    min-height:46px!important;
    height:46px!important;
    max-height:46px!important;
    padding:5px 7px 6px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body h3,
  .tf-homepage .trending-products .tf-featured-opportunity-body h3{
    font-size:8.5px!important;
  }
}

/* ---------- mobile QA ---------- */
@media(max-width:699px){
  .tf-homepage .marketplace-products,
  .tf-homepage .trending-products{
    padding:7px 0 9px!important;
    overflow:hidden!important;
  }
  .tf-homepage .marketplace-products>.shell,
  .tf-homepage .trending-products>.shell{
    width:100%!important;
    max-width:none!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* heading: no oversized blank area, CTA stays within viewport */
  .tf-homepage .marketplace-products .curated-products-head,
  .tf-homepage .trending-products .trending-products-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:4px 7px!important;
    margin:0 0 7px!important;
  }
  .tf-homepage .marketplace-products .curated-products-head>div,
  .tf-homepage .trending-products .trending-products-head>div{
    min-width:0!important;
  }
  .tf-homepage .marketplace-products .curated-products-head .eyebrow,
  .tf-homepage .trending-products .trending-products-head .eyebrow{
    font-size:6.5px!important;
    line-height:1!important;
  }
  .tf-homepage .marketplace-products .curated-products-head h2,
  .tf-homepage .trending-products .trending-products-head h2{
    margin-top:3px!important;
    font-size:17px!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }
  .tf-homepage .marketplace-products .curated-products-head .section-copy,
  .tf-homepage .trending-products .trending-products-head .section-copy{
    margin-top:3px!important;
    font-size:6.8px!important;
    line-height:1.25!important;
  }
  .tf-homepage .marketplace-products .curated-products-head>a,
  .tf-homepage .trending-products .trending-products-head>a{
    align-self:center!important;
    min-height:28px!important;
    height:28px!important;
    max-width:112px!important;
    padding:0 8px!important;
    overflow:hidden!important;
    border-radius:9px!important;
    font-size:6.2px!important;
    white-space:nowrap!important;
  }

  /* true responsive 2-column grid; remove horizontal/partial-card behavior */
  .tf-homepage .marketplace-products .featured-twelve-grid,
  .tf-homepage .trending-products .trending-twelve-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-card,
  .tf-homepage .trending-products .tf-featured-opportunity-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-media,
  .tf-homepage .trending-products .tf-featured-opportunity-media{
    flex-basis:132px!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    padding:3px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-media img,
  .tf-homepage .trending-products .tf-featured-opportunity-media img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  /* much shorter yellow footer on mobile */
  .tf-homepage .marketplace-products .tf-featured-opportunity-body,
  .tf-homepage .trending-products .tf-featured-opportunity-body{
    flex-basis:42px!important;
    min-height:42px!important;
    height:42px!important;
    max-height:42px!important;
    padding:5px 6px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body h3,
  .tf-homepage .trending-products .tf-featured-opportunity-body h3{
    min-height:13px!important;
    max-height:14px!important;
    font-size:7.4px!important;
    line-height:1.05!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body:after,
  .tf-homepage .trending-products .tf-featured-opportunity-body:after{
    width:20px!important;
    height:2.5px!important;
    margin-top:4px!important;
  }

  /* controls scaled down to avoid crowding */
  .tf-homepage .marketplace-products .tf-featured-opportunity-media>.tf-featured-card-tools,
  .tf-homepage .trending-products .tf-featured-opportunity-media>.tf-featured-card-tools{
    top:5px!important;
    right:5px!important;
    gap:4px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-tool,
  .tf-homepage .marketplace-products .tf-featured-card-tools>*,
  .tf-homepage .trending-products .tf-featured-tool,
  .tf-homepage .trending-products .tf-featured-card-tools>*{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    flex-basis:22px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-tool svg,
  .tf-homepage .marketplace-products .tf-featured-card-tools>* svg,
  .tf-homepage .trending-products .tf-featured-tool svg,
  .tf-homepage .trending-products .tf-featured-card-tools>* svg{
    width:10px!important;
    height:10px!important;
  }
}

/* very small phones: still 2 compact columns rather than one oversized card */
@media(max-width:380px){
  .tf-homepage .marketplace-products>.shell,
  .tf-homepage .trending-products>.shell{
    padding-inline:6px!important;
  }
  .tf-homepage .marketplace-products .featured-twelve-grid,
  .tf-homepage .trending-products .trending-twelve-grid{
    gap:6px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-media,
  .tf-homepage .trending-products .tf-featured-opportunity-media{
    flex-basis:116px!important;
    height:116px!important;
    min-height:116px!important;
    max-height:116px!important;
  }
  .tf-homepage .marketplace-products .curated-products-head h2,
  .tf-homepage .trending-products .trending-products-head h2{
    font-size:15.5px!important;
  }
}


/* =========================================================
   SOURCE: featured-height-only-18.4.100.css
   SHA256: 4df6e44a43c2ab0f21d602e3587abadbb87f62041f7604376e78577ac31cc478
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.100 — Featured Cards Height-Only Reduction
   IMPORTANT: preserves existing column count, card width, grid layout and actions.
   Only reduces vertical height and whitespace. */

/* Featured marketplace opportunities only */
.tf-homepage .marketplace-products{
  padding-top:6px!important;
  padding-bottom:7px!important;
}

.tf-homepage .marketplace-products .curated-products-head{
  margin-bottom:6px!important;
}

/* Keep layout untouched; only shorten media */
.tf-homepage .marketplace-products .tf-featured-opportunity-media{
  flex-basis:168px!important;
  height:168px!important;
  min-height:168px!important;
  max-height:168px!important;
  padding:3px!important;
}

/* Keep full image visible without crop/stretch */
.tf-homepage .marketplace-products .tf-featured-opportunity-media img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Shorter yellow name band */
.tf-homepage .marketplace-products .tf-featured-opportunity-body{
  flex-basis:38px!important;
  min-height:38px!important;
  height:38px!important;
  max-height:38px!important;
  padding:4px 7px 5px!important;
}

.tf-homepage .marketplace-products .tf-featured-opportunity-body h3{
  min-height:12px!important;
  max-height:13px!important;
  margin:0!important;
  font-size:8.5px!important;
  line-height:1.05!important;
}

.tf-homepage .marketplace-products .tf-featured-opportunity-body:after{
  width:20px!important;
  height:2px!important;
  margin-top:3px!important;
}

/* 1280–1535 desktop/laptop */
@media(min-width:1280px) and (max-width:1535px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:154px!important;
    height:154px!important;
    min-height:154px!important;
    max-height:154px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:36px!important;
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
  }
}

/* 1024–1279: preserve current responsive columns; only reduce height */
@media(min-width:1024px) and (max-width:1279px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:146px!important;
    height:146px!important;
    min-height:146px!important;
    max-height:146px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:35px!important;
    min-height:35px!important;
    height:35px!important;
    max-height:35px!important;
  }
}

/* Tablet: no column changes */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:138px!important;
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:34px!important;
    min-height:34px!important;
    height:34px!important;
    max-height:34px!important;
  }
}

/* Mobile: preserve Sprint 473 2-column layout; only reduce vertical height */
@media(max-width:699px){
  .tf-homepage .marketplace-products{
    padding-top:5px!important;
    padding-bottom:6px!important;
  }

  .tf-homepage .marketplace-products .curated-products-head{
    margin-bottom:5px!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:108px!important;
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    padding:2px!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:32px!important;
    min-height:32px!important;
    height:32px!important;
    max-height:32px!important;
    padding:3px 5px 4px!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-body h3{
    min-height:11px!important;
    max-height:12px!important;
    font-size:6.8px!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-body:after{
    width:17px!important;
    height:2px!important;
    margin-top:2px!important;
  }
}

@media(max-width:380px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:98px!important;
    height:98px!important;
    min-height:98px!important;
    max-height:98px!important;
  }
}


/* =========================================================
   SOURCE: featured-product-name-fix-18.4.102.css
   SHA256: 938724035980dfb3b4050a03cdda35d208017f3abb5b1d612e41840df5fe39f3
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.102 — Featured Product Name Alignment Fix
   Keeps the same grid/card layout. Fixes product names riding on the yellow band edge. */

.tf-homepage .marketplace-products .tf-featured-opportunity-body{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  flex-basis:44px!important;
  min-height:44px!important;
  height:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:6px 8px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.tf-homepage .marketplace-products .tf-featured-opportunity-body h3{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:14px!important;
  max-height:16px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  transform:none!important;
  float:none!important;
  color:#0b2343!important;
  font-size:8.7px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  vertical-align:middle!important;
}

.tf-homepage .marketplace-products .tf-featured-opportunity-body:after{
  position:static!important;
  display:block!important;
  width:20px!important;
  height:2px!important;
  margin:4px auto 0!important;
  border-radius:999px!important;
  transform:none!important;
}

/* 1280–1535 */
@media(min-width:1280px) and (max-width:1535px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:42px!important;
    min-height:42px!important;
    height:42px!important;
    max-height:42px!important;
    padding:5px 7px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body h3{
    font-size:8.2px!important;
  }
}

/* 1024–1279 */
@media(min-width:1024px) and (max-width:1279px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:40px!important;
    min-height:40px!important;
    height:40px!important;
    max-height:40px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body h3{
    font-size:7.8px!important;
  }
}

/* Tablet */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:38px!important;
    min-height:38px!important;
    height:38px!important;
    max-height:38px!important;
  }
}

/* Mobile: preserve existing 2-column layout */
@media(max-width:699px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:36px!important;
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
    padding:4px 5px!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body h3{
    min-height:12px!important;
    max-height:13px!important;
    font-size:6.9px!important;
    line-height:1.12!important;
  }
  .tf-homepage .marketplace-products .tf-featured-opportunity-body:after{
    width:17px!important;
    height:2px!important;
    margin-top:3px!important;
  }
}


/* =========================================================
   SOURCE: featured-trending-exact-parity-18.4.103.css
   SHA256: 37d96e972293b7eb2d6878566c4e0882a68955374700801e28d253adf53f33ba
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.103 — Featured = Trending Exact UI Parity
   Featured marketplace opportunities now uses the exact same visual rhythm
   as Trending Now / Popular products buyers are exploring.
   Heading copy remains different; product UI is synchronized. */

/* section rhythm */
.tf-homepage .marketplace-products{
  padding-top:6px!important;
  padding-bottom:7px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

/* heading spacing parity */
.tf-homepage .marketplace-products .curated-products-head{
  margin-top:0!important;
  margin-bottom:6px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* exact Trending media sizing */
.tf-homepage .marketplace-products .tf-featured-opportunity-media{
  flex-basis:168px!important;
  height:168px!important;
  min-height:168px!important;
  max-height:168px!important;
  padding:3px!important;
  background:#fff!important;
}

.tf-homepage .marketplace-products .tf-featured-opportunity-media img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* exact Trending yellow footer */
.tf-homepage .marketplace-products .tf-featured-opportunity-body{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  flex-basis:38px!important;
  min-height:38px!important;
  height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:4px 7px 5px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/* exact Trending title behavior */
.tf-homepage .marketplace-products .tf-featured-opportunity-body h3{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:12px!important;
  max-height:13px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  transform:none!important;
  float:none!important;
  color:#0b2343!important;
  font-size:8.5px!important;
  font-weight:900!important;
  line-height:1.05!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* exact Trending underline */
.tf-homepage .marketplace-products .tf-featured-opportunity-body:after{
  position:static!important;
  display:block!important;
  width:20px!important;
  height:2px!important;
  margin:3px auto 0!important;
  border-radius:999px!important;
  transform:none!important;
}

/* card shell parity */
.tf-homepage .marketplace-products .tf-featured-opportunity-card{
  min-height:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
}

/* action rail parity */
.tf-homepage .marketplace-products .tf-featured-opportunity-media>.tf-featured-card-tools{
  top:7px!important;
  right:7px!important;
  gap:4px!important;
}

/* 1280–1535 */
@media(min-width:1280px) and (max-width:1535px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:154px!important;
    height:154px!important;
    min-height:154px!important;
    max-height:154px!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:36px!important;
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
  }
}

/* 1024–1279 */
@media(min-width:1024px) and (max-width:1279px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:146px!important;
    height:146px!important;
    min-height:146px!important;
    max-height:146px!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:35px!important;
    min-height:35px!important;
    height:35px!important;
    max-height:35px!important;
  }
}

/* tablet */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:138px!important;
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:34px!important;
    min-height:34px!important;
    height:34px!important;
    max-height:34px!important;
  }
}

/* mobile parity: preserve existing 2-column layout, same Trending heights */
@media(max-width:699px){
  .tf-homepage .marketplace-products{
    padding-top:5px!important;
    padding-bottom:6px!important;
  }

  .tf-homepage .marketplace-products .curated-products-head{
    margin-bottom:5px!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:108px!important;
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    padding:2px!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    flex-basis:32px!important;
    min-height:32px!important;
    height:32px!important;
    max-height:32px!important;
    padding:3px 5px 4px!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-body h3{
    min-height:11px!important;
    max-height:12px!important;
    font-size:6.8px!important;
    line-height:1.05!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-body:after{
    width:17px!important;
    height:2px!important;
    margin-top:2px!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-media>.tf-featured-card-tools{
    top:5px!important;
    right:5px!important;
    gap:4px!important;
  }
}

@media(max-width:380px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-media{
    flex-basis:98px!important;
    height:98px!important;
    min-height:98px!important;
    max-height:98px!important;
  }
}


/* =========================================================
   SOURCE: featured-card-title-position-18.4.104.css
   SHA256: 0f5a767fd3e3ff05239f7b20d20d1eda5650287a479cb78446a0b9947573b551
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.104
   Featured cards: force the product-name band to match Trending cards.
   Fixes title sitting on the image/footer divider. Grid remains unchanged. */

.tf-homepage .marketplace-products .tf-featured-opportunity-card{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}

/* Important: remove old flex/absolute title behavior from the Featured card */
.tf-homepage .marketplace-products .tf-featured-opportunity-body{
  position:relative!important;
  flex:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:6px 10px 7px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.tf-homepage .marketplace-products .tf-featured-opportunity-body h3,
.tf-homepage .marketplace-products .tf-featured-opportunity-body .tf-featured-opportunity-title{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  translate:none!important;
  flex:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:18px!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* same small white underline used by Trending */
.tf-homepage .marketplace-products .tf-featured-opportunity-body:after{
  content:""!important;
  position:relative!important;
  inset:auto!important;
  flex:none!important;
  display:block!important;
  width:22px!important;
  height:3px!important;
  margin:5px auto 0!important;
  border-radius:999px!important;
  background:#fff!important;
  transform:none!important;
}

/* Prevent title from being pulled upward by any older card rules */
.tf-homepage .marketplace-products .tf-featured-opportunity-media + .tf-featured-opportunity-body{
  margin-top:0!important;
}

@media(max-width:699px){
  .tf-homepage .marketplace-products .tf-featured-opportunity-body{
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    padding:5px 7px 6px!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-body h3,
  .tf-homepage .marketplace-products .tf-featured-opportunity-body .tf-featured-opportunity-title{
    height:17px!important;
    min-height:17px!important;
    max-height:17px!important;
    font-size:9px!important;
    line-height:17px!important;
  }

  .tf-homepage .marketplace-products .tf-featured-opportunity-body:after{
    width:20px!important;
    height:3px!important;
    margin-top:4px!important;
  }
}


/* =========================================================
   SOURCE: explore-industries-network-18.4.105.css
   SHA256: ad73a1d6d3268a061ede33834e70ff91f6fa3c8328136e9cd9bc576faedba706
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.105 — Explore Industries Premium Network
   Reference direction: deep blue/purple marketplace panel with compact white category tiles.
   Existing 21 category data is preserved. */

/* section canvas */
.tf-homepage .tf-home-v3-industries{
  position:relative!important;
  overflow:hidden!important;
  padding:18px 0 20px!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(78,116,255,.28),transparent 28%),
    radial-gradient(circle at 18% 88%,rgba(119,92,246,.22),transparent 26%),
    linear-gradient(145deg,#18245f 0%,#252d86 46%,#4f55b8 100%)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(13,30,75,.2)!important;
}

/* subtle network curves */
.tf-homepage .tf-home-v3-industries:before,
.tf-homepage .tf-home-v3-industries:after{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:50%!important;
}
.tf-homepage .tf-home-v3-industries:before{
  width:760px!important;
  height:760px!important;
  right:18%!important;
  top:-500px!important;
}
.tf-homepage .tf-home-v3-industries:after{
  width:520px!important;
  height:520px!important;
  left:-280px!important;
  bottom:-360px!important;
}

.tf-homepage .tf-home-v3-industries>.shell{
  position:relative!important;
  z-index:2!important;
  width:calc(100% - 24px)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding:0!important;
}

/* header */
.tf-homepage .tf-home-v3-industries .tf-home-v3-section-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 12px!important;
  padding:0!important;
}
.tf-homepage .tf-home-v3-industries .tf-home-v3-section-head>div{
  min-width:0!important;
}
.tf-homepage .tf-home-v3-industries .tf-home-v3-section-head>div>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 4px!important;
  color:#9fc1ff!important;
  font-size:6.8px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}
.tf-homepage .tf-home-v3-industries .tf-home-v3-section-head h2{
  margin:0!important;
  color:#fff!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1.03!important;
  letter-spacing:-.04em!important;
}
.tf-homepage .tf-home-v3-industries .tf-home-v3-section-head p{
  margin:4px 0 0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:7.5px!important;
  line-height:1.3!important;
}
.tf-homepage .tf-home-v3-industries .tf-home-v3-section-head>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  min-height:30px!important;
  padding:0 11px!important;
  border:1px solid rgba(255,255,255,.75)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#17326d!important;
  box-shadow:0 7px 18px rgba(5,16,58,.14)!important;
  font-size:6.7px!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

/* 21 categories => 7 x 3 desktop */
.tf-homepage .tf-home-v3-industries .tf-home-v3-category-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* clean white cards */
.tf-homepage .tf-home-v3-industries .tf-home-v3-category-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:126px!important;
  min-height:126px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(4,15,54,.10)!important;
  color:#102342!important;
  text-decoration:none!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.tf-homepage .tf-home-v3-industries .tf-home-v3-category-card:hover{
  transform:translateY(-2px)!important;
  border-color:#9fc1ff!important;
  box-shadow:0 12px 24px rgba(4,15,54,.17)!important;
}

/* image area */
.tf-homepage .tf-home-v3-industries .tf-home-v3-category-media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-height:0!important;
  padding:7px 9px 2px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.tf-homepage .tf-home-v3-industries .tf-home-v3-category-media 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;
  transform:none!important;
}

/* title row like reference: image + centered category name, no visual clutter */
.tf-homepage .tf-home-v3-industries .tf-home-v3-category-body{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 32px!important;
  width:100%!important;
  min-height:32px!important;
  height:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:4px 7px 6px!important;
  overflow:hidden!important;
  border-top:1px solid #edf1f6!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.tf-homepage .tf-home-v3-industries .tf-home-v3-category-body>span{
  display:none!important;
}
.tf-homepage .tf-home-v3-industries .tf-home-v3-category-body>strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  color:#15243e!important;
  font-size:7.4px!important;
  font-weight:800!important;
  line-height:1.1!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* popular subcategories strip */
.tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:10px!important;
  min-width:0!important;
}
.tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories>strong{
  flex:0 0 auto!important;
  color:#fff!important;
  font-size:6.8px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories>div{
  display:flex!important;
  gap:5px!important;
  min-width:0!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories>div::-webkit-scrollbar{
  display:none!important;
}
.tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories a{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.11)!important;
  color:#fff!important;
  font-size:6.2px!important;
  font-weight:700!important;
  text-decoration:none!important;
  backdrop-filter:blur(6px)!important;
}

/* large desktop */
@media(min-width:1536px){
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-card{
    height:132px!important;
    min-height:132px!important;
  }
}

/* laptop: 7 columns preserved, slightly tighter */
@media(min-width:1100px) and (max-width:1399px){
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-grid{
    gap:7px!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-card{
    height:116px!important;
    min-height:116px!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-body>strong{
    font-size:6.8px!important;
  }
}

/* tablet */
@media(min-width:700px) and (max-width:1099px){
  .tf-homepage .tf-home-v3-industries{
    padding:14px 0 16px!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-card{
    height:120px!important;
    min-height:120px!important;
  }
}

/* mobile */
@media(max-width:699px){
  .tf-homepage .tf-home-v3-industries{
    padding:12px 0 14px!important;
  }
  .tf-homepage .tf-home-v3-industries>.shell{
    width:100%!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:5px 7px!important;
    margin-bottom:9px!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head h2{
    font-size:17px!important;
    line-height:1.05!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head p{
    font-size:6.2px!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head>a{
    min-height:27px!important;
    padding:0 8px!important;
    font-size:5.7px!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-card{
    height:112px!important;
    min-height:112px!important;
    border-radius:10px!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-body{
    flex-basis:30px!important;
    min-height:30px!important;
    height:30px!important;
    max-height:30px!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-body>strong{
    font-size:6.7px!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories{
    display:block!important;
    margin-top:9px!important;
  }
  .tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories>strong{
    display:block!important;
    margin-bottom:5px!important;
  }
}


/* =========================================================
   SOURCE: country-markets-premium-18.4.106.css
   SHA256: 5d525c6a4c47903da357d9a021aa362034423f4f8b5f5be0ded3c3e48d84dc35
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.106 — Premium Supplier Markets
   Polishes the existing country-market cards without changing country order/data. */

.tf-homepage .country-network-premium{
  position:relative!important;
  overflow:hidden!important;
  padding-top:14px!important;
  padding-bottom:16px!important;
  background:
    radial-gradient(circle at 86% 8%,rgba(7,91,199,.065),transparent 26%),
    linear-gradient(180deg,#f7f9fc 0%,#f2f6fb 100%)!important;
}

.tf-homepage .country-network-premium>.shell{
  width:calc(100% - 24px)!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding:0!important;
}

/* section heading */
.tf-homepage .country-network-premium .country-network-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 10px!important;
}
.tf-homepage .country-network-premium .country-network-head .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 3px!important;
  color:#075bc7!important;
  font-size:6.8px!important;
  font-weight:900!important;
  letter-spacing:.105em!important;
}
.tf-homepage .country-network-premium .country-network-head .eyebrow:before{
  content:""!important;
  width:18px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#075bc7!important;
}
.tf-homepage .country-network-premium .country-network-head h2{
  margin:0!important;
  color:#0b2343!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1.03!important;
  letter-spacing:-.04em!important;
}
.tf-homepage .country-network-premium .country-network-head p{
  margin:3px 0 0!important;
  color:#6f8096!important;
  font-size:7.4px!important;
  line-height:1.3!important;
}
.tf-homepage .country-network-premium .country-network-head>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  min-height:30px!important;
  padding:0 11px!important;
  border:1px solid #cbdced!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#075bc7!important;
  box-shadow:0 5px 14px rgba(9,35,69,.045)!important;
  font-size:6.5px!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

/* rail / cards */
.tf-homepage .country-network-premium .country-market-rail{
  gap:10px!important;
}
.tf-homepage .country-network-premium .country-market-card{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #dbe5ef!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(9,35,69,.05)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.tf-homepage .country-network-premium .country-market-card:hover{
  transform:translateY(-3px)!important;
  border-color:#b9cee5!important;
  box-shadow:0 14px 28px rgba(9,35,69,.10)!important;
}

/* media */
.tf-homepage .country-network-premium .country-market-visual{
  position:relative!important;
  overflow:hidden!important;
  border-radius:14px 14px 0 0!important;
  background:#eef3f8!important;
}
.tf-homepage .country-network-premium .country-market-visual:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(5,24,53,.02) 0%,rgba(5,24,53,0) 56%,rgba(5,24,53,.12) 100%)!important;
  z-index:2!important;
}
.tf-homepage .country-network-premium .country-market-artwork{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#eef3f8!important;
  transition:transform .24s ease!important;
}
.tf-homepage .country-network-premium .country-market-card:hover .country-market-artwork{
  transform:scale(1.025)!important;
}

/* flag badge */
.tf-homepage .country-network-premium .country-market-visual .country-flag{
  top:12px!important;
  left:12px!important;
  width:42px!important;
  height:28px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:28px!important;
  max-height:28px!important;
  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(4,18,47,.16)!important;
  z-index:4!important;
}

/* TF badge in brand colors */
.tf-homepage .country-network-premium .country-market-mark{
  top:12px!important;
  right:12px!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#f9bd2b,#ffd65a)!important;
  color:#0b2343!important;
  box-shadow:0 7px 16px rgba(4,18,47,.14)!important;
  font-size:7px!important;
  font-weight:900!important;
  z-index:4!important;
}

/* body */
.tf-homepage .country-network-premium .country-market-body{
  padding:10px 12px 11px!important;
  background:#fff!important;
}
.tf-homepage .country-network-premium .country-market-body>span,
.tf-homepage .country-network-premium .country-market-body>small{
  display:block!important;
  margin:0 0 3px!important;
  color:#8190a3!important;
  font-size:5.8px!important;
  font-weight:650!important;
  line-height:1.2!important;
}
.tf-homepage .country-network-premium .country-market-body h3,
.tf-homepage .country-network-premium .country-market-body strong{
  display:block!important;
  margin:0!important;
  color:#0b2343!important;
  font-size:9.8px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:-.015em!important;
}

/* footer / supplier count */
.tf-homepage .country-network-premium .country-market-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:34px!important;
  padding:7px 12px!important;
  border-top:1px solid #edf1f5!important;
  background:#fbfcfe!important;
  color:#64758a!important;
  font-size:5.9px!important;
  font-weight:700!important;
}
.tf-homepage .country-network-premium .country-market-footer:after{
  content:"→"!important;
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  background:#edf5ff!important;
  color:#075bc7!important;
  font-size:8px!important;
  font-weight:900!important;
}

/* tablet */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .country-network-premium{
    padding-top:12px!important;
    padding-bottom:14px!important;
  }
  .tf-homepage .country-network-premium .country-network-head h2{
    font-size:20px!important;
  }
}

/* mobile */
@media(max-width:699px){
  .tf-homepage .country-network-premium{
    padding:10px 0 13px!important;
  }
  .tf-homepage .country-network-premium>.shell{
    width:100%!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
  }
  .tf-homepage .country-network-premium .country-network-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:5px 7px!important;
    margin-bottom:8px!important;
  }
  .tf-homepage .country-network-premium .country-network-head h2{
    font-size:17px!important;
  }
  .tf-homepage .country-network-premium .country-network-head p{
    font-size:6.1px!important;
  }
  .tf-homepage .country-network-premium .country-network-head>a{
    min-height:27px!important;
    padding:0 8px!important;
    font-size:5.6px!important;
  }
  .tf-homepage .country-network-premium .country-market-rail{
    gap:8px!important;
  }
  .tf-homepage .country-network-premium .country-market-card{
    border-radius:13px!important;
  }
  .tf-homepage .country-network-premium .country-market-visual{
    border-radius:12px 12px 0 0!important;
  }
  .tf-homepage .country-network-premium .country-market-visual .country-flag{
    top:9px!important;
    left:9px!important;
    width:36px!important;
    height:24px!important;
    min-width:36px!important;
    max-width:36px!important;
    min-height:24px!important;
    max-height:24px!important;
  }
  .tf-homepage .country-network-premium .country-market-mark{
    top:9px!important;
    right:9px!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    border-radius:9px!important;
    font-size:6px!important;
  }
  .tf-homepage .country-network-premium .country-market-body{
    padding:8px 9px 9px!important;
  }
  .tf-homepage .country-network-premium .country-market-body h3,
  .tf-homepage .country-network-premium .country-market-body strong{
    font-size:8.6px!important;
  }
  .tf-homepage .country-network-premium .country-market-footer{
    min-height:31px!important;
    padding:6px 9px!important;
    font-size:5.4px!important;
  }
}


/* =========================================================
   SOURCE: country-markets-visibility-fix-18.4.107.css
   SHA256: fe1eb338750deaa5a10714663679d90d00da926c981ab31f61f2743e3f72dcc4
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.107 — Supplier Market Visibility + Premium Balance
   Fixes oversized empty white body and makes all market information clearly visible. */

/* card becomes a balanced 3-part layout */
.tf-homepage .country-network-premium .country-market-card{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid #d8e4ef!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(9,35,69,.065)!important;
}

/* image area: visually dominant but not oversized */
.tf-homepage .country-network-premium .country-market-visual{
  flex:0 0 150px!important;
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  overflow:hidden!important;
  background:#eef3f8!important;
}

.tf-homepage .country-network-premium .country-market-artwork{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* body: remove giant blank space */
.tf-homepage .country-network-premium .country-market-body{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  flex:0 0 58px!important;
  min-height:58px!important;
  height:58px!important;
  max-height:58px!important;
  margin:0!important;
  padding:8px 12px 9px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-sizing:border-box!important;
}

/* small sourcing label stays visible */
.tf-homepage .country-network-premium .country-market-body>span,
.tf-homepage .country-network-premium .country-market-body>small{
  position:static!important;
  display:block!important;
  margin:0 0 3px!important;
  padding:0!important;
  color:#6f8095!important;
  font-size:5.8px!important;
  font-weight:700!important;
  line-height:1.15!important;
  opacity:1!important;
  visibility:visible!important;
}

/* country name: prominent and readable */
.tf-homepage .country-network-premium .country-market-body h3,
.tf-homepage .country-network-premium .country-market-body strong{
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#0b2343!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
}

/* footer: visible, compact and premium */
.tf-homepage .country-network-premium .country-market-footer{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex:0 0 34px!important;
  min-height:34px!important;
  height:34px!important;
  max-height:34px!important;
  margin:0!important;
  padding:0 11px!important;
  border-top:1px solid #e9eff5!important;
  background:linear-gradient(180deg,#f8fbff 0%,#f2f7fd 100%)!important;
  color:#46617f!important;
  font-size:6.2px!important;
  font-weight:800!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
  box-sizing:border-box!important;
}

/* prevent any old footer text from being pushed off-screen */
.tf-homepage .country-network-premium .country-market-footer>*{
  position:static!important;
  margin:0!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
}

/* premium arrow button */
.tf-homepage .country-network-premium .country-market-footer:after{
  content:"→"!important;
  position:static!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  margin-left:8px!important;
  border-radius:50%!important;
  background:#075bc7!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(7,91,199,.18)!important;
  font-size:8px!important;
  font-weight:900!important;
}

/* richer but controlled hover */
.tf-homepage .country-network-premium .country-market-card:hover{
  transform:translateY(-3px)!important;
  border-color:#abc5e0!important;
  box-shadow:0 16px 30px rgba(9,35,69,.11)!important;
}

/* desktop/laptop */
@media(min-width:1280px){
  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:148px!important;
    height:148px!important;
    min-height:148px!important;
    max-height:148px!important;
  }
  .tf-homepage .country-network-premium .country-market-body{
    flex-basis:56px!important;
    min-height:56px!important;
    height:56px!important;
    max-height:56px!important;
  }
}

/* tablet */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:138px!important;
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
  }
  .tf-homepage .country-network-premium .country-market-body{
    flex-basis:54px!important;
    min-height:54px!important;
    height:54px!important;
    max-height:54px!important;
  }
}

/* mobile */
@media(max-width:699px){
  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:124px!important;
    height:124px!important;
    min-height:124px!important;
    max-height:124px!important;
  }

  .tf-homepage .country-network-premium .country-market-body{
    flex-basis:50px!important;
    min-height:50px!important;
    height:50px!important;
    max-height:50px!important;
    padding:7px 9px 8px!important;
  }

  .tf-homepage .country-network-premium .country-market-body>span,
  .tf-homepage .country-network-premium .country-market-body>small{
    font-size:5.2px!important;
  }

  .tf-homepage .country-network-premium .country-market-body h3,
  .tf-homepage .country-network-premium .country-market-body strong{
    font-size:9px!important;
  }

  .tf-homepage .country-network-premium .country-market-footer{
    flex-basis:31px!important;
    min-height:31px!important;
    height:31px!important;
    max-height:31px!important;
    padding:0 9px!important;
    font-size:5.5px!important;
  }

  .tf-homepage .country-network-premium .country-market-footer:after{
    flex-basis:18px!important;
    width:18px!important;
    height:18px!important;
    font-size:7px!important;
  }
}


/* =========================================================
   SOURCE: country-destination-cards-18.4.108.css
   SHA256: 3a2117fc036a523340a0bf032af64379bdb40e6bd10af76fd834d0ed62520d61
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.108 — Country Destination Card
   Reference-led redesign: image-led destination card with curved separator,
   prominent country information, supplier CTA and four marketplace trust signals. */

.tf-homepage .country-network-premium{
  padding:14px 0 17px!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(7,91,199,.06),transparent 28%),
    linear-gradient(180deg,#f7f9fc 0%,#f3f6fa 100%)!important;
}

/* slightly roomier grid so the new information architecture stays readable */
.tf-homepage .country-network-premium .country-market-rail{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
}

/* premium destination shell */
.tf-homepage .country-network-premium .country-market-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  height:292px!important;
  min-height:292px!important;
  max-height:292px!important;
  overflow:hidden!important;
  border:1px solid #d6e2ee!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 9px 24px rgba(7,31,63,.065)!important;
  text-decoration:none!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.tf-homepage .country-network-premium .country-market-card:hover{
  transform:translateY(-4px)!important;
  border-color:#a8c5e1!important;
  box-shadow:0 18px 34px rgba(7,31,63,.12)!important;
}

/* image occupies the upper destination area */
.tf-homepage .country-network-premium .country-market-visual{
  position:relative!important;
  flex:0 0 146px!important;
  width:100%!important;
  height:146px!important;
  min-height:146px!important;
  max-height:146px!important;
  overflow:hidden!important;
  border-radius:17px 17px 0 0!important;
  background:#eef3f8!important;
}
.tf-homepage .country-network-premium .country-market-artwork{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#eef3f8!important;
}

/* curved white/yellow transition inspired by supplied reference */
.tf-homepage .country-network-premium .country-market-visual:before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:-4%!important;
  right:-4%!important;
  bottom:-30px!important;
  height:50px!important;
  border-radius:50% 50% 0 0 / 100% 100% 0 0!important;
  background:#f9bd2b!important;
  transform:rotate(-1deg)!important;
  pointer-events:none!important;
}
.tf-homepage .country-network-premium .country-market-visual:after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  left:-4%!important;
  right:-4%!important;
  bottom:-33px!important;
  height:48px!important;
  border-radius:50% 50% 0 0 / 100% 100% 0 0!important;
  background:#fff!important;
  transform:rotate(1deg)!important;
  pointer-events:none!important;
}

/* premium flag */
.tf-homepage .country-network-premium .country-market-visual .country-flag{
  position:absolute!important;
  z-index:7!important;
  top:10px!important;
  left:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  height:31px!important;
  min-width:46px!important;
  max-width:46px!important;
  min-height:31px!important;
  max-height:31px!important;
  padding:2px!important;
  overflow:hidden!important;
  border:2px solid #fff!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(4,18,47,.18)!important;
}
.tf-homepage .country-network-premium .country-market-visual .country-flag img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:5px!important;
}

/* TF mark */
.tf-homepage .country-network-premium .country-market-mark{
  position:absolute!important;
  z-index:7!important;
  top:10px!important;
  right:10px!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  border:2px solid #fff!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#ffd65a,#f9bd2b)!important;
  color:#0b2343!important;
  box-shadow:0 6px 16px rgba(4,18,47,.16)!important;
  font-size:7px!important;
  font-weight:950!important;
}
.tf-homepage .country-network-premium .country-market-tags{
  display:none!important;
}

/* New body is compact two-column information architecture */
.tf-homepage .country-network-premium .country-market-body.country-market-body-premium{
  position:relative!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
  gap:10px!important;
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:13px 12px 11px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-sizing:border-box!important;
}

.tf-homepage .country-market-info{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding-right:9px!important;
  border-right:1px solid #e8eef5!important;
}
.tf-homepage .country-market-source{
  display:block!important;
  margin:0 0 3px!important;
  color:#71829a!important;
  font-size:5.4px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}
.tf-homepage .country-market-name{
  display:block!important;
  margin:0!important;
  overflow:hidden!important;
  color:#0b2343!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.03!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.tf-homepage .country-market-copy{
  display:-webkit-box!important;
  margin:5px 0 7px!important;
  overflow:hidden!important;
  color:#67798f!important;
  font-size:6px!important;
  font-weight:600!important;
  line-height:1.3!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

/* supplier count pill */
.tf-homepage .country-market-count{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  min-height:27px!important;
  margin-top:auto!important;
  padding:4px 6px!important;
  overflow:hidden!important;
  border:1px solid #dce7f2!important;
  border-radius:999px!important;
  background:#fbfdff!important;
  color:#0b2343!important;
  box-sizing:border-box!important;
}
.tf-homepage .country-market-count>svg{
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  padding:3px!important;
  border-radius:50%!important;
  background:#fff0c4!important;
  color:#0b2343!important;
  box-sizing:content-box!important;
}
.tf-homepage .country-market-count>b{
  flex:0 0 auto!important;
  color:#0b2343!important;
  font-size:7.4px!important;
  font-weight:950!important;
  line-height:1!important;
}
.tf-homepage .country-market-count>span{
  min-width:0!important;
  overflow:hidden!important;
  color:#64758b!important;
  font-size:5.3px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.tf-homepage .country-market-count>i{
  flex:0 0 auto!important;
  margin-left:auto!important;
  color:#075bc7!important;
  font-size:9px!important;
  font-style:normal!important;
  font-weight:900!important;
}

/* four reference-style trust signals */
.tf-homepage .country-market-benefits{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-content:center!important;
  gap:8px 7px!important;
  min-width:0!important;
}
.tf-homepage .country-market-benefits>span{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:5px!important;
  min-width:0!important;
}
.tf-homepage .country-benefit-icon{
  grid-row:1 / span 2!important;
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
}
.tf-homepage .country-benefit-icon svg{
  width:13px!important;
  height:13px!important;
}
.tf-homepage .country-benefit-icon.is-blue{background:#eaf3ff!important;color:#075bc7!important}
.tf-homepage .country-benefit-icon.is-yellow{background:#fff3d3!important;color:#d98e00!important}
.tf-homepage .country-benefit-icon.is-green{background:#e9f7ef!important;color:#138a55!important}
.tf-homepage .country-benefit-icon.is-purple{background:#f0edff!important;color:#6650c7!important}
.tf-homepage .country-market-benefits b{
  min-width:0!important;
  overflow:hidden!important;
  color:#0b2343!important;
  font-size:5.5px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.tf-homepage .country-market-benefits small{
  min-width:0!important;
  overflow:hidden!important;
  color:#7b8ba0!important;
  font-size:4.6px!important;
  font-weight:600!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* Disable old separate footer generated by CSS/legacy structure */
.tf-homepage .country-network-premium .country-market-footer{
  display:none!important;
}

/* Wide desktop */
@media(min-width:1600px){
  .tf-homepage .country-network-premium .country-market-card{
    height:304px!important;
    min-height:304px!important;
    max-height:304px!important;
  }
  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:154px!important;
    height:154px!important;
    min-height:154px!important;
    max-height:154px!important;
  }
}

/* Laptop */
@media(min-width:1100px) and (max-width:1399px){
  .tf-homepage .country-network-premium .country-market-rail{
    gap:8px!important;
  }
  .tf-homepage .country-network-premium .country-market-card{
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
  }
  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:136px!important;
    height:136px!important;
    min-height:136px!important;
    max-height:136px!important;
  }
  .tf-homepage .country-network-premium .country-market-body.country-market-body-premium{
    gap:7px!important;
    padding:11px 9px 9px!important;
  }
  .tf-homepage .country-market-info{padding-right:6px!important}
  .tf-homepage .country-market-name{font-size:13px!important}
  .tf-homepage .country-market-benefits{gap:6px 4px!important}
  .tf-homepage .country-market-benefits>span{grid-template-columns:20px minmax(0,1fr)!important;column-gap:4px!important}
  .tf-homepage .country-benefit-icon{width:20px!important;height:20px!important}
  .tf-homepage .country-benefit-icon svg{width:11px!important;height:11px!important}
}

/* Tablet: 2 columns to keep reference UI readable */
@media(min-width:700px) and (max-width:1099px){
  .tf-homepage .country-network-premium .country-market-rail{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .tf-homepage .country-network-premium .country-market-card{
    height:286px!important;
    min-height:286px!important;
    max-height:286px!important;
  }
}

/* Mobile: one premium card per swipe viewport, like a destination carousel */
@media(max-width:699px){
  .tf-homepage .country-network-premium .country-market-rail{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .tf-homepage .country-network-premium .country-market-rail::-webkit-scrollbar{display:none!important}
  .tf-homepage .country-network-premium .country-market-card{
    flex:0 0 88vw!important;
    width:88vw!important;
    min-width:88vw!important;
    max-width:88vw!important;
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    scroll-snap-align:start!important;
    border-radius:16px!important;
  }
  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:150px!important;
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
  }
  .tf-homepage .country-network-premium .country-market-body.country-market-body-premium{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
    gap:8px!important;
    padding:12px 10px 10px!important;
  }
  .tf-homepage .country-market-name{font-size:15px!important}
  .tf-homepage .country-market-copy{font-size:5.8px!important}
  .tf-homepage .country-market-benefits{gap:7px 5px!important}
  .tf-homepage .country-market-benefits>span{grid-template-columns:21px minmax(0,1fr)!important}
  .tf-homepage .country-benefit-icon{width:21px!important;height:21px!important}
  .tf-homepage .country-benefit-icon svg{width:11px!important;height:11px!important}
}

@media(max-width:380px){
  .tf-homepage .country-network-premium .country-market-card{
    flex-basis:91vw!important;
    width:91vw!important;
    min-width:91vw!important;
    max-width:91vw!important;
  }
}


/* =========================================================
   SOURCE: country-card-readability-18.4.109.css
   SHA256: 15f9b57ae3d009d94b3a89e1a253b976628c86ec8982e82315d9baea78c36883
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.109 — Country Card Readability + Compactness
   Fixes tiny benefit text and removes excess white space without changing card concept. */

.tf-homepage .country-network-premium .country-market-card{
  height:252px!important;
  min-height:252px!important;
  max-height:252px!important;
}

/* keep strong visual image, slightly tighter */
.tf-homepage .country-network-premium .country-market-visual{
  flex:0 0 132px!important;
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
}

/* compact lower area */
.tf-homepage .country-network-premium .country-market-body.country-market-body-premium{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  gap:9px!important;
  padding:10px 11px 9px!important;
  align-items:center!important;
}

/* left info */
.tf-homepage .country-market-info{
  padding-right:8px!important;
}

.tf-homepage .country-market-source{
  margin-bottom:4px!important;
  font-size:6.5px!important;
  line-height:1.05!important;
}

.tf-homepage .country-market-name{
  font-size:17px!important;
  line-height:1.02!important;
}

.tf-homepage .country-market-copy{
  margin:5px 0 6px!important;
  font-size:7.2px!important;
  line-height:1.28!important;
  -webkit-line-clamp:2!important;
}

/* supplier pill: more readable and tighter */
.tf-homepage .country-market-count{
  min-height:29px!important;
  height:29px!important;
  padding:4px 7px!important;
}

.tf-homepage .country-market-count>svg{
  flex-basis:18px!important;
  width:18px!important;
  height:18px!important;
}

.tf-homepage .country-market-count>b{
  font-size:8.6px!important;
}

.tf-homepage .country-market-count>span{
  font-size:6.2px!important;
}

.tf-homepage .country-market-count>i{
  font-size:10px!important;
}

/* right benefits: larger and readable */
.tf-homepage .country-market-benefits{
  gap:9px 7px!important;
}

.tf-homepage .country-market-benefits>span{
  grid-template-columns:27px minmax(0,1fr)!important;
  column-gap:6px!important;
}

.tf-homepage .country-benefit-icon{
  width:27px!important;
  height:27px!important;
}

.tf-homepage .country-benefit-icon svg{
  width:15px!important;
  height:15px!important;
}

.tf-homepage .country-market-benefits b{
  font-size:6.8px!important;
  line-height:1.1!important;
}

.tf-homepage .country-market-benefits small{
  font-size:5.6px!important;
  line-height:1.12!important;
}

/* avoid clipping on narrower desktop */
@media(min-width:1100px) and (max-width:1399px){
  .tf-homepage .country-network-premium .country-market-card{
    height:244px!important;
    min-height:244px!important;
    max-height:244px!important;
  }

  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:124px!important;
    height:124px!important;
    min-height:124px!important;
    max-height:124px!important;
  }

  .tf-homepage .country-market-name{
    font-size:15px!important;
  }

  .tf-homepage .country-market-copy{
    font-size:6.5px!important;
  }

  .tf-homepage .country-market-benefits>span{
    grid-template-columns:24px minmax(0,1fr)!important;
    column-gap:5px!important;
  }

  .tf-homepage .country-benefit-icon{
    width:24px!important;
    height:24px!important;
  }

  .tf-homepage .country-market-benefits b{
    font-size:6.1px!important;
  }

  .tf-homepage .country-market-benefits small{
    font-size:5px!important;
  }
}

/* tablet */
@media(min-width:700px) and (max-width:1099px){
  .tf-homepage .country-network-premium .country-market-card{
    height:252px!important;
    min-height:252px!important;
    max-height:252px!important;
  }

  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:130px!important;
    height:130px!important;
    min-height:130px!important;
    max-height:130px!important;
  }

  .tf-homepage .country-market-name{
    font-size:16px!important;
  }

  .tf-homepage .country-market-benefits b{
    font-size:6.5px!important;
  }

  .tf-homepage .country-market-benefits small{
    font-size:5.3px!important;
  }
}

/* mobile: one swipe card, compact + readable */
@media(max-width:699px){
  .tf-homepage .country-network-premium .country-market-card{
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
  }

  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:132px!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
  }

  .tf-homepage .country-network-premium .country-market-body.country-market-body-premium{
    gap:7px!important;
    padding:9px 9px 8px!important;
  }

  .tf-homepage .country-market-source{
    font-size:6px!important;
  }

  .tf-homepage .country-market-name{
    font-size:15.5px!important;
  }

  .tf-homepage .country-market-copy{
    font-size:6.5px!important;
  }

  .tf-homepage .country-market-count{
    min-height:27px!important;
    height:27px!important;
  }

  .tf-homepage .country-market-count>b{
    font-size:8px!important;
  }

  .tf-homepage .country-market-count>span{
    font-size:5.7px!important;
  }

  .tf-homepage .country-market-benefits{
    gap:7px 5px!important;
  }

  .tf-homepage .country-market-benefits>span{
    grid-template-columns:23px minmax(0,1fr)!important;
    column-gap:4px!important;
  }

  .tf-homepage .country-benefit-icon{
    width:23px!important;
    height:23px!important;
  }

  .tf-homepage .country-benefit-icon svg{
    width:12px!important;
    height:12px!important;
  }

  .tf-homepage .country-market-benefits b{
    font-size:6px!important;
  }

  .tf-homepage .country-market-benefits small{
    font-size:4.9px!important;
  }
}


/* =========================================================
   SOURCE: premium-global-sourcing-hero-18.4.110.css
   SHA256: 546894e5d070536db1dd83b9ea9c7d437bc96aeb4ee313ac472e7b81b79e91fc
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.110 — Premium Global Sourcing Hero
   CSS-only visual upgrade. Existing hero markup/data/search/slider behavior is preserved. */

/* hero outer shell / common current variants */
.tf-homepage [class*="hero"]{
  box-sizing:border-box;
}

.tf-homepage .hero,
.tf-homepage .hero-slider,
.tf-homepage .homepage-hero,
.tf-homepage .home-hero,
.tf-homepage .tf-hero,
.tf-homepage .tf-home-hero{
  position:relative!important;
  isolation:isolate!important;
}

/* visible slide/frame */
.tf-homepage .hero-slide,
.tf-homepage .hero-slider-slide,
.tf-homepage .swiper-slide.hero-slide,
.tf-homepage .tf-hero-slide,
.tf-homepage .tf-home-hero-slide{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:22px!important;
  background:#071d38!important;
  box-shadow:0 18px 48px rgba(4,18,47,.16)!important;
}

/* image rendering */
.tf-homepage .hero-slide img,
.tf-homepage .hero-slider-slide img,
.tf-homepage .tf-hero-slide img,
.tf-homepage .tf-home-hero-slide img,
.tf-homepage .hero-background img,
.tf-homepage .hero-bg img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}

/* layered cinematic overlay */
.tf-homepage .hero-slide:before,
.tf-homepage .hero-slider-slide:before,
.tf-homepage .tf-hero-slide:before,
.tf-homepage .tf-home-hero-slide:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(3,20,42,.92) 0%,rgba(3,20,42,.78) 25%,rgba(3,20,42,.40) 49%,rgba(3,20,42,.10) 71%,rgba(3,20,42,.18) 100%),
    linear-gradient(180deg,rgba(3,20,42,.04) 0%,rgba(3,20,42,.12) 65%,rgba(3,20,42,.48) 100%)!important;
}

.tf-homepage .hero-slide:after,
.tf-homepage .hero-slider-slide:after,
.tf-homepage .tf-hero-slide:after,
.tf-homepage .tf-home-hero-slide:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 15% 18%,rgba(7,91,199,.18),transparent 24%),
    radial-gradient(circle at 73% 68%,rgba(249,189,43,.10),transparent 21%)!important;
}

/* common content wrappers */
.tf-homepage .hero-content,
.tf-homepage .hero-copy,
.tf-homepage .hero-inner,
.tf-homepage .hero-caption,
.tf-homepage .hero-search-panel{
  position:relative!important;
  z-index:3!important;
}

/* verified/supplier badge variants */
.tf-homepage .hero-content .badge,
.tf-homepage .hero-content .eyebrow,
.tf-homepage .hero-copy .badge,
.tf-homepage .hero-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:0 12px!important;
  border:1px solid rgba(249,189,43,.68)!important;
  border-radius:999px!important;
  background:rgba(4,22,48,.46)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  color:#ffd35d!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
}

/* headline */
.tf-homepage .hero h1,
.tf-homepage .hero-content h1,
.tf-homepage .hero-copy h1,
.tf-homepage .hero-content h2,
.tf-homepage .tf-home-hero h1{
  max-width:640px!important;
  margin:12px 0 8px!important;
  color:#fff!important;
  font-size:42px!important;
  font-weight:950!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  text-shadow:0 4px 20px rgba(0,0,0,.20)!important;
}

/* descriptive copy */
.tf-homepage .hero-content p,
.tf-homepage .hero-copy p,
.tf-homepage .hero-description{
  max-width:620px!important;
  margin:0 0 12px!important;
  color:rgba(255,255,255,.87)!important;
  font-size:12px!important;
  line-height:1.42!important;
}

/* Search container */
.tf-homepage .hero-search,
.tf-homepage .hero-search-form,
.tf-homepage .hero-searchbox,
.tf-homepage .hero-search-bar,
.tf-homepage form[class*="hero"][class*="search"]{
  display:flex!important;
  align-items:stretch!important;
  width:min(650px,100%)!important;
  min-height:54px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 14px 32px rgba(4,18,47,.20)!important;
}

.tf-homepage .hero-search select,
.tf-homepage .hero-search input,
.tf-homepage .hero-search-form select,
.tf-homepage .hero-search-form input,
.tf-homepage .hero-searchbox select,
.tf-homepage .hero-searchbox input,
.tf-homepage .hero-search-bar select,
.tf-homepage .hero-search-bar input{
  min-height:52px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#0b2343!important;
  box-shadow:none!important;
  font-size:10px!important;
}

.tf-homepage .hero-search select,
.tf-homepage .hero-search-form select,
.tf-homepage .hero-searchbox select,
.tf-homepage .hero-search-bar select{
  flex:0 0 138px!important;
  border-right:1px solid #e5eaf0!important;
  font-weight:850!important;
}

.tf-homepage .hero-search input,
.tf-homepage .hero-search-form input,
.tf-homepage .hero-searchbox input,
.tf-homepage .hero-search-bar input{
  flex:1 1 auto!important;
  min-width:0!important;
  padding-inline:14px!important;
}

.tf-homepage .hero-search button,
.tf-homepage .hero-search-form button,
.tf-homepage .hero-searchbox button,
.tf-homepage .hero-search-bar button{
  flex:0 0 132px!important;
  min-height:52px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#ffc93f 0%,#f9bd2b 100%)!important;
  color:#0b2343!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:950!important;
}

/* keyword chips */
.tf-homepage .hero-popular,
.tf-homepage .hero-keywords,
.tf-homepage .popular-searches{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin-top:8px!important;
  color:rgba(255,255,255,.74)!important;
  font-size:7px!important;
}

.tf-homepage .hero-popular a,
.tf-homepage .hero-keywords a,
.tf-homepage .popular-searches a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  background:rgba(5,24,52,.34)!important;
  backdrop-filter:blur(8px)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:6.7px!important;
}

/* CTA group */
.tf-homepage .hero-actions,
.tf-homepage .hero-cta-row{
  display:flex!important;
  gap:8px!important;
  margin-top:10px!important;
}

.tf-homepage .hero-actions a,
.tf-homepage .hero-actions button,
.tf-homepage .hero-cta-row a,
.tf-homepage .hero-cta-row button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:8px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

/* stats / metrics */
.tf-homepage .hero-stats,
.tf-homepage .hero-metrics,
.tf-homepage .hero-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(630px,100%)!important;
  margin-top:12px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:14px!important;
  background:rgba(5,24,52,.36)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  box-shadow:0 10px 24px rgba(4,18,47,.13)!important;
}

.tf-homepage .hero-stats>*,
.tf-homepage .hero-metrics>*,
.tf-homepage .hero-stat-grid>*{
  min-height:58px!important;
  padding:10px 14px!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
}

.tf-homepage .hero-stats>*:last-child,
.tf-homepage .hero-metrics>*:last-child,
.tf-homepage .hero-stat-grid>*:last-child{
  border-right:0!important;
}

.tf-homepage .hero-stats strong,
.tf-homepage .hero-metrics strong,
.tf-homepage .hero-stat-grid strong{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1!important;
}

.tf-homepage .hero-stats span,
.tf-homepage .hero-stats small,
.tf-homepage .hero-metrics span,
.tf-homepage .hero-metrics small,
.tf-homepage .hero-stat-grid span,
.tf-homepage .hero-stat-grid small{
  display:block!important;
  margin-top:5px!important;
  color:rgba(255,255,255,.73)!important;
  font-size:6.5px!important;
}

/* Slider arrows */
.tf-homepage .hero-slider .swiper-button-prev,
.tf-homepage .hero-slider .swiper-button-next,
.tf-homepage .hero-prev,
.tf-homepage .hero-next,
.tf-homepage .hero-arrow{
  width:38px!important;
  height:38px!important;
  border:1px solid rgba(255,255,255,.36)!important;
  border-radius:50%!important;
  background:rgba(5,24,52,.58)!important;
  backdrop-filter:blur(8px)!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(4,18,47,.18)!important;
}

/* Dots */
.tf-homepage .hero-slider .swiper-pagination-bullet,
.tf-homepage .hero-dots button,
.tf-homepage .hero-dots span{
  width:7px!important;
  height:7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.58)!important;
  opacity:1!important;
}

.tf-homepage .hero-slider .swiper-pagination-bullet-active,
.tf-homepage .hero-dots .active{
  width:22px!important;
  background:#f9bd2b!important;
}

/* bottom trust strip */
.tf-homepage .hero-trust-strip,
.tf-homepage .hero-bottom-strip,
.tf-homepage .hero-usps,
.tf-homepage .hero-benefits{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:16px!important;
  min-height:42px!important;
  margin-top:0!important;
  padding:8px 14px!important;
  border:1px solid #dfe7f0!important;
  border-top:0!important;
  border-radius:0 0 18px 18px!important;
  background:#fff!important;
  color:#38506d!important;
  box-shadow:0 7px 18px rgba(7,31,63,.035)!important;
  font-size:6.8px!important;
  font-weight:800!important;
}

/* desktop height */
@media(min-width:1200px){
  .tf-homepage .hero-slide,
  .tf-homepage .hero-slider-slide,
  .tf-homepage .tf-hero-slide,
  .tf-homepage .tf-home-hero-slide{
    min-height:510px!important;
    max-height:560px!important;
  }
}

/* mobile */
@media(max-width:699px){
  .tf-homepage .hero-slide,
  .tf-homepage .hero-slider-slide,
  .tf-homepage .tf-hero-slide,
  .tf-homepage .tf-home-hero-slide{
    min-height:500px!important;
    border-radius:16px!important;
  }

  .tf-homepage .hero-slide:before,
  .tf-homepage .hero-slider-slide:before,
  .tf-homepage .tf-hero-slide:before,
  .tf-homepage .tf-home-hero-slide:before{
    background:linear-gradient(180deg,rgba(3,20,42,.50) 0%,rgba(3,20,42,.80) 52%,rgba(3,20,42,.94) 100%)!important;
  }

  .tf-homepage .hero h1,
  .tf-homepage .hero-content h1,
  .tf-homepage .hero-copy h1,
  .tf-homepage .hero-content h2,
  .tf-homepage .tf-home-hero h1{
    max-width:100%!important;
    font-size:29px!important;
    line-height:1!important;
  }

  .tf-homepage .hero-content p,
  .tf-homepage .hero-copy p,
  .tf-homepage .hero-description{
    font-size:9px!important;
    line-height:1.35!important;
  }

  .tf-homepage .hero-search,
  .tf-homepage .hero-search-form,
  .tf-homepage .hero-searchbox,
  .tf-homepage .hero-search-bar{
    min-height:46px!important;
    border-radius:12px!important;
  }

  .tf-homepage .hero-search select,
  .tf-homepage .hero-search-form select,
  .tf-homepage .hero-searchbox select,
  .tf-homepage .hero-search-bar select{
    flex-basis:92px!important;
    min-height:44px!important;
    font-size:8px!important;
  }

  .tf-homepage .hero-search input,
  .tf-homepage .hero-search-form input,
  .tf-homepage .hero-searchbox input,
  .tf-homepage .hero-search-bar input{
    min-height:44px!important;
    padding-inline:9px!important;
    font-size:8px!important;
  }

  .tf-homepage .hero-search button,
  .tf-homepage .hero-search-form button,
  .tf-homepage .hero-searchbox button,
  .tf-homepage .hero-search-bar button{
    flex-basis:78px!important;
    min-height:44px!important;
    font-size:8px!important;
  }

  .tf-homepage .hero-stats,
  .tf-homepage .hero-metrics,
  .tf-homepage .hero-stat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .tf-homepage .hero-stats>*,
  .tf-homepage .hero-metrics>*,
  .tf-homepage .hero-stat-grid>*{
    min-height:50px!important;
    padding:8px 7px!important;
  }

  .tf-homepage .hero-stats strong,
  .tf-homepage .hero-metrics strong,
  .tf-homepage .hero-stat-grid strong{
    font-size:12px!important;
  }

  .tf-homepage .hero-trust-strip,
  .tf-homepage .hero-bottom-strip,
  .tf-homepage .hero-usps,
  .tf-homepage .hero-benefits{
    gap:8px 12px!important;
    min-height:38px!important;
    padding:7px 8px!important;
    font-size:5.7px!important;
  }
}


/* =========================================================
   SOURCE: exact-hero-slider-fix-18.4.111.css
   SHA256: 0f0a093d461e136a9350badaf2337d11c0a2186ddede948ae8beba4480bc1a8d
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.111 — Exact Hero Slider Geometry Fix
   Targets the REAL homepage hero classes.
   Desktop banner geometry = 32:9 (recommended asset 1920x540).
   No stretching. Content cannot resize the slider. */

/* ===== REAL HERO ROOT ===== */
.tf-homepage .tf-home-v3-hero{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  aspect-ratio:32 / 9!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  border:1px solid #d7e2ee!important;
  border-radius:20px!important;
  background:#071d38!important;
  box-shadow:0 14px 38px rgba(5,24,52,.13)!important;
  contain:layout paint!important;
}

/* Media, slide and overlay must exactly fill hero */
.tf-homepage .tf-home-v3-media,
.tf-homepage .tf-home-v3-slide,
.tf-homepage .tf-home-v3-overlay{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Background artwork: never stretch */
.tf-homepage .tf-home-v3-media{
  z-index:0!important;
  overflow:hidden!important;
  border-radius:inherit!important;
}
.tf-homepage .tf-home-v3-slide{
  z-index:0!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  transform:none!important;
  transition:opacity .35s ease!important;
}
.tf-homepage .tf-home-v3-slide img,
.tf-homepage .tf-home-v3-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  aspect-ratio:auto!important;
  transform:none!important;
}

/* Premium overlay with readable left content */
.tf-homepage .tf-home-v3-overlay{
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      rgba(3,18,39,.94) 0%,
      rgba(3,18,39,.83) 25%,
      rgba(3,18,39,.52) 44%,
      rgba(3,18,39,.15) 67%,
      rgba(3,18,39,.10) 100%),
    linear-gradient(180deg,
      rgba(3,18,39,.03) 0%,
      rgba(3,18,39,.10) 68%,
      rgba(3,18,39,.42) 100%)!important;
}

/* Content layer fills hero but cannot alter hero size */
.tf-homepage .tf-home-v3-inner{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

/* Left content: compact, premium, no overflow */
.tf-homepage .tf-home-v3-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  width:min(640px,46%)!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:24px 0 22px 48px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/* Eyebrow */
.tf-homepage .tf-home-v3-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  min-height:29px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid rgba(249,189,43,.72)!important;
  border-radius:999px!important;
  background:rgba(5,24,52,.40)!important;
  color:#ffd157!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  backdrop-filter:blur(8px)!important;
}

/* Headline */
.tf-homepage .tf-home-v3-copy h1{
  display:-webkit-box!important;
  max-width:600px!important;
  max-height:104px!important;
  margin:12px 0 8px!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:clamp(34px,2.75vw,52px)!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  text-shadow:0 3px 16px rgba(0,0,0,.18)!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

/* Intro copy */
.tf-homepage .tf-home-v3-copy>p{
  display:-webkit-box!important;
  max-width:570px!important;
  max-height:48px!important;
  margin:0 0 10px!important;
  overflow:hidden!important;
  color:rgba(255,255,255,.84)!important;
  font-size:10px!important;
  line-height:1.42!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

/* Search row */
.tf-homepage .tf-home-v3-search{
  display:flex!important;
  align-items:stretch!important;
  width:min(620px,100%)!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(0,0,0,.16)!important;
}
.tf-homepage .tf-home-v3-search select,
.tf-homepage .tf-home-v3-search input,
.tf-homepage .tf-home-v3-search button{
  min-height:46px!important;
  max-height:46px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.tf-homepage .tf-home-v3-search select{
  flex:0 0 135px!important;
  border-right:1px solid #e3e9ef!important;
  background:#fff!important;
  color:#0b2343!important;
  font-size:8px!important;
  font-weight:850!important;
}
.tf-homepage .tf-home-v3-search input{
  flex:1 1 auto!important;
  min-width:0!important;
  padding:0 13px!important;
  background:#fff!important;
  color:#0b2343!important;
  font-size:8px!important;
}
.tf-homepage .tf-home-v3-search button{
  flex:0 0 116px!important;
  background:linear-gradient(180deg,#ffc83b,#f9bd2b)!important;
  color:#0b2343!important;
  font-size:8px!important;
  font-weight:950!important;
}

/* Popular chips */
.tf-homepage .tf-home-v3-popular{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  width:min(610px,100%)!important;
  min-height:26px!important;
  margin:6px 0 0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  color:rgba(255,255,255,.70)!important;
  font-size:6.5px!important;
}
.tf-homepage .tf-home-v3-popular::-webkit-scrollbar{display:none!important}
.tf-homepage .tf-home-v3-popular a{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:23px!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:999px!important;
  background:rgba(5,24,52,.30)!important;
  color:#fff!important;
  font-size:6.2px!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

/* CTA buttons */
.tf-homepage .tf-home-v3-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:min(520px,100%)!important;
  min-height:36px!important;
  margin:7px 0 0!important;
  overflow:hidden!important;
}
.tf-homepage .tf-home-v3-actions a,
.tf-homepage .tf-home-v3-actions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  font-size:7px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

/* Stats */
.tf-homepage .tf-home-v3-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(510px,100%)!important;
  min-height:58px!important;
  max-height:58px!important;
  margin:8px 0 0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.24)!important;
  border-radius:12px!important;
  background:rgba(5,24,52,.38)!important;
  backdrop-filter:blur(8px)!important;
}
.tf-homepage .tf-home-v3-stats>*{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:8px 12px!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
}
.tf-homepage .tf-home-v3-stats>*:last-child{border-right:0!important}
.tf-homepage .tf-home-v3-stats strong{
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
}
.tf-homepage .tf-home-v3-stats span,
.tf-homepage .tf-home-v3-stats small{
  margin-top:4px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:5.8px!important;
  line-height:1.1!important;
}

/* Slider dots/arrows */
.tf-homepage .tf-home-v3-hero [class*="prev"],
.tf-homepage .tf-home-v3-hero [class*="next"]{
  z-index:5!important;
}
.tf-homepage .tf-home-v3-hero button[class*="prev"],
.tf-homepage .tf-home-v3-hero button[class*="next"],
.tf-homepage .tf-home-v3-hero .swiper-button-prev,
.tf-homepage .tf-home-v3-hero .swiper-button-next{
  width:36px!important;
  height:36px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:50%!important;
  background:rgba(5,24,52,.54)!important;
  color:#fff!important;
  backdrop-filter:blur(8px)!important;
}
.tf-homepage .tf-home-v3-hero .swiper-pagination-bullet{
  width:6px!important;
  height:6px!important;
  background:rgba(255,255,255,.58)!important;
  opacity:1!important;
}
.tf-homepage .tf-home-v3-hero .swiper-pagination-bullet-active{
  width:22px!important;
  border-radius:999px!important;
  background:#f9bd2b!important;
}

/* ===== TABLET ===== */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .tf-home-v3-hero{
    aspect-ratio:auto!important;
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
    border-radius:18px!important;
  }
  .tf-homepage .tf-home-v3-copy{
    width:58%!important;
    padding:20px 0 18px 28px!important;
  }
  .tf-homepage .tf-home-v3-copy h1{
    font-size:32px!important;
    max-height:68px!important;
  }
  .tf-homepage .tf-home-v3-search{min-height:45px!important;max-height:45px!important}
  .tf-homepage .tf-home-v3-search select,
  .tf-homepage .tf-home-v3-search input,
  .tf-homepage .tf-home-v3-search button{
    min-height:43px!important;
    max-height:43px!important;
  }
}

/* ===== MOBILE ===== */
@media(max-width:699px){
  .tf-homepage .tf-home-v3-hero{
    aspect-ratio:auto!important;
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
    border-radius:15px!important;
  }

  .tf-homepage .tf-home-v3-slide{
    background-position:center center!important;
  }

  .tf-homepage .tf-home-v3-overlay{
    background:
      linear-gradient(180deg,
        rgba(3,18,39,.18) 0%,
        rgba(3,18,39,.52) 31%,
        rgba(3,18,39,.88) 59%,
        rgba(3,18,39,.96) 100%)!important;
  }

  .tf-homepage .tf-home-v3-inner{
    align-items:flex-end!important;
  }

  .tf-homepage .tf-home-v3-copy{
    justify-content:flex-end!important;
    width:100%!important;
    height:auto!important;
    max-height:100%!important;
    padding:16px 12px 14px!important;
  }

  .tf-homepage .tf-home-v3-eyebrow{
    min-height:25px!important;
    padding:0 9px!important;
    font-size:6px!important;
  }

  .tf-homepage .tf-home-v3-copy h1{
    max-width:100%!important;
    max-height:58px!important;
    margin:8px 0 6px!important;
    font-size:27px!important;
    line-height:1!important;
    -webkit-line-clamp:2!important;
  }

  .tf-homepage .tf-home-v3-copy>p{
    max-width:100%!important;
    max-height:34px!important;
    margin-bottom:7px!important;
    font-size:8px!important;
    line-height:1.3!important;
    -webkit-line-clamp:2!important;
  }

  .tf-homepage .tf-home-v3-search{
    width:100%!important;
    min-height:43px!important;
    max-height:43px!important;
    border-radius:10px!important;
  }

  .tf-homepage .tf-home-v3-search select,
  .tf-homepage .tf-home-v3-search input,
  .tf-homepage .tf-home-v3-search button{
    min-height:41px!important;
    max-height:41px!important;
    font-size:7px!important;
  }

  .tf-homepage .tf-home-v3-search select{flex-basis:82px!important}
  .tf-homepage .tf-home-v3-search button{flex-basis:70px!important}

  .tf-homepage .tf-home-v3-popular{
    min-height:23px!important;
    margin-top:5px!important;
  }

  .tf-homepage .tf-home-v3-actions{
    min-height:32px!important;
    margin-top:5px!important;
  }
  .tf-homepage .tf-home-v3-actions a,
  .tf-homepage .tf-home-v3-actions button{
    min-height:32px!important;
    padding:0 9px!important;
    font-size:6.3px!important;
  }

  .tf-homepage .tf-home-v3-stats{
    min-height:48px!important;
    max-height:48px!important;
    margin-top:6px!important;
  }
  .tf-homepage .tf-home-v3-stats>*{padding:6px!important}
  .tf-homepage .tf-home-v3-stats strong{font-size:11px!important}
  .tf-homepage .tf-home-v3-stats span,
  .tf-homepage .tf-home-v3-stats small{font-size:5px!important}
}

/* Small phone */
@media(max-width:390px){
  .tf-homepage .tf-home-v3-hero{
    height:410px!important;
    min-height:410px!important;
    max-height:410px!important;
  }
  .tf-homepage .tf-home-v3-copy h1{font-size:24px!important}
}


/* =========================================================
   SOURCE: homepage-unified-gutters-mobile-categories-18.4.112.css
   SHA256: 42bc245b3106798950630274e9268ff85ce3142921a59f00d1cfa0a109f16877
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.112 — Homepage Unified Margins + Mobile Categories Fix
   Goal:
   1) Desktop homepage sections align to the same left/right gutter as the hero.
   2) Explore Industries mobile view becomes compact, readable and overflow-safe. */

/* =========================================================
   DESKTOP HOMEPAGE — SAME HORIZONTAL GUTTER AS HERO
   Hero screenshot target ≈ 28px left + right.
   ========================================================= */
@media(min-width:1024px){
  /* Generic homepage section shells */
  .tf-homepage main > section > .shell,
  .tf-homepage .section > .shell,
  .tf-homepage section.section > .shell,
  .tf-homepage .marketplace-products > .shell,
  .tf-homepage .trending-products > .shell,
  .tf-homepage .tf-home-v3-industries > .shell,
  .tf-homepage .country-network-premium > .shell,
  .tf-homepage .trade-advantage > .shell,
  .tf-homepage .homepage-section > .shell{
    width:calc(100% - 56px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  /* Hero itself uses same exact gutter */
  .tf-homepage .tf-home-v3-hero,
  .tf-homepage .home-hero,
  .tf-homepage .hero-slider{
    width:calc(100% - 56px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Some full-width homepage modules don't have .shell */
  .tf-homepage .marketplace-products,
  .tf-homepage .trending-products,
  .tf-homepage .tf-home-v3-industries,
  .tf-homepage .country-network-premium,
  .tf-homepage .trade-advantage{
    box-sizing:border-box!important;
  }
}

/* Wide screens: keep consistent edge spacing instead of huge max-width gutters */
@media(min-width:1600px){
  .tf-homepage main > section > .shell,
  .tf-homepage .section > .shell,
  .tf-homepage section.section > .shell,
  .tf-homepage .marketplace-products > .shell,
  .tf-homepage .trending-products > .shell,
  .tf-homepage .tf-home-v3-industries > .shell,
  .tf-homepage .country-network-premium > .shell,
  .tf-homepage .trade-advantage > .shell,
  .tf-homepage .homepage-section > .shell,
  .tf-homepage .tf-home-v3-hero{
    width:calc(100% - 56px)!important;
  }
}

/* =========================================================
   EXPLORE INDUSTRIES / CATEGORIES — MOBILE FIX
   ========================================================= */
@media(max-width:699px){
  /* Section itself */
  .tf-homepage .tf-home-v3-industries{
    width:100%!important;
    margin:0!important;
    padding:11px 0 13px!important;
    overflow:hidden!important;
  }

  .tf-homepage .tf-home-v3-industries > .shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* Header becomes clean two-row layout; CTA no longer crushes title */
  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:end!important;
    gap:4px 8px!important;
    width:100%!important;
    margin:0 0 9px!important;
    padding:0!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head > div{
    min-width:0!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head > div > span{
    margin-bottom:3px!important;
    font-size:6px!important;
    letter-spacing:.09em!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head h2{
    max-width:100%!important;
    margin:0!important;
    font-size:20px!important;
    line-height:1.03!important;
    letter-spacing:-.035em!important;
    white-space:normal!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head p{
    margin:3px 0 0!important;
    font-size:6.4px!important;
    line-height:1.3!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head > a{
    align-self:center!important;
    min-height:30px!important;
    height:30px!important;
    max-width:146px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:5.8px!important;
    white-space:nowrap!important;
  }

  /* True 2-column compact grid */
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
  }

  /* Compact app-like category card */
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:148px!important;
    min-height:148px!important;
    max-height:148px!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:13px!important;
    box-sizing:border-box!important;
  }

  /* Smaller product image zone */
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-media{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 112px!important;
    width:100%!important;
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    padding:7px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-media 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;
    transform:none!important;
  }

  /* Clean category title strip */
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-body{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 36px!important;
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:4px 6px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-body > strong{
    display:block!important;
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    font-size:7.3px!important;
    font-weight:850!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  /* popular subcategories become lightweight horizontal pills */
  .tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories{
    display:block!important;
    width:100%!important;
    margin-top:9px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories > strong{
    display:block!important;
    margin:0 0 5px!important;
    font-size:6px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories > div{
    display:flex!important;
    gap:5px!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories > div::-webkit-scrollbar{
    display:none!important;
  }
}

/* Very small phones */
@media(max-width:380px){
  .tf-homepage .tf-home-v3-industries > .shell{
    padding-inline:7px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-grid{
    gap:6px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-card{
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-media{
    flex-basis:104px!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-body{
    flex-basis:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head h2{
    font-size:18px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head > a{
    max-width:124px!important;
    padding-inline:8px!important;
    font-size:5.3px!important;
  }
}


/* =========================================================
   SOURCE: hero-slider-production-fix-18.4.113.css
   SHA256: 839ba170bd5c9b59ca10d4f4253ed12d9987d39bd8f12be2db0df649ec439bbb
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.113 — Hero Slider Production Fix
   Scope: fix current hero only. Preserve current width, current markup and content.
   Images preserve aspect ratio and are never stretched. */

/* ==========================
   HERO FRAME / MEDIA
   ========================== */
.tf-homepage .tf-home-v3{
  padding-top:0!important;
}

.tf-homepage .tf-home-v3-hero{
  position:relative!important;
  isolation:isolate!important;
  width:calc(100% - 56px)!important;
  aspect-ratio:30 / 9!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto!important;
  overflow:hidden!important;
  border:1px solid #d7e2ee!important;
  border-radius:20px!important;
  background:#071d38!important;
  box-shadow:0 12px 32px rgba(8,31,61,.10)!important;
}

/* Slider image is a CSS background. `cover` preserves its natural proportions:
   no width/height stretching is possible. */
.tf-homepage .tf-home-v3-media,
.tf-homepage .tf-home-v3-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}

.tf-homepage .tf-home-v3-media{
  z-index:0!important;
  overflow:hidden!important;
  border-radius:inherit!important;
}

.tf-homepage .tf-home-v3-slide{
  opacity:0!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  transform:none!important;
  transition:opacity .42s ease!important;
}

.tf-homepage .tf-home-v3-slide.is-active{
  opacity:1!important;
}

/* readable left-side cinematic overlay, but do not wash out artwork */
.tf-homepage .tf-home-v3-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      rgba(4,20,42,.88) 0%,
      rgba(4,20,42,.75) 24%,
      rgba(4,20,42,.40) 44%,
      rgba(4,20,42,.08) 68%,
      rgba(4,20,42,.04) 100%),
    linear-gradient(180deg,
      rgba(4,20,42,.02) 0%,
      rgba(4,20,42,.04) 68%,
      rgba(4,20,42,.24) 100%)!important;
}

/* ==========================
   CONTENT — COMPACT & BALANCED
   ========================== */
.tf-homepage .tf-home-v3-inner{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.tf-homepage .tf-home-v3-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  width:min(625px,45%)!important;
  height:auto!important;
  max-height:calc(100% - 28px)!important;
  margin:0!important;
  padding:18px 0 18px 48px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/* Kicker */
.tf-homepage .tf-home-v3-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  min-height:27px!important;
  margin:0 0 9px!important;
  padding:0 11px!important;
  border:1px solid rgba(249,189,43,.70)!important;
  border-radius:999px!important;
  background:rgba(5,24,52,.32)!important;
  color:#ffd35d!important;
  backdrop-filter:blur(8px)!important;
  font-size:6.4px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
}

/* Hero title */
.tf-homepage .tf-home-v3-copy h1{
  display:-webkit-box!important;
  width:100%!important;
  max-width:590px!important;
  max-height:100px!important;
  margin:0 0 7px!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:clamp(34px,2.45vw,48px)!important;
  font-weight:950!important;
  line-height:.99!important;
  letter-spacing:-.045em!important;
  text-shadow:0 3px 14px rgba(0,0,0,.18)!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

/* supporting description */
.tf-homepage .tf-home-v3-copy>p{
  display:-webkit-box!important;
  width:100%!important;
  max-width:570px!important;
  max-height:38px!important;
  margin:0 0 9px!important;
  overflow:hidden!important;
  color:rgba(255,255,255,.86)!important;
  font-size:8.4px!important;
  font-weight:500!important;
  line-height:1.36!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

/* Search */
.tf-homepage .tf-home-v3-search{
  display:flex!important;
  align-items:stretch!important;
  width:min(610px,100%)!important;
  height:47px!important;
  min-height:47px!important;
  max-height:47px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 9px 22px rgba(0,0,0,.14)!important;
}

.tf-homepage .tf-home-v3-search select,
.tf-homepage .tf-home-v3-search input,
.tf-homepage .tf-home-v3-search button{
  height:45px!important;
  min-height:45px!important;
  max-height:45px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.tf-homepage .tf-home-v3-search select{
  flex:0 0 132px!important;
  padding:0 12px!important;
  border-right:1px solid #e4e9ef!important;
  background:#fff!important;
  color:#0b2343!important;
  font-size:7.4px!important;
  font-weight:850!important;
}

.tf-homepage .tf-home-v3-search input{
  flex:1 1 auto!important;
  min-width:0!important;
  padding:0 12px!important;
  background:#fff!important;
  color:#0b2343!important;
  font-size:7.5px!important;
}

.tf-homepage .tf-home-v3-search button{
  flex:0 0 112px!important;
  background:linear-gradient(180deg,#ffc93f,#f9bd2b)!important;
  color:#0b2343!important;
  font-size:7.5px!important;
  font-weight:950!important;
}

/* Popular pills — compact */
.tf-homepage .tf-home-v3-popular{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  width:min(590px,100%)!important;
  min-height:22px!important;
  margin:5px 0 0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  color:rgba(255,255,255,.72)!important;
  font-size:5.7px!important;
}
.tf-homepage .tf-home-v3-popular::-webkit-scrollbar{display:none!important}
.tf-homepage .tf-home-v3-popular a{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:21px!important;
  padding:0 7px!important;
  border:1px solid rgba(255,255,255,.29)!important;
  border-radius:999px!important;
  background:rgba(5,24,52,.26)!important;
  color:#fff!important;
  font-size:5.5px!important;
  text-decoration:none!important;
}

/* CTA row */
.tf-homepage .tf-home-v3-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:min(520px,100%)!important;
  min-height:34px!important;
  margin:6px 0 0!important;
}
.tf-homepage .tf-home-v3-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 11px!important;
  border-radius:8px!important;
  font-size:6.3px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

/* Stats stay, but don't dominate the banner */
.tf-homepage .tf-home-v3-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(500px,100%)!important;
  height:55px!important;
  min-height:55px!important;
  max-height:55px!important;
  margin:7px 0 0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:11px!important;
  background:rgba(5,24,52,.32)!important;
  backdrop-filter:blur(7px)!important;
}
.tf-homepage .tf-home-v3-stats>div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:7px 11px!important;
  border-right:1px solid rgba(255,255,255,.15)!important;
}
.tf-homepage .tf-home-v3-stats>div:last-child{border-right:0!important}
.tf-homepage .tf-home-v3-stats strong{
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
}
.tf-homepage .tf-home-v3-stats span{
  margin-top:4px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:5.2px!important;
  line-height:1.05!important;
}

/* ==========================
   SLIDER CONTROLS
   ========================== */
.tf-homepage .tf-home-v3-slider-ui{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:10px!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  padding:0 14px!important;
  pointer-events:none!important;
}

.tf-homepage .tf-home-v3-slider-ui>button{
  pointer-events:auto!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:50%!important;
  background:rgba(5,24,52,.55)!important;
  color:#fff!important;
  backdrop-filter:blur(7px)!important;
  font-size:22px!important;
}

.tf-homepage .tf-home-v3-dots{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  pointer-events:auto!important;
}
.tf-homepage .tf-home-v3-dots button{
  width:6px!important;
  height:6px!important;
  min-width:6px!important;
  min-height:6px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.55)!important;
}
.tf-homepage .tf-home-v3-dots button.is-active{
  width:21px!important;
  background:#f9bd2b!important;
}

/* ==========================
   TRUST STRIP + NEXT SECTION GAP
   ========================== */
.tf-homepage .tf-home-v3-trust{
  width:calc(100% - 56px)!important;
  min-height:42px!important;
  margin:0 auto 16px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #dbe5ef!important;
  border-top:0!important;
  border-radius:0 0 16px 16px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(8,31,61,.035)!important;
}

.tf-homepage .tf-home-v3-trust>.shell{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:6px 12px!important;
  box-sizing:border-box!important;
}
.tf-homepage .tf-home-v3-trust span{
  color:#3d5874!important;
  font-size:6px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.tf-homepage .tf-home-v3-trust i{
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  background:#f9bd2b!important;
}

/* Explicit separation so the blue industries section never looks attached */
.tf-homepage .tf-home-v3-industries{
  margin-top:0!important;
  border-top:0!important;
}

/* ==========================
   TABLET
   ========================== */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .tf-home-v3-hero{
    width:calc(100% - 32px)!important;
    aspect-ratio:auto!important;
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
    border-radius:17px!important;
  }
  .tf-homepage .tf-home-v3-copy{
    width:58%!important;
    max-height:calc(100% - 20px)!important;
    padding:16px 0 16px 28px!important;
  }
  .tf-homepage .tf-home-v3-copy h1{
    font-size:31px!important;
    max-height:66px!important;
  }
  .tf-homepage .tf-home-v3-trust{
    width:calc(100% - 32px)!important;
    margin-bottom:14px!important;
  }
}

/* ==========================
   MOBILE
   ========================== */
@media(max-width:699px){
  .tf-homepage .tf-home-v3-hero{
    width:calc(100% - 16px)!important;
    aspect-ratio:auto!important;
    height:420px!important;
    min-height:420px!important;
    max-height:420px!important;
    border-radius:15px!important;
  }

  /* keep image proportions; use full-height crop instead of distortion */
  .tf-homepage .tf-home-v3-slide{
    background-size:cover!important;
    background-position:center center!important;
  }

  .tf-homepage .tf-home-v3-overlay{
    background:
      linear-gradient(180deg,
        rgba(4,20,42,.16) 0%,
        rgba(4,20,42,.45) 38%,
        rgba(4,20,42,.88) 68%,
        rgba(4,20,42,.96) 100%)!important;
  }

  .tf-homepage .tf-home-v3-inner{
    align-items:flex-end!important;
  }

  .tf-homepage .tf-home-v3-copy{
    justify-content:flex-end!important;
    width:100%!important;
    height:auto!important;
    max-height:100%!important;
    padding:13px 12px 14px!important;
  }

  .tf-homepage .tf-home-v3-eyebrow{
    min-height:23px!important;
    margin-bottom:6px!important;
    padding:0 9px!important;
    font-size:5.5px!important;
  }

  .tf-homepage .tf-home-v3-copy h1{
    max-width:100%!important;
    max-height:57px!important;
    margin-bottom:5px!important;
    font-size:26px!important;
  }

  .tf-homepage .tf-home-v3-copy>p{
    max-width:100%!important;
    max-height:31px!important;
    margin-bottom:6px!important;
    font-size:7px!important;
    line-height:1.28!important;
  }

  .tf-homepage .tf-home-v3-search{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    border-radius:10px!important;
  }
  .tf-homepage .tf-home-v3-search select,
  .tf-homepage .tf-home-v3-search input,
  .tf-homepage .tf-home-v3-search button{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    font-size:6.7px!important;
  }
  .tf-homepage .tf-home-v3-search select{flex-basis:82px!important;padding-inline:8px!important}
  .tf-homepage .tf-home-v3-search input{padding-inline:8px!important}
  .tf-homepage .tf-home-v3-search button{flex-basis:66px!important}

  .tf-homepage .tf-home-v3-popular{
    margin-top:4px!important;
    min-height:20px!important;
  }
  .tf-homepage .tf-home-v3-popular a{
    min-height:19px!important;
    padding-inline:6px!important;
    font-size:5px!important;
  }

  .tf-homepage .tf-home-v3-actions{
    min-height:31px!important;
    margin-top:4px!important;
  }
  .tf-homepage .tf-home-v3-actions a{
    min-height:31px!important;
    padding-inline:8px!important;
    font-size:5.8px!important;
  }

  .tf-homepage .tf-home-v3-stats{
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    margin-top:5px!important;
  }
  .tf-homepage .tf-home-v3-stats>div{padding:5px!important}
  .tf-homepage .tf-home-v3-stats strong{font-size:10.5px!important}
  .tf-homepage .tf-home-v3-stats span{font-size:4.6px!important}

  .tf-homepage .tf-home-v3-slider-ui{
    bottom:7px!important;
    padding-inline:8px!important;
  }
  .tf-homepage .tf-home-v3-slider-ui>button{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    font-size:18px!important;
  }

  .tf-homepage .tf-home-v3-trust{
    width:calc(100% - 16px)!important;
    min-height:38px!important;
    margin:0 auto 12px!important;
    border-radius:0 0 13px 13px!important;
  }
  .tf-homepage .tf-home-v3-trust>.shell{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    min-height:38px!important;
    padding:6px 9px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .tf-homepage .tf-home-v3-trust>.shell::-webkit-scrollbar{display:none!important}
  .tf-homepage .tf-home-v3-trust span{
    flex:0 0 auto!important;
    font-size:5.4px!important;
  }
}


/* =========================================================
   SOURCE: hero-spacing-mobile-simplify-18.4.115.css
   SHA256: f5e72e14428881bd88adf1b1d1fd7520c52a419023c661441fb3fb73c723b2f6
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.115 — Hero Spacing + Desktop Height + Mobile Simplification */

/* =========================
   DESKTOP
   ========================= */
@media(min-width:1024px){
  /* breathing room above hero */
  .tf-homepage .tf-home-v3{
    padding-top:14px!important;
  }

  .tf-homepage .tf-home-v3-hero{
    /* slightly taller than 18.4.114, width unchanged */
    aspect-ratio:28.5 / 9!important;
    width:calc(100% - 56px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* =========================
   TABLET
   ========================= */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .tf-home-v3{
    padding-top:10px!important;
  }

  .tf-homepage .tf-home-v3-hero{
    height:405px!important;
    min-height:405px!important;
    max-height:405px!important;
  }
}

/* =========================
   MOBILE
   Keep only badge + heading.
   Hide the rest of the heavy hero UI.
   ========================= */
@media(max-width:699px){
  .tf-homepage .tf-home-v3{
    padding-top:9px!important;
  }

  .tf-homepage .tf-home-v3-hero{
    width:calc(100% - 16px)!important;
    height:290px!important;
    min-height:290px!important;
    max-height:290px!important;
    aspect-ratio:auto!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-radius:15px!important;
  }

  /* Banner image remains proportional; no stretching */
  .tf-homepage .tf-home-v3-slide{
    background-size:cover!important;
    background-position:center center!important;
  }

  /* Darker lower overlay for clean heading visibility */
  .tf-homepage .tf-home-v3-overlay{
    background:
      linear-gradient(180deg,
        rgba(4,20,42,.08) 0%,
        rgba(4,20,42,.22) 38%,
        rgba(4,20,42,.72) 100%)!important;
  }

  .tf-homepage .tf-home-v3-inner{
    align-items:flex-end!important;
    overflow:hidden!important;
  }

  .tf-homepage .tf-home-v3-copy{
    justify-content:flex-end!important;
    width:100%!important;
    height:auto!important;
    max-height:100%!important;
    padding:0 14px 18px!important;
    overflow:hidden!important;
  }

  /* keep top badge */
  .tf-homepage .tf-home-v3-eyebrow{
    display:inline-flex!important;
    min-height:22px!important;
    margin:0 0 6px!important;
    padding:0 9px!important;
    font-size:5.4px!important;
  }

  /* keep main heading only */
  .tf-homepage .tf-home-v3-copy h1{
    display:-webkit-box!important;
    max-width:92%!important;
    max-height:64px!important;
    margin:0!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:28px!important;
    font-weight:950!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }

  /* remove all remaining content on mobile */
  .tf-homepage .tf-home-v3-copy>p,
  .tf-homepage .tf-home-v3-search,
  .tf-homepage .tf-home-v3-popular,
  .tf-homepage .tf-home-v3-actions,
  .tf-homepage .tf-home-v3-stats{
    display:none!important;
  }

  /* keep slider controls compact */
  .tf-homepage .tf-home-v3-slider-ui{
    bottom:8px!important;
    padding-inline:8px!important;
  }

  .tf-homepage .tf-home-v3-slider-ui>button{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    font-size:17px!important;
  }

  .tf-homepage .tf-home-v3-dots{
    gap:4px!important;
  }

  .tf-homepage .tf-home-v3-dots button{
    width:5px!important;
    height:5px!important;
    min-width:5px!important;
    min-height:5px!important;
  }

  .tf-homepage .tf-home-v3-dots button.is-active{
    width:18px!important;
  }

  /* trust strip remains separate and compact */
  .tf-homepage .tf-home-v3-trust{
    width:calc(100% - 16px)!important;
    min-height:34px!important;
    margin:0 auto 12px!important;
  }

  .tf-homepage .tf-home-v3-trust>.shell{
    min-height:34px!important;
    padding:5px 8px!important;
  }
}

@media(max-width:380px){
  .tf-homepage .tf-home-v3-hero{
    height:270px!important;
    min-height:270px!important;
    max-height:270px!important;
  }

  .tf-homepage .tf-home-v3-copy{
    padding:0 12px 16px!important;
  }

  .tf-homepage .tf-home-v3-copy h1{
    font-size:25px!important;
    max-height:58px!important;
  }
}


/* =========================================================
   SOURCE: hero-mobile-content-restore-18.4.116.css
   SHA256: 3da1e2ed371f2119877d78e1f5e9597550450efca93044904e6f9e25bcd567fd
   Production order preserved.
   ========================================================= */
/* 18.4.116 — Restore full hero content on mobile, keep compact responsive layout */
@media(max-width:699px){
  .tf-homepage .tf-home-v3-hero{
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
  }

  .tf-homepage .tf-home-v3-copy{
    justify-content:flex-end!important;
    padding:0 14px 48px!important;
    overflow:visible!important;
  }

  .tf-homepage .tf-home-v3-copy h1{
    max-width:94%!important;
    max-height:none!important;
    font-size:27px!important;
    line-height:1.02!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
  }

  /* Restore all content hidden in 18.4.115 */
  .tf-homepage .tf-home-v3-copy>p{
    display:block!important;
    margin:7px 0 10px!important;
    max-width:96%!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  .tf-homepage .tf-home-v3-search{
    display:flex!important;
    width:100%!important;
    min-height:44px!important;
    margin:0 0 7px!important;
  }

  .tf-homepage .tf-home-v3-popular{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:4px!important;
    margin:0 0 8px!important;
    font-size:8px!important;
  }

  .tf-homepage .tf-home-v3-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin:0 0 8px!important;
  }

  .tf-homepage .tf-home-v3-actions a,
  .tf-homepage .tf-home-v3-actions button{
    min-height:34px!important;
    padding:0 11px!important;
    font-size:9px!important;
  }

  .tf-homepage .tf-home-v3-stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    min-height:54px!important;
  }

  .tf-homepage .tf-home-v3-stats strong{
    font-size:16px!important;
  }

  .tf-homepage .tf-home-v3-stats span{
    font-size:7px!important;
  }

  .tf-homepage .tf-home-v3-slider-ui{
    bottom:8px!important;
  }
}

@media(max-width:380px){
  .tf-homepage .tf-home-v3-hero{
    height:480px!important;
    min-height:480px!important;
    max-height:480px!important;
  }
  .tf-homepage .tf-home-v3-copy{
    padding:0 12px 44px!important;
  }
  .tf-homepage .tf-home-v3-copy h1{
    font-size:24px!important;
  }
}


/* =========================================================
   SOURCE: hero-responsive-balance-18.4.117.css
   SHA256: 86fc0bf0b560cd2c1d1ec8ed7d803ca0d9dad13549e3b38b98bf652091de5b50
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.117 — Hero Responsive Balance
   Root cause fix:
   the production "mobile" viewport is ~754px wide, so the old <=699px rules
   did not run. This stylesheet treats <=820px as compact/mobile hero mode. */

/* =========================================================
   DESKTOP / LARGE TABLET — stronger content scale
   ========================================================= */
@media(min-width:821px){
  .tf-homepage .tf-home-v3-copy{
    width:min(650px,46%)!important;
    padding-left:54px!important;
    padding-right:0!important;
  }

  .tf-homepage .tf-home-v3-eyebrow{
    min-height:29px!important;
    margin-bottom:10px!important;
    padding-inline:12px!important;
    font-size:6.8px!important;
  }

  .tf-homepage .tf-home-v3-copy h1{
    max-width:610px!important;
    max-height:110px!important;
    font-size:clamp(38px,2.65vw,52px)!important;
    line-height:.99!important;
  }

  .tf-homepage .tf-home-v3-copy>p{
    max-width:590px!important;
    margin-bottom:10px!important;
    font-size:9.2px!important;
    line-height:1.38!important;
  }

  .tf-homepage .tf-home-v3-search{
    width:min(625px,100%)!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
  }

  .tf-homepage .tf-home-v3-search select,
  .tf-homepage .tf-home-v3-search input,
  .tf-homepage .tf-home-v3-search button{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
  }

  .tf-homepage .tf-home-v3-search select{
    flex-basis:136px!important;
    font-size:7.8px!important;
  }

  .tf-homepage .tf-home-v3-search input,
  .tf-homepage .tf-home-v3-search button{
    font-size:7.9px!important;
  }

  .tf-homepage .tf-home-v3-popular{
    margin-top:6px!important;
    min-height:23px!important;
  }

  .tf-homepage .tf-home-v3-popular a{
    min-height:22px!important;
    font-size:5.7px!important;
  }

  .tf-homepage .tf-home-v3-actions{
    margin-top:7px!important;
    min-height:35px!important;
  }

  .tf-homepage .tf-home-v3-actions a,
  .tf-homepage .tf-home-v3-actions button{
    min-height:35px!important;
    font-size:6.5px!important;
  }

  .tf-homepage .tf-home-v3-stats{
    width:min(510px,100%)!important;
    height:57px!important;
    min-height:57px!important;
    max-height:57px!important;
    margin-top:8px!important;
  }

  .tf-homepage .tf-home-v3-stats strong{
    font-size:14px!important;
  }

  .tf-homepage .tf-home-v3-stats span{
    font-size:5.5px!important;
  }
}

/* =========================================================
   COMPACT / MOBILE MODE — IMPORTANT: <=820px
   Keeps ALL hero content but compresses it properly.
   ========================================================= */
@media(max-width:820px){
  .tf-homepage .tf-home-v3{
    padding-top:8px!important;
  }

  .tf-homepage .tf-home-v3-hero{
    width:calc(100% - 16px)!important;
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
    aspect-ratio:auto!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-radius:15px!important;
  }

  /* Keep original artwork ratio — crop only, never stretch */
  .tf-homepage .tf-home-v3-slide{
    background-size:cover!important;
    background-position:center center!important;
    transform:none!important;
  }

  /* Mobile readability without blacking out the artwork */
  .tf-homepage .tf-home-v3-overlay{
    background:
      linear-gradient(180deg,
        rgba(4,20,42,.07) 0%,
        rgba(4,20,42,.13) 30%,
        rgba(4,20,42,.56) 58%,
        rgba(4,20,42,.91) 100%)!important;
  }

  .tf-homepage .tf-home-v3-inner{
    display:flex!important;
    align-items:flex-end!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }

  .tf-homepage .tf-home-v3-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    width:100%!important;
    height:auto!important;
    max-height:100%!important;
    padding:0 13px 40px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .tf-homepage .tf-home-v3-eyebrow{
    display:inline-flex!important;
    align-self:flex-start!important;
    min-height:22px!important;
    margin:0 0 5px!important;
    padding:0 9px!important;
    font-size:5.4px!important;
  }

  .tf-homepage .tf-home-v3-copy h1{
    display:-webkit-box!important;
    width:100%!important;
    max-width:92%!important;
    max-height:58px!important;
    margin:0 0 5px!important;
    overflow:hidden!important;
    font-size:26px!important;
    line-height:1.01!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }

  .tf-homepage .tf-home-v3-copy>p{
    display:-webkit-box!important;
    max-width:94%!important;
    max-height:30px!important;
    margin:0 0 7px!important;
    overflow:hidden!important;
    font-size:7.2px!important;
    line-height:1.28!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }

  /* Search: compact full width */
  .tf-homepage .tf-home-v3-search{
    display:flex!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    border-radius:10px!important;
  }

  .tf-homepage .tf-home-v3-search select,
  .tf-homepage .tf-home-v3-search input,
  .tf-homepage .tf-home-v3-search button{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    font-size:6.4px!important;
  }

  .tf-homepage .tf-home-v3-search select{
    flex:0 0 84px!important;
    padding-inline:8px!important;
  }

  .tf-homepage .tf-home-v3-search input{
    min-width:0!important;
    padding-inline:8px!important;
  }

  .tf-homepage .tf-home-v3-search button{
    flex:0 0 68px!important;
    padding:0!important;
  }

  /* Popular chips: single horizontal row, no huge wrapping */
  .tf-homepage .tf-home-v3-popular{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:4px!important;
    width:100%!important;
    min-height:20px!important;
    margin:5px 0 0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    font-size:5.3px!important;
  }

  .tf-homepage .tf-home-v3-popular::-webkit-scrollbar{
    display:none!important;
  }

  .tf-homepage .tf-home-v3-popular a{
    flex:0 0 auto!important;
    min-height:19px!important;
    padding:0 6px!important;
    font-size:4.9px!important;
    white-space:nowrap!important;
  }

  /* Buttons stay visible, compact */
  .tf-homepage .tf-home-v3-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-height:31px!important;
    margin:5px 0 0!important;
  }

  .tf-homepage .tf-home-v3-actions a,
  .tf-homepage .tf-home-v3-actions button{
    min-height:31px!important;
    padding:0 9px!important;
    border-radius:8px!important;
    font-size:5.8px!important;
    white-space:nowrap!important;
  }

  /* Metrics: readable but much less bulky */
  .tf-homepage .tf-home-v3-stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:6px 0 0!important;
    border-radius:10px!important;
  }

  .tf-homepage .tf-home-v3-stats>div{
    min-width:0!important;
    padding:5px 7px!important;
  }

  .tf-homepage .tf-home-v3-stats strong{
    font-size:11px!important;
  }

  .tf-homepage .tf-home-v3-stats span,
  .tf-homepage .tf-home-v3-stats small{
    margin-top:3px!important;
    font-size:4.7px!important;
  }

  /* Controls move out of the content block */
  .tf-homepage .tf-home-v3-slider-ui{
    left:auto!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    padding:0!important;
    gap:5px!important;
  }

  .tf-homepage .tf-home-v3-slider-ui>button{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    font-size:16px!important;
  }

  .tf-homepage .tf-home-v3-dots{
    gap:3px!important;
  }

  .tf-homepage .tf-home-v3-dots button{
    width:5px!important;
    height:5px!important;
    min-width:5px!important;
    min-height:5px!important;
  }

  .tf-homepage .tf-home-v3-dots button.is-active{
    width:17px!important;
  }

  /* Trust strip: no oversized white slab */
  .tf-homepage .tf-home-v3-trust{
    width:calc(100% - 16px)!important;
    min-height:34px!important;
    margin:0 auto 12px!important;
    border-radius:0 0 13px 13px!important;
  }

  .tf-homepage .tf-home-v3-trust>.shell{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    min-height:34px!important;
    padding:5px 9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }

  .tf-homepage .tf-home-v3-trust>.shell::-webkit-scrollbar{
    display:none!important;
  }

  .tf-homepage .tf-home-v3-trust span{
    flex:0 0 auto!important;
    font-size:5.1px!important;
  }
}

/* Very small phones */
@media(max-width:420px){
  .tf-homepage .tf-home-v3-hero{
    height:410px!important;
    min-height:410px!important;
    max-height:410px!important;
  }

  .tf-homepage .tf-home-v3-copy{
    padding:0 11px 36px!important;
  }

  .tf-homepage .tf-home-v3-copy h1{
    font-size:23px!important;
    max-height:52px!important;
  }

  .tf-homepage .tf-home-v3-copy>p{
    font-size:6.5px!important;
  }

  .tf-homepage .tf-home-v3-search select{
    flex-basis:74px!important;
  }

  .tf-homepage .tf-home-v3-search button{
    flex-basis:60px!important;
  }

  .tf-homepage .tf-home-v3-actions a,
  .tf-homepage .tf-home-v3-actions button{
    padding-inline:7px!important;
    font-size:5.2px!important;
  }
}


/* =========================================================
   SOURCE: mobile-hero-height-category-carousel-18.4.118.css
   SHA256: ec8b3e602105db5282e312129e061f8bd77c6bef91f0de20425ffb316b1cf69c
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.118
   Mobile hero height reduction + horizontal category carousel.
   Desktop category layout is preserved. */

@media(max-width:820px){

  /* ======================================================
     HERO — reduce height, retain all content
     ====================================================== */
  .tf-homepage .tf-home-v3-hero{
    height:380px!important;
    min-height:380px!important;
    max-height:380px!important;
  }

  .tf-homepage .tf-home-v3-copy{
    padding:0 12px 34px!important;
  }

  .tf-homepage .tf-home-v3-eyebrow{
    min-height:20px!important;
    margin-bottom:4px!important;
    padding:0 8px!important;
    font-size:5px!important;
  }

  .tf-homepage .tf-home-v3-copy h1{
    max-height:50px!important;
    margin-bottom:4px!important;
    font-size:23px!important;
    line-height:1!important;
  }

  .tf-homepage .tf-home-v3-copy>p{
    max-height:24px!important;
    margin-bottom:5px!important;
    font-size:6.4px!important;
    line-height:1.22!important;
  }

  .tf-homepage .tf-home-v3-search{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }

  .tf-homepage .tf-home-v3-search select,
  .tf-homepage .tf-home-v3-search input,
  .tf-homepage .tf-home-v3-search button{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    font-size:5.9px!important;
  }

  .tf-homepage .tf-home-v3-search select{
    flex-basis:76px!important;
  }

  .tf-homepage .tf-home-v3-search button{
    flex-basis:60px!important;
  }

  .tf-homepage .tf-home-v3-popular{
    min-height:18px!important;
    margin-top:4px!important;
    gap:3px!important;
  }

  .tf-homepage .tf-home-v3-popular a{
    min-height:17px!important;
    padding-inline:5px!important;
    font-size:4.5px!important;
  }

  .tf-homepage .tf-home-v3-actions{
    min-height:28px!important;
    margin-top:4px!important;
    gap:5px!important;
  }

  .tf-homepage .tf-home-v3-actions a,
  .tf-homepage .tf-home-v3-actions button{
    min-height:28px!important;
    padding:0 7px!important;
    font-size:5.2px!important;
  }

  .tf-homepage .tf-home-v3-stats{
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    margin-top:5px!important;
  }

  .tf-homepage .tf-home-v3-stats>div{
    padding:4px 6px!important;
  }

  .tf-homepage .tf-home-v3-stats strong{
    font-size:10px!important;
  }

  .tf-homepage .tf-home-v3-stats span,
  .tf-homepage .tf-home-v3-stats small{
    margin-top:2px!important;
    font-size:4.3px!important;
  }

  .tf-homepage .tf-home-v3-slider-ui{
    bottom:6px!important;
  }

  .tf-homepage .tf-home-v3-slider-ui>button{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    font-size:15px!important;
  }

  /* ======================================================
     EXPLORE INDUSTRIES — horizontal left/right carousel
     ====================================================== */
  .tf-homepage .tf-home-v3-industries{
    overflow:hidden!important;
  }

  .tf-homepage .tf-home-v3-industries > .shell{
    overflow:hidden!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 1px 5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:1px!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    overscroll-behavior-x:contain!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-grid::-webkit-scrollbar{
    display:none!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-card{
    flex:0 0 42vw!important;
    width:42vw!important;
    min-width:42vw!important;
    max-width:42vw!important;
    height:148px!important;
    min-height:148px!important;
    max-height:148px!important;
    margin:0!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    border-radius:13px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-media{
    flex:0 0 112px!important;
    width:100%!important;
    height:112px!important;
    min-height:112px!important;
    max-height:112px!important;
    padding:7px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-media img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-body{
    flex:0 0 36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:4px 6px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-body > strong{
    font-size:7px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    overflow:hidden!important;
  }
}

@media(max-width:420px){
  .tf-homepage .tf-home-v3-hero{
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
  }

  .tf-homepage .tf-home-v3-copy{
    padding:0 10px 31px!important;
  }

  .tf-homepage .tf-home-v3-copy h1{
    font-size:21px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-card{
    flex-basis:44vw!important;
    width:44vw!important;
    min-width:44vw!important;
    max-width:44vw!important;
    height:140px!important;
    min-height:140px!important;
    max-height:140px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-media{
    flex-basis:106px!important;
    height:106px!important;
    min-height:106px!important;
    max-height:106px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-body{
    flex-basis:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }
}


/* =========================================================
   SOURCE: explore-industries-gutter-compact-mobile-18.4.120.css
   SHA256: 72180451ffb617d9f67d0ddc7a3d1c4db2b12ec4592273078c6eed3b6b11af00
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.120 — Explore Industries Gutter + Compact Mobile */

/* =========================================================
   DESKTOP / TABLET: blue section gets same left-right gutter
   as hero / other homepage sections.
   ========================================================= */
@media(min-width:821px){
  .tf-homepage .tf-home-v3-industries{
    width:calc(100% - 56px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .tf-homepage .tf-home-v3-industries > .shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:18px 18px 16px!important;
    box-sizing:border-box!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head{
    margin-bottom:12px!important;
  }
}

/* =========================================================
   MOBILE / COMPACT: smaller, tighter, still horizontal swipe
   ========================================================= */
@media(max-width:820px){
  .tf-homepage .tf-home-v3-industries{
    width:calc(100% - 16px)!important;
    margin:0 auto!important;
    padding:0!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }

  .tf-homepage .tf-home-v3-industries > .shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px 10px 11px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* header */
  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:4px 7px!important;
    margin:0 0 9px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head > div{
    min-width:0!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head > div > span{
    display:block!important;
    margin:0 0 3px!important;
    font-size:5.2px!important;
    font-weight:900!important;
    letter-spacing:.085em!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head h2{
    max-width:100%!important;
    margin:0!important;
    font-size:18px!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head p{
    margin:3px 0 0!important;
    font-size:5.8px!important;
    line-height:1.28!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head > a{
    align-self:center!important;
    min-height:29px!important;
    height:29px!important;
    max-width:132px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    font-size:5.1px!important;
    white-space:nowrap!important;
  }

  /* horizontal category carousel — more compact */
  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    width:100%!important;
    margin:0!important;
    padding:0 1px 4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-grid::-webkit-scrollbar{
    display:none!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-card{
    flex:0 0 36vw!important;
    width:36vw!important;
    min-width:36vw!important;
    max-width:36vw!important;
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
    margin:0!important;
    border-radius:11px!important;
    scroll-snap-align:start!important;
    overflow:hidden!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-media{
    flex:0 0 90px!important;
    width:100%!important;
    height:90px!important;
    min-height:90px!important;
    max-height:90px!important;
    padding:5px!important;
    box-sizing:border-box!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-media img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-body{
    flex:0 0 32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    padding:3px 5px!important;
    box-sizing:border-box!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-body > span{
    display:none!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-body > strong{
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    font-size:6.4px!important;
    line-height:1.1!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  /* popular subcategories: compact horizontal pills */
  .tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories{
    width:100%!important;
    margin:8px 0 0!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories > strong{
    display:block!important;
    margin:0 0 5px!important;
    font-size:5.6px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories > div{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories > div::-webkit-scrollbar{
    display:none!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-subcategories a{
    flex:0 0 auto!important;
    min-height:24px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    font-size:5.3px!important;
    white-space:nowrap!important;
  }
}

@media(max-width:420px){
  .tf-homepage .tf-home-v3-industries{
    width:calc(100% - 12px)!important;
  }

  .tf-homepage .tf-home-v3-industries > .shell{
    padding:10px 8px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head h2{
    font-size:17px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-section-head > a{
    max-width:118px!important;
    min-height:27px!important;
    height:27px!important;
    padding-inline:7px!important;
    font-size:4.7px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-card{
    flex-basis:38vw!important;
    width:38vw!important;
    min-width:38vw!important;
    max-width:38vw!important;
    height:116px!important;
    min-height:116px!important;
    max-height:116px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-media{
    flex-basis:86px!important;
    height:86px!important;
    min-height:86px!important;
    max-height:86px!important;
  }

  .tf-homepage .tf-home-v3-industries .tf-home-v3-category-body{
    flex-basis:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
  }
}


/* =========================================================
   SOURCE: mobile-sourcing-cleanup-18.4.124.css
   SHA256: ec7d7654a7fb1d2dc8acc600497ecd5b8862b78ad2d35042b877efa86f867765
   Production order preserved.
   ========================================================= */
/* TradesFolks 18.4.124 — mobile sourcing cleanup */

/* Prevent any malformed legacy cache-buster remnants from affecting layout */
.tf-homepage{overflow-x:hidden}

/* Compact "Discover more ways to source" area on phones */
@media(max-width:820px){
  .tf-homepage .tf-sourcing-solutions{
    width:calc(100% - 16px)!important;
    margin:14px auto!important;
    padding:0!important;
  }
  .tf-homepage .tf-sourcing-solutions > h2,
  .tf-homepage .tf-sourcing-solutions .section-title{
    font-size:22px!important;
    line-height:1.12!important;
    margin:0 0 10px!important;
  }
  .tf-homepage .tf-custom-sourcing-enterprise,
  .tf-homepage .tf-rfq-enterprise{
    padding:12px!important;
    border-radius:14px!important;
    min-height:0!important;
  }
  .tf-homepage .tf-custom-sourcing-card,
  .tf-homepage .tf-rfq-enterprise-card{
    padding:12px!important;
    min-height:0!important;
  }
  .tf-homepage .tf-custom-sourcing-card h2,
  .tf-homepage .tf-custom-sourcing-card h3,
  .tf-homepage .tf-rfq-enterprise-card h2,
  .tf-homepage .tf-rfq-enterprise-card h3{
    font-size:22px!important;
    line-height:1.12!important;
    margin:0 0 12px!important;
  }
  .tf-homepage .tf-custom-sourcing-card .products-grid,
  .tf-homepage .tf-rfq-enterprise-card .products-grid{
    gap:10px!important;
  }
  .tf-homepage .tf-custom-sourcing-actions,
  .tf-homepage .tf-rfq-enterprise-actions{
    margin-top:14px!important;
  }
}

/* Exact mobile procurement card layout: tighter images/text and remove huge dead space */
@media(max-width:820px){
  .tf-homepage [class*="procurement"]{
    min-height:0!important;
  }
  .tf-homepage [class*="procurement"] img{
    max-height:150px!important;
    object-fit:contain!important;
  }
  .tf-homepage [class*="procurement"] a,
  .tf-homepage [class*="procurement"] p{
    line-height:1.18!important;
  }
}