.mobgrid-auth-card,
.mobgrid-auth-card *{
	box-sizing:border-box;
}
.mobgrid-auth-shortcode-wrap{
	width:100%;
	min-height:calc(100vh - 160px);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:48px 20px;
	box-sizing:border-box;
}
.mobgrid-auth-card button{
	-webkit-tap-highlight-color:transparent;
	-webkit-appearance:none;appearance:none;
}
.mobgrid-auth-card button:focus-visible{
	outline:2px solid var(--mg-blue);outline-offset:2px;
}
.mobgrid-auth-card{
	--mg-blue:#1E56C4;
	--mg-blue-dark:#123E8F;
	--mg-green:#1DA34A;
	--mg-green-dark:#127A36;
	--mg-gradient:linear-gradient(100deg,var(--mg-blue) 0%,#17987F 55%,var(--mg-green) 100%);
	--mg-ink:#101828;
	--mg-muted:#667085;
	--mg-line:#E4E7EC;
	--mg-bg-soft:#F7F9FC;
	--mg-danger:#D92D20;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	width:min(94vw,860px);
	max-width:860px;
	min-height:480px;
	margin:0;
	background:#fff;
	border-radius:20px;
	box-shadow:0 24px 60px -12px rgba(16,24,40,.18);
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr);
	overflow:hidden;
}
.mobgrid-auth-card--simple{
	grid-template-columns:1fr;
	min-height:auto;
}

