.zs-compatible-popup {
	position: fixed;
	z-index: 999999;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.zs-compatible-popup.is-open { display: flex; }
.zs-compatible-popup__overlay { position: absolute; inset: 0; background: rgba(20, 24, 30, .62); backdrop-filter: blur(3px); }
.zs-compatible-popup__dialog { position: relative; width: 100%; max-width: 760px; max-height: calc(100vh - 40px); overflow-y: auto; padding: 32px; border-radius: 12px; background: #fff; box-shadow: 0 24px 70px rgba(0, 0, 0, .22); }
.zs-compatible-popup__close { position: absolute; top: 12px; right: 16px; width: 36px; height: 36px; padding: 0; border: 0; background: transparent; color: #333; font-size: 30px; line-height: 36px; cursor: pointer; }
.zs-compatible-popup__header { margin-bottom: 24px; padding-right: 30px; margin-top: 20px;}
.zs-compatible-popup__header h3 { margin: 0 0 8px; font-size: 24px; }
.zs-compatible-popup__header p { margin: 0; color: #777; }
.zs-compatible-popup__products { display: flex; flex-direction: column; gap: 16px; }
.zs-compatible-product { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 20px; padding: 16px; border: 1px solid #e8e8e8; border-radius: 10px; }
.zs-compatible-product__image img { display: block; width: 100%; height: auto; border-radius: 6px; }
.zs-compatible-product__title { display: block; margin-bottom: 5px; color: #222; font-size: 17px; font-weight: 600; }
.zs-compatible-product__sku { margin-bottom: 6px; color: #888; font-size: 13px; }
.zs-compatible-product__price { margin-bottom: 12px; font-size: 17px; font-weight: 600; }
.zs-compatible-product__actions { display: flex; align-items: center; gap: 10px; }
.zs-compatible-product__actions .quantity { margin: 0; }
.zs-compatible-product__message { margin-top: 8px; font-size: 13px; }
.zs-compatible-product__message.is-success { color: #238636; }
.zs-compatible-product__message.is-error { color: #d63638; }
.zs-compatible-popup__footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 0px; padding-top: 20px; border-top: 1px solid #eee; }
body.zs-compatible-popup-open { overflow: hidden; }

@media (max-width: 767px) {
	.zs-compatible-popup { align-items: flex-end; padding: 0; }
	.zs-compatible-popup__dialog { max-height: 88vh; padding: 24px 16px; border-radius: 16px 16px 0 0; }
	.zs-compatible-popup__header h3 { font-size: 20px; }
	.zs-compatible-product { grid-template-columns: 80px minmax(0, 1fr); gap: 12px; padding: 12px; }
	.zs-compatible-product__actions { flex-wrap: wrap; }
	.zs-compatible-popup__footer { display: grid; grid-template-columns: 1fr 1fr; }
	.zs-compatible-popup__footer .button { text-align: center; }
}