.moho-compat-cta{ display:flex; align-items:center; gap:12px; margin:18px 0; clear:both; }
.moho-compat-open{
	background:#fff; color:#111; border:1px solid #111; border-radius:0; padding:14px 30px;
	font-size:1em; font-weight:500; cursor:pointer; line-height:1.2;
}
.moho-compat-open:hover{ background:#111; color:#fff; }
.moho-compat-i{
	display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px;
	border:1px solid #555; border-radius:50%; font-size:.8em; font-style:italic; font-family:Georgia,serif; color:#333; cursor:pointer;
}
.moho-compat-modal[hidden]{ display:none; }
.moho-compat-modal{ position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:16px; }
.moho-compat-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.55); }
.moho-compat-dialog{
	position:relative; background:#fff; width:100%; max-width:640px; max-height:86vh; overflow:auto;
	padding:26px 26px 20px; box-shadow:0 10px 40px rgba(0,0,0,.3);
}
.moho-compat-dialog h3{ margin:0 40px 6px 0; font-size:1.3em; }
.moho-compat-close{ position:absolute; top:10px; right:14px; background:none; border:0; font-size:2em; line-height:1; cursor:pointer; color:#333; padding:0 6px; }
.moho-compat-qtynote{ font-size:.85em; color:#666; margin:0 0 10px; }
.moho-compat-msg{ min-height:0; font-size:.9em; margin:0 0 8px; }
.moho-compat-msg.is-ok{ color:#1a7f37; font-weight:600; }
.moho-compat-msg.is-error{ color:#b00020; }
.moho-compat-msg a{ margin-left:6px; text-decoration:underline; }
.moho-compat-item{ display:flex; align-items:center; gap:14px; padding:14px 0; border-top:1px solid #e6e6e6; }
.moho-compat-img{ flex:0 0 72px; }
.moho-compat-img img{ width:72px; height:72px; object-fit:contain; display:block; margin:0; }
.moho-compat-info{ flex:1; min-width:0; }
.moho-compat-name{ font-weight:600; font-size:.95em; }
.moho-compat-sku{ font-size:.75em; color:#777; text-transform:uppercase; margin:2px 0; }
.moho-compat-price{ font-size:.95em; }
.moho-compat-add{ white-space:nowrap; }
.moho-compat-na{ color:#999; font-size:.85em; }
body.moho-compat-lock{ overflow:hidden; }
@media (max-width:520px){ .moho-compat-item{ flex-wrap:wrap; } .moho-compat-act{ width:100%; } }