/* mobile-v4.css — stacking layer for rows flagged by mobile-v4.js (≤768px only) */
@media(max-width:768px){
.m4-stack{grid-template-columns:1fr!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;row-gap:10px!important}
.m4-stack>*{min-width:0!important;max-width:100%!important;flex:0 0 auto!important}
.m4-stack>svg,.m4-stack>img[width]{align-self:flex-start!important}
.m4-stack>img,.m4-stack>picture{height:auto!important;max-height:240px!important}
[class*="price-opt"].m4-stack>[class*="price"]{text-align:left!important}
.m4-tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -2px}
.m4-tscroll>table{min-width:520px!important;width:520px!important}
/* converted table rows (mobile-v2): stack label over value so values are not crushed */
.mv2-row{display:block!important}
.mv2-row>.k{display:block!important;margin-bottom:2px}
.mv2-row>.v{display:block!important;text-align:left!important}
}