/* TradesFolks 18.4.108 — Country Destination Card
   Reference-led redesign: image-led destination card with curved separator,
   prominent country information, supplier CTA and four marketplace trust signals. */

.tf-homepage .country-network-premium{
  padding:14px 0 17px!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(7,91,199,.06),transparent 28%),
    linear-gradient(180deg,#f7f9fc 0%,#f3f6fa 100%)!important;
}

/* slightly roomier grid so the new information architecture stays readable */
.tf-homepage .country-network-premium .country-market-rail{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
}

/* premium destination shell */
.tf-homepage .country-network-premium .country-market-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  height:292px!important;
  min-height:292px!important;
  max-height:292px!important;
  overflow:hidden!important;
  border:1px solid #d6e2ee!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 9px 24px rgba(7,31,63,.065)!important;
  text-decoration:none!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.tf-homepage .country-network-premium .country-market-card:hover{
  transform:translateY(-4px)!important;
  border-color:#a8c5e1!important;
  box-shadow:0 18px 34px rgba(7,31,63,.12)!important;
}

/* image occupies the upper destination area */
.tf-homepage .country-network-premium .country-market-visual{
  position:relative!important;
  flex:0 0 146px!important;
  width:100%!important;
  height:146px!important;
  min-height:146px!important;
  max-height:146px!important;
  overflow:hidden!important;
  border-radius:17px 17px 0 0!important;
  background:#eef3f8!important;
}
.tf-homepage .country-network-premium .country-market-artwork{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#eef3f8!important;
}

/* curved white/yellow transition inspired by supplied reference */
.tf-homepage .country-network-premium .country-market-visual:before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:-4%!important;
  right:-4%!important;
  bottom:-30px!important;
  height:50px!important;
  border-radius:50% 50% 0 0 / 100% 100% 0 0!important;
  background:#f9bd2b!important;
  transform:rotate(-1deg)!important;
  pointer-events:none!important;
}
.tf-homepage .country-network-premium .country-market-visual:after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  left:-4%!important;
  right:-4%!important;
  bottom:-33px!important;
  height:48px!important;
  border-radius:50% 50% 0 0 / 100% 100% 0 0!important;
  background:#fff!important;
  transform:rotate(1deg)!important;
  pointer-events:none!important;
}

/* premium flag */
.tf-homepage .country-network-premium .country-market-visual .country-flag{
  position:absolute!important;
  z-index:7!important;
  top:10px!important;
  left:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  height:31px!important;
  min-width:46px!important;
  max-width:46px!important;
  min-height:31px!important;
  max-height:31px!important;
  padding:2px!important;
  overflow:hidden!important;
  border:2px solid #fff!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(4,18,47,.18)!important;
}
.tf-homepage .country-network-premium .country-market-visual .country-flag img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:5px!important;
}

/* TF mark */
.tf-homepage .country-network-premium .country-market-mark{
  position:absolute!important;
  z-index:7!important;
  top:10px!important;
  right:10px!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  border:2px solid #fff!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#ffd65a,#f9bd2b)!important;
  color:#0b2343!important;
  box-shadow:0 6px 16px rgba(4,18,47,.16)!important;
  font-size:7px!important;
  font-weight:950!important;
}
.tf-homepage .country-network-premium .country-market-tags{
  display:none!important;
}

/* New body is compact two-column information architecture */
.tf-homepage .country-network-premium .country-market-body.country-market-body-premium{
  position:relative!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
  gap:10px!important;
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:13px 12px 11px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-sizing:border-box!important;
}

.tf-homepage .country-market-info{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding-right:9px!important;
  border-right:1px solid #e8eef5!important;
}
.tf-homepage .country-market-source{
  display:block!important;
  margin:0 0 3px!important;
  color:#71829a!important;
  font-size:5.4px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}
