/* 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}
/* compact card grids — 2-col keyword style (≤768px) */
.mv2-cards,.ig6,.ig6.m4-stack,.why-grid,.why-grid.m4-stack,.why-grid.mv2-onecol,.prep-grid,.prep-grid.m4-stack,.symptom-grid,.symptom-grid.m4-stack,.reason-grid,.reason-grid.m4-stack,.reason-grid.mv2-onecol,.age-grid,.age-grid.m4-stack,.age-grid.mv2-onecol,.myth-list,.myth-list.m4-stack,.ig6.mv2-onecol,.prep-grid.mv2-onecol,.symptom-grid.mv2-onecol{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;flex-direction:initial!important}
.mv2-cards>*,.ig6>*,.why-grid>*,.prep-grid>*,.symptom-grid>*,.reason-grid>*,.age-grid>*,.myth-list>*{min-width:0!important;margin:0!important;padding:12px 11px!important;border-radius:12px!important}
.mv2-cards>:last-child:nth-child(odd),.ig6>:last-child:nth-child(odd),.why-grid>:last-child:nth-child(odd),.prep-grid>:last-child:nth-child(odd),.symptom-grid>:last-child:nth-child(odd),.reason-grid>:last-child:nth-child(odd),.age-grid>:last-child:nth-child(odd),.myth-list>:last-child:nth-child(odd){grid-column:1/-1}
.mv2-card-title{font-size:14px!important;margin-bottom:2px!important}
.mv2-card-lead{font-size:18px!important;margin-bottom:6px!important}
.mv2-row{padding:5px 0!important;font-size:13px!important;line-height:1.35!important}
.mv2-row>.k{font-size:12px!important}
:is(.ig6,.why-grid,.prep-grid,.symptom-grid,.reason-grid,.age-grid,.myth-list)>* :is(h3,h4,h5,[class*="title"],[class*="name"]){font-size:14.5px!important;line-height:1.3!important;margin-bottom:4px!important}
:is(.ig6,.why-grid,.prep-grid,.symptom-grid,.reason-grid,.age-grid,.myth-list)>* p,:is(.ig6,.why-grid,.prep-grid,.symptom-grid,.reason-grid,.age-grid,.myth-list)>* [class*="desc"]{font-size:12.5px!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden!important;margin:0!important}
:is(.ig6,.why-grid,.prep-grid,.symptom-grid,.reason-grid,.age-grid)>* :is(img,svg){max-width:38px!important;max-height:38px!important;margin-bottom:6px!important}
:is(.ig6,.why-grid,.prep-grid,.symptom-grid,.reason-grid,.age-grid,.myth-list)>* li{font-size:12.5px!important;line-height:1.4!important}
:is(.ig6,.why-grid,.prep-grid,.symptom-grid,.reason-grid,.age-grid,.myth-list)>* ul{font-size:12.5px!important;line-height:1.4!important;padding-left:14px!important;margin:4px 0 0!important}
}
