/* MSN mobile ordering — touch-first layout without changing desktop */
.mobile-cart-bar,.mobile-cart-close{display:none}
@media(max-width:768px){
  body{overflow-x:hidden;padding-bottom:max(82px,calc(72px + env(safe-area-inset-bottom)))}
  body.mobile-ordering-view{padding-bottom:max(96px,calc(82px + env(safe-area-inset-bottom)))!important}
  header{position:sticky!important;top:0;z-index:900;padding:10px 14px!important;padding-top:max(10px,env(safe-area-inset-top))!important}
  header nav{gap:4px!important;font-size:15px;white-space:normal}
  #orderSec.wrap.section-hidden{display:none!important}
  #orderSec.wrap:not(.section-hidden){display:block!important;width:100%!important;padding:12px!important;margin:0!important}
  #orderSec>div:first-child,#orderSec>div:nth-child(2){width:100%!important;min-width:0!important}
  #orderSec>div:nth-child(2){margin-top:14px}
  .panel{padding:14px!important;margin-bottom:12px!important;border-radius:14px!important}
  .step-title{font-size:17px!important;margin-bottom:12px!important}
  .brands{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:2px 2px 10px;-webkit-overflow-scrolling:touch}
  .brands>*{flex:0 0 116px!important;min-width:116px!important;scroll-snap-align:start;min-height:94px!important;padding:10px 7px!important}
  .searchrow{display:grid!important;grid-template-columns:1fr 52px!important;gap:8px!important}
  .searchrow input{grid-column:1/-1!important;width:100%!important;height:48px!important;font-size:16px!important}
  .searchrow button{min-height:46px!important}
  .searchrow button:first-of-type{grid-column:1!important}
  .searchrow select{width:100%!important;min-width:0!important;height:46px!important}
  #productsGrid.products{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .pcard{position:relative!important;display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;grid-template-rows:auto auto auto auto auto!important;column-gap:12px!important;padding:12px!important;min-height:0!important;border-radius:14px!important}
  .pcard .pimg{grid-column:1!important;grid-row:1/5!important;width:78px!important;height:78px!important;min-height:78px!important;border-radius:10px!important}
  .pcard .pname,.pcard .pbar,.pcard .pmrp,.pcard .pstk{grid-column:2!important;min-width:0!important}
  .pcard .pname{font-size:14px!important;line-height:1.28!important;margin:0!important;padding-right:34px}
  .pcard .pbar{font-size:11px!important;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pcard .pmrp{font-size:16px!important;font-weight:800!important}
  .pcard .pstk{font-size:12px!important}
  .pcard .prow{grid-column:1/-1!important;display:grid!important;grid-template-columns:86px 1fr!important;gap:10px!important;margin-top:10px!important}
  .pcard .prow input{width:100%!important;height:48px!important;font-size:18px!important;text-align:center!important;border-radius:10px!important}
  .pcard .prow button{width:100%!important;min-height:48px!important;font-size:15px!important;font-weight:800!important}
  .newbadge{top:8px!important;right:8px!important;left:auto!important;font-size:9px!important}
  #orderSec>div:nth-child(2){display:none}
  body.mobile-cart-open{overflow:hidden}
  body.mobile-cart-open #orderSec>div:nth-child(2){display:block!important;position:fixed!important;z-index:1100!important;left:0!important;right:0!important;bottom:0!important;max-height:82vh!important;overflow:auto!important;background:#ffffff!important;color:#2d3436!important;border:1px solid #d9e2e8!important;border-radius:22px 22px 0 0!important;padding:48px 12px max(20px,env(safe-area-inset-bottom))!important;box-shadow:0 -20px 70px rgba(0,128,128,.18)!important}
  .mobile-cart-close{display:block;position:absolute;right:14px;top:10px;width:44px;height:44px;border:0;border-radius:50%;background:#008080;color:#fff;font-size:22px;z-index:2}
  .mobile-cart-bar.is-visible{display:grid;grid-template-columns:1fr auto;align-items:center;position:fixed;z-index:1000;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));min-height:62px;padding:10px 14px;border:1px solid rgba(0,168,168,.45);border-radius:16px;background:linear-gradient(135deg,#00a8a8,#008080);color:#fff;box-shadow:0 12px 40px rgba(0,128,128,.28);font:inherit;text-align:left}
  .mobile-cart-bar strong{display:block;font-size:15px}.mobile-cart-bar small{color:#e6ffff;font-size:12px}.mobile-cart-bar .mcart-total{font-size:18px;font-weight:900;color:#ffffff}
  #myOrdersBtn,.my-orders-float,#msnTools{bottom:calc(86px + env(safe-area-inset-bottom))!important;right:12px!important;font-size:12px!important;padding:10px 12px!important}
  body:not(.mobile-ordering-view) #msnTools{bottom:max(14px,env(safe-area-inset-bottom))!important}
}
@media(min-width:769px) and (max-width:1050px){#orderSec.wrap{grid-template-columns:minmax(0,1fr) 320px!important}.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}