/* Sales notification: compact version (loads after shop-ui.css) */
.op{width:min(300px,calc(100vw - 24px));gap:10px;align-items:center;padding:8px 32px 8px 8px;border-radius:14px;box-shadow:0 10px 28px rgba(11,18,38,.16)}
.op-img{width:42px;height:42px;border-radius:10px}
.op-t{flex:1;min-width:0;font-size:.74rem;line-height:1.3}
.op-l{font-size:.72rem;line-height:1.3}
.op-p{display:block;margin-top:1px;font-size:.78rem;line-height:1.3;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1}
.op-m{margin-top:2px;gap:5px;font-size:.66rem;line-height:1.2;white-space:nowrap}
.op-v{gap:3px}
.op-x{top:50%;right:7px;width:20px;height:20px;transform:translateY(-50%)}
.op-x svg{width:10px;height:10px}
@media (max-width:640px){
	.op{width:min(264px,calc(100vw - 24px));gap:8px;padding:6px 28px 6px 6px;border-radius:12px;box-shadow:0 8px 22px rgba(11,18,38,.15)}
	.op-img{width:36px;height:36px;border-radius:8px}
	.op-l{font-size:.68rem}
	.op-p{font-size:.74rem}
	.op-m{font-size:.62rem}
	.op-m i,.op-v [data-op-ver]{display:none}
	.op-x{right:5px;width:18px;height:18px}
}