/* AliveCRM product page (/alivecrm): small additions on top of css/products-page.css (same .prd- components).
   Only things the Products page did not need: bullet lists inside cards, two-paragraph ledger cells, a lighter bento on white sections. */
.prd-list{margin:0 0 14px;padding:0 0 0 1.25em;list-style:disc}
html body .prd-list li:not(#_){margin:0 0 6px;color:inherit;-webkit-text-fill-color:currentColor;line-height:1.6}
html body .prd-vs-col .prd-list li:not(#_):not(#_){color:inherit}
.prd-vs-col .prd-list li::marker{color:#ff0000}
.prd-vs-col--b .prd-list li::marker{color:#fff}
.prd-cap2-text .prd-list{margin:0 0 16px}

/* ledger cell with two paragraphs */
.prd-role-body{display:grid;align-content:center}
html body .prd-role .prd-role-body p:not(#_):not(#_){display:block;padding:20px 28px 0}
html body .prd-role .prd-role-body p:last-child:not(#_):not(#_){padding-bottom:20px}
html body .prd-role .prd-role-body p+p:not(#_):not(#_){padding-top:10px}

/* bento on a white section: card needs an edge; 9 items run 3 across */
.prd-bento--lt .prd-b{border:1px solid var(--prd-line)}
@media(min-width:1100px){.prd-bento--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
html body .prd-b p strong:not(#_){font-weight:800}
.prd-bento--lt .prd-b p.prd-b-sub{font-weight:700}
.prd-core-end{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:clamp(24px,3vw,36px);text-align:center}
.prd-core-end p{margin:0}