/* PromptSen customer login mobile redesign. Desktop remains unchanged. */
@media (max-width:767px){
 body.psCustomerLogin{background:#f8fafc!important;color:#172033;padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
 body.psCustomerLogin .ph-reference-header{position:relative!important;z-index:15;background:#fff}
 body.psCustomerLogin .loginApp{width:100%;max-width:520px;min-height:0;margin:0 auto;padding:18px 16px 28px!important;background:transparent}
 body.psCustomerLogin .loginHero{padding:0!important;margin:0 0 16px!important;min-height:0;border:0!important;border-radius:0!important;background:transparent!important;color:#172033!important;overflow:visible}
 body.psCustomerLogin .loginHero::after{display:none!important}
 body.psCustomerLogin .loginTop,body.psCustomerLogin .loginIntro .loginLogoImg{display:none!important}
 body.psCustomerLogin .loginIntro{margin:0!important}
 body.psCustomerLogin .loginIntro h1{font-size:27px!important;line-height:1.35!important;font-weight:800!important;margin:0 0 5px!important;color:#172033!important}
 body.psCustomerLogin .loginIntro p{font-size:14px!important;line-height:1.65!important;color:#64748b!important;opacity:1!important;margin:0!important}
 body.psCustomerLogin .loginCard{margin:0!important;padding:22px 18px!important;border-radius:20px!important;background:#fff!important;border:1px solid #e9edf2!important;box-shadow:0 8px 30px rgba(15,23,42,.06)!important}
 body.psCustomerLogin .cardTitle{text-align:left}
 body.psCustomerLogin .cardTitle h2{font-size:19px!important;font-weight:800!important}
 body.psCustomerLogin .cardTitle p{font-size:13px!important;margin:5px 0 18px!important;color:#64748b}
 body.psCustomerLogin .socialGrid{grid-template-columns:1fr!important;gap:10px!important}
 body.psCustomerLogin .socialBtn{min-height:50px;font-size:14px!important;border-radius:12px!important}
 body.psCustomerLogin .socialIcon{width:29px;height:29px;font-size:17px}
 body.psCustomerLogin .divider{font-size:12px!important;margin:20px 0!important}
 body.psCustomerLogin .field{margin-bottom:15px!important}
 body.psCustomerLogin .field label{font-size:13px!important;margin-bottom:7px!important}
 body.psCustomerLogin .inputWrap{min-height:51px;border-radius:12px}
 body.psCustomerLogin .inputWrap input{font-size:16px!important;padding:13px 10px!important;min-width:0}
 body.psCustomerLogin .inputWrap i{font-size:19px!important}
 body.psCustomerLogin .forgot{margin:0 0 16px!important}
 body.psCustomerLogin .forgot a{font-size:13px!important}
 body.psCustomerLogin .loginBtn{height:52px;border-radius:12px!important;font-size:16px!important}
 body.psCustomerLogin .registerBox{font-size:14px!important;margin-top:18px!important}
 body.psCustomerLogin .guestBtn{font-size:13px!important;min-height:44px;margin-top:14px}
 body.psCustomerLogin .featureStrip{margin-top:18px;gap:8px}
 body.psCustomerLogin .feature{padding:12px 4px}
 body.psCustomerLogin .feature i{font-size:23px}
 body.psCustomerLogin .feature b{font-size:11px!important}
 body.psCustomerLogin .feature span{font-size:10px!important}
 body.psCustomerLogin .footerNote{font-size:11px!important;line-height:1.7!important;padding:0 8px}
 body.psCustomerLogin .ps-customer-login-mobile-nav nav.ph-mobile-nav{position:fixed!important;bottom:0;left:0;right:0;z-index:60;background:#fff}
 body.psCustomerLogin .loginCard :focus-visible{outline:2px solid #fb923c;outline-offset:2px}
}
@media(max-width:360px){body.psCustomerLogin .loginApp{padding-left:12px!important;padding-right:12px!important}body.psCustomerLogin .loginCard{padding:18px 14px!important}}

/* Approved mobile composition — affects the login content only. */
@media(max-width:767px){
 body.psCustomerLogin .loginApp{padding:0 14px 30px!important}
 body.psCustomerLogin .loginHero{margin:0 -14px 0!important;padding:24px 21px 82px!important;border-radius:0 0 27px 27px!important;background:linear-gradient(125deg,#fff7ef,#ffe1bf)!important;overflow:hidden!important;min-height:205px!important;position:relative}
 body.psCustomerLogin .loginHero:after{display:block!important;content:'🛵';position:absolute;right:13px;bottom:20px;font-size:94px;opacity:.16;transform:scaleX(-1)}
 body.psCustomerLogin .loginIntro h1{max-width:72%;font-size:29px!important;color:#f26300!important;line-height:1.25!important;margin:0 0 12px!important}
 body.psCustomerLogin .loginIntro p{max-width:70%;font-size:13px!important;line-height:1.6!important;color:#684b3b!important}
 body.psCustomerLogin .loginCard{margin:-47px 0 0!important;z-index:5;position:relative;border-radius:22px!important;padding:22px 18px!important;box-shadow:0 10px 25px rgba(96,54,16,.09)!important}
 body.psCustomerLogin .cardTitle{text-align:center}
 body.psCustomerLogin .cardTitle h2{font-size:20px!important}
 body.psCustomerLogin .cardTitle p{font-size:13px!important}
 body.psCustomerLogin .socialBtn.line{background:#06c755!important;color:white!important}
 body.psCustomerLogin .socialBtn.google{background:white!important}
 body.psCustomerLogin .socialBtn{font-weight:700}
 body.psCustomerLogin .loginBtn{background:#ff7010!important}
 body.psCustomerLogin .featureStrip{background:#fff;border:1px solid #eef1f4;border-radius:16px;padding:9px 4px}
 body.psCustomerLogin .feature{border:0;border-right:1px solid #e8edf2;border-radius:0}
 body.psCustomerLogin .feature:last-child{border-right:0}
 body.psCustomerLogin .ps-customer-login-mobile-nav nav.ph-mobile-nav{box-shadow:0 -2px 12px rgba(23,32,51,.07)}
}