.tf-homepage .country-market-name{
  display:block!important;
  margin:0!important;
  overflow:hidden!important;
  color:#0b2343!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.03!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.tf-homepage .country-market-copy{
  display:-webkit-box!important;
  margin:5px 0 7px!important;
  overflow:hidden!important;
  color:#67798f!important;
  font-size:6px!important;
  font-weight:600!important;
  line-height:1.3!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

/* supplier count pill */
.tf-homepage .country-market-count{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  min-height:27px!important;
  margin-top:auto!important;
  padding:4px 6px!important;
  overflow:hidden!important;
  border:1px solid #dce7f2!important;
  border-radius:999px!important;
  background:#fbfdff!important;
  color:#0b2343!important;
  box-sizing:border-box!important;
}
.tf-homepage .country-market-count>svg{
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  padding:3px!important;
  border-radius:50%!important;
  background:#fff0c4!important;
  color:#0b2343!important;
  box-sizing:content-box!important;
}
.tf-homepage .country-market-count>b{
  flex:0 0 auto!important;
  color:#0b2343!important;
  font-size:7.4px!important;
  font-weight:950!important;
  line-height:1!important;
}
.tf-homepage .country-market-count>span{
  min-width:0!important;
  overflow:hidden!important;
  color:#64758b!important;
  font-size:5.3px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.tf-homepage .country-market-count>i{
  flex:0 0 auto!important;
  margin-left:auto!important;
  color:#075bc7!important;
  font-size:9px!important;
  font-style:normal!important;
  font-weight:900!important;
}

/* four reference-style trust signals */
.tf-homepage .country-market-benefits{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-content:center!important;
  gap:8px 7px!important;
  min-width:0!important;
}
.tf-homepage .country-market-benefits>span{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:5px!important;
  min-width:0!important;
}
.tf-homepage .country-benefit-icon{
  grid-row:1 / span 2!important;
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
}
.tf-homepage .country-benefit-icon svg{
  width:13px!important;
  height:13px!important;
}
.tf-homepage .country-benefit-icon.is-blue{background:#eaf3ff!important;color:#075bc7!important}
.tf-homepage .country-benefit-icon.is-yellow{background:#fff3d3!important;color:#d98e00!important}
.tf-homepage .country-benefit-icon.is-green{background:#e9f7ef!important;color:#138a55!important}
.tf-homepage .country-benefit-icon.is-purple{background:#f0edff!important;color:#6650c7!important}
.tf-homepage .country-market-benefits b{
  min-width:0!important;
  overflow:hidden!important;
  color:#0b2343!important;
  font-size:5.5px!important;
  font-weight:900!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.tf-homepage .country-market-benefits small{
  min-width:0!important;
  overflow:hidden!important;
  color:#7b8ba0!important;
  font-size:4.6px!important;
  font-weight:600!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* Disable old separate footer generated by CSS/legacy structure */
.tf-homepage .country-network-premium .country-market-footer{
  display:none!important;
}

/* Wide desktop */
@media(min-width:1600px){
  .tf-homepage .country-network-premium .country-market-card{
    height:304px!important;
    min-height:304px!important;
    max-height:304px!important;
  }
  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:154px!important;
    height:154px!important;
    min-height:154px!important;
    max-height:154px!important;
  }
}

/* Laptop */
@media(min-width:1100px) and (max-width:1399px){
  .tf-homepage .country-network-premium .country-market-rail{
    gap:8px!important;
  }
  .tf-homepage .country-network-premium .country-market-card{
    height:280px!important;
    min-height:280px!important;
    max-height:280px!important;
  }
  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:136px!important;
    height:136px!important;
    min-height:136px!important;
    max-height:136px!important;
  }
  .tf-homepage .country-network-premium .country-market-body.country-market-body-premium{
    gap:7px!important;
    padding:11px 9px 9px!important;
  }
  .tf-homepage .country-market-info{padding-right:6px!important}
  .tf-homepage .country-market-name{font-size:13px!important}
  .tf-homepage .country-market-benefits{gap:6px 4px!important}
  .tf-homepage .country-market-benefits>span{grid-template-columns:20px minmax(0,1fr)!important;column-gap:4px!important}
  .tf-homepage .country-benefit-icon{width:20px!important;height:20px!important}
  .tf-homepage .country-benefit-icon svg{width:11px!important;height:11px!important}
}

/* Tablet: 2 columns to keep reference UI readable */
@media(min-width:700px) and (max-width:1099px){
  .tf-homepage .country-network-premium .country-market-rail{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .tf-homepage .country-network-premium .country-market-card{
    height:286px!important;
    min-height:286px!important;
    max-height:286px!important;
  }
}

/* Mobile: one premium card per swipe viewport, like a destination carousel */
@media(max-width:699px){
  .tf-homepage .country-network-premium .country-market-rail{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .tf-homepage .country-network-premium .country-market-rail::-webkit-scrollbar{display:none!important}
  .tf-homepage .country-network-premium .country-market-card{
    flex:0 0 88vw!important;
    width:88vw!important;
    min-width:88vw!important;
    max-width:88vw!important;
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    scroll-snap-align:start!important;
    border-radius:16px!important;
  }
  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:150px!important;
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
  }
  .tf-homepage .country-network-premium .country-market-body.country-market-body-premium{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
    gap:8px!important;
    padding:12px 10px 10px!important;
  }
  .tf-homepage .country-market-name{font-size:15px!important}
  .tf-homepage .country-market-copy{font-size:5.8px!important}
  .tf-homepage .country-market-benefits{gap:7px 5px!important}
  .tf-homepage .country-market-benefits>span{grid-template-columns:21px minmax(0,1fr)!important}
  .tf-homepage .country-benefit-icon{width:21px!important;height:21px!important}
  .tf-homepage .country-benefit-icon svg{width:11px!important;height:11px!important}
}

@media(max-width:380px){
  .tf-homepage .country-network-premium .country-market-card{
    flex-basis:91vw!important;
    width:91vw!important;
    min-width:91vw!important;
    max-width:91vw!important;
  }
}