/* Product modal UX fix 2026-09-24 */
html.modal-lock,body.modal-lock{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none}
.modal.show{overflow:hidden!important;overscroll-behavior:contain!important;touch-action:none}
.modal.show .modalBox{height:min(860px,calc(100dvh - 28px))!important;max-height:calc(100dvh - 28px)!important;overflow:hidden!important;display:grid!important;grid-template-columns:minmax(320px,1fr) minmax(340px,.72fr)!important}
.modal.show .modalMedia{height:100%!important;min-height:0!important;overflow:hidden!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:18px!important}
.modal.show .modalMedia img{width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center top!important}
.modal.show .modalInfo{height:100%!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch;padding-bottom:20px!important}
.modal.show #cart{position:sticky!important;bottom:0!important;z-index:6!important;box-shadow:0 -10px 24px #fff!important;margin-top:16px!important}
@media(min-width:900px){.modal.show .modalInfo{padding-top:42px!important}.modal.show #cart{font-size:17px!important;padding:17px!important}}
@media(max-width:899px){.modal.show .modalBox{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;display:block!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y!important}.modal.show .modalMedia{height:auto!important;max-height:48dvh!important;position:relative!important}.modal.show .modalMedia img{height:auto!important;max-height:45dvh!important}.modal.show .modalInfo{height:auto!important;overflow:visible!important}.modal.show #cart{bottom:8px!important}}