/* R78.20 — Product cards only. Shared geometry for every authorized POS role. */
html[data-pn360-build="pos"] body #view .pos-catalog{
  container-name:pos-cards;container-type:inline-size;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-grid{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))!important;
  grid-auto-rows:1fr!important;align-items:stretch!important;align-content:start!important;
  gap:14px!important;padding:14px!important;width:100%!important;min-width:0!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;flex:0 0 auto!important;box-sizing:border-box!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card{
  display:flex!important;flex-direction:column!important;align-self:stretch!important;
  position:relative!important;width:100%!important;min-width:0!important;
  min-height:0!important;height:auto!important;max-height:none!important;margin:0!important;
  padding:0!important;border:1px solid #d7e4ed!important;border-radius:16px!important;
  background:#fff!important;overflow:hidden!important;box-sizing:border-box!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card[hidden],
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card.pos-core-filter-hidden{
  display:none!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-product-main{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;
  max-height:none!important;gap:0!important;margin:0!important;padding:0!important;
  overflow:visible!important;text-align:left!important;box-sizing:border-box!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-product-image{
  order:0!important;display:block!important;position:relative!important;
  width:100%!important;min-width:0!important;height:112px!important;
  min-height:112px!important;max-height:112px!important;flex:0 0 auto!important;
  margin:0!important;padding:8px!important;border-radius:0!important;
  background:linear-gradient(145deg,#ecfdf8,#f1f6ff)!important;box-sizing:border-box!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-product-image-main{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-product-image-fallback{
  font-size:32px!important;line-height:1!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-v6-card-info{
  order:1!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  align-items:stretch!important;gap:7px!important;width:100%!important;min-width:0!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  padding:12px!important;margin:0!important;overflow:visible!important;box-sizing:border-box!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-v6-product-name{
  display:block!important;width:100%!important;min-width:0!important;min-height:61px!important;
  height:auto!important;max-height:none!important;margin:0!important;padding:0!important;
  font-size:15px!important;line-height:1.35!important;font-weight:800!important;color:#17324d!important;
  letter-spacing:0!important;text-align:left!important;white-space:normal!important;
  overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;
  word-break:normal!important;hyphens:auto!important;-webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-v6-product-meta{
  display:block!important;width:100%!important;min-width:0!important;min-height:20px!important;
  height:auto!important;max-height:none!important;margin:0!important;padding:0!important;
  font-size:13px!important;line-height:1.45!important;font-weight:650!important;color:#435a70!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  overflow-wrap:anywhere!important;-webkit-line-clamp:unset!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-card-identity-r7820{
  display:grid!important;gap:3px!important;min-width:0!important;margin:0!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-card-identity-r7820[hidden]{display:none!important}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-card-identity-r7820>small{
  display:block!important;width:100%!important;min-width:0!important;font-size:12px!important;
  line-height:1.45!important;font-weight:500!important;color:#52677b!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  overflow-wrap:anywhere!important;word-break:normal!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-commercial-status{
  order:2!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;width:100%!important;min-width:0!important;margin:0!important;
  padding:0 12px 10px!important;flex:0 0 auto!important;box-sizing:border-box!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-stock-status{
  display:grid!important;grid-template-columns:10px minmax(0,1fr)!important;
  align-items:start!important;gap:2px 7px!important;min-width:0!important;
  padding:7px 9px!important;font-size:12px!important;line-height:1.35!important;
  white-space:normal!important;overflow:visible!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-stock-status i{
  grid-column:1!important;grid-row:1!important;font-size:10px!important;line-height:17px!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-stock-status span{
  grid-column:2!important;grid-row:1!important;min-width:0!important;font-size:12px!important;
  line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-stock-status b{
  grid-column:2!important;grid-row:2!important;min-width:0!important;max-width:100%!important;
  font-size:13px!important;line-height:1.35!important;text-align:left!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  overflow-wrap:anywhere!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-v6-card-footer{
  order:3!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;gap:10px!important;width:100%!important;min-width:0!important;
  min-height:0!important;height:auto!important;margin:0!important;padding:12px!important;
  border-top:1px solid #e7edf3!important;flex:0 0 auto!important;box-sizing:border-box!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-v6-product-price{
  display:block!important;min-width:0!important;width:100%!important;min-height:29px!important;
  height:auto!important;margin:0!important;padding:0!important;font-size:24px!important;
  line-height:1.2!important;font-weight:850!important;color:#008b88!important;
  white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;
  font-variant-numeric:tabular-nums!important;text-align:left!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-v6-add-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;width:100%!important;min-width:0!important;max-width:none!important;
  min-height:44px!important;height:auto!important;padding:10px 12px!important;
  border-radius:11px!important;font-size:14px!important;line-height:1.35!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  box-sizing:border-box!important;touch-action:manipulation!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-v6-add-button>span{
  display:inline!important;font-size:14px!important;line-height:1.35!important;
  white-space:normal!important;overflow-wrap:anywhere!important;color:inherit!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-v6-add-button:disabled{
  background:#eef2f6!important;color:#52677b!important;box-shadow:none!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card.reservation-unavailable .pos-stock-status.available{
  background:#fff1f1!important;color:#a32929!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-fav{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  top:7px!important;right:7px!important;font-size:24px!important;z-index:4!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-phase-b-badges{
  top:7px!important;left:7px!important;right:58px!important;gap:5px!important;max-width:none!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-phase-b-badge{
  font-size:11px!important;line-height:1.3!important;min-height:24px!important;
  max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
/* Availability has one readable panel; the older repeated lines stay in the DOM. */
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-v6-stock,
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-core-stock-label,
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card .pos-phase-b-quickline{
  display:none!important;
}
html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card :focus-visible{
  outline:3px solid #0b9b91!important;outline-offset:-3px!important;
}
@media(max-width:600px){
  html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-grid{gap:10px!important;padding:10px!important}
}
@container pos-cards (max-width:480px){
  html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-grid{gap:10px!important;padding:10px!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-pn360-build="pos"] body #view .pos-catalog .pos-product-card{transition:none!important;transform:none!important}
}