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