/* 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;
  }
}