.zkpa-box, .zkpa-pop { direction: rtl; text-align: right; font-family: inherit; box-sizing: border-box; }
.zkpa-box *, .zkpa-pop * { box-sizing: border-box; }
.zkpa-lock { overflow: hidden; }

/* دکمه‌ها: مقاوم در برابر استایل پوسته و کیت المنتور (استایل‌های المنتور همچنان بالاتر می‌نشینند) */
html body .zkpa-btn.zkpa-btn, html body .zkpa-btn.zkpa-btn:hover, html body .zkpa-btn.zkpa-btn:focus, html body .zkpa-btn.zkpa-btn:active {
    display: inline-block; width: 100%; margin: 0; padding: 14px 18px; border: 0; border-radius: 12px; background: #f5a300; color: #fff;
    font: inherit; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; text-transform: none; letter-spacing: normal;
    text-shadow: none; box-shadow: none; outline: 0; cursor: pointer; transition: filter .15s;
}
html body .zkpa-btn.zkpa-btn:hover { filter: brightness(.95); }
html body .zkpa-btn.zkpa-btn:disabled { opacity: .6; cursor: wait; }
html body .zkpa-btn.zkpa-ghost, html body .zkpa-btn.zkpa-ghost:hover, html body .zkpa-btn.zkpa-ghost:focus, html body .zkpa-btn.zkpa-ghost:active { background: #f3f4f6; color: #6b7280; }

/* باکس سایدبار */
.zkpa-box { background: #fff; border-radius: 16px; padding: 16px; }
.zkpa-pricebox { background: #fff7ec; border-radius: 12px; padding: 14px; margin-bottom: 14px; font-size: 14px; color: #888; }
.zkpa-pricebox b { font-size: 26px; color: #222; margin: 0 4px; }
.zkpa-pricebox del { display: block; font-size: 13px; }
.zkpa-feat { list-style: none; margin: 0 0 14px; padding: 0; }
.zkpa-feat li { position: relative; padding: 6px 28px 6px 0; font-size: 14px; }
.zkpa-feat li::before { content: "\2713"; position: absolute; right: 0; top: 6px; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; background: #7ac142; color: #fff; font-size: 12px; }

/* افزودنی‌ها */
.zkpa-addons { border: 1px solid #eee; border-radius: 12px; padding: 4px 12px; margin-bottom: 14px; }
.zkpa-addon { display: block; padding: 10px 0; border-bottom: 1px dashed #e5e7eb; cursor: pointer; font-size: 14px; }
.zkpa-addon:last-child { border-bottom: 0; }
.zkpa-addon-top { display: flex; align-items: center; gap: 8px; }
.zkpa-addon-label { flex: 1; }
.zkpa-addon-price { display: block; margin-top: 4px; font-weight: 700; color: #333; }
.zkpa-cb { width: 18px; height: 18px; accent-color: #f5a300; margin: 0; }
.zkpa-badge { font-style: normal; font-size: 12px; color: #f5a300; border: 1px solid #f5a300; border-radius: 20px; padding: 1px 10px; }
.zkpa-tip { width: 16px; height: 16px; line-height: 14px; text-align: center; border: 1px solid #9ca3af; border-radius: 50%; color: #9ca3af; font-size: 11px; font-style: normal; cursor: help; }

/* پاپ‌آپ */
.zkpa-pop { position: fixed; inset: 0; z-index: 2147483647; background: rgba(0, 0, 0, .55); display: flex; align-items: center; justify-content: center; padding: 14px; }
.zkpa-pop[hidden] { display: none; }
.zkpa-pop-in { position: relative; background: #fff; border-radius: 18px; width: 100%; max-width: 820px; max-height: 92vh; display: flex; flex-direction: column; overflow: hidden; }
html body .zkpa-pop .zkpa-x.zkpa-x, html body .zkpa-pop .zkpa-x.zkpa-x:hover, html body .zkpa-pop .zkpa-x.zkpa-x:focus, html body .zkpa-pop .zkpa-x.zkpa-x:active {
    position: absolute; top: 12px; left: 12px; z-index: 10; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;
    margin: 0; padding: 0; border: 0; border-radius: 50%; background: #f3f4f6; color: #6b7280; font: inherit; font-size: 22px; line-height: 1;
    text-transform: none; box-shadow: none; outline: 0; cursor: pointer;
}
html body .zkpa-pop .zkpa-x.zkpa-x:hover { background: #e5e7eb; color: #111827; }
.zkpa-pop-in h3 { font-family: inherit; }
.zkpa-pop-head { text-align: center; padding: 22px 16px 14px; }
.zkpa-pop-head h3 { margin: 10px 0 0; font-size: 18px; color: #444; }
.zkpa-ico { display: inline-block; width: 44px; height: 44px; line-height: 44px; border-radius: 50%; background: #7ac142; color: #fff; font-size: 22px; }
.zkpa-pop-body { background: #f8f9fa; padding: 16px; overflow-y: auto; }
.zkpa-prod { display: flex; align-items: center; gap: 12px; background: #fff; border-radius: 12px; padding: 12px; margin-bottom: 12px; }
.zkpa-prod img { width: 56px; height: 56px; border-radius: 12px; object-fit: cover; }
.zkpa-pp { color: #666; margin-top: 4px; font-size: 14px; }
.zkpa-pop .zkpa-addons { background: #fff; margin-bottom: 0; }
@media (min-width: 720px) {
    .zkpa-pop .zkpa-addons { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; }
    .zkpa-pop .zkpa-addon:nth-last-child(2):nth-child(odd) { border-bottom: 0; }
    .zkpa-pop-body { padding: 18px 22px; }
}
.zkpa-sum { display: flex; align-items: center; gap: 6px; background: #f2f9e8; margin: 12px 16px 0; padding: 12px 14px; border-radius: 10px; font-size: 14px; }
.zkpa-sum span { flex: 1; }
.zkpa-sum b { font-size: 18px; }
.zkpa-actions { display: flex; flex-direction: row-reverse; gap: 10px; padding: 14px 16px 16px; }
.zkpa-actions .zkpa-btn { width: auto; flex: 1; }

/* پاپ‌آپ ورود */
.zkpa-lg { position: fixed; inset: 0; z-index: 2147483647; background: rgba(0,0,0,.55); display: flex; align-items: center; justify-content: center; padding: 14px; overflow-y: auto; }
.zkpa-lg[hidden] { display: none; }
.zkpa-lg-in { position: relative; width: 100%; max-width: 440px; max-height: 96vh; overflow-y: auto; border-radius: 20px; background: #fff; direction: rtl; }
.zkpa-lg-in .avin-login-box { margin: 0 auto; box-shadow: none; }
.zkpa-lg-x { position: absolute; top: 10px; left: 14px; z-index: 5; border: 0; background: none; font-size: 28px; line-height: 1; color: #9ca3af; cursor: pointer; }
.zkpa-lg-note { margin: 0; padding: 16px 48px 0 20px; font-size: 13px; color: #6b7280; text-align: center; }

/* هدایای پکیج */
.zkpa-bonus { direction: rtl; border: 1px dashed #7ac142; background: #f8fdf3; border-radius: 14px; padding: 12px 14px; margin-bottom: 14px; }
.zkpa-bonus h4 { margin: 0 0 8px; font-size: 15px; }
.zkpa-bonus-item { display: flex; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px dashed #dfe9d4; }
.zkpa-bonus-img { width: 54px; height: 54px; object-fit: cover; border-radius: 10px; }
.zkpa-bonus-info { display: flex; flex-direction: column; gap: 2px; font-size: 14px; }
.zkpa-bonus-info small { color: #6b7280; }
.zkpa-bonus del, .zkpa-bonus-sum del { color: #9ca3af; }
.zkpa-free { font-style: normal; background: #e8f6dc; color: #3a8f10; border-radius: 20px; padding: 1px 10px; font-size: 12px; font-weight: 700; }
.zkpa-bonus-sum { padding-top: 8px; font-size: 13px; }

/* سبد خالی */
.zkpa-empty { direction: rtl; text-align: center; max-width: 520px; margin: 0 auto; padding: 32px 20px; font-family: inherit; }
.zkpa-empty-ico { color: #f5a300; display: inline-flex; margin-bottom: 10px; }
.zkpa-empty-img { max-width: 220px; height: auto; margin: 0 auto 12px; display: block; }
.zkpa-empty-title { margin: 0 0 8px; font-size: 22px; font-weight: 800; }
.zkpa-empty-text { margin: 0 0 18px; color: #6b7280; line-height: 1.9; }
.zkpa-empty .zkpa-btn { width: auto; padding: 12px 28px; }
