/* Shared WooCommerce cards: Figma image frames must stay filled after Elementor's
   generated global img rules. Desktop bestseller source: 220×292, image 149 high. */
body.tightent-site.tt-native-enabled .tt-product-card .tt-product-card-image > img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
}
/* The original bestseller badge is 147px wide inside a 220px card. Explicit tracks
   keep the starting-price label outside the blue badge, with no flex shrinking. */
body.tightent-site.tt-native-enabled .tt-card-bestseller .tt-card-pricebar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 147px;
  align-items:stretch;
  justify-content:normal;
  gap:0;
  min-width:0;
  font-weight:700;
}
body.tightent-site.tt-native-enabled .tt-card-bestseller .tt-card-pricebar > span{
  display:block;
  width:auto;
  min-width:0;
  max-width:100%;
  padding-left:17px;
  padding-right:0;
  white-space:nowrap;
}
body.tightent-site.tt-native-enabled .tt-product-card.tt-card-bestseller .tt-card-pricebar > strong{
  display:block;
  width:auto;
  min-width:0;
  max-width:100%;
  padding-left:12px;
  padding-right:12px;
  margin:0;
  text-align:center;
  font-family:inherit;
  font-weight:700;
  white-space:nowrap;
  background:transparent url('card-price-badge.svg') center/100% 100% no-repeat;
  /* Elementor's lazy container rule otherwise hides descendant backgrounds. */
  background-image:url('card-price-badge.svg')!important;
  border-radius:0;
}
@media(min-width:1024px){
  body.tightent-site.tt-native-enabled .tt-m-bestseller-list .tt-grid-bestseller{row-gap:25px}
  body.tightent-site.tt-native-enabled .tt-card-bestseller .tt-product-card-body > small{height:28px;line-height:50px}
  body.tightent-site.tt-native-enabled .tt-card-bestseller .tt-product-card-body > small,
  body.tightent-site.tt-native-enabled .tt-card-bestseller .tt-product-card-body > h3{padding-left:1px}
  /* The source price starts 42px into the sloped badge at the 1440px frame. */
  body.tightent-site.tt-native-enabled .tt-product-card.tt-card-bestseller .tt-card-pricebar > strong{padding-left:30px}
}
@media(max-width:1250px) and (min-width:1024px){
  body.tightent-site.tt-native-enabled .tt-card-bestseller .tt-card-pricebar{grid-template-columns:39% 61%}
  body.tightent-site.tt-native-enabled .tt-card-bestseller .tt-card-pricebar > span{padding-left:10px}
}
@media(max-width:1023px){
  body.tightent-site.tt-native-enabled .tt-card-bestseller .tt-card-pricebar{grid-template-columns:40% 60%}
  body.tightent-site.tt-native-enabled .tt-card-bestseller .tt-card-pricebar > span{padding-left:10px}
}
@media(max-width:600px){
  body.tightent-site.tt-native-enabled .tt-card-bestseller .tt-card-pricebar > span{padding-left:6px}
  body.tightent-site.tt-native-enabled .tt-product-card.tt-card-bestseller .tt-card-pricebar > strong{padding-left:5px;padding-right:5px}
}