/* Littlekids V31 — red stock progress + trust benefits in ONE HORIZONTAL ROW.
   Tenant-scoped to .lk-pdp-v28; other storefronts and commerce untouched. */
.lk-pdp-v28 .lk28-order-status.lk31-stock-ready .lk28-stock-label {
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  column-gap:9px!important;row-gap:0!important;margin-bottom:12px!important;
}
.lk-pdp-v28 .lk28-order-status.lk31-stock-ready .lk28-stock-label::after {
  content:""!important;display:block!important;flex:0 0 100%!important;
  width:100%!important;height:11px!important;min-height:11px!important;
  margin:8px 0 0!important;border-radius:99px!important;
  background:linear-gradient(to right,
    #f25e62 0%, #aa0717 var(--lk31-progress,0%),
    #f1f1f1 var(--lk31-progress,0%), #f1f1f1 100%)!important;
}
.lk-pdp-v28 .lk28-order-status.lk31-stock-ready .lk28-stock-track {display:none!important;}
/* Hide the old V30 fake viewer row if it is left by soft navigation; do not display
   simulated visitors as real customers. */
.lk-pdp-v28 .lk30-viewer-line[data-lk30-viewer="simulated"] {display:none!important;}

/* Three equal columns at *all* widths, including 320–390px mobiles. */
.lk-pdp-v28 .lk-pdp-benefits {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;justify-items:stretch!important;
  gap:0!important;padding:14px 9px!important;margin:11px 0 19px!important;
  width:100%!important;min-width:0!important;min-height:0!important;
  background:linear-gradient(112deg,#242635,#182f6c)!important;
  border-radius:11px!important;color:#fff!important;
}
.lk-pdp-v28 .lk-pdp-benefits > div {
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:flex-start!important;text-align:center!important;
  min-width:0!important;max-width:100%!important;width:100%!important;
  min-height:0!important;gap:7px!important;padding:2px 7px!important;margin:0!important;
}
.lk-pdp-v28 .lk-pdp-benefits > div+div {border-left:1px solid rgba(255,255,255,.19)!important;}
.lk-pdp-v28 .lk-pdp-benefits > div > svg {
  display:block!important;width:35px!important;height:35px!important;
  flex:0 0 35px!important;min-width:35px!important;min-height:35px!important;
  padding:8px!important;border-radius:50%!important;
  background:rgba(255,255,255,.15)!important;color:#ffb943!important;
}
.lk-pdp-v28 .lk-pdp-benefits > div > span {
  display:flex!important;flex-direction:column!important;align-items:center!important;
  gap:3px!important;width:100%!important;min-width:0!important;
}
.lk-pdp-v28 .lk-pdp-benefits strong {
  display:block!important;margin:0!important;color:#fff!important;
  font:800 11px/1.35 Outfit,Arial,sans-serif!important;
  overflow-wrap:anywhere!important;white-space:normal!important;
}
.lk-pdp-v28 .lk-pdp-benefits small {
  display:block!important;margin:0!important;color:#e9edfb!important;
  font:500 10px/1.35 Outfit,Arial,sans-serif!important;
  overflow-wrap:anywhere!important;white-space:normal!important;
}
@media(min-width:960px) {
  .lk-pdp-v28 .lk-pdp-benefits > div {
    flex-direction:row!important;align-items:center!important;
    justify-content:center!important;text-align:left!important;gap:9px!important;
  }
  .lk-pdp-v28 .lk-pdp-benefits > div > span {align-items:flex-start!important;}
}
@media(max-width:390px) {
  .lk-pdp-v28 .lk-pdp-benefits {padding:12px 6px!important;}
  .lk-pdp-v28 .lk-pdp-benefits > div {padding:2px 4px!important;}
  .lk-pdp-v28 .lk-pdp-benefits strong {font-size:10px!important;}
  .lk-pdp-v28 .lk-pdp-benefits small {font-size:9px!important;}
  .lk-pdp-v28 .lk-pdp-benefits > div > svg {width:32px!important;height:32px!important;flex-basis:32px!important;min-width:32px!important;min-height:32px!important;padding:7px!important;}
}