.mobile-shortcuts{display:none}
@media screen and (max-width:760px){
 body{overflow-wrap:break-word}header{height:auto;min-height:68px;flex-wrap:wrap;padding:12px 16px;gap:10px}header .brand{margin-right:auto}header .badge{display:none}header button{min-height:44px!important;margin:0!important;padding:8px 10px!important;font-size:13px!important}header .tag{display:none}
 #steps{display:flex;gap:0;padding:8px 4px}#steps button{min-width:0;flex:1;min-height:44px;font-size:12px}#steps b{width:22px;height:22px;margin-right:3px}
 main{padding:12px 12px 32px;min-width:0}h1{font-size:30px;line-height:1.15;letter-spacing:-.7px}.home-scenes{gap:10px}.home-scenes .card{min-width:0;padding:14px}.home-scenes .card strong{font-size:18px}.home-scenes .card small{font-size:12px}.scene-art{height:95px}.home-path{gap:8px}footer{flex-wrap:wrap;padding:20px 16px}
 .garage-mobile .mobile-shortcuts{display:flex;position:sticky;top:0;z-index:20;gap:6px;background:#f5f6f4f5;padding:8px 0;margin-bottom:12px;border-bottom:1px solid #dce1df}.mobile-shortcuts button{flex:1;min-height:44px;padding:8px;border:1px solid #c6ceca;background:white;border-radius:8px;font:600 13px system-ui;color:#9f211e}
 .garage-mobile .split{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.garage-mobile .split>*{min-width:0}.garage-mobile .panel{padding:16px;border-radius:14px}.garage-mobile .panel .panel{padding:12px}
 .garage-mobile #sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.garage-mobile #sizes .field{font-size:12px;min-width:0}.garage-mobile #sizes>p{grid-column:1/-1}.garage-mobile #sizes input{padding:10px 5px;width:100%;min-width:0;font-size:18px}.garage-mobile .inputwrap{min-width:0}.garage-mobile .inputwrap span{font-size:11px}
 .garage-mobile input,.garage-mobile select{font-size:16px;max-width:100%;min-height:44px}.garage-mobile input[type=checkbox],.garage-mobile input[type=radio]{min-height:24px;min-width:24px}.garage-mobile .counter button{width:44px;height:44px}.garage-mobile summary{padding:12px 0;min-height:44px}.garage-mobile .actions button{min-height:48px;flex:1 1 145px}.garage-mobile .panel-material-grid{grid-template-columns:1fr}
 .garage-mobile .stage canvas{height:340px;height:min(52svh,400px)}.garage-mobile .stagebar{flex-wrap:wrap;padding:12px}.garage-mobile .stagebar button{min-height:44px}.garage-mobile .stage .hint{padding:0 12px;font-size:12px}.garage-mobile .stage .field{min-width:0;max-width:100%}.garage-mobile .stage input{width:100%}.garage-mobile .total{gap:12px;align-items:start;flex-wrap:wrap;font-size:19px}.garage-mobile .total span:last-child{white-space:nowrap}
 .garage-mobile #mobile-model-view,.garage-mobile #mobile-design-controls,.garage-mobile .shopping-panel,.garage-mobile #cutting-list,.garage-mobile .review-overview{scroll-margin-top:74px}
 .garage-mobile .mobile-labelled-table{display:block;min-width:0!important;width:100%;table-layout:auto}.garage-mobile .mobile-labelled-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.garage-mobile .mobile-labelled-table tbody{display:block}.garage-mobile .mobile-labelled-table tr{display:block;border:1px solid #dce2df;border-radius:10px;margin:12px 0;padding:10px;background:white}.garage-mobile .mobile-labelled-table td{display:flex;justify-content:space-between;align-items:start;gap:12px;border:0;width:100%!important;padding:7px 0!important;text-align:right!important;white-space:normal!important;overflow-wrap:anywhere}.garage-mobile .mobile-labelled-table td:before{content:attr(data-label);font-size:12px;color:#62716a;text-align:left;flex:0 0 92px}.garage-mobile .mobile-labelled-table td img{max-width:70px;max-height:70px}.garage-mobile .shopping-table-wrap{overflow:visible}.garage-mobile .barrow{min-width:0}.garage-mobile .cutbar{min-width:0}.garage-mobile .part-id{min-height:44px;min-width:44px}
}
@media print{.mobile-shortcuts{display:none!important}}
@media screen and (max-width:760px){.garage-mobile #cutting-list td:first-child{flex-wrap:wrap;justify-content:flex-start}.garage-mobile #cutting-list td:first-child:before{flex-basis:100%}.garage-mobile .mobile-labelled-table td small{min-width:0}}
@media screen and (max-width:760px){.garage-mobile .mobile-labelled-table td{display:grid;grid-template-columns:92px minmax(0,1fr)}.garage-mobile .mobile-labelled-table td small{grid-column:2}.garage-mobile .mobile-labelled-table td>span{width:auto!important;min-width:0}.garage-mobile #cutting-list td:first-child{display:flex}}
@media screen and (max-width:760px){body.garage-mobile #app .shopping-table tbody tr td:nth-child(n){width:100%!important}}

/* Home hierarchy: account action first; discovery actions on the second row. */
@media screen and (max-width:760px){
 header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
 header .brand{grid-column:1;grid-row:1;margin-right:0}
 header .member-nav{display:contents}
 header #sign-in{grid-column:2;grid-row:1;justify-self:end}
 header .gallery-nav{grid-column:1;grid-row:2;justify-self:start}
 header #my-designs{grid-column:2;grid-row:2;justify-self:end}
 body[data-design-step="0"] #steps{display:none}
 #steps button{font-size:0;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 2px}
 #steps button b{font-size:11px;flex-shrink:0;margin:0}
 #steps button:after{content:attr(data-short-label);font-size:12px}
 .home-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-scenes .pill{white-space:normal}
}