
/* V170
   Price line:
   [sale price] [old price]                    [discount]
   Discount is always on the far-right of the SAME row. */

body:not(.admin-layout) .v117-product-card .v117-price-row{
  display:grid!important;
  grid-template-columns:auto auto minmax(0,1fr) auto!important;
  grid-template-areas:"current old spacer discount"!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  gap:0!important;
  column-gap:6px!important;
  overflow:visible!important;
}

body:not(.admin-layout) .v117-product-card .v168-price-current{
  grid-area:current!important;
  display:inline-flex!important;
  align-items:baseline!important;
  width:auto!important;
  min-width:0!important;
  flex:none!important;
  white-space:nowrap!important;
}

body:not(.admin-layout) .v117-product-card .v168-price-old{
  grid-area:old!important;
  display:inline-flex!important;
  align-items:baseline!important;
  width:auto!important;
  min-width:0!important;
  flex:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

body:not(.admin-layout) .v117-product-card .v168-price-old del{
  display:inline-block!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Badge pinned to the outermost right edge */
body:not(.admin-layout) .v117-product-card .v117-discount{
  grid-area:discount!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  justify-self:end!important;
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:none!important;
  min-width:40px!important;
  height:28px!important;
  padding:0 6px!important;
  margin:0!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}

/* Product list cards: compact typography while preserving full old price */
@media(min-width:1200px) and (max-width:1499px){
  body:not(.admin-layout) .product-list-page .v117-product-card .v117-price-row{
    column-gap:4px!important;
  }

  body:not(.admin-layout) .product-list-page .v117-product-card .v168-price-current strong{
    font-size:15px!important;
  }

  body:not(.admin-layout) .product-list-page .v117-product-card .v168-price-current small{
    font-size:8.5px!important;
  }

  body:not(.admin-layout) .product-list-page .v117-product-card .v168-price-old del{
    font-size:8.3px!important;
  }

  body:not(.admin-layout) .product-list-page .v117-product-card .v117-discount{
    min-width:35px!important;
    height:26px!important;
    padding:0 4px!important;
    font-size:9px!important;
  }
}

/* Mobile: same row and far-right badge; compact sizes only */
@media(max-width:767px){
  body:not(.admin-layout) .v117-product-card .v117-price-row{
    grid-template-columns:auto auto minmax(0,1fr) auto!important;
    column-gap:2px!important;
  }

  body:not(.admin-layout) .v117-product-card .v168-price-current strong{
    font-size:12px!important;
  }

  body:not(.admin-layout) .v117-product-card .v168-price-current small{
    font-size:6.8px!important;
  }

  body:not(.admin-layout) .v117-product-card .v168-price-old del{
    font-size:7px!important;
  }

  body:not(.admin-layout) .v117-product-card .v117-discount{
    min-width:29px!important;
    height:23px!important;
    padding:0 3px!important;
    font-size:8px!important;
  }
}
