/* Compact mobile product surfaces; existing actions and booking handlers stay intact. */
@media(max-width:820px){
 #mobileScreenSearch .mobileStockIntro118{margin-bottom:10px!important;padding:0!important}
 #mobileScreenSearch .mobileStockIntro118 p,#mobileScreenSearch .mobileEyebrow{display:none!important}
 #mobileScreenSearch .mobileStockIntro118 h1{font-size:24px!important;margin:0!important}
 #mobileScreenSearch>.mobileWorkCard{padding:12px!important;margin:0 0 12px!important}
 #searchMethods215 h2{font-size:16px!important;margin:0 0 8px!important}
 #searchMethods215 [data-manual-work01]{display:none!important}
 #searchMethods215 .searchMethodsGrid215 button{min-height:48px!important;padding:8px!important;flex-direction:row!important;font-size:20px!important}
 #searchMethods215 .searchMethodsGrid215 strong{font-size:14px!important}
 #searchMethods215 label{font-size:14px!important;margin:10px 0 6px!important}
 #mobileScreenSearch .mobileSearchBox{display:grid!important;grid-template-columns:minmax(0,1fr) 42px 44px!important;gap:6px!important}
 #mobileScreenSearch .mobileSearchBox input{min-width:0!important;width:100%!important;font-size:16px!important;padding:10px!important;min-height:44px!important}
 #mobileScreenSearch .mobileSearchBox>button{grid-column:auto!important;width:auto!important;min-height:44px!important;padding:8px!important}
 #mobileScreenSearch .mobileSearchBox>button:last-child span{display:none!important}
 #mobileScreenSearch .mobileScannerReady{font-size:12px!important;margin-top:8px!important}
 #mobileScreenSearch .mobileResult{padding:10px!important;min-height:68px!important;gap:10px!important}
 #mobileScreenSearch .mobileResultPic{width:42px!important;height:42px!important}
 body.searchInputActive317 #mobileScreenSearch .mobileStockIntro118,body.searchInputActive317 #searchMethods215 h2,body.searchInputActive317 #mobileScreenSearch .mobileScannerReady,body.searchInputActive317 .mobileBottomNav{display:none!important}
 body.searchInputActive317 #mobileScreenSearch .mobileWorkCard{margin-bottom:8px!important}
 body.searchInputActive317 #searchMethods215 label{display:none!important}
 #searchMethods215 .searchMethodsGrid215 button:nth-child(2){order:-1}
 #mobileScreenSearch .mobileSearchBox{grid-template-columns:minmax(0,1fr) 44px!important}
 #mobileScreenSearch .mobileSearchBox .voiceBtn130{display:none!important}
 body.searchInputActive317 #mobileWorkApp{padding-bottom:12px!important}
 #articleModal.guideExisting198>.card{padding:16px!important;gap:12px!important}
 #articleModal.guideExisting198 .labelScan183,#articleModal.guideExisting198 #guideBox194{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding:0!important;margin:0!important;min-width:0}
 #articleModal.guideExisting198 #guideBox194{display:grid!important;gap:12px!important}
 #articleModal.guideExisting198 .modalHeader{margin-bottom:12px!important;gap:10px!important;align-items:center!important}
 #articleModal.guideExisting198 .modalHeader h2{font-size:21px!important;margin:0!important}
 #articleModal.guideExisting198 .recognizedHead198{padding:12px!important;background:#f3f6ef;border-radius:12px;align-items:start}
 #articleModal.guideExisting198 .recognizedHead198>div{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}
 #articleModal.guideExisting198 .recognizedHead198 b{font-size:18px!important;overflow-wrap:anywhere}
 #articleModal.guideExisting198 .recognizedHead198 small{grid-column:1/-1;font-size:13px!important;line-height:1.5;overflow-wrap:anywhere}
 #articleModal.guideExisting198 .stockInfoButton311{float:none!important;min-height:36px!important;padding:5px 9px!important;font-size:13px!important}
 #articleModal.guideExisting198 .guideActions194{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 #articleModal.guideExisting198 #guideBox194 button{min-height:44px!important;padding:10px 12px!important;font-size:15px!important;flex-basis:auto!important;margin:0!important}
 #articleInfoModal127 .mobileInfoCard311{display:flex!important;flex-direction:column!important;gap:16px!important;padding:16px!important;overflow:auto!important;max-height:calc(100dvh - 24px)!important}
 #articleInfoModal127 .mobileInfoCard311>*{flex-shrink:0!important;min-width:0}
 #articleInfoModal127 .modalHeader{margin:0!important;padding-bottom:12px!important;align-items:center!important}
 #articleInfoModal127 .modalHeader h2{font-size:20px!important;overflow-wrap:anywhere}
 #articleInfoModal127 .modalHeader button{min-height:40px!important;padding:8px 10px!important;font-size:14px!important}
 #articleInfoModal127 .guidedReview300{overflow:visible!important;margin:0!important;background:#f3f6ef}
 #articleInfoModal127 .guidedReview300>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;padding:10px 12px!important;gap:8px!important}
 #articleInfoModal127 .guidedReview300 dt{font-size:13px!important;align-self:center}
 #articleInfoModal127 .guidedReview300 dd{text-align:right!important;font-size:15px!important;font-weight:700;overflow-wrap:anywhere}
 #articleInfoModal127 h3{font-size:17px!important;margin:0 0 8px!important}
 #articleInfoModal127 section>p{margin:6px 0!important;font-size:14px!important}
 #articleInfoModal127 .mobileInfoDates311 li{padding:9px 10px;border-radius:8px;background:#f3f6ef;font-size:14px}
 #articleInfoModal127 .mobileInfoMoves311{gap:0!important}
 #articleInfoModal127 .mobileInfoMoves311 li{padding:8px 0!important;font-size:14px!important}
 #articleInfoModal127 .mobileInfoMoves311 small{font-size:12px!important}
}

@media(max-width:820px){
 #searchMethods215 h2{display:none!important}
 #searchMethods215 .searchMethodsGrid215{display:flex!important;gap:8px!important;justify-content:flex-start;margin-bottom:12px}
 #searchMethods215 .searchMethodsGrid215 button{width:44px!important;height:44px!important;min-height:44px!important;flex:0 0 44px!important;padding:9px!important}
 #searchMethods215 .searchMethodsGrid215 button[data-manual-work01]{display:none!important}
 #searchMethods215 .searchMethodsGrid215 strong{display:none!important}
 #searchMethods215 .searchMethodsGrid215 svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none}
 #searchMethods215 label{display:none!important}
 #searchMethods215 .searchMethodsGrid215 button:nth-child(2){order:-1}
 #mobileScreenSearch .mobileSearchBox{grid-template-columns:minmax(0,1fr) 44px!important}
 #mobileScreenSearch .mobileSearchBox .voiceBtn130{display:none!important}
}

#articleInfoModal127 .mobileInfoDates311 li.mobileInfoExpired320,#articleInfoModal127 .mobileInfoDates311 li.mobileInfoExpired320 b,#articleInfoModal127 .mobileInfoDates311 li.mobileInfoExpired320 span{color:#A12622!important}