/* TradesFolks 18.4.48 — Compact Business Growth Services
   Mirrors Sprint 421 treatment for the Business Growth & Trade Services section.
   Smaller desktop/mobile cards + pure-white mini-category image backgrounds. */

body:has(.tf-home-v3) .tf-business-growth-services{
  background:#f5f7fb!important;
}

/* White mini-image surfaces so white-background product/category images blend naturally. */
body:has(.tf-home-v3) .tf-business-growth-services .tf-service-mini-image{
  background:#fff!important;
  border-color:#e5eaf1!important;
}
body:has(.tf-home-v3) .tf-business-growth-services .tf-service-mini-image img{
  object-fit:contain!important;
  background:#fff!important;
}

/* Desktop */
@media(min-width:1281px){
  body:has(.tf-home-v3) .tf-business-growth-services{
    padding:20px 0!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services>.shell{
    width:min(calc(100% - 32px),1780px)!important;
    max-width:1780px!important;
  }

  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-section-head{
    gap:16px!important;
    margin-bottom:12px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-section-head span{
    margin-bottom:4px!important;
    font-size:8px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-section-head h2{
    font-size:30px!important;
    line-height:1.03!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-section-head p{
    margin-top:5px!important;
    font-size:11px!important;
    line-height:1.4!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-section-head>a{
    padding:8px 11px!important;
    border-radius:9px!important;
    font-size:9px!important;
  }

  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-grid{
    gap:10px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card{
    border-radius:14px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero{
    min-height:210px!important;
    padding:16px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero span{
    padding:4px 7px!important;
    font-size:7px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero h3{
    margin-bottom:7px!important;
    font-size:23px!important;
    line-height:1.05!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero p{
    margin-bottom:10px!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero>b{
    font-size:9px!important;
  }

  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-mini-grid{
    gap:5px!important;
    padding:10px 8px 11px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-mini-image{
    width:58px!important;
    height:58px!important;
    margin-bottom:6px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-mini-image img{
    padding:5px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-mini-grid strong{
    font-size:9px!important;
    line-height:1.2!important;
  }
}

/* Tablet / small desktop */
@media(min-width:761px) and (max-width:1280px){
  body:has(.tf-home-v3) .tf-business-growth-services{
    padding:18px 0!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-grid{
    gap:10px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card{
    border-radius:13px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero{
    min-height:190px!important;
    padding:15px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero h3{
    font-size:21px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero p{
    font-size:10px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-mini-image{
    width:56px!important;
    height:56px!important;
  }
}

/* Mobile: retain horizontal swipe but reduce card footprint */
@media(max-width:760px){
  body:has(.tf-home-v3) .tf-business-growth-services{
    padding:14px 0!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services>.shell{
    width:calc(100% - 16px)!important;
  }

  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-section-head{
    margin-bottom:9px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-section-head span{
    margin-bottom:3px!important;
    font-size:7px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-section-head h2{
    font-size:21px!important;
    line-height:1.04!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-section-head p{
    margin-top:4px!important;
    font-size:9px!important;
    line-height:1.35!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-section-head>a{
    margin-top:8px!important;
    padding:7px 9px!important;
    font-size:8.5px!important;
    border-radius:8px!important;
  }

  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-grid{
    gap:8px!important;
    padding-bottom:6px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card{
    flex:0 0 min(78vw,300px)!important;
    border-radius:13px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero{
    min-height:172px!important;
    padding:13px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero span{
    padding:4px 6px!important;
    font-size:6.5px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero h3{
    margin-bottom:6px!important;
    font-size:20px!important;
    line-height:1.05!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero p{
    margin-bottom:8px!important;
    font-size:9px!important;
    line-height:1.35!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero>b{
    font-size:8px!important;
  }

  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-mini-grid{
    gap:4px!important;
    padding:8px 6px 9px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-mini-image{
    width:50px!important;
    height:50px!important;
    margin-bottom:5px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-mini-image img{
    padding:4px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-mini-grid strong{
    font-size:8px!important;
    line-height:1.15!important;
  }
}

@media(max-width:390px){
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card{
    flex-basis:276px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero{
    min-height:160px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-card-hero h3{
    font-size:18px!important;
  }
  body:has(.tf-home-v3) .tf-business-growth-services .tf-service-mini-image{
    width:46px!important;
    height:46px!important;
  }
}