
/* V167 - Keep sale price + old price on the SAME LINE.
   Discount stays in its own right-side cell and never overlaps. */

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

body:not(.admin-layout) .v117-product-card .v117-price{
  grid-area:price!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:baseline!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

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

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

body:not(.admin-layout) .v117-product-card .v166-price-old del{
  display:inline-block!important;
  position:static!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Discount remains completely separate from price text */
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;
  flex:none!important;
  min-width:40px!important;
  height:30px!important;
  padding:0 6px!important;
  margin:0!important;
  white-space:nowrap!important;
}

/* Product list cards are narrow: slightly reduce only the old price text */
body:not(.admin-layout) .product-list-page .v117-product-card .v166-price-old del{
  font-size:9.5px!important;
}

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

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

/* Wider screens can breathe a little more */
@media(min-width:1500px){
  body:not(.admin-layout) .product-list-page .v117-product-card .v117-price{
    gap:7px!important;
  }

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

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

/* Mobile: preserve same line, but compact typography */
@media(max-width:767px){
  body:not(.admin-layout) .v117-product-card .v117-price-row{
    column-gap:4px!important;
  }

  body:not(.admin-layout) .v117-product-card .v117-price{
    gap:4px!important;
  }

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

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

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

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