.mobgrid-auth-side{
	background:var(--mg-gradient);
	position:relative;padding:clamp(28px,4vw,44px) clamp(24px,3.5vw,40px);color:#fff;
	display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;
	min-width:0;
}
.mobgrid-auth-side::before,.mobgrid-auth-side::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18);}
.mobgrid-auth-side::before{width:340px;height:340px;right:-140px;top:-120px;}
.mobgrid-auth-side::after{width:220px;height:220px;left:-90px;bottom:-90px;}
.mg-side-copy{position:relative;z-index:1;}
.mg-side-copy h2{font-size:clamp(20px,2.4vw,26px);line-height:1.3;margin:0 0 10px;font-weight:600;color:#fff;}
.mg-side-copy p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.85);margin:0;max-width:280px;}
.mg-side-devices{position:relative;z-index:1;display:flex;align-items:flex-end;gap:8px;height:110px;}
.mg-phone{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:10px 10px 4px 4px;}
.mg-p1{width:26px;height:60px;} .mg-p2{width:26px;height:78px;} .mg-p3{width:26px;height:100px;background:rgba(255,255,255,.28) !important;}
.mg-p4{width:26px;height:82px;} .mg-p5{width:26px;height:64px;}
.mg-side-trust{position:relative;z-index:1;display:flex;gap:18px;font-size:12px;color:rgba(255,255,255,.85);}
.mg-side-trust div{display:flex;align-items:center;gap:6px;}
.mg-dot-ok{width:6px;height:6px;border-radius:50%;background:#fff;display:inline-block;}

.mobgrid-auth-main{padding:clamp(28px,4.5vw,40px) clamp(22px,4.5vw,44px);position:relative;display:flex;flex-direction:column;min-width:0;}

.mg-auth-tabs{display:flex;background:var(--mg-bg-soft);border-radius:999px;padding:4px;margin:0 0 26px;width:fit-content;}
.mg-auth-tab{border:none;background:transparent;padding:9px 22px;border-radius:999px;font-weight:600;font-size:13px;color:var(--mg-muted);cursor:pointer;transition:all .2s ease;outline:none;}
.mg-auth-tab:focus-visible{box-shadow:0 0 0 3px rgba(30,86,196,.18);}
.mg-auth-tab.active{background:#fff;color:var(--mg-blue-dark);box-shadow:0 2px 6px rgba(16,24,40,.1);}

.mg-auth-step{display:none;}
.mg-auth-step.active{display:block;animation:mgFadeSlide .28s ease;}
@keyframes mgFadeSlide{from{opacity:0;transform:translateX(8px);}to{opacity:1;transform:translateX(0);}}

.mg-step-title{font-size:21px;font-weight:600;color:var(--mg-ink);margin:0 0 6px;}
.mg-step-sub{font-size:13.5px;color:var(--mg-muted);margin:0 0 24px;line-height:1.5;}

.mg-field-label{display:block;font-size:12.5px;font-weight:600;color:var(--mg-ink);margin:0 0 6px;}
.mg-field-wrap{display:flex;align-items:center;border:1.5px solid var(--mg-line);border-radius:8px;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease;background:#fff;}
.mg-field-wrap:focus-within{border-color:var(--mg-blue);box-shadow:0 0 0 4px rgba(30,86,196,.1);}
.mg-field-wrap.error{border-color:var(--mg-danger);}
.mg-field-prefix{
	padding:12px 10px 12px 14px;font-size:14px;color:var(--mg-ink);font-weight:600;
	border-right:1.5px solid var(--mg-line);background:var(--mg-bg-soft);white-space:nowrap;
}
.mg-field-wrap input{border:none;outline:none;padding:12px 14px;font-size:14px;width:100%;color:var(--mg-ink);background:transparent;}
.mg-field-wrap input::placeholder{color:#98A2B3;}
.mg-field-toggle{
	background:var(--mg-bg-soft) !important;
	border:1px solid var(--mg-line) !important;
	border-radius:999px !important;
	padding:0 14px !important;
	height:28px !important;
	line-height:28px !important;
	margin:0 10px !important;
	cursor:pointer;color:var(--mg-blue-dark) !important;
	font-size:12px !important;font-weight:600;white-space:nowrap;flex-shrink:0;
	box-shadow:none !important;
	outline:none !important;
	transition:background-color .16s ease,border-color .16s ease;
}
.mg-field-toggle:hover{background:#fff !important;border-color:var(--mg-blue) !important;}
.mg-field-toggle:focus-visible{box-shadow:0 0 0 3px rgba(30,86,196,.18) !important;}
.mg-field-block{margin-bottom:16px;}
.mg-field-error{font-size:12px;color:var(--mg-danger);margin-top:6px;display:none;}
.mg-field-error.show{display:block;}
.mg-field-hint{font-size:11.5px;color:var(--mg-muted);margin-top:6px;}

.mg-form-error-banner{display:none;background:rgba(217,45,32,.06);border:1px solid rgba(217,45,32,.25);color:var(--mg-danger);font-size:12.5px;padding:10px 14px;border-radius:8px;margin-bottom:16px;}
.mg-form-error-banner.show{display:block;}

.mg-options-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 22px;}
.mg-remember-row{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--mg-muted);line-height:1.5;cursor:pointer;}
.mg-remember-row input{accent-color:var(--mg-green);width:15px;height:15px;flex-shrink:0;cursor:pointer;}
.mg-remember-row span{user-select:none;}
.mg-plain-link{
	background:none !important;border:none !important;box-shadow:none !important;
	padding:2px 4px !important;color:var(--mg-muted) !important;
	font-weight:600;font-size:13px;cursor:pointer;
	text-decoration:none;appearance:none;-webkit-appearance:none;
}
.mg-plain-link:hover{color:var(--mg-blue-dark) !important;text-decoration:underline;}

.mg-forgot-link{
	background:none !important;border:none !important;box-shadow:none !important;
	padding:2px 4px !important;margin:0 -4px;color:var(--mg-blue-dark) !important;
	font-weight:600;font-size:12.5px;cursor:pointer;white-space:nowrap;
	border-radius:4px;outline:none;
	text-decoration:none;
	appearance:none;-webkit-appearance:none;
}
.mg-forgot-link:hover{text-decoration:underline;}
.mg-forgot-link:focus-visible{box-shadow:0 0 0 3px rgba(30,86,196,.18) !important;}

.mg-btn-primary{
	width:100%;border:none;padding:14px;border-radius:8px;background:var(--mg-gradient);
	color:#fff;font-weight:600;font-size:14.5px;cursor:pointer;
	box-shadow:0 10px 24px -8px rgba(30,86,196,.45);transition:transform .15s ease,opacity .2s ease;
	display:flex;align-items:center;justify-content:center;gap:8px;
}
.mg-btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;}
.mg-btn-primary:not(:disabled):hover{transform:translateY(-1px);}
.mg-btn-primary:not(:disabled):active{transform:translateY(0);}
.mg-btn-secondary{background:#fff;color:var(--mg-blue-dark);border:1.5px solid var(--mg-line);box-shadow:none;max-width:200px;margin:0 auto;}

.mg-spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:mgSpin .7s linear infinite;display:none;}
.mg-spinner.show{display:inline-block;}
@keyframes mgSpin{to{transform:rotate(360deg);}}

.mg-switch-line{text-align:center;font-size:13px;color:var(--mg-muted);margin-top:20px;}
.mg-switch-line button{background:none;border:none;color:var(--mg-blue-dark);font-weight:600;cursor:pointer;font-size:13px;padding:0;}

.mg-success-wrap,.mg-loggedin-wrap{text-align:center;padding:36px 24px 8px;}
.mg-success-icon{width:64px;height:64px;border-radius:50%;background:rgba(29,163,74,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
.mg-success-icon svg{width:30px;height:30px;}
.mg-success-wrap h3,.mg-loggedin-wrap h3{font-size:19px;color:var(--mg-ink);margin:0 0 8px;}
.mg-success-wrap p,.mg-loggedin-wrap p{font-size:13.5px;color:var(--mg-muted);margin:0 0 18px;}
.mg-success-wrap{padding:36px 24px;}

.mg-orders{padding:4px 24px 8px;}
.mg-orders-title{font-size:14px;font-weight:700;color:var(--mg-ink);margin:0 0 12px;text-align:left;}
.mg-orders-empty{font-size:13px;color:var(--mg-muted);text-align:center;padding:16px 0;}
.mg-order-list{display:flex;flex-direction:column;gap:10px;margin-bottom:8px;max-height:340px;overflow-y:auto;}
.mg-order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1.5px solid var(--mg-line);border-radius:10px;background:var(--mg-bg-soft);transition:border-color .16s ease,box-shadow .16s ease;}
.mg-order-row:hover{border-color:var(--mg-blue);box-shadow:0 6px 14px -8px rgba(30,86,196,.25);}
.mg-order-main{display:flex;flex-direction:column;gap:2px;text-align:left;}
.mg-order-number{font-size:13px;font-weight:700;color:var(--mg-ink);}
.mg-order-date{font-size:11.5px;color:var(--mg-muted);}
.mg-order-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.mg-order-total{font-size:13px;font-weight:600;color:var(--mg-ink);white-space:nowrap;}
.mg-order-view{font:inherit;font-size:12px;font-weight:700;color:var(--mg-blue-dark);text-decoration:none;white-space:nowrap;background:#fff;border:1.5px solid var(--mg-line);border-radius:999px;padding:5px 13px;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease;}
.mg-order-view:hover{border-color:var(--mg-blue);transform:translateY(-1px);box-shadow:0 4px 10px -4px rgba(30,86,196,.35);}
.mg-order-view:active{transform:translateY(0);}
.mg-order-status{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap;text-transform:capitalize;}
.mg-status-completed{background:rgba(29,163,74,.12);color:var(--mg-green-dark);}
.mg-status-processing{background:rgba(30,86,196,.12);color:var(--mg-blue-dark);}
.mg-status-on-hold,.mg-status-pending{background:rgba(240,177,0,.15);color:#8A6100;}
.mg-status-cancelled,.mg-status-failed{background:rgba(217,45,32,.1);color:var(--mg-danger);}
.mg-status-refunded,.mg-status-draft,.mg-status-checkout-draft{background:#EEF1F5;color:var(--mg-muted);}

.mg-loggedin-footer{padding:8px 24px 32px;}
.mg-loggedin-footer .mg-btn-secondary{margin:0 auto;}

/* ---------- order details popup ---------- */
.mg-order-modal-overlay{
	position:fixed;inset:0;z-index:99998;
	background:rgba(16,24,40,.55);
	display:flex;align-items:center;justify-content:center;
	padding:20px;opacity:0;pointer-events:none;
	transition:opacity .22s ease;
}
.mg-order-modal-overlay.open{opacity:1;pointer-events:auto;}
.mg-order-modal-inner{
	position:relative;width:100%;max-width:420px;
	background:#fff;border-radius:16px;box-shadow:0 24px 60px -12px rgba(16,24,40,.25);
	transform:translateY(14px) scale(.98);
	transition:transform .28s cubic-bezier(.2,.8,.2,1);
	max-height:min(600px,88vh);
	display:flex;flex-direction:column;overflow:hidden;
}
.mg-order-modal-overlay.open .mg-order-modal-inner{transform:translateY(0) scale(1);}

.mg-order-modal-hero{
	position:relative;flex-shrink:0;
	background:var(--mg-gradient);
	padding:20px 52px 18px 20px;
	display:flex;align-items:center;gap:10px;
	overflow:hidden;
}
.mg-order-modal-hero::before,.mg-order-modal-hero::after{
	content:'';position:absolute;border-radius:50%;
	background:rgba(255,255,255,.12);pointer-events:none;
}
.mg-order-modal-hero::before{width:120px;height:120px;top:-60px;right:20px;}
.mg-order-modal-hero::after{width:70px;height:70px;bottom:-40px;left:40px;background:rgba(255,255,255,.08);}
.mg-order-modal-hero-icon{
	position:relative;z-index:1;flex-shrink:0;
	width:36px;height:36px;border-radius:10px;
	background:rgba(255,255,255,.18);
	display:flex;align-items:center;justify-content:center;
}
.mg-order-modal-hero-label{position:relative;z-index:1;color:#fff;font-weight:700;font-size:14.5px;letter-spacing:.2px;}
.mg-order-modal-close{cursor:pointer;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease;}
.mg-order-modal-close:hover{background-color:#F7F9FC !important;box-shadow:0 3px 10px rgba(16,24,40,.32) !important;transform:rotate(90deg);}
.mg-order-modal-close:active{transform:rotate(90deg) scale(.9);}
.mg-order-modal-close:focus-visible{box-shadow:0 0 0 3px rgba(255,255,255,.55),0 2px 8px rgba(16,24,40,.28) !important;}

@media (max-width:380px){
	.mg-order-modal-hero{padding:18px 46px 16px 16px;}
	.mg-order-modal-hero button.mg-order-modal-close,
	.mg-order-modal-close{top:10px !important;right:10px !important;width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;max-width:28px !important;}
}
.mg-order-modal-body{padding:20px 24px 26px;overflow-y:auto;flex:1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
.mg-order-modal-loading{display:flex;align-items:center;justify-content:center;padding:60px 0;}
.mg-spinner-dark{border:2px solid rgba(16,24,40,.15);border-top-color:var(--mg-blue);}

.mg-order-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px;flex-wrap:wrap;}
.mg-order-modal-title{font-size:18px;font-weight:700;color:var(--mg-ink);margin:0;word-break:break-word;}
.mg-order-modal-date{font-size:12.5px;color:var(--mg-muted);margin:4px 0 0;}
.mg-order-modal-items{margin:20px 0;border-top:1px solid var(--mg-line);border-bottom:1px solid var(--mg-line);}
.mg-order-modal-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dashed var(--mg-line);}
.mg-order-modal-item:last-child{border-bottom:none;}
.mg-order-modal-item-name{font-size:13.5px;color:var(--mg-ink);font-weight:600;}
.mg-order-modal-item-qty{font-size:12px;color:var(--mg-muted);margin-top:2px;}
.mg-order-modal-item-total{font-size:13.5px;color:var(--mg-ink);font-weight:600;white-space:nowrap;}
.mg-order-modal-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--mg-muted);padding:5px 0;gap:12px;}
.mg-order-modal-row.mg-order-modal-total{font-size:15px;font-weight:700;color:var(--mg-ink);padding-top:10px;margin-top:6px;border-top:1px solid var(--mg-line);}
.mg-order-modal-payment{font-size:12px;color:var(--mg-muted);margin-top:16px;text-align:center;}
.mg-order-modal-error{font-size:13px;color:var(--mg-danger);text-align:center;padding:40px 0;}

.mg-stepper{display:flex;align-items:flex-start;margin:18px 0 4px;animation:mgFadeUp .32s ease both .02s;}
.mg-step-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:64px;}
.mg-step-dot{width:13px;height:13px;border-radius:50%;background:#fff;border:2.5px solid var(--mg-line);display:block;transition:all .2s ease;}
.mg-step-item.active .mg-step-dot{border-color:var(--mg-blue);box-shadow:0 0 0 4px rgba(30,86,196,.15);}
.mg-step-item.done .mg-step-dot{background:var(--mg-green);border-color:var(--mg-green);}
.mg-step-label{font-size:10.5px;color:var(--mg-muted);font-weight:600;white-space:nowrap;}
.mg-step-item.active .mg-step-label{color:var(--mg-blue-dark);}
.mg-step-item.done .mg-step-label{color:var(--mg-green-dark);}
.mg-step-line{flex:1;height:2px;background:var(--mg-line);margin:6px -6px 0;transition:background .25s ease;}
.mg-step-line.done{background:var(--mg-green);}

.mg-order-modal-delivery{font-size:12.5px;color:var(--mg-ink);background:var(--mg-bg-soft);border:1px solid var(--mg-line);border-radius:8px;padding:9px 12px;margin:14px 0 0;}
.mg-order-modal-address{font-size:12.5px;color:var(--mg-muted);margin:14px 0 0;padding:10px 12px;border:1px solid var(--mg-line);border-radius:8px;}
.mg-order-modal-address strong{display:block;color:var(--mg-ink);font-size:12px;margin-bottom:4px;}
.mg-order-modal-address p{margin:0;line-height:1.5;}
.mg-order-modal-locked{font-size:12.5px;color:var(--mg-muted);text-align:center;margin:22px 0 0;padding:14px;background:var(--mg-bg-soft);border-radius:8px;}

.mg-order-manage{margin-top:24px;padding-top:20px;border-top:1px solid var(--mg-line);}
.mg-order-manage-title{font-size:13px;font-weight:700;color:var(--mg-ink);margin:0 0 12px;}
.mg-order-manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.mg-order-manage-btn{
	-webkit-appearance:none;appearance:none;
	-webkit-tap-highlight-color:transparent;outline:none;
	font:inherit;font-size:12.5px;font-weight:600;color:var(--mg-blue-dark);
	background:var(--mg-bg-soft);border:1.5px solid var(--mg-line);border-radius:12px;
	padding:14px 10px;cursor:pointer;text-align:center;line-height:1.3;
	display:flex;flex-direction:column;align-items:center;gap:8px;
	transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;
	will-change:transform;
}
.mg-order-manage-btn:hover{
	background:#fff;border-color:var(--mg-blue);
	transform:translateY(-2px);
	box-shadow:0 8px 18px -8px rgba(30,86,196,.28);
}
.mg-order-manage-btn:focus-visible{border-color:var(--mg-blue);box-shadow:0 0 0 3px rgba(30,86,196,.18);}
.mg-order-manage-btn:active{transform:translateY(0);box-shadow:none;}
.mg-order-manage-icon{
	width:34px;height:34px;border-radius:10px;flex-shrink:0;
	display:flex;align-items:center;justify-content:center;
	transition:transform .16s ease;
}
.mg-order-manage-btn:hover .mg-order-manage-icon{transform:scale(1.1);}
.mg-icon-blue{background:rgba(30,86,196,.1);color:var(--mg-blue-dark);}
.mg-icon-teal{background:rgba(23,152,127,.12);color:#0F7A66;}
.mg-icon-amber{background:rgba(217,140,11,.14);color:#B45309;}
.mg-icon-red{background:rgba(217,45,32,.1);color:var(--mg-danger);}
.mg-order-manage-danger{color:var(--mg-danger);}
.mg-order-manage-danger:hover{border-color:var(--mg-danger);box-shadow:0 8px 18px -8px rgba(217,45,32,.28);}
.mg-order-manage-danger-fill{background:var(--mg-danger)!important;border-color:var(--mg-danger)!important;}
.mg-order-manage-danger-fill:hover{filter:brightness(1.08);box-shadow:0 8px 18px -8px rgba(217,45,32,.4);}

@keyframes mgFadeUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.mg-order-modal-header{animation:mgFadeUp .32s ease both;}
.mg-order-modal-delivery,.mg-order-modal-address{animation:mgFadeUp .32s ease both .04s;}
.mg-order-modal-items{animation:mgFadeUp .32s ease both .08s;}
.mg-order-modal-row{animation:mgFadeUp .28s ease both .1s;}
.mg-order-modal-payment{animation:mgFadeUp .28s ease both .12s;}
.mg-order-manage,.mg-order-modal-locked{animation:mgFadeUp .32s ease both .14s;}

.mg-order-back{
	font:inherit;font-size:12.5px;font-weight:600;color:var(--mg-muted);
	background:none;border:none;padding:0;margin-bottom:16px;cursor:pointer;
}
.mg-order-back:hover{color:var(--mg-ink);}

.mg-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.mg-field-row .mg-field-block{margin-bottom:16px;}

.mg-model-item-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
.mg-model-item-choice{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mg-ink);cursor:pointer;}
.mg-model-item-choice input{accent-color:var(--mg-blue);}
.mg-model-results{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:180px;overflow-y:auto;}
.mg-model-result{
	display:flex;align-items:center;justify-content:space-between;gap:10px;
	font:inherit;font-size:13px;text-align:left;color:var(--mg-ink);
	background:var(--mg-bg-soft);border:1px solid var(--mg-line);border-radius:8px;
	padding:9px 12px;cursor:pointer;
}
.mg-model-result:hover{border-color:var(--mg-blue);}
.mg-model-result span{color:var(--mg-muted);font-weight:600;white-space:nowrap;}
.mg-model-no-results{font-size:12.5px;color:var(--mg-muted);margin:6px 0 0;}
.mg-model-selected{font-size:12.5px;font-weight:600;color:var(--mg-green-dark);background:rgba(29,163,74,.1);border-radius:8px;padding:8px 12px;margin:4px 0 16px;}

.mg-cancel-actions{display:flex;gap:10px;}
.mg-cancel-actions .mg-order-manage-btn{flex:1;}
.mg-cancel-actions .mg-btn-primary{flex:1;margin:0;}

@media (max-width:900px) and (min-width:681px){
	.mg-side-devices{height:90px;}
	.mg-p1{height:48px;} .mg-p2{height:62px;} .mg-p3{height:80px;}
	.mg-p4{height:66px;} .mg-p5{height:50px;}
	.mg-side-trust{flex-wrap:wrap;gap:10px 18px;}
}

@media (max-width:680px){
	.mobgrid-auth-shortcode-wrap{padding:28px 16px;min-height:auto;}
	.mobgrid-auth-card{grid-template-columns:1fr;min-height:auto;width:min(94vw,480px);}
	.mobgrid-auth-side{display:none;}
	.mobgrid-auth-main{padding:32px 24px;}
	.mg-auth-tabs{width:100%;}
	.mg-auth-tab{flex:1;text-align:center;}
}

@media (max-width:480px){
	.mobgrid-auth-card{margin:12px auto;border-radius:16px;}
	.mobgrid-auth-main{padding:26px 18px;}
	.mg-step-title{font-size:19px;}
	.mg-options-row{flex-wrap:wrap;}
	.mg-order-modal-overlay{padding:0;align-items:flex-end;}
	.mg-order-modal-inner{
		max-width:none;width:100%;max-height:92vh;
		border-radius:20px 20px 0 0;
		transform:translateY(100%);
	}
	.mg-order-modal-overlay.open .mg-order-modal-inner{transform:translateY(0);}
	.mg-order-modal-body{padding-left:18px;padding-right:18px;}
	.mg-order-modal-title{font-size:16.5px;}
	.mg-order-manage-grid{grid-template-columns:1fr;}
	.mg-field-row{grid-template-columns:1fr;gap:0;}
	.mg-cancel-actions{flex-direction:column;}
}

@media (max-width:360px){
	.mobgrid-auth-main{padding:22px 14px;}
	.mg-field-prefix{padding:12px 8px 12px 10px;}
	.mg-field-wrap input{padding:12px 10px;}
	.mg-field-toggle{height:24px !important;line-height:24px !important;padding:0 10px !important;margin:0 6px !important;font-size:11px !important;}
	.mg-step-title{font-size:18px;}
	.mg-btn-primary{padding:13px;font-size:14px;}
	.mg-order-manage-btn{padding:12px 8px;}
}

/* ---------- gate modal (used by [mobgrid_guard] / data-mobgrid-guard) ---------- */
.mobgrid-modal-overlay{
	position:fixed;inset:0;z-index:99999;
	background:rgba(16,24,40,.55);
	display:flex;align-items:center;justify-content:center;
	padding:20px;opacity:0;pointer-events:none;
	transition:opacity .22s ease;
}
.mobgrid-modal-overlay.open{opacity:1;pointer-events:auto;}
.mobgrid-modal-inner{
	position:relative;max-width:860px;width:100%;
	transform:translateY(14px) scale(.98);
	transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.mobgrid-modal-overlay.open .mobgrid-modal-inner{transform:translateY(0) scale(1);}
.mobgrid-modal-inner .mobgrid-auth-card{margin:0;}
.mobgrid-modal-close{
	position:absolute;top:14px;right:14px;z-index:2;
	width:32px;height:32px;border-radius:50%;border:1px solid var(--mg-line,#E4E7EC);
	background:#fff;color:var(--mg-muted,#667085);cursor:pointer;font-size:14px;
	display:flex;align-items:center;justify-content:center;line-height:1;
}
.mobgrid-modal-close:hover{background:var(--mg-bg-soft,#F7F9FC);color:var(--mg-ink,#101828);}

/* default look for [mobgrid_guard] links when the theme doesn't style them */
.mg-guard-btn{
	display:inline-flex;align-items:center;justify-content:center;
	padding:11px 24px;border-radius:999px;
	background:linear-gradient(100deg,#1E56C4 0%,#17987F 55%,#1DA34A 100%);
	color:#fff;font-weight:600;font-size:14px;text-decoration:none;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.mg-guard-btn:hover{opacity:.92;color:#fff;}