/* V12.23.362 — customer-facing pages only. Admin and designer pages unchanged. */
@media (max-width:760px) {
 html,body {width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%}
 body{font-size:14px;line-height:1.5}
 *,*::before,*::after{box-sizing:border-box}
 .shell{width:calc(100% - 24px);max-width:100%}
 .app-main,.app-top,.dashboard-grid,.mypage-content,.mypage-panel,.card,.card-pad,
 .wizard-layout,.wizard-main,.wizard-side,.step-content,.summary,.order-item,
 .section-head,.detail,.detail-grid,.field,.field-grid {min-width:0;max-width:100%}
 .app-top .shell{display:flex;flex-wrap:wrap;gap:8px;padding:9px 0}
 .app-top .brand{min-width:0;flex:1 1 auto}
 .app-top .brand span{font-size:15px}
 .app-top .brand img{width:34px;height:34px}
 .app-top-actions{justify-content:flex-start;gap:5px;max-width:100%;flex-wrap:wrap}
 .app-top-actions .btn{font-size:12px;padding:8px 9px;min-height:36px;border-radius:9px}
 h1{font-size:clamp(21px,5.6vw,27px)!important}
 .section-head h2{font-size:clamp(17px,4.6vw,22px)!important}
 .section-head{gap:10px}
 .btn,.select,.input,textarea{max-width:100%}
 .input,.select,textarea,input[type=text],input[type=number],input[type=email],input[type=tel],input[type=date],select{min-width:0}
 input,select,textarea{font-size:16px!important}
 .card,.card-pad{padding:12px!important;border-radius:14px}
 .dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px}
 .dashboard-grid>*{min-width:0}
 .side-card{padding:12px!important}
 .side-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .side-menu button{min-width:0;font-size:12px;padding:9px 5px;white-space:normal;word-break:keep-all}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .metric{padding:12px}.metric strong{font-size:20px}
 .order-item{grid-template-columns:minmax(0,1fr)!important;padding:12px;overflow-wrap:anywhere}
 .order-item>*{min-width:0}
 .wizard-layout,.field-grid,.option-grid,.set-print-design-grid,.poster-multi-grid{grid-template-columns:minmax(0,1fr)!important}
 .stepper{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .step{font-size:12px;padding:10px 5px}
 .section-label-row{display:block}
 .section-label-row>*{min-width:0}
 .order-page-heading{min-width:0}
 .grade-row{max-width:100%}
 img,video,canvas,iframe{max-width:100%;height:auto}
 p,small,.request-note-preview{overflow-wrap:anywhere}
 table{max-width:100%}
 .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:390px){.side-menu{grid-template-columns:repeat(2,minmax(0,1fr))}}