/* Search layout from Peter's Penpot reference, 11 October. */
@media(max-width:820px){
 #mobileScreenSearch .mobileStockIntro118 p,#mobileScreenSearch .mobileEyebrow,#searchMethods215 h2,#searchMethods215 label{display:none!important}
 #mobileScreenSearch .mobileStockIntro118 h1{font-size:26px!important;font-weight:500!important;margin:0 0 16px!important}
 #mobileScreenSearch>.mobileWorkCard{padding:16px!important;border:0!important;box-shadow:none!important;border-radius:18px!important}
 #searchMethods215 .searchMethodsGrid215{display:flex!important;justify-content:center!important;align-items:center!important;gap:40px!important;margin:0 0 16px!important}
 #searchMethods215 .searchMethodsGrid215 button{display:grid!important;place-items:center!important;flex:0 0 52px!important;width:52px!important;height:52px!important;min-height:52px!important;padding:12px!important;background:#eaf4ed!important;color:#183c29!important;border:0!important;border-radius:14px!important;box-shadow:none!important}
 #searchMethods215 .searchMethodsGrid215 [data-search-reference321="barcode"]{order:-1}
 #searchMethods215 .searchMethodsGrid215 [data-manual-work01]{display:none!important}
 #searchMethods215 svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 #mobileScreenSearch .mobileSearchBox{display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;gap:8px!important}
 #mobileScreenSearch .mobileSearchBox input{width:100%!important;min-width:0!important;min-height:52px!important;font-size:16px!important;padding:12px!important;border-radius:14px!important}
 #mobileScreenSearch .mobileSearchBox>button{min-width:0!important;min-height:52px!important;padding:12px!important;border-radius:14px!important}
 #mobileScreenSearch .mobileSearchBox .voiceBtn130,#mobileScreenSearch .mobileSearchBox>button span{display:none!important}
 #mobileScreenSearch .mobileResultList{gap:14px!important}
 #mobileScreenSearch .mobileResult{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(64px,auto)!important;align-items:center!important;min-height:88px!important;padding:16px!important;gap:12px!important;border:0!important;box-shadow:none!important;border-radius:18px!important}
 #mobileScreenSearch .mobileResultPic,#mobileScreenSearch .mobileResult>span:nth-child(2)>small:first-of-type{display:none!important}
 #mobileScreenSearch .mobileResult b{font-size:18px!important;font-weight:500!important;overflow-wrap:anywhere}
 #mobileScreenSearch .mobileResultState118{font-size:13px!important;font-weight:400!important;margin-top:8px!important}
 #mobileScreenSearch .mobileResultQty{font-size:14px!important;font-weight:500!important;max-width:100px!important;text-align:right!important}
 #mobileScreenSearch .mobileResultQty small{display:inline!important;font-size:inherit!important;margin-left:4px!important}
 body.searchInputActive317 #mobileScreenSearch .mobileStockIntro118,body.searchInputActive317 #mobileScreenSearch .mobileScannerReady,body.searchInputActive317 .mobileBottomNav{display:none!important}
 body.searchInputActive317 #mobileWorkApp{padding-bottom:12px!important}
}