/* XiaomiBazar Signature — mobile OTP auth. Scoped to account/checkout/tracking only. */
.xb-mobile-auth{direction:rtl;width:100%;max-width:430px;margin:0 auto;color:#171717;font-family:inherit}
.xb-mobile-auth__head{text-align:center;margin-bottom:22px}
.xb-mobile-auth__head h2{margin:0 0 8px;font-size:24px;line-height:1.5;font-weight:800}
.xb-mobile-auth__head p{margin:0;color:#696969;font-size:13px;line-height:1.9}
.xb-mobile-auth__step{display:none}
.xb-mobile-auth__step.is-active{display:block}
.xb-mobile-auth label{display:block;margin:0 0 8px;font-size:12px;font-weight:700}
.xb-mobile-auth__phone{height:58px;display:flex;align-items:center;border:1px solid #d9dad6;border-radius:15px;background:#fff;overflow:hidden;transition:.18s}
.xb-mobile-auth__phone:focus-within{border-color:#ff5f00;box-shadow:0 0 0 3px rgba(255,95,0,.08)}
.xb-mobile-auth__phone>span{height:100%;display:flex;align-items:center;padding:0 15px;border-right:1px solid #ecece8;background:#f7f7f5;font-size:16px;font-weight:700;direction:ltr;unicode-bidi:isolate}
.xb-mobile-auth__phone input{flex:1;min-width:0;height:100%;border:0!important;outline:0!important;box-shadow:none!important;background:#fff!important;padding:0 15px!important;font:inherit!important;font-size:17px!important;letter-spacing:.04em;text-align:left;direction:ltr}
.xb-mobile-auth__primary{width:100%;height:52px;margin-top:13px;border:0;border-radius:14px;background:#ff5f00;color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:.18s}
.xb-mobile-auth__primary:hover{filter:brightness(.97)}
.xb-mobile-auth__primary:disabled{opacity:.55;cursor:not-allowed}
.xb-mobile-auth__sent{margin-bottom:14px;padding:9px 12px;border-radius:10px;background:#f6f6f3;color:#555;font-size:11.5px;text-align:center;direction:rtl}.xb-mobile-auth__sent [data-masked-mobile]{display:inline-block;direction:ltr;unicode-bidi:isolate}
.xb-mobile-auth__otp-grid{display:flex;direction:ltr;justify-content:center;gap:10px;margin:4px 0 2px}.xb-mobile-auth__otp-grid input{width:52px!important;height:56px!important;border:1px solid #d9dad6!important;border-radius:10px!important;background:#fff!important;padding:0!important;font:inherit!important;font-size:22px!important;text-align:center!important;direction:ltr!important;outline:0!important;box-shadow:none!important}.xb-mobile-auth__otp-grid input:focus{border-color:#ff5f00!important;box-shadow:0 0 0 3px rgba(255,95,0,.08)!important}
.xb-mobile-auth__actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.xb-mobile-auth__actions button{border:0;background:none;color:#6b6b6b;font:inherit;font-size:11px;cursor:pointer;padding:5px 0}
.xb-mobile-auth__actions button:not(:disabled):hover{color:#ff5f00}
.xb-mobile-auth__actions button:disabled{cursor:default;color:#aaa}
.xb-mobile-auth__status{min-height:22px;margin-top:9px;font-size:11px;line-height:1.8;text-align:center;color:#666}
.xb-mobile-auth__status.is-error{color:#b42318}
.xb-mobile-auth__status.is-success{color:#067647}
.xb-mobile-auth button.is-loading{position:relative;color:transparent!important}
.xb-mobile-auth button.is-loading:after{content:"";position:absolute;inset:0;margin:auto;width:17px;height:17px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:xb-auth-spin .7s linear infinite}
@keyframes xb-auth-spin{to{transform:rotate(360deg)}}

/* My Account: OTP is the only storefront login/registration method. */
body.woocommerce-account:not(.logged-in) .woocommerce>.xb-mobile-auth{margin:8px auto 28px;padding:26px 24px;border:1px solid #e4e4df;border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.045)}

/* Checkout gate: checkout stays loaded behind a mandatory blurred overlay. */
.xb-mobile-auth-gate{position:fixed;z-index:999999;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(245,245,242,.76);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.xb-mobile-auth-gate__card{width:min(430px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:27px 24px 24px;border:1px solid #deded9;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.16)}
body.xb-mobile-auth-checkout{overflow:hidden}
body.xb-mobile-auth-checkout .xb-mobile-bottom-nav,body.xb-mobile-auth-checkout .xb-bottom-nav{pointer-events:none}

/* Order tracking: order number and mobile use one visual system. */
form.woocommerce-form-track-order .form-row{margin-bottom:14px!important}
form.woocommerce-form-track-order #orderid,
form.woocommerce-form-track-order .xb-track-mobile-wrap{width:100%!important;height:54px!important;border:1px solid #d9dad6!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;transition:border-color .18s,box-shadow .18s}
form.woocommerce-form-track-order #orderid{margin:0!important;padding:0 15px!important;font:inherit!important;outline:0!important}
form.woocommerce-form-track-order #orderid:focus,
form.woocommerce-form-track-order .xb-track-mobile-wrap:focus-within{border-color:#ff5f00!important;box-shadow:0 0 0 3px rgba(255,95,0,.08)!important}
form.woocommerce-form-track-order .xb-track-mobile-wrap{display:flex;align-items:center;overflow:hidden;direction:ltr}
form.woocommerce-form-track-order .xb-track-mobile-wrap>span{height:100%;min-width:58px;display:flex;align-items:center;justify-content:center;padding:0 13px;border-right:1px solid #ecece8;background:#f7f7f5;font-size:15px;font-weight:700;direction:ltr;unicode-bidi:isolate}
form.woocommerce-form-track-order .xb-track-mobile-wrap input{flex:1;min-width:0;width:auto!important;height:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0 15px!important;background:#fff!important;font:inherit!important;font-size:15px!important;text-align:left!important;direction:ltr!important;outline:0!important}

@media(max-width:600px){
  .xb-mobile-auth-gate{align-items:center;padding:16px 14px 12vh}
  .xb-mobile-auth-gate__card{width:min(92vw,430px);max-height:calc(100dvh - 44px);padding:23px 18px 20px;border-radius:22px}
  .xb-mobile-auth__head h2{font-size:21px}
  body.woocommerce-account:not(.logged-in) .woocommerce>.xb-mobile-auth{margin:8px 10px 24px;padding:22px 16px;border-radius:18px}
}
@media(max-width:600px) and (max-height:620px){
  .xb-mobile-auth-gate{padding-bottom:16px}
  .xb-mobile-auth-gate__card{max-height:calc(100dvh - 32px)}
}

@media(max-width:480px){.xb-mobile-auth__otp-grid{gap:7px}.xb-mobile-auth__otp-grid input{width:46px!important;height:52px!important}}