/* A bounded touch-scroll surface keeps long price lists reachable on phones. */
#modal[open]{display:flex;flex-direction:column;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:hidden}
#modal>.close{float:none;align-self:flex-start;flex:0 0 auto;min-width:44px;min-height:44px;margin:0 0 4px;line-height:1}
#modalContent{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding-inline:3px}
#modalContent h2{overflow-wrap:anywhere}
#modalContent .receiptline{gap:12px;align-items:flex-start}
#modalContent .receiptline>div{min-width:0;overflow-wrap:anywhere}
#modalContent .receiptline>strong{flex:0 0 auto;white-space:nowrap}
.product-comparison-summary{position:sticky;top:0;z-index:1;background:#edf4e7;border:1px solid #dce7d3;border-radius:10px;padding:10px 12px;margin:12px 0;font-size:14px;line-height:1.5}
.product-comparison-summary span{display:block;font-size:12px;color:#52654f}
@media(max-width:760px){#modal{width:calc(100% - 16px);max-width:none;padding:12px 14px 18px;border-radius:16px}#modalContent .receiptline{padding:13px 0}#modalContent h2{font-size:21px;line-height:1.4}}