/* TradesFolks 18.4.146
   Industry Collections — isolated icon-based redesign.
   Every selector is scoped under `.tf-homepage .tf-industry-enterprise`
   so no other homepage section is modified.
*/

.tf-homepage .tf-industry-enterprise{
  width:calc(100% - 56px)!important;
  max-width:none!important;
  margin:18px auto!important;
  padding:22px 0 24px!important;
  overflow:hidden!important;
  border:1px solid #e4ebf3!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fbfdff 0%,#f6f9fd 100%)!important;
  box-shadow:0 14px 34px rgba(16,43,87,.04)!important;
}

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

.tf-homepage .tf-industry-enterprise .tf-lower-section-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 14px!important;
}

.tf-homepage .tf-industry-enterprise .tf-lower-section-head>div>span{
  display:block!important;
  margin:0 0 5px!important;
  color:#0b67d8!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

.tf-homepage .tf-industry-enterprise .tf-lower-section-head h2{
  max-width:760px!important;
  margin:0!important;
  color:#0b2448!important;
  font-size:clamp(28px,2.25vw,38px)!important;
  line-height:1.03!important;
  letter-spacing:-.04em!important;
  font-weight:820!important;
}

.tf-homepage .tf-industry-enterprise .tf-lower-section-head p{
  max-width:650px!important;
  margin:5px 0 0!important;
  color:#657991!important;
  font-size:10px!important;
  line-height:1.4!important;
}

.tf-homepage .tf-industry-enterprise .tf-lower-section-head>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid #d7e3ef!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0b67d8!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:850!important;
  text-decoration:none!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:11px!important;
  width:100%!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-card{
  --industry-accent:#0b67d8;
  --industry-soft:#eaf3ff;
  --industry-line:#cfe1f6;
  display:grid!important;
  grid-template-columns:98px minmax(0,1fr)!important;
  min-width:0!important;
  min-height:156px!important;
  overflow:hidden!important;
  border:1px solid #dce5ef!important;
  border-radius:17px!important;
  background:#fff!important;
  color:#102b57!important;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(16,43,87,.04)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-card.is-agri{--industry-accent:#15805b;--industry-soft:#e8f6ef;--industry-line:#cae8dc}
.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-card.is-fashion{--industry-accent:#6a58bd;--industry-soft:#f0edff;--industry-line:#dad3f8}
.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-card.is-mobility{--industry-accent:#2b6cb0;--industry-soft:#eaf2fb;--industry-line:#ccdef1}
.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-card.is-wellness{--industry-accent:#947018;--industry-soft:#fff7dd;--industry-line:#edda92}
.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-card.is-services{--industry-accent:#117d9b;--industry-soft:#e8f6fa;--industry-line:#cae8ee}
.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-card.is-science{--industry-accent:#5368a7;--industry-soft:#edf1fb;--industry-line:#d4dcf2}
.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-card.is-build{--industry-accent:#92613b;--industry-soft:#f8efe8;--industry-line:#ead8c9}
.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-card.is-technology{--industry-accent:#226fca;--industry-soft:#eaf3fd;--industry-line:#cce1f8}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-card:hover{
  transform:translateY(-2px)!important;
  border-color:var(--industry-line)!important;
  box-shadow:0 14px 28px rgba(16,43,87,.08)!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-iconwrap{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  padding:16px 8px!important;
  overflow:hidden!important;
  border-right:1px solid #e7edf4!important;
  background:radial-gradient(circle at 50% 42%,#fff 0%,#fff 34%,var(--industry-soft) 100%)!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-index{
  position:absolute!important;
  top:9px!important;
  left:9px!important;
  display:grid!important;
  width:27px!important;
  height:27px!important;
  place-items:center!important;
  border:1px solid var(--industry-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--industry-accent)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-kicker{
  position:absolute!important;
  right:7px!important;
  bottom:8px!important;
  left:7px!important;
  color:var(--industry-accent)!important;
  font-size:5.5px!important;
  line-height:1!important;
  font-weight:850!important;
  text-align:center!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-icon{
  display:grid!important;
  width:54px!important;
  height:54px!important;
  place-items:center!important;
  border:1px solid var(--industry-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  color:var(--industry-accent)!important;
  box-shadow:0 8px 18px rgba(16,43,87,.07)!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-icon svg{
  width:30px!important;
  height:30px!important;
  stroke:currentColor!important;
  stroke-width:2.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-content{
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  padding:15px 14px 12px!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-content h3{
  display:-webkit-box!important;
  max-width:100%!important;
  margin:12px 0 0!important;
  color:#0e284c!important;
  font-size:14px!important;
  line-height:1.12!important;
  letter-spacing:-.018em!important;
  font-weight:800!important;
  overflow:hidden!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-content p{
  margin:5px 0 0!important;
  color:#71839a!important;
  font-size:7.5px!important;
  line-height:1.35!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-content>b{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-top:auto!important;
  padding-top:9px!important;
  border-top:1px solid #e8edf3!important;
  color:var(--industry-accent)!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:850!important;
}

.tf-homepage .tf-industry-enterprise .tf-industry-enterprise-content>b i{
  display:grid!important;
  width:21px!important;
  height:21px!important;
  flex:0 0 21px!important;
  place-items:center!important;
  border-radius:50%!important;
  background:var(--industry-soft)!important;
  color:var(--industry-accent)!important;
  font-style:normal!important;
}

@media(min-width:821px) and (max-width:1179px){
  .tf-homepage .tf-industry-enterprise{
    width:calc(100% - 32px)!important;
  }

  .tf-homepage .tf-industry-enterprise>.shell{
    padding:0 16px!important;
  }

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

@media(max-width:820px){
  .tf-homepage .tf-industry-enterprise{
    width:calc(100% - 16px)!important;
    margin:12px auto!important;
    padding:15px 0 16px!important;
    border-radius:18px!important;
  }

  .tf-homepage .tf-industry-enterprise>.shell{
    padding:0 10px!important;
  }

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

  .tf-homepage .tf-industry-enterprise .tf-lower-section-head>div>span{
    font-size:6.5px!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-lower-section-head h2{
    max-width:270px!important;
    font-size:20px!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-lower-section-head p{
    max-width:280px!important;
    font-size:8px!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-lower-section-head>a{
    min-height:32px!important;
    padding:0 9px!important;
    font-size:7px!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-industry-enterprise-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 1px 4px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-industry-enterprise-grid::-webkit-scrollbar{
    display:none!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-industry-enterprise-card{
    grid-template-columns:76px minmax(0,1fr)!important;
    flex:0 0 min(78vw,300px)!important;
    width:min(78vw,300px)!important;
    min-width:min(78vw,300px)!important;
    min-height:136px!important;
    border-radius:14px!important;
    scroll-snap-align:start!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-industry-enterprise-icon{
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-industry-enterprise-icon svg{
    width:24px!important;
    height:24px!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-industry-enterprise-index{
    top:7px!important;
    left:7px!important;
    width:23px!important;
    height:23px!important;
    font-size:6px!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-industry-enterprise-kicker{
    bottom:6px!important;
    font-size:4.8px!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-industry-enterprise-content{
    padding:11px 10px 9px!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-industry-enterprise-content h3{
    margin-top:8px!important;
    font-size:12px!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-industry-enterprise-content p{
    margin-top:3px!important;
    font-size:6.5px!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-industry-enterprise-content>b{
    padding-top:7px!important;
    font-size:6.5px!important;
  }
}

@media(max-width:430px){
  .tf-homepage .tf-industry-enterprise{
    width:calc(100% - 12px)!important;
  }

  .tf-homepage .tf-industry-enterprise .tf-lower-section-head{
    grid-template-columns:1fr!important;
  }

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

  .tf-homepage .tf-industry-enterprise .tf-industry-enterprise-card{
    flex-basis:82vw!important;
    width:82vw!important;
    min-width:82vw!important;
  }
}