/* MF INTERNATIONAL TEST — shared mobile responsive layer */
html,body{max-width:100%;overflow-x:hidden}
img,svg{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
@media (max-width:900px){
  /* shared header */
  .headerin{height:auto!important;min-height:68px!important;padding:10px 14px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px 14px!important}
  .brand{gap:10px!important;min-width:0!important}.brand img{width:40px!important;height:44px!important}.brand span{font-size:9px!important;letter-spacing:.18em!important;overflow:hidden;text-overflow:ellipsis}
  .nav{grid-column:1/-1!important;justify-self:stretch!important;display:flex!important;gap:20px!important;overflow-x:auto!important;white-space:nowrap!important;padding:2px 0 4px!important;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{font-size:9px!important;flex:0 0 auto!important}
  .tools{display:flex!important;justify-self:end!important}.loginLink{min-width:64px!important;height:36px!important;padding:0 12px!important;font-size:9px!important}.backLink{font-size:8px!important;white-space:nowrap!important}
  /* home */
  .contextin{padding:9px 14px!important;gap:12px!important;overflow-x:auto!important;scrollbar-width:none!important}.contextin::-webkit-scrollbar{display:none}.context .right{display:none!important}
  .hero{grid-template-columns:1fr!important;border-left:0!important;border-right:0!important;min-height:0!important}.heroart{min-height:440px!important}.copy{left:18px!important;right:18px!important;top:38px!important;max-width:none!important}.copy h1{font-size:clamp(47px,14vw,62px)!important;line-height:.88!important;margin:16px 0 22px!important}.copy p{font-size:13px!important}.cta{padding:14px 18px!important;gap:20px!important}
  .factoryPanel{border-left:0!important;border-top:1px solid var(--line)!important;min-height:0!important;padding:16px 16px 54px!important}.factoryList{grid-template-columns:1fr!important;height:auto!important}.factory{padding:12px 0!important}.factory:hover{padding-left:0!important}.factory:after{display:none!important}
  .workspace{border-left:0!important;border-right:0!important;padding:22px 14px 150px!important}.workspaceHead{grid-template-columns:1fr!important;gap:14px!important;align-items:start!important}.workspaceHead h2{font-size:15px!important}.filterText{gap:18px!important;padding-bottom:3px!important}.searchWrap{width:100%!important;max-width:none!important;justify-self:stretch!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important}.searchWrap input{width:100%!important;font-size:12px!important}.searchWrap button{padding:0 14px!important}.qrScanBtn{width:46px!important;min-width:46px!important;height:46px!important}
  .selectionTableWrap,.tableWrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.selectionTable,table.cmp{min-width:860px!important}.selectionTable th,.selectionTable td,table.cmp th,table.cmp td{padding:12px 10px!important}.slThumb,.thumbCol{width:54px!important}.slThumbBox,.rowThumb{width:36px!important;height:36px!important}.slMf,.mfCol{width:130px!important}.slArticle,.articleCol{width:210px!important}.slComp,.compCol{width:190px!important}.slWidth,.widthCol,.slWeight,.weightCol{width:100px!important}.slPrice,.priceCol{width:110px!important}.slAction,.removeCol{width:110px!important}
  .dockin{padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;grid-template-columns:auto 1fr!important;gap:9px!important}.count{min-width:62px!important}.chips{display:none!important}.dockactions{grid-column:auto!important;display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:7px!important}.dockactions button{padding:11px 9px!important;white-space:nowrap!important;font-size:8px!important}
  .drawer{width:100%!important;max-width:none!important}.drawerHead{padding:18px 16px!important}.drawerBody{padding:8px 14px 100px!important}.selTop{grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important}.selectionRemove{min-width:72px!important;padding:0 10px!important}.drawerFoot{padding:11px 12px calc(11px + env(safe-area-inset-bottom))!important}
  .modal{padding:10px!important}.modalBox{max-height:92dvh!important;padding:18px!important}.millModalBox{padding:0!important}.millHero{grid-template-columns:1fr!important}.millLogo{min-height:150px!important;max-height:190px!important}.millIntro{padding:24px 18px!important}.millIntro h3{font-size:29px!important}.millBody{padding:20px 18px 25px!important}.timelineRow{grid-template-columns:64px 1fr!important;gap:12px!important}.millFooter{align-items:flex-start!important;flex-direction:column!important}.visitMill{width:100%!important;justify-content:space-between!important}
  .footerin{padding-left:18px!important;padding-right:18px!important}.footerMeta{grid-template-columns:58px 1fr!important;gap:7px 10px!important}
  /* basket */
  .page{border-left:0!important;border-right:0!important;padding:22px 14px 55px!important}.pageHead{align-items:flex-start!important;gap:16px!important}.pageHead h1{font-size:26px!important}.pageActions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important}.pageActions button,.pageActions a{justify-content:center!important;padding:11px 7px!important;white-space:nowrap!important;font-size:8px!important}
  /* partner access */
  .shell{grid-template-columns:1fr!important;border-left:0!important;border-right:0!important;min-height:0!important}.intro{min-height:auto!important;padding:44px 20px 40px!important}.intro h1,h1{overflow-wrap:anywhere}.intro p{font-size:13px!important;line-height:1.75!important}.loginWrap{padding:42px 20px 56px!important;align-items:flex-start!important}.card{width:100%!important}.card h2{font-size:31px!important}.field input{font-size:16px!important}.actions{gap:7px!important}.switcher{align-items:flex-start!important}
  /* generic admin/tool pages */
  .adminHero,.heroBlock{padding-left:20px!important;padding-right:20px!important}.adminGrid,.toolGrid,.cardsGrid{grid-template-columns:1fr!important}.toolbar,.controls,.formRow{flex-wrap:wrap!important}.toolbar input,.controls input,.formRow input{min-width:0!important;width:100%!important}.adminPage,.container,.wrap{max-width:100%!important}
}
@media (max-width:520px){
  .headerin{padding:8px 11px!important}.brand span{max-width:190px!important}.nav{gap:16px!important}.nav a{font-size:8px!important}
  .heroart{min-height:410px!important}.copy{top:32px!important;left:15px!important;right:15px!important}.copy h1{font-size:50px!important}.copy p{font-size:12px!important}.factory p{font-size:9px!important}.factoryTag{font-size:6.5px!important;min-height:21px!important}
  .workspace{padding-left:10px!important;padding-right:10px!important}.searchWrap{grid-template-columns:minmax(0,1fr) 76px 46px!important}.searchWrap button{padding:0 8px!important;font-size:8px!important}.filterText{font-size:9px!important}
  .drawerHead h3{font-size:16px!important}.selName{font-size:11px!important}.selSub{font-size:9px!important}.selectionRemove{min-width:68px!important;font-size:7px!important}
  .page{padding-left:10px!important;padding-right:10px!important}.pageActions{grid-template-columns:1fr!important}.pageActions button,.pageActions a{min-height:40px!important}.tableWrap{border-left:0!important;border-right:0!important}
  .intro{padding:36px 18px 32px!important}.intro h1{font-size:58px!important;line-height:.88!important}.loginWrap{padding:36px 18px 50px!important}.actions{grid-template-columns:1fr 1fr!important}.card p{font-size:11px!important}
  .footerIdentity{gap:12px!important}.footerLogo{width:44px!important;height:44px!important}.footerBrand{font-size:11px!important}.footerMeta{font-size:9px!important}
}