/* TradesFolks 18.4.147
   Premium background treatment for ONLY:
   1) Commerce capability / confident sourcing section
   2) Industry collections section
   No card markup/layout changes.
*/

/* Confident sourcing: deep premium commerce canvas */
.tf-homepage .tf-commerce-capabilities,
.tf-homepage .tf-commerce-capability-section,
.tf-homepage section:has(.tf-commerce-capability-grid){
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(21,73,132,.10)!important;
  background:
    radial-gradient(circle at 8% 5%,rgba(34,116,220,.13),transparent 24%),
    radial-gradient(circle at 94% 18%,rgba(20,155,125,.08),transparent 23%),
    linear-gradient(135deg,#f4f8ff 0%,#fbfdff 45%,#f3f8fb 100%)!important;
  box-shadow:0 18px 46px rgba(16,43,87,.065)!important;
}

.tf-homepage .tf-commerce-capabilities:before,
.tf-homepage .tf-commerce-capability-section:before,
.tf-homepage section:has(.tf-commerce-capability-grid):before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  width:380px!important;
  height:380px!important;
  top:-260px!important;
  right:10%!important;
  border:1px solid rgba(17,103,216,.08)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 70px rgba(17,103,216,.025),0 0 0 140px rgba(17,103,216,.018)!important;
  pointer-events:none!important;
}

/* Industry collections: premium navy/ice canvas while keeping white cards */
.tf-homepage .tf-industry-enterprise{
  position:relative!important;
  isolation:isolate!important;
  border:1px solid rgba(18,71,132,.14)!important;
  background:
    radial-gradient(circle at 5% 0%,rgba(17,103,216,.14),transparent 25%),
    radial-gradient(circle at 93% 10%,rgba(20,155,125,.085),transparent 22%),
    linear-gradient(135deg,#eef5ff 0%,#f9fbff 42%,#edf4f8 100%)!important;
  box-shadow:0 20px 48px rgba(16,43,87,.075)!important;
}

.tf-homepage .tf-industry-enterprise:before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  width:440px!important;
  height:440px!important;
  left:-250px!important;
  bottom:-330px!important;
  border-radius:50%!important;
  border:1px solid rgba(11,103,216,.10)!important;
  box-shadow:0 0 0 75px rgba(11,103,216,.025),0 0 0 150px rgba(11,103,216,.018)!important;
  pointer-events:none!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-card{
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 10px 26px rgba(16,43,87,.055)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

/* Keep mobile subtle, clean and app-like */
@media(max-width:820px){
  .tf-homepage .tf-commerce-capabilities,
  .tf-homepage .tf-commerce-capability-section,
  .tf-homepage section:has(.tf-commerce-capability-grid){
    background:
      radial-gradient(circle at 10% 0%,rgba(34,116,220,.11),transparent 28%),
      linear-gradient(180deg,#f4f8ff 0%,#f9fbfd 100%)!important;
  }

  .tf-homepage .tf-industry-enterprise{
    background:
      radial-gradient(circle at 8% 0%,rgba(17,103,216,.11),transparent 28%),
      linear-gradient(180deg,#f2f7ff 0%,#f8fbfd 100%)!important;
  }
}