/* Zamanyan Profile PRO — Mobile App UI Design System */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');

:root{
  --zp-navy:#0B1F3A;
  --zp-navy-2:#123056;
  --zp-primary:#0B1F3A;
  --zp-primary2:#153A66;
  --zp-accent:#1E4E8C;
  --zp-accent-soft:#E8EEF7;
  --zp-bg:#FFFFFF;
  --zp-bg-soft:#F5F7FB;
  --zp-surface:#FFFFFF;
  --zp-text:#0B1F3A;
  --zp-muted:#5B6B7C;
  --zp-line:#E6EBF2;
  --zp-line-strong:#D5DEEA;
  --zp-success:#0F7B4A;
  --zp-danger:#C62828;
  --zp-white:#fff;
  --zp-blue:#F5F7FB;
  --zp-blue2:#EEF2F8;
  --zp-shadow:0 8px 28px rgba(11,31,58,.08);
  --zp-shadow-sm:0 4px 14px rgba(11,31,58,.06);
  --zp-radius:18px;
  --zp-radius-sm:12px;
  --zp-radius-lg:24px;
  --zp-font:"Vazirmatn",Tahoma,Arial,sans-serif;
  --zp-btn-h:48px;
  color-scheme:light;
}

@media (prefers-color-scheme: dark){
  :root{
    --zp-navy:#E8EEF7;
    --zp-navy-2:#C9D6EA;
    --zp-primary:#4A7DC0;
    --zp-primary2:#6B9AE0;
    --zp-accent:#6B9AE0;
    --zp-accent-soft:#1A2740;
    --zp-bg:#0A1220;
    --zp-bg-soft:#0F1A2C;
    --zp-surface:#121E32;
    --zp-text:#E8EEF7;
    --zp-muted:#9AABBF;
    --zp-line:#1E2D45;
    --zp-line-strong:#2A3D5C;
    --zp-white:#121E32;
    --zp-blue:#0F1A2C;
    --zp-blue2:#152238;
    --zp-shadow:0 10px 32px rgba(0,0,0,.45);
    --zp-shadow-sm:0 4px 16px rgba(0,0,0,.35);
    color-scheme:dark;
  }
}

html.zp-theme-dark, body.zp-theme-dark, .zp-standalone-profile.zp-theme-dark{
  --zp-navy:#E8EEF7;
  --zp-navy-2:#C9D6EA;
  --zp-primary:#4A7DC0;
  --zp-primary2:#6B9AE0;
  --zp-accent:#6B9AE0;
  --zp-accent-soft:#1A2740;
  --zp-bg:#0A1220;
  --zp-bg-soft:#0F1A2C;
  --zp-surface:#121E32;
  --zp-text:#E8EEF7;
  --zp-muted:#9AABBF;
  --zp-line:#1E2D45;
  --zp-line-strong:#2A3D5C;
  --zp-white:#121E32;
  --zp-blue:#0F1A2C;
  --zp-blue2:#152238;
  --zp-shadow:0 10px 32px rgba(0,0,0,.45);
  --zp-shadow-sm:0 4px 16px rgba(0,0,0,.35);
  color-scheme:dark;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--zp-font);
  color:var(--zp-text);
  background:var(--zp-bg);
  -webkit-font-smoothing:antialiased;
  line-height:1.65;
  letter-spacing:-.01em;
}

.zp-standalone-profile{background:var(--zp-bg-soft);min-height:100vh}.zp-standalone-profile a{text-decoration:none}.zp-eitaa-main{width:min(100%,720px);margin:0 auto;padding:14px 14px 40px}.zp-eitaa-hero,.zp-profile-tools,.zp-qr-card,.zp-bank-card,.zp-cards-section{background:var(--zp-white);border:1px solid rgba(215,227,240,.9);border-radius:var(--zp-radius);box-shadow:var(--zp-shadow);overflow:hidden}.zp-eitaa-hero{margin-bottom:14px}.zp-eitaa-cover{position:relative;width:100%;height:300px;background:linear-gradient(135deg,#d9eaff,#f6fbff);overflow:hidden}.zp-eitaa-cover img{display:block;width:100%;height:100%;object-fit:cover}.zp-cover-fallback{width:100%;height:100%;background:linear-gradient(135deg,#dbeeff,#f8fbff)}.zp-cover-edit{position:absolute;top:14px;left:14px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);box-shadow:0 6px 18px rgba(0,0,0,.12);color:#1769d2}.zp-cover-edit svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.zp-eitaa-identity{position:relative;text-align:center;padding:0 20px 18px}.zp-eitaa-avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 8px 26px rgba(29,68,111,.18);margin-top:-56px;background:#eaf4ff;position:relative}.zp-placeholder{display:inline-grid;place-items:center;color:#1769d2;font-size:38px;font-weight:800}.zp-eitaa-identity h1{font-size:24px;margin:10px 0 4px;line-height:1.4}.zp-eitaa-username{font-size:14px;color:#7b879b;direction:ltr}.zp-social-icons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:360px;margin:15px auto 0;align-items:center}.zp-social-icon{width:46px;height:46px;margin:auto;border-radius:15px;display:grid;place-items:center;background:#f4f8fc;border:1px solid #e2eaf3;color:#1769d2;transition:transform .18s,box-shadow .18s,background .18s}.zp-social-icon:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(25,89,150,.12);background:#edf6ff}.zp-social-icon svg,.zp-social-icon img{width:29px;height:29px;display:block;object-fit:contain}.zp-social-icon svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.zp-eitaa-bio{max-width:560px;margin:15px auto 0;color:#58657a;line-height:1.9;font-size:14px}.zp-eitaa-actions{display:flex;gap:10px;padding:0 18px 20px}.zp-action-outline,.zp-action-primary{flex:1;min-height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px}.zp-action-outline{border:1px solid #dce7f2;background:#fff;color:#1769d2}.zp-action-primary{border:0;background:linear-gradient(135deg,#1769d2,#3188ec);color:#fff;box-shadow:0 8px 20px rgba(23,105,210,.2)}.zp-action-outline svg,.zp-action-primary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.zp-profile-tools,.zp-qr-card,.zp-bank-card,.zp-cards-section{padding:17px;margin-bottom:14px}.zp-tools-title,.zp-section-title,.zp-qr-head,.zp-bank-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.zp-tools-title strong,.zp-section-title strong,.zp-qr-head strong,.zp-bank-head strong{font-size:16px}.zp-tools-title span{font-size:11px;color:#8b96a8;direction:ltr;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zp-copy-row,.zp-bank-row{width:100%;border:0;background:#f7faff;border-radius:15px;padding:13px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;color:var(--zp-text);cursor:pointer}.zp-copy-row span{display:flex;align-items:center;gap:8px;font-weight:700}.zp-copy-row svg{width:20px;height:20px;fill:none;stroke:#1769d2;stroke-width:1.8}.zp-copy-row small,.zp-bank-row b{color:#1769d2}.zp-owner-edit{display:flex;justify-content:center;margin-top:10px;color:#1769d2;font-weight:700}.zp-qr-head span{display:block;color:#8a95a7;font-size:12px;margin-top:3px}.zp-qr-body{display:flex;gap:18px;align-items:center;margin-top:14px}.zp-qr-image{width:150px;min-width:150px;height:150px;border:1px solid #e1eaf4;border-radius:16px;padding:8px;background:#fff}.zp-qr-image img{width:100%;height:100%;object-fit:contain}.zp-qr-actions{display:flex;flex-direction:column;gap:9px;flex:1}.zp-qr-download,.zp-qr-copy{border:0;border-radius:14px;min-height:44px;display:grid;place-items:center;font-weight:700;cursor:pointer}.zp-qr-download{background:#1769d2;color:#fff}.zp-qr-copy{background:#eef6ff;color:#1769d2}.zp-bank-head{justify-content:flex-start}.zp-bank-icon{width:46px;height:46px;border-radius:14px;object-fit:cover;background:#eef6ff;display:grid;place-items:center;flex:none}.zp-bank-default{color:#1769d2}.zp-bank-default svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6}.zp-bank-head small{display:block;color:#8792a4;margin-top:3px}.zp-bank-row span{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.zp-bank-row small{color:#8994a6}.zp-bank-row strong{font-size:15px;letter-spacing:.4px}.zp-section-title span{background:#edf5ff;color:#1769d2;border-radius:99px;padding:4px 9px;font-size:12px}.zp-eitaa-links{display:flex;flex-direction:column;gap:10px;margin-top:13px}.zp-eitaa-link{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid #e2eaf3;background:#fbfdff;border-radius:17px;color:var(--zp-text);transition:transform .18s,box-shadow .18s}.zp-eitaa-link:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(33,75,120,.08)}.zp-link-icon{width:50px;height:50px;min-width:50px;border-radius:15px;background:#eef6ff;display:grid;place-items:center;overflow:hidden;color:#1769d2}.zp-link-icon img{width:100%;height:100%;object-fit:cover}.zp-link-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.zp-link-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.zp-link-text strong{font-size:15px}.zp-link-text small{font-size:11px;color:#8994a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}.zp-chevron{width:20px;height:20px;fill:none;stroke:#9aa6b8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(180deg)}.zp-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1f2b3d;color:#fff;border-radius:12px;padding:10px 16px;font-size:13px;transition:.2s;z-index:9999}.zp-toast.show{opacity:1;transform:translate(-50%,0)}
/* dashboard/auth */.zp-app-page{background:linear-gradient(180deg,#f8fbff,#eaf4ff)}.zp-dashboard,.zp-auth-card{width:min(100% - 28px,760px);margin:28px auto 40px}.zp-auth-card{max-width:480px;background:#fff;border:1px solid #e3ebf4;border-radius:24px;padding:28px;box-shadow:var(--zp-shadow)}.zp-logo{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#1769d2,#63a8f5);color:#fff;font-size:28px;font-weight:800;margin:0 auto 15px}.zp-auth-card h2{text-align:center;margin:0 0 8px}.zp-muted,.zp-auth-bottom{text-align:center;color:#7c889b}.zp-form{background:#fff}.zp-form label{display:block;margin:14px 0 7px;font-weight:700;font-size:13px}.zp-form input,.zp-form textarea{width:100%;border:1px solid #dce6f0;background:#fbfdff;border-radius:13px;padding:12px 13px;font:inherit;outline:none}.zp-form input:focus,.zp-form textarea:focus{border-color:#70a9e5;box-shadow:0 0 0 4px #eaf4ff}.zp-form button,.zp-primary{width:100%;margin-top:16px;border:0;border-radius:14px;background:linear-gradient(135deg,#1769d2,#3188ec);color:#fff;padding:13px;font-weight:800;cursor:pointer}.zp-dashboard{background:#fff;border:1px solid #e0e9f3;border-radius:24px;padding:20px;box-shadow:var(--zp-shadow)}.zp-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.zp-dashboard-head h2{margin:3px 0}.zp-kicker{color:#1769d2;font-size:12px}.zp-view-button{background:#eef6ff;color:#1769d2;padding:11px 15px;border-radius:13px;font-weight:700}.zp-success{background:#edf9f1;color:#177245;border:1px solid #ccebd8;border-radius:12px;padding:10px;margin-bottom:12px}.zp-cover-size-note{background:#f3f8ff;border:1px solid #dceafa;color:#56708e;border-radius:13px;padding:10px;font-size:12px;margin-bottom:10px}.zp-cover-editor{height:230px;border-radius:18px;overflow:hidden;background:#edf5ff;margin-bottom:10px}.zp-cover-editor-img{width:100%;height:100%;object-fit:cover}.zp-cover-empty{height:100%;display:grid;place-items:center;color:#6e8299}.zp-mini-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 5px 16px rgba(0,0,0,.12);margin:-40px auto 15px;display:block;position:relative}.zp-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zp-upload-box{border:1px dashed #cad9e8;border-radius:15px;padding:12px;background:#fbfdff}.zp-file-button,.zp-icon-upload{display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer;background:#eef6ff;color:#1769d2;border-radius:11px;padding:9px 12px;margin-top:7px!important}.zp-file-button input,.zp-icon-upload input{display:none}.zp-file-info,.zp-file-name,.zp-file-size{display:block;font-size:11px;color:#7e8b9f;margin-top:7px}.zp-file-name{font-weight:700;color:#45546a;overflow:hidden;text-overflow:ellipsis}.zp-slug-field{display:flex;align-items:center;border:1px solid #dce6f0;border-radius:13px;overflow:hidden;background:#fbfdff}.zp-slug-field span{padding:11px 10px;color:#8a95a7;font-size:12px;direction:ltr;white-space:nowrap}.zp-slug-field input{border:0!important;border-radius:0!important}.zp-hint{display:block;color:#8793a6;font-size:11px;margin-top:6px}.zp-bank-editor,.zp-social-editor,.zp-user-guide{margin-top:18px;padding:16px;border:1px solid #e1eaf3;border-radius:18px;background:#fbfdff}.zp-social-editor-title strong{display:block}.zp-social-editor-title small{display:block;color:#7f8c9f;margin-top:5px;line-height:1.7}.zp-bank-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zp-social-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.zp-social-field{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #e4ebf3;border-radius:14px;background:#fff}.zp-social-field-icon{width:42px;height:42px;min-width:42px;border-radius:12px;background:#eef6ff;color:#1769d2;display:grid;place-items:center;overflow:hidden}.zp-social-field-icon img,.zp-social-field-icon svg{width:100%;height:100%;object-fit:cover}.zp-social-field-icon svg{padding:8px;fill:none;stroke:currentColor;stroke-width:1.7}.zp-social-field>div{flex:1}.zp-links-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.zp-links-head strong{display:block}.zp-links-head span{font-size:11px;color:#7f8c9f}.zp-add-card-btn{border:0;background:#1769d2;color:#fff;border-radius:12px;padding:10px 13px;font-weight:700;cursor:pointer}.zp-manage-links{display:flex;flex-direction:column;gap:9px}.zp-manage-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e1e9f2;border-radius:15px;background:#fff}.zp-manage-icon{width:46px;height:46px;border-radius:13px;background:#eef6ff;display:grid;place-items:center;overflow:hidden;color:#1769d2}.zp-manage-icon img{width:100%;height:100%;object-fit:cover}.zp-manage-text{flex:1;min-width:0}.zp-manage-text strong,.zp-manage-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zp-manage-text small{color:#8b96a8;font-size:11px;margin-top:3px}.zp-delete-card{border:0;background:#fff1f1;color:#b42318;width:34px;height:34px;border-radius:10px;cursor:pointer}.zp-add-card-panel{display:none;margin-top:12px;padding:16px;border-radius:18px;background:#f5f9ff;border:1px solid #dce8f5}.zp-add-card-panel.is-open{display:block}.zp-add-card-title{display:flex;justify-content:space-between;align-items:center}.zp-add-card-title button{border:0;background:transparent;font-size:22px;cursor:pointer}.zp-user-guide{background:linear-gradient(135deg,#f7fbff,#edf6ff)}.zp-user-guide strong{color:#1769d2}.zp-user-guide p{line-height:1.9;color:#627086;font-size:13px}.zp-logout{text-align:center}.zp-logout a{color:#b42318}
@media(max-width:600px){.zp-eitaa-main{padding:8px 10px 30px}.zp-eitaa-cover{height:210px}.zp-eitaa-identity{padding:0 12px 16px}.zp-eitaa-avatar{width:104px;height:104px;margin-top:-52px}.zp-eitaa-identity h1{font-size:21px}.zp-social-icons{gap:6px;max-width:100%;margin-top:13px}.zp-social-icon{width:43px;height:43px;border-radius:13px}.zp-social-icon svg,.zp-social-icon img{width:28px;height:28px}.zp-eitaa-actions{padding:0 12px 16px}.zp-action-outline,.zp-action-primary{min-height:46px}.zp-profile-tools,.zp-qr-card,.zp-bank-card,.zp-cards-section{border-radius:19px;padding:14px;margin-bottom:12px}.zp-qr-body{flex-direction:column}.zp-qr-image{width:180px;height:180px}.zp-qr-actions{width:100%}.zp-upload-grid,.zp-bank-editor-grid,.zp-social-fields{grid-template-columns:1fr}.zp-dashboard,.zp-auth-card{width:calc(100% - 20px);margin:12px auto 25px;border-radius:20px;padding:15px}.zp-dashboard-head{align-items:stretch;flex-direction:column}.zp-view-button{text-align:center}.zp-cover-editor{height:190px}.zp-social-fields{gap:9px}.zp-social-field{padding:10px}.zp-links-head{align-items:stretch;gap:10px;flex-direction:column}.zp-add-card-btn{width:100%}}
@media(min-width:601px){.zp-standalone-profile .zp-eitaa-main{padding-top:28px}.zp-standalone-profile{background:linear-gradient(180deg,#fff 0%,#fff 35%,#edf6ff 100%)}}

/* v0.6.3 refinements */
.zp-eitaa-cover img,.zp-cover-editor-img{border-radius:inherit}
.zp-cover-edit{width:auto;min-width:42px;padding:0 13px;gap:7px;border-radius:14px}
.zp-cover-edit-label{font-size:11px;font-weight:800;white-space:nowrap}
.zp-owner-login{display:inline-flex;margin-top:7px;padding:4px 10px;border-radius:999px;background:#f2f7ff;color:#1769d2;font-size:11px;font-weight:700}
.zp-owner-edit{min-height:58px;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,#f2f8ff,#e8f3ff);border:1px solid #d8e8f8;font-size:16px}
.zp-owner-edit svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.zp-dashboard-view{display:flex;align-items:center;gap:8px;flex-direction:column;align-items:flex-end}
.zp-dashboard-id{font-size:12px;color:#7c8ca3;direction:ltr}
.zp-contact-card,.zp-address-card{background:#fff;border:1px solid rgba(215,227,240,.9);border-radius:18px;box-shadow:var(--zp-shadow);padding:14px;margin-bottom:14px}.zp-contact-card{margin-bottom:22px}.zp-address-card{margin-top:6px}
.zp-contact-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.zp-contact-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:15px;background:#f7faff;color:var(--zp-text);border:1px solid #e5edf5}
.zp-contact-icon{width:42px;height:42px;border-radius:13px;background:#eaf4ff;color:#1769d2;display:grid;place-items:center}
.zp-contact-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.zp-contact-row strong{flex:1;font-size:15px}.zp-contact-row small{color:#1769d2;font-weight:700}
.zp-address-head{display:flex;align-items:center;gap:11px}.zp-address-head strong,.zp-address-head small{display:block}.zp-address-head small{color:#8a95a7;font-size:11px;margin-top:3px}
.zp-address-icon{width:48px;height:48px;border-radius:14px;object-fit:cover;background:#eef6ff;display:grid;place-items:center}.zp-address-default{color:#1769d2}.zp-address-default svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}
.zp-address-text{margin:13px 0 0;color:#59677b;line-height:1.9;font-size:14px}.zp-address-link{margin-top:13px;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px;border-radius:15px;background:#f7faff;color:var(--zp-text);border:1px solid #e4edf6}.zp-address-link span{color:#1769d2;font-weight:700;font-size:12px}
.zp-contact-editor,.zp-address-editor{margin-top:18px;padding:16px;border:1px solid #e1eaf3;border-radius:18px;background:#fbfdff}.zp-phone-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.zp-phone-field{display:flex;align-items:center;gap:7px}.zp-phone-field span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#eef6ff;color:#1769d2;font-size:11px;font-weight:800}.zp-phone-field input{flex:1}.zp-current-address-icon{width:48px;height:48px;border-radius:13px;object-fit:cover;display:block;margin-top:9px}.zp-guide-link{display:inline-flex;margin-top:6px;color:#1769d2;font-weight:800;text-decoration:none;border-bottom:1px dashed #1769d2}
.zp-auth-visual{height:150px;margin:-28px -28px 20px;border-radius:24px 24px 0 0;background:linear-gradient(135deg,#eaf4ff 0%,#cfe6ff 55%,#f8fbff 100%);display:flex;align-items:center;justify-content:center;gap:18px;overflow:hidden;position:relative}.zp-auth-visual:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.28);left:-70px;bottom:-90px}.zp-auth-visual .zp-logo{margin:0;width:72px;height:72px;border-radius:22px;font-size:34px;z-index:1;box-shadow:0 12px 30px rgba(23,105,210,.18)}.zp-store-illustration{width:190px;height:110px;display:grid;place-items:center;color:#1769d2;z-index:1}.zp-store-illustration svg{width:180px;height:100px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.zp-auth-card h2{font-weight:900}
@media(max-width:600px){.zp-eitaa-cover img,.zp-cover-editor-img{border-radius:inherit}.zp-phone-fields{grid-template-columns:1fr}.zp-owner-edit{min-height:64px;font-size:17px}.zp-owner-edit svg{width:31px;height:31px}.zp-dashboard-view{align-items:stretch}.zp-dashboard-id{text-align:center}.zp-auth-visual{height:135px;margin:-15px -15px 18px}.zp-auth-visual .zp-logo{width:62px;height:62px;font-size:30px}.zp-store-illustration{width:155px}.zp-store-illustration svg{width:155px}.zp-cover-edit{padding:0 10px}.zp-cover-edit-label{font-size:10px}}
/* v0.6.4 refinements */
.zp-phone-field{align-items:flex-start}.zp-phone-inputs{display:flex;flex:1;flex-direction:column;gap:7px}.zp-phone-inputs input{width:100%}.zp-contact-icon{background:#dcecff;color:#0759b8;box-shadow:0 5px 14px rgba(23,105,210,.12)}.zp-contact-icon svg{width:26px;height:26px;stroke-width:2.5}.zp-contact-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.zp-contact-text strong{font-size:15px}.zp-contact-text small{font-size:12px;color:#66758a}.zp-contact-row>b{font-size:12px;color:#0759b8;background:#eef6ff;border-radius:9px;padding:6px 9px}.zp-auth-visual .zp-store-illustration{margin:auto}
@media(max-width:600px){.zp-phone-inputs{width:100%}.zp-contact-icon{width:46px;height:46px}.zp-contact-icon svg{width:27px;height:27px}}

/* v0.6.5 contact cards: colorful pill style + call/copy actions */
.zp-contact-list{gap:16px}
.zp-contact-row{min-height:86px;padding:12px 14px 12px 12px;border:0;border-radius:22px;background:linear-gradient(135deg,#22e6d2,#39f0dc);box-shadow:10px 10px 0 rgba(92,92,92,.72);color:#111;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}
.zp-contact-row:nth-child(2n){background:linear-gradient(135deg,#f40093,#ff139e);color:#fff}
.zp-contact-row:nth-child(3n){background:linear-gradient(135deg,#ffe81c,#fff34f);color:#111}
.zp-contact-row:hover{transform:translateY(-2px);box-shadow:10px 12px 0 rgba(92,92,92,.68)}
.zp-contact-icon{width:50px;height:50px;min-width:50px;border-radius:16px;background:rgba(255,255,255,.96);color:#111;box-shadow:0 3px 8px rgba(0,0,0,.10)}
.zp-contact-icon svg{width:29px;height:29px;stroke:#111;stroke-width:2.5}
.zp-contact-text{gap:4px}
.zp-contact-text strong{font-size:16px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zp-contact-text small{font-size:15px;font-weight:800;letter-spacing:.2px;color:inherit;opacity:.95}
.zp-contact-actions{display:flex;align-items:center;gap:7px;flex:none}
.zp-contact-actions button,.zp-contact-actions a{height:40px;min-width:54px;padding:0 12px;border-radius:13px;border:2px solid rgba(17,17,17,.16);background:rgba(255,255,255,.95);color:#111;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.10)}
.zp-contact-call{background:#111!important;color:#fff!important;border-color:#111!important}
@media(max-width:600px){.zp-contact-row{min-height:78px;padding:10px 10px 10px 9px;border-radius:20px;box-shadow:8px 8px 0 rgba(92,92,92,.68);gap:8px}.zp-contact-icon{width:46px;height:46px;min-width:46px}.zp-contact-icon svg{width:27px;height:27px}.zp-contact-text strong{font-size:14px}.zp-contact-text small{font-size:13px}.zp-contact-actions{gap:5px}.zp-contact-actions button,.zp-contact-actions a{min-width:48px;height:37px;padding:0 9px;font-size:12px}}

/* v0.6.6 — simplified contact cards and reliable save button */
.zp-save-profile-btn{width:100%;margin-top:18px;min-height:54px;border:0;border-radius:16px;background:linear-gradient(135deg,#6c5ce7,#5143c8);color:#fff;font:inherit;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(81,67,200,.20)}
.zp-save-profile-btn:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(81,67,200,.25)}
.zp-phone-color{width:100%;min-height:42px;border:1px solid #dce5ef;border-radius:12px;background:#fff;padding:0 10px;font:inherit;color:#344054}
.zp-contact-list{gap:14px}
.zp-contact-row{display:flex;align-items:stretch;gap:8px;min-height:0;padding:0;border:0;border-radius:18px;background:var(--zp-phone-color,#6C5CE7);box-shadow:0 8px 0 rgba(54,42,76,.22);overflow:hidden;color:#fff}
.zp-contact-row:hover{transform:translateY(-1px);box-shadow:0 10px 0 rgba(54,42,76,.22)}
.zp-contact-call{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 12px;color:#fff;text-decoration:none;text-align:center}
.zp-contact-call strong{font-size:clamp(24px,5vw,34px);line-height:1.15;font-weight:950;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.zp-contact-call span{font-size:14px;line-height:1.5;font-weight:800;opacity:.98;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zp-contact-copy{align-self:center;margin-left:9px;margin-right:9px;width:46px;height:38px;border:0;border-radius:11px;background:rgba(255,255,255,.94);color:#222;font:inherit;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.12)}
.zp-contact-copy:active{transform:scale(.97)}
.zp-contact-icon{display:none}
.zp-contact-actions{display:none}
@media(max-width:600px){
 .zp-contact-row{border-radius:17px;box-shadow:0 7px 0 rgba(54,42,76,.20)}
 .zp-contact-call{padding:13px 9px}
 .zp-contact-call strong{font-size:25px}
 .zp-contact-call span{font-size:13px}
 .zp-contact-copy{width:43px;height:36px;margin-left:7px;margin-right:7px}
 .zp-save-profile-btn{min-height:52px}
}

/* v0.6.7 — contact block inspired by the supplied reference */
.zp-contact-card{background:transparent;border:0;box-shadow:none;padding:0;margin:22px 0 0}
.zp-contact-card .zp-section-title{margin-bottom:12px}
.zp-contact-list{gap:14px;margin-top:0}
.zp-contact-row{display:grid;grid-template-columns:112px minmax(0,1fr) 66px;align-items:stretch;min-height:108px;padding:0;border:1px solid #e5e8ef;border-radius:22px;background:#fff!important;box-shadow:0 7px 18px rgba(24,39,75,.08);overflow:hidden;color:#111;transition:transform .18s ease,box-shadow .18s ease}
.zp-contact-row:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(24,39,75,.12)}
.zp-contact-icon-link{display:flex;align-items:stretch;text-decoration:none;background:var(--zp-phone-color,#6C5CE7);min-width:0}
.zp-contact-icon-panel{width:100%;display:grid;place-items:center;color:#fff}
.zp-contact-icon-panel svg{width:55px;height:55px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.zp-contact-call{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:14px 20px;text-decoration:none;color:#111;min-width:0;text-align:right}
.zp-contact-call strong{font-size:clamp(27px,4.2vw,39px);line-height:1.1;font-weight:900;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.zp-contact-call span{font-size:15px;line-height:1.45;font-weight:700;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.zp-contact-copy{align-self:center;justify-self:center;width:48px;height:48px;border:1px solid #e2e6ee;border-radius:15px;background:#fff;color:#101828;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 10px rgba(16,24,40,.05)}
.zp-contact-copy svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zp-contact-copy:hover{background:#f8fafc}
@media(max-width:600px){
 .zp-contact-row{grid-template-columns:82px minmax(0,1fr) 54px;min-height:86px;border-radius:18px}
 .zp-contact-icon-panel svg{width:43px;height:43px}
 .zp-contact-call{padding:11px 12px;gap:4px}
 .zp-contact-call strong{font-size:clamp(22px,6.3vw,29px)}
 .zp-contact-call span{font-size:13px}
 .zp-contact-copy{width:40px;height:40px;border-radius:12px}
 .zp-contact-copy svg{width:22px;height:22px}
}


/* v0.6.8 — public contact readability fix: never use dark call buttons */
.zp-contact-row .zp-contact-call,
.zp-contact-row .zp-contact-call:visited,
.zp-contact-row .zp-contact-call:hover,
.zp-contact-row .zp-contact-call:active {
  background: transparent !important;
  color: #101828 !important;
  text-decoration: none !important;
}
.zp-contact-row .zp-contact-call strong {
  color: #101828 !important;
  text-shadow: none !important;
}
.zp-contact-row .zp-contact-call span {
  color: #667085 !important;
}
.zp-contact-row .zp-contact-copy {
  background: #ffffff !important;
  color: #101828 !important;
  border: 1px solid #e2e6ee !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.zp-contact-row .zp-contact-icon-link {
  background: var(--zp-phone-color, #6C5CE7) !important;
}
@media (max-width:600px) {
  .zp-contact-row { grid-template-columns: 76px minmax(0,1fr) 50px; }
  .zp-contact-row .zp-contact-call strong { font-size: clamp(21px, 6.1vw, 29px); }
  .zp-contact-row .zp-contact-call span { font-size: 13px; }
}

/* v0.7.0 — compact, elegant public contact cards */
.zp-contact-card{padding:13px}
.zp-contact-list{gap:8px;margin-top:10px}
.zp-contact-row{grid-template-columns:58px minmax(0,1fr) 42px;min-height:64px;padding:8px 9px;border-radius:14px;box-shadow:0 4px 12px rgba(24,39,75,.055)}
.zp-contact-icon-panel svg{width:34px;height:34px}
.zp-contact-call{padding:7px 9px;gap:2px}
.zp-contact-call strong{font-size:clamp(19px,3.2vw,27px);line-height:1.08}
.zp-contact-call span{font-size:11px;line-height:1.3;font-weight:700;color:#667085!important}
.zp-contact-copy{width:34px;height:34px;border-radius:10px}
.zp-contact-copy svg{width:18px;height:18px}
.zp-address-card{margin-top:7px}
@media(max-width:600px){
 .zp-contact-card{padding:12px}
 .zp-contact-list{gap:7px}
 .zp-contact-row{grid-template-columns:52px minmax(0,1fr) 40px;min-height:60px;border-radius:13px;padding:7px 8px}
 .zp-contact-icon-panel svg{width:31px;height:31px}
 .zp-contact-call{padding:6px 7px}
 .zp-contact-call strong{font-size:clamp(18px,5.4vw,25px)}
 .zp-contact-call span{font-size:11px}
 .zp-contact-copy{width:32px;height:32px;border-radius:9px}
 .zp-contact-copy svg{width:17px;height:17px}
}


/* v0.7.1 — simpler contact header + address directly below */
.zp-contact-card{padding:12px 13px;margin-bottom:0!important}
.zp-contact-card .zp-section-title,
.zp-contact-card .zp-card-title,
.zp-contact-card .zp-block-title,
.zp-contact-card h2,
.zp-contact-card h3{font-size:0!important;margin:0 0 7px!important;line-height:1!important}
.zp-contact-card .zp-section-title::after,
.zp-contact-card .zp-card-title::after,
.zp-contact-card .zp-block-title::after,
.zp-contact-card h2::after,
.zp-contact-card h3::after{content:''!important}
.zp-contact-list{margin-top:0!important}
.zp-address-card{margin-top:0!important}



/* v0.7.2 — هماهنگ‌سازی بلوک تماس و آدرس + فاصله استاندارد */
.zp-contact-card{
  margin-top:18px!important;
  margin-bottom:18px!important;
  padding:13px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(215,227,240,.95)!important;
  border-radius:20px!important;
  box-shadow:0 8px 24px rgba(24,39,75,.07)!important;
}
.zp-contact-list{
  gap:9px!important;
}
.zp-contact-row{
  border:1px solid #e5eaf1!important;
  box-shadow:0 5px 14px rgba(24,39,75,.055)!important;
  border-radius:15px!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.zp-contact-row:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 18px rgba(24,39,75,.09)!important;
}
.zp-address-card{
  margin-top:0!important;
  margin-bottom:18px!important;
  padding:15px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(215,227,240,.95)!important;
  border-radius:20px!important;
  box-shadow:0 8px 24px rgba(24,39,75,.07)!important;
}
.zp-address-head{
  padding:2px 1px 3px;
}
.zp-address-icon{
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
}
.zp-address-link{
  margin-top:11px!important;
  border-radius:14px!important;
  background:#f8fbff!important;
  border:1px solid #e3ebf4!important;
  transition:background .18s ease,transform .18s ease!important;
}
.zp-address-link:hover{
  background:#f1f7ff!important;
  transform:translateY(-1px);
}
.zp-address-text{
  margin-top:11px!important;
  padding:10px 12px;
  border-radius:13px;
  background:#f8fbff;
  border:1px solid #e6edf5;
}
@media(max-width:600px){
  .zp-contact-card{
    margin-top:14px!important;
    margin-bottom:14px!important;
    padding:11px!important;
    border-radius:18px!important;
  }
  .zp-address-card{
    margin-bottom:14px!important;
    padding:13px!important;
    border-radius:18px!important;
  }
  .zp-contact-list{gap:8px!important}
}


/* v0.7.3 — فاصله بیشتر بین بلوک تماس و آدرس + حذف عنوان بلوک تماس */
.zp-contact-card{
  margin-bottom:34px!important;
}
.zp-address-card{
  margin-top:0!important;
}
@media(max-width:600px){
  .zp-contact-card{margin-bottom:30px!important;}
}

/* v0.7.4 — فاصله دقیق بین بلوک تماس و آدرس + فاصله کم بین شماره‌ها */
.zp-contact-card{
  margin-bottom:3px!important;
}
.zp-address-card{
  margin-top:0!important;
}
.zp-contact-list{
  gap:2px!important;
}
@media(max-width:600px){
  .zp-contact-card{margin-bottom:3px!important;}
  .zp-contact-list{gap:2px!important;}
}

/* v0.7.5 — spacing fix: force exact gaps and bust cached CSS */
.zp-contact-card + .zp-address-card{
  margin-top:3px!important;
}
.zp-contact-list{
  gap:2px!important;
}
@media(max-width:600px){
  .zp-contact-card + .zp-address-card{
    margin-top:3px!important;
  }
  .zp-contact-list{
    gap:2px!important;
  }
}

/* v0.7.6 — login security captcha */
.zp-captcha-box{margin-top:16px;padding:14px;border:1px solid #dbe7f3;border-radius:15px;background:linear-gradient(135deg,#f7fbff,#eef6ff);text-align:center}
.zp-captcha-title{font-size:12px;font-weight:800;color:#53657b;margin-bottom:7px}
.zp-captcha-question{font-size:22px;font-weight:900;letter-spacing:1px;direction:ltr;color:#1769d2;margin-bottom:10px}
.zp-captcha-input{max-width:180px!important;margin:0 auto!important;text-align:center;font-size:18px!important;font-weight:800}
.zp-captcha-box small{display:block;margin-top:7px;color:#8793a6;font-size:11px}

/* v0.7.7 — registration captcha + admin approval state */
.zp-pending-card{text-align:center;padding:30px 22px!important}
.zp-pending-icon{width:58px;height:58px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:#eaf7ef;color:#16834a;font-size:28px;font-weight:900}
.zp-pending-card h2{margin:0 0 10px}
.zp-pending-note{margin:16px 0;padding:12px 14px;border-radius:13px;background:#f7f9fc;color:#637083;font-size:13px;line-height:1.9}
.zp-pending-button{display:block;text-decoration:none;text-align:center;margin-top:14px}

/* دکمه ویژه مدیر - در انتهای صفحه عمومی پروفایل */
.zp-profile-special-wrap{margin-top:8px;display:flex;justify-content:center}
.zp-profile-special-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 14px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:700;line-height:1.4;background:#fff;border:1px solid #d9dce3;box-shadow:0 2px 8px rgba(20,30,50,.06);transition:all .2s ease}
.zp-profile-special-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(20,30,50,.10);text-decoration:none}
@media(max-width:600px){.zp-profile-special-wrap{margin-top:7px}.zp-profile-special-button{min-height:32px;padding:6px 12px;font-size:12px;border-radius:9px}}


/* v0.8.8 — per-bank icon + card/sheba/account */
.zp-bank-block{padding:4px 0}
.zp-bank-block + .zp-bank-block{margin-top:14px;padding-top:14px;border-top:1px dashed #e2eaf3}
.zp-bank-slot{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;padding:14px;border:1px solid #e2eaf3;border-radius:14px;background:#f9fbfe}
.zp-bank-slot-num{width:28px;height:28px;min-width:28px;border-radius:50%;display:grid;place-items:center;background:#e8f1ff;color:#1769d2;font-size:12px;font-weight:800;margin-top:6px}
.zp-bank-slot-fields{flex:1;display:grid;grid-template-columns:1fr;gap:8px}
.zp-bank-slot-fields input{width:100%;min-height:42px;border:1px solid #d5e0ee;border-radius:11px;padding:8px 12px;background:#fff;font-family:inherit;font-size:13px}
.zp-bank-slot-fields .zp-icon-upload{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1769d2;cursor:pointer}
.zp-bank-slot-fields .zp-current-bank-icon{width:36px;height:36px;border-radius:10px;object-fit:contain;border:1px solid #e2eaf3;background:#fff}
@media(min-width:700px){
 .zp-bank-slot-fields{grid-template-columns:1.2fr 1fr 1fr 1fr}
 .zp-bank-slot-fields .zp-icon-upload{grid-column:1 / -1}
 .zp-bank-slot-fields .zp-current-bank-icon{grid-column:1 / -1}
}

/* v0.9.0 — round contact icons, accordion blocks, bank desc, 20 banks */
.zp-contact-row .zp-contact-icon-link{
  border-radius:50%!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.zp-contact-row .zp-contact-icon-panel{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
}
.zp-contact-row .zp-contact-icon-panel svg{
  width:24px!important;
  height:24px!important;
}
.zp-contact-row{
  grid-template-columns:48px minmax(0,1fr) 42px!important;
  align-items:center!important;
}
@media(max-width:600px){
  .zp-contact-row{grid-template-columns:44px minmax(0,1fr) 40px!important}
  .zp-contact-row .zp-contact-icon-link{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important}
  .zp-contact-row .zp-contact-icon-panel svg{width:22px!important;height:22px!important}
}

.zp-bank-desc{margin:8px 0 10px;padding:0 2px;color:#5a6a7e;font-size:13px;line-height:1.7}
.zp-bank-slot-fields textarea{width:100%;min-height:64px;border:1px solid #d5e0ee;border-radius:11px;padding:8px 12px;background:#fff;font-family:inherit;font-size:13px;resize:vertical}
@media(min-width:700px){
  .zp-bank-slot-fields{grid-template-columns:1.1fr 1fr 1fr 1fr}
  .zp-bank-slot-fields textarea{grid-column:1 / -1}
}

.zp-accordion{margin:14px 0;border:1px solid #e2eaf3;border-radius:16px;background:#fff;overflow:hidden}
.zp-accordion-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;border:0;background:#f7faff;cursor:pointer;font-family:inherit;text-align:right;color:var(--zp-text)}
.zp-accordion-toggle strong{font-size:15px;flex:1}
.zp-acc-meta{font-size:11px;color:#8a95a7;font-weight:600}
.zp-acc-chevron{font-size:11px;color:#8a95a7;transition:transform .2s}
.zp-accordion.is-open .zp-acc-chevron{transform:rotate(180deg)}
.zp-accordion-body{display:none;padding:14px 16px 16px;border-top:1px solid #e8eef6}
.zp-accordion.is-open .zp-accordion-body{display:block}
.zp-accordion .zp-social-editor-title{margin-bottom:10px}
.zp-links-head{margin:0 0 10px;padding:0;border:0;background:transparent}

/* v0.9.1 — white block titles, address row, footer save/logout */
.zp-accordion-toggle{
  background:linear-gradient(135deg,#1769d2,#3188ec)!important;
  color:#fff!important;
}
.zp-accordion-toggle strong,
.zp-accordion-toggle .zp-acc-meta,
.zp-accordion-toggle .zp-acc-chevron{
  color:#fff!important;
}
.zp-accordion-toggle .zp-acc-meta{opacity:.85}

.zp-address-row{
  display:flex;
  align-items:center;
  gap:12px;
}
.zp-address-row .zp-address-icon{
  width:48px;
  height:48px;
  min-width:48px;
  border-radius:50%;
  object-fit:cover;
  background:#eef6ff;
  display:grid;
  place-items:center;
}
.zp-address-row .zp-address-default{
  color:#1769d2;
}
.zp-address-row .zp-address-default svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.zp-address-row .zp-address-text{
  flex:1;
  margin:0;
  color:#3a4658;
  font-size:14px;
  line-height:1.6;
  min-width:0;
}
.zp-address-row .zp-address-link{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 14px;
  border-radius:12px;
  background:#eef6ff;
  color:#1769d2;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  border:1px solid #d6e6f7;
}
.zp-address-row .zp-address-link:hover{
  background:#e3f0ff;
}

.zp-address-edit-row{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.zp-address-edit-icon{
  width:72px;
  min-width:72px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.zp-address-edit-icon .zp-current-address-icon,
.zp-address-edit-icon .zp-address-icon-placeholder{
  width:56px;
  height:56px;
  border-radius:50%;
  object-fit:cover;
  background:#eef6ff;
  border:1px solid #e2eaf3;
  display:grid;
  place-items:center;
  color:#1769d2;
}
.zp-address-edit-icon .zp-address-icon-placeholder svg{
  width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.zp-address-edit-icon .zp-address-icon-btn{
  font-size:11px;
  text-align:center;
}
.zp-address-edit-fields{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.zp-address-edit-fields textarea,
.zp-address-edit-fields input{
  width:100%;
}

.zp-footer-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:22px;
  padding-top:8px;
}
.zp-footer-actions .zp-save-profile-btn{
  margin-top:0;
}
.zp-logout-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:14px;
  background:#fff;
  border:1.5px solid #e11d48;
  color:#e11d48!important;
  font-size:15px;
  font-weight:800;
  text-decoration:none;
  transition:background .15s,color .15s;
}
.zp-logout-btn:hover{
  background:#e11d48;
  color:#fff!important;
}
@media(max-width:600px){
  .zp-address-row{gap:10px}
  .zp-address-row .zp-address-icon{width:42px;height:42px;min-width:42px}
  .zp-address-row .zp-address-link{min-height:36px;padding:6px 10px;font-size:12px}
  .zp-address-edit-row{flex-direction:column;align-items:stretch}
  .zp-address-edit-icon{flex-direction:row;width:auto;min-width:0}
}

/* v0.9.3 — uniform blue accordion headers; website only if set */
.zp-accordion-toggle{
  min-height:52px!important;
  height:auto!important;
  padding:14px 16px!important;
  box-sizing:border-box!important;
}
.zp-accordion-toggle strong{
  font-size:15px!important;
  line-height:1.3!important;
  flex:1!important;
}
.zp-accordion-toggle .zp-acc-meta{
  font-size:11px!important;
  white-space:nowrap!important;
  flex-shrink:0!important;
}
.zp-accordion-toggle .zp-acc-chevron{
  flex-shrink:0!important;
  width:18px!important;
  text-align:center!important;
}
.zp-dashboard .zp-accordion{
  margin:12px 0!important;
}


/* v0.9.4 — force identical blue accordion headers (single pattern) */
.zp-dashboard .zp-accordion{
  margin:10px 0!important;
  border:1px solid #d0dff0!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.zp-dashboard .zp-accordion-toggle,
.zp-dashboard button.zp-accordion-toggle{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 28px!important;
  align-items:center!important;
  column-gap:10px!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  padding:0 14px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#1769d2,#2f86ea)!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1!important;
  text-align:right!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.zp-dashboard .zp-accordion-toggle .zp-acc-title,
.zp-dashboard .zp-accordion-toggle strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:52px!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.zp-dashboard .zp-accordion-toggle .zp-acc-meta{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:52px!important;
  color:rgba(255,255,255,.88)!important;
  opacity:1!important;
  white-space:nowrap!important;
}
.zp-dashboard .zp-accordion-toggle .zp-acc-chevron{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-size:0!important;
  line-height:0!important;
  position:relative!important;
}
.zp-dashboard .zp-accordion-toggle .zp-acc-chevron::before{
  content:""!important;
  width:8px!important;
  height:8px!important;
  border-right:2px solid #fff!important;
  border-bottom:2px solid #fff!important;
  transform:rotate(45deg)!important;
  transition:transform .2s ease!important;
  box-sizing:border-box!important;
}
.zp-dashboard .zp-accordion.is-open > .zp-accordion-toggle .zp-acc-chevron::before{
  transform:rotate(225deg)!important;
}
.zp-dashboard .zp-accordion-body{
  padding:14px!important;
  border-top:1px solid #e8eef6!important;
  background:#fff!important;
}


/* v1.0.0 — referral card + SMS readiness */
.zp-ref-card{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin:12px 0 16px;padding:14px 16px;border:1px solid #d6e6f7;border-radius:14px;background:linear-gradient(135deg,#f7fbff,#eef6ff)}
.zp-ref-card strong{display:block;font-size:13px;margin-bottom:6px;color:#1769d2}
.zp-ref-code{display:inline-block;padding:6px 10px;border-radius:8px;background:#fff;border:1px dashed #9bb8d9;font-size:15px;font-weight:800;letter-spacing:.04em;color:#0f3e7a}
.zp-ref-card small{display:block;margin-top:6px;color:#6a7a8f;font-size:11px;line-height:1.6}
.zp-ref-stats{display:flex;gap:10px}
.zp-ref-stats span{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid #e2eaf3;font-size:11px;color:#66788f}
.zp-ref-stats b{font-size:18px;color:#1769d2;line-height:1.2}
.zp-sms-box{margin:12px 0;padding:12px;border:1px solid #dbe7f3;border-radius:12px;background:#f8fbff}
.zp-sms-hint{margin:0 0 12px;font-size:12px;color:#8a95a7}
.zp-auth-sep{border:0;border-top:1px dashed #d5e0ee;margin:16px 0}


/* v1.0.5 — visitor phone capture */
.zp-visitor-phone-card{
  background:#fff;
  border:1px solid rgba(215,227,240,.95);
  border-radius:18px;
  box-shadow:var(--zp-shadow,0 8px 24px rgba(24,39,75,.06));
  padding:16px;
  margin-bottom:14px;
}
.zp-visitor-phone-head strong{display:block;font-size:15px;color:#1769d2}
.zp-visitor-phone-head small{display:block;margin-top:4px;font-size:12px;color:#8a95a7}
.zp-visitor-phone-msg{margin:10px 0 0;padding:8px 10px;border-radius:10px;background:#eaf7ef;color:#16834a;font-size:13px}
.zp-visitor-phone-form{display:flex;gap:8px;margin-top:12px;align-items:stretch}
.zp-visitor-phone-form input{
  flex:1;min-height:46px;border:1px solid #d5e0ee;border-radius:12px;padding:8px 12px;
  font-family:inherit;font-size:15px;background:#fbfdff;
}
.zp-visitor-phone-form button{
  min-height:46px;padding:0 16px;border:0;border-radius:12px;
  background:linear-gradient(135deg,#1769d2,#3188ec);color:#fff;font-family:inherit;font-weight:800;cursor:pointer;
}
.zp-visitor-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.zp-btn-outline,.zp-btn-danger{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;
  border-radius:10px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;
}
.zp-btn-outline{background:#fff;border:1px solid #c5d6ea;color:#1769d2}
.zp-btn-danger{background:#fff;border:1.5px solid #e11d48;color:#e11d48}
.zp-visitor-list{
  width:100%;min-height:140px;margin-top:8px;padding:10px 12px;border:1px solid #d5e0ee;border-radius:12px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;background:#f8fbff;resize:vertical;box-sizing:border-box;
}
@media(max-width:600px){
  .zp-visitor-phone-form{flex-direction:column}
}


/* v1.0.7 — edit cards + visitor comments */
.zp-manage-card-edit{flex-wrap:wrap;align-items:flex-start;gap:10px}
.zp-edit-card-form{flex:1;display:grid;gap:6px;min-width:0}
.zp-edit-card-form input[type="text"],
.zp-edit-card-form input[type="url"]{width:100%;min-height:40px;border:1px solid #d5e0ee;border-radius:10px;padding:6px 10px;font-family:inherit;font-size:13px;box-sizing:border-box}
.zp-edit-card-actions{display:flex;gap:8px}
.zp-delete-card-form{margin:0}
.zp-visitor-comment-box{margin-top:14px;padding-top:14px;border-top:1px dashed #dbe5f0}
.zp-visitor-comment-box strong{display:block;font-size:14px;color:#1769d2}
.zp-visitor-comment-box small{display:block;margin:4px 0 8px;color:#8a95a7;font-size:11px}
.zp-visitor-comment-form textarea{width:100%;min-height:80px;border:1px solid #d5e0ee;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:14px;box-sizing:border-box;resize:vertical}
.zp-visitor-comment-form button{margin-top:8px;min-height:44px;width:100%;border:0;border-radius:12px;background:linear-gradient(135deg,#0ea5e9,#1769d2);color:#fff;font-family:inherit;font-weight:800;cursor:pointer}
.zp-comments-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.zp-comment-item{padding:12px;border:1px solid #e2eaf3;border-radius:12px;background:#f9fbfe}
.zp-comment-item p{margin:0 0 8px;font-size:13px;line-height:1.7;color:#334155}
.zp-comment-item small{display:block;margin-bottom:8px;color:#8a95a7;font-size:11px}


/* v1.0.8 */
.zp-comment-title-blue{display:block;margin:0 0 6px;font-size:15px;font-weight:800;color:#1769d2!important}


/* v1.1.0 — public ref + install app */
.zp-id-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.zp-install-btn{
  display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:0 10px;
  border:1px solid #c5d6ea;border-radius:999px;background:#fff;color:#1769d2;
  font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;line-height:1;
}
.zp-install-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.zp-install-btn.is-ready{background:linear-gradient(135deg,#1769d2,#3188ec);color:#fff;border-color:transparent}
.zp-public-ref{
  display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  margin-top:10px;padding:8px 12px;border-radius:12px;background:rgba(23,105,210,.06);border:1px dashed rgba(23,105,210,.25);
}
.zp-public-ref-label{font-size:11px;color:#5b6b7c;font-weight:700}
.zp-public-ref-code{font-size:13px;font-weight:800;color:#0f3e7a;letter-spacing:.04em}
.zp-public-ref-copy{
  border:0;background:#1769d2;color:#fff;border-radius:8px;padding:4px 10px;
  font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;
}


/* v1.1.1 — ref action button */
.zp-ref-action{cursor:pointer;font:inherit}
.zp-ref-action b{font-weight:800;letter-spacing:.03em}
.zp-eitaa-actions{flex-wrap:wrap}


/* v1.1.2 — payment card */
.zp-pay-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:14px 16px;border-radius:14px;border:1px solid #bbf7d0;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}
.zp-pay-card strong{display:block;color:#15803d;font-size:14px}
.zp-pay-card p{margin:4px 0 0;font-size:12px;color:#3f6b4f;line-height:1.6}
.zp-pay-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:12px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff!important;text-decoration:none;font-weight:800;font-size:13px}
.zp-pay-action{border-color:#86efac!important;color:#15803d!important}


/* v1.1.3 — payment page */
.zp-payment-page .zp-pay-gateway-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;margin-top:12px;border-radius:12px;text-decoration:none}


/* v1.1.4 — payment page form + buttons */
.zp-pay-shell{max-width:920px;margin:0 auto;padding:12px}
.zp-pay-hero{text-align:center;margin-bottom:18px;padding:22px 16px;border-radius:20px;background:linear-gradient(135deg,#0f3e7a 0%,#1769d2 55%,#38bdf8 100%);color:#fff;box-shadow:0 16px 40px rgba(23,105,210,.28)}
.zp-pay-badge{display:inline-block;margin-bottom:10px;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.18);font-size:12px;font-weight:800;letter-spacing:.04em}
.zp-pay-hero h1{margin:0 0 8px;font-size:24px;font-weight:900}
.zp-pay-hero p{margin:0;opacity:.92;font-size:14px;line-height:1.7}
.zp-pay-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
@media(max-width:800px){.zp-pay-grid{grid-template-columns:1fr}}
.zp-pay-card-ui{background:#fff;border:1px solid #e2eaf3;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(15,62,122,.06)}
.zp-pay-card-ui h2{margin:0 0 12px;font-size:16px;color:#0f3e7a}
.zp-pay-form label{display:block;margin:10px 0 6px;font-size:13px;font-weight:700;color:#334155}
.zp-pay-form input,.zp-pay-form textarea{width:100%;box-sizing:border-box;min-height:44px;border:1px solid #d5e0ee;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:14px;background:#f8fbff}
.zp-pay-form textarea{min-height:88px;resize:vertical}
.zp-pay-submit{margin-top:14px;width:100%;min-height:48px;border:0;border-radius:12px;background:linear-gradient(135deg,#1769d2,#0ea5e9);color:#fff;font-family:inherit;font-weight:800;font-size:15px;cursor:pointer}
.zp-pay-actions-card{display:flex;flex-direction:column;gap:10px}
.zp-pay-online,.zp-pay-receipt{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;text-decoration:none;font-weight:800;font-size:14px}
.zp-pay-online{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff!important}
.zp-pay-receipt{background:#fff;border:1.5px solid #1769d2;color:#1769d2!important}
.zp-pay-btn-disabled{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;background:#eef2f7;color:#94a3b8;font-weight:700;border:1px dashed #cbd5e1;cursor:not-allowed}
.zp-login-pro-link{margin-top:14px;text-align:center}
.zp-login-pro-link a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:12px;background:linear-gradient(135deg,#0f3e7a,#1769d2);color:#fff!important;text-decoration:none;font-weight:800;font-size:14px}
.zp-eitaa-actions .zp-action-outline{min-height:40px;padding:0 14px;border-radius:12px;font-weight:800;box-shadow:0 4px 12px rgba(23,105,210,.08)}
.zp-btn-panel{background:linear-gradient(135deg,#1769d2,#3188ec)!important;color:#fff!important;border-color:transparent!important}
.zp-btn-site{border-color:#93c5fd!important}


/* v1.1.5 — compact login + PRO button + mobile */
.zp-auth-compact{padding:18px 16px!important;max-width:380px;margin-left:auto;margin-right:auto}
.zp-auth-compact h2{font-size:20px!important;margin-bottom:6px!important}
.zp-auth-compact .zp-muted{font-size:13px!important;margin-bottom:12px!important}
.zp-auth-compact .zp-form label{font-size:13px}
.zp-auth-compact .zp-form input{min-height:42px;font-size:14px}
.zp-auth-compact .zp-primary{min-height:44px;font-size:14px}
.zp-login-pro-link a{
  background:linear-gradient(135deg,#38bdf8,#60a5fa,#3b82f6)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(59,130,246,.35);
  border:0;
}
.zp-login-pro-link a:hover{filter:brightness(1.05)}
@media(max-width:480px){
  .zp-auth-card{padding:14px 12px!important;border-radius:16px!important}
  .zp-auth-compact{max-width:100%}
  .zp-auth-compact h2{font-size:18px!important}
  .zp-form input,.zp-form button,.zp-primary{min-height:42px!important}
  .zp-login-pro-link a{min-height:40px;font-size:13px;width:100%;box-sizing:border-box}
}



/* —— Design system polish (v1.1.6) —— */
.zp-standalone-profile,
.zp-app-page,
body.zp-app-page{
  background:var(--zp-bg-soft)!important;
  font-family:var(--zp-font)!important;
  color:var(--zp-text)!important;
}
.zp-eitaa-main{width:min(100%,430px);margin:0 auto;padding:16px 16px 48px}
.zp-eitaa-hero,
.zp-profile-tools,
.zp-qr-card,
.zp-bank-card,
.zp-cards-section,
.zp-contact-card,
.zp-address-card,
.zp-visitor-phone-card,
.zp-auth-card,
.zp-pay-card-ui,
.zp-manage-card,
.zp-ref-card,
.zp-pay-card{
  background:var(--zp-surface)!important;
  border:1px solid var(--zp-line)!important;
  border-radius:var(--zp-radius-lg)!important;
  box-shadow:var(--zp-shadow)!important;
}
.zp-eitaa-hero{overflow:hidden;margin-bottom:16px}
.zp-eitaa-cover{height:180px;background:linear-gradient(135deg,var(--zp-accent-soft),var(--zp-bg-soft))}
.zp-eitaa-avatar{
  width:96px;height:96px;margin-top:-48px;border:4px solid var(--zp-surface);
  box-shadow:var(--zp-shadow-sm);
}
.zp-eitaa-identity{padding:0 18px 20px}
.zp-eitaa-identity h1{
  font-size:22px;font-weight:800;margin:12px 0 4px;color:var(--zp-text);
  letter-spacing:-.02em;
}
.zp-eitaa-username{color:var(--zp-muted);font-size:13px;font-weight:500}
.zp-eitaa-bio{color:var(--zp-muted);font-size:14px;line-height:1.75;margin-top:10px}
.zp-eitaa-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0 16px 18px}
.zp-action-outline,
.zp-primary,
.zp-pay-submit,
.zp-pay-online,
.zp-pay-receipt,
.zp-save-profile-btn,
.zp-login-pro-link a,
button.zp-primary{
  min-height:var(--zp-btn-h)!important;
  border-radius:var(--zp-radius-sm)!important;
  font-family:var(--zp-font)!important;
  font-weight:800!important;
  font-size:14px!important;
  letter-spacing:-.01em;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
.zp-action-outline{
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 16px;border:1.5px solid var(--zp-line-strong)!important;
  background:var(--zp-surface)!important;color:var(--zp-text)!important;
  text-decoration:none;box-shadow:var(--zp-shadow-sm);
}
.zp-action-outline:hover{transform:translateY(-1px);box-shadow:var(--zp-shadow)}
.zp-btn-panel,
.zp-primary,
.zp-pay-submit,
.zp-save-profile-btn{
  background:var(--zp-primary)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 10px 24px rgba(11,31,58,.22);
}
.zp-btn-panel:hover,
.zp-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.zp-login-pro-link a{
  background:linear-gradient(135deg,#1E4E8C,#4A7DC0)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(30,78,140,.3);
}
.zp-pay-online{background:var(--zp-primary)!important;color:#fff!important}
.zp-pay-receipt{
  background:var(--zp-surface)!important;
  border:1.5px solid var(--zp-primary)!important;
  color:var(--zp-primary)!important;
}
.zp-social-icon{
  background:var(--zp-bg-soft)!important;
  border:1px solid var(--zp-line)!important;
  border-radius:14px!important;
  color:var(--zp-primary)!important;
}
.zp-contact-row,
.zp-bank-item,
.zp-link-card,
.zp-manage-card{
  border-radius:var(--zp-radius)!important;
  border:1px solid var(--zp-line)!important;
  background:var(--zp-surface)!important;
  box-shadow:var(--zp-shadow-sm)!important;
}
.zp-auth-card{
  max-width:400px;margin:24px auto;padding:22px 18px!important;
  background:var(--zp-surface)!important;
}
.zp-auth-card h2{color:var(--zp-text);font-weight:800;font-size:20px}
.zp-muted,.zp-hint{color:var(--zp-muted)!important}
.zp-form input,
.zp-form textarea,
.zp-pay-form input,
.zp-pay-form textarea,
.zp-edit-card-form input{
  background:var(--zp-bg-soft)!important;
  border:1px solid var(--zp-line)!important;
  border-radius:var(--zp-radius-sm)!important;
  color:var(--zp-text)!important;
  font-family:var(--zp-font)!important;
  min-height:46px;
}
.zp-accordion-toggle{
  background:var(--zp-primary)!important;
  color:#fff!important;
  border-radius:var(--zp-radius-sm)!important;
  font-family:var(--zp-font)!important;
  font-weight:700!important;
  min-height:52px!important;
  box-shadow:var(--zp-shadow-sm);
}
.zp-accordion-body{
  background:var(--zp-surface)!important;
  border:1px solid var(--zp-line)!important;
  border-radius:0 0 var(--zp-radius) var(--zp-radius);
}
.zp-pay-hero{
  background:linear-gradient(145deg,#0B1F3A 0%,#153A66 55%,#1E4E8C 100%)!important;
  border-radius:var(--zp-radius-lg)!important;
  box-shadow:0 16px 40px rgba(11,31,58,.28)!important;
}
.zp-pay-shell{max-width:440px}
.zp-section-title{color:var(--zp-text);font-weight:800}
.zp-footer-actions{gap:12px;margin-top:20px}
.zp-logout-btn{
  background:transparent!important;
  border:1.5px solid var(--zp-danger)!important;
  color:var(--zp-danger)!important;
  border-radius:var(--zp-radius-sm)!important;
  min-height:var(--zp-btn-h)!important;
  font-weight:800!important;
  font-family:var(--zp-font)!important;
}
@media(max-width:480px){
  .zp-eitaa-main{padding:12px 12px 40px}
  .zp-eitaa-cover{height:160px}
  .zp-eitaa-identity h1{font-size:20px}
  .zp-action-outline,.zp-primary{min-height:46px!important;font-size:13px!important}
}


/* —— v1.1.7 Light blue glass morphism —— */
:root{
  --zp-navy:#1D4ED8;
  --zp-navy-2:#3B82F6;
  --zp-primary:#3B82F6;
  --zp-primary2:#60A5FA;
  --zp-accent:#38BDF8;
  --zp-accent-soft:rgba(59,130,246,.12);
  --zp-bg:#F0F7FF;
  --zp-bg-soft:#E8F3FF;
  --zp-surface:rgba(255,255,255,.55);
  --zp-text:#0F2A4A;
  --zp-muted:#5B7A9A;
  --zp-line:rgba(147,197,253,.45);
  --zp-line-strong:rgba(96,165,250,.55);
  --zp-white:rgba(255,255,255,.65);
  --zp-blue:#EAF4FF;
  --zp-blue2:#F5FAFF;
  --zp-shadow:0 8px 32px rgba(59,130,246,.12);
  --zp-shadow-sm:0 4px 16px rgba(59,130,246,.08);
  --zp-glass-bg:rgba(255,255,255,.35);
  --zp-glass-border:rgba(255,255,255,.55);
  --zp-glass-blur:18px;
}

@media (prefers-color-scheme: dark){
  :root{
    --zp-navy:#93C5FD;
    --zp-navy-2:#60A5FA;
    --zp-primary:#60A5FA;
    --zp-primary2:#93C5FD;
    --zp-accent:#38BDF8;
    --zp-accent-soft:rgba(56,189,248,.15);
    --zp-bg:#0B1526;
    --zp-bg-soft:#0F1C30;
    --zp-surface:rgba(18,32,55,.55);
    --zp-text:#E8F1FF;
    --zp-muted:#9BB0C9;
    --zp-line:rgba(96,165,250,.22);
    --zp-line-strong:rgba(96,165,250,.35);
    --zp-white:rgba(18,32,55,.6);
    --zp-blue:#0F1C30;
    --zp-blue2:#152438;
    --zp-shadow:0 12px 36px rgba(0,0,0,.4);
    --zp-glass-bg:rgba(20,35,60,.45);
    --zp-glass-border:rgba(147,197,253,.2);
  }
}

.zp-standalone-profile,
.zp-app-page,
body.zp-app-page,
.zp-pay-shell{
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(56,189,248,.25), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(59,130,246,.18), transparent 50%),
    var(--zp-bg-soft)!important;
}

/* Glass cards */
.zp-eitaa-hero,
.zp-profile-tools,
.zp-qr-card,
.zp-bank-card,
.zp-cards-section,
.zp-address-card,
.zp-visitor-phone-card,
.zp-auth-card,
.zp-pay-card-ui,
.zp-manage-card,
.zp-ref-card,
.zp-pay-card,
.zp-contact-row,
.zp-bank-item,
.zp-link-card,
.zp-accordion-body{
  background:var(--zp-glass-bg)!important;
  backdrop-filter:blur(var(--zp-glass-blur)) saturate(160%);
  -webkit-backdrop-filter:blur(var(--zp-glass-blur)) saturate(160%);
  border:1px solid var(--zp-glass-border)!important;
  box-shadow:var(--zp-shadow)!important;
}

/* Glass buttons */
.zp-action-outline,
.zp-pay-receipt,
.zp-btn-outline,
.zp-install-btn{
  background:rgba(255,255,255,.28)!important;
  backdrop-filter:blur(14px) saturate(150%);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  border:1px solid rgba(255,255,255,.5)!important;
  color:var(--zp-text)!important;
  box-shadow:0 4px 18px rgba(59,130,246,.1)!important;
}
.zp-primary,
.zp-btn-panel,
.zp-pay-submit,
.zp-pay-online,
.zp-save-profile-btn,
.zp-login-pro-link a,
.zp-accordion-toggle{
  background:linear-gradient(135deg, rgba(59,130,246,.85), rgba(56,189,248,.75))!important;
  backdrop-filter:blur(12px) saturate(160%);
  -webkit-backdrop-filter:blur(12px) saturate(160%);
  border:1px solid rgba(255,255,255,.35)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(59,130,246,.28)!important;
}
.zp-pay-simple-title{
  text-align:center;margin:8px 0 6px;font-size:20px;font-weight:800;color:var(--zp-text);
}
.zp-pay-simple-desc{
  text-align:center;margin:0 0 16px;font-size:13px;color:var(--zp-muted);line-height:1.7;
}
.zp-pay-footer-note{
  text-align:center;margin:18px 8px 8px;font-size:13px;color:var(--zp-muted);line-height:1.75;
  padding:12px 14px;border-radius:14px;
  background:rgba(255,255,255,.25);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.4);
}
.zp-pay-hero{display:none!important}
.zp-social-icon{
  background:rgba(255,255,255,.3)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.45)!important;
}


/* v1.1.8 — softer cloud-like blue */
:root{
  --zp-navy:#7EB6F6;
  --zp-navy-2:#A8D0FB;
  --zp-primary:#8EC5F8;
  --zp-primary2:#B3DBFC;
  --zp-accent:#C5E5FE;
  --zp-accent-soft:rgba(186,220,252,.35);
  --zp-bg:#F7FBFF;
  --zp-bg-soft:#F3F8FE;
  --zp-surface:rgba(255,255,255,.62);
  --zp-text:#2A4A6A;
  --zp-muted:#6B8AAA;
  --zp-line:rgba(186,220,252,.55);
  --zp-line-strong:rgba(168,208,251,.65);
  --zp-white:rgba(255,255,255,.72);
  --zp-blue:#F5FAFF;
  --zp-blue2:#FBFDFF;
  --zp-shadow:0 8px 28px rgba(142,197,248,.14);
  --zp-shadow-sm:0 4px 14px rgba(142,197,248,.1);
  --zp-glass-bg:rgba(255,255,255,.48);
  --zp-glass-border:rgba(255,255,255,.72);
  --zp-glass-blur:20px;
}
.zp-standalone-profile,
.zp-app-page,
body.zp-app-page,
.zp-pay-shell{
  background:
    radial-gradient(1000px 520px at 15% -5%, rgba(197,229,254,.7), transparent 58%),
    radial-gradient(800px 420px at 95% 5%, rgba(183,220,252,.55), transparent 52%),
    radial-gradient(600px 380px at 50% 100%, rgba(255,255,255,.8), transparent 55%),
    #F7FBFF!important;
}
.zp-primary,
.zp-btn-panel,
.zp-pay-submit,
.zp-pay-online,
.zp-save-profile-btn,
.zp-login-pro-link a,
.zp-accordion-toggle{
  background:linear-gradient(135deg, rgba(168,208,251,.92), rgba(197,229,254,.88))!important;
  color:#1E4A72!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 8px 24px rgba(168,208,251,.35)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.zp-pay-simple-title,.zp-pay-simple-desc{display:none!important}


/* v1.1.9 — compact captcha + smaller auth */
.zp-auth-card.zp-auth-compact{
  max-width:340px!important;
  padding:14px 12px!important;
  margin:12px auto!important;
}
.zp-auth-compact h2{font-size:17px!important;margin:0 0 4px!important}
.zp-auth-compact .zp-muted{font-size:12px!important;margin:0 0 10px!important}
.zp-auth-compact .zp-form label{font-size:12px!important;margin-top:8px!important}
.zp-auth-compact .zp-form input,
.zp-auth-compact .zp-form button.zp-primary{
  min-height:40px!important;
  font-size:13px!important;
  border-radius:10px!important;
}
.zp-captcha-box{
  margin-top:10px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  text-align:right!important;
  background:rgba(255,255,255,.4)!important;
  border:1px solid var(--zp-line)!important;
}
.zp-captcha-title{
  font-size:11px!important;
  margin-bottom:4px!important;
  font-weight:700!important;
}
.zp-captcha-question{
  font-size:14px!important;
  font-weight:700!important;
  margin-bottom:6px!important;
  display:inline-block;
  color:var(--zp-text)!important;
}
.zp-captcha-input{
  max-width:100%!important;
  width:100%!important;
  margin:0!important;
  min-height:40px!important;
  font-size:13px!important;
  font-weight:600!important;
  text-align:right!important;
  border-radius:10px!important;
}
.zp-captcha-box small{
  margin-top:4px!important;
  font-size:10px!important;
}
@media(max-width:480px){
  .zp-auth-card.zp-auth-compact{
    max-width:100%!important;
    margin:8px!important;
    padding:12px 10px!important;
  }
}


/* v1.2.0 — slightly deeper blue backdrop for public profile cards */
.zp-standalone-profile,
.zp-standalone-profile.zp-eitaa-profile{
  background:
    radial-gradient(900px 480px at 12% -8%, rgba(120,180,235,.55), transparent 55%),
    radial-gradient(700px 400px at 100% 0%, rgba(90,150,220,.4), transparent 50%),
    linear-gradient(180deg, #D6E8FA 0%, #C8DFF6 45%, #BED8F4 100%)!important;
}
.zp-standalone-profile .zp-eitaa-hero,
.zp-standalone-profile .zp-bank-card,
.zp-standalone-profile .zp-cards-section,
.zp-standalone-profile .zp-address-card,
.zp-standalone-profile .zp-visitor-phone-card,
.zp-standalone-profile .zp-qr-card,
.zp-standalone-profile .zp-contact-row,
.zp-standalone-profile .zp-link-card,
.zp-standalone-profile .zp-bank-item{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 10px 28px rgba(40,90,150,.14)!important;
}


/* v1.2.1 — register steps + inline captcha */
.zp-steps{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin:0 0 12px;flex-wrap:wrap;
}
.zp-step{
  font-size:11px;font-weight:700;color:var(--zp-muted);
  padding:4px 10px;border-radius:999px;
  background:rgba(255,255,255,.4);border:1px solid var(--zp-line);
}
.zp-step.is-active{
  color:#1E4A72;background:rgba(168,208,251,.55);
  border-color:rgba(255,255,255,.8);
}
.zp-step-sep{color:var(--zp-muted);font-size:12px}
.zp-steps-pay{margin-bottom:14px}
.zp-captcha-row{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;
  margin-top:10px;padding:6px 8px;border-radius:10px;
  border:1px solid var(--zp-line);
  background:rgba(255,255,255,.35);
  min-height:40px;
}
.zp-captcha-inline-label{
  font-size:12px;font-weight:700;color:var(--zp-text);white-space:nowrap;
}
.zp-captcha-inline-q{
  font-size:13px;font-weight:800;color:var(--zp-text);white-space:nowrap;
}
.zp-captcha-inline-input{
  width:52px!important;min-width:52px;max-width:52px!important;
  min-height:32px!important;height:32px;
  margin:0!important;padding:0 6px!important;
  text-align:center!important;font-size:13px!important;font-weight:700!important;
  border-radius:8px!important;border:1px solid var(--zp-line)!important;
  background:rgba(255,255,255,.7)!important;
}


/* v1.2.2 — stable QR glow + light public buttons */
.zp-qr-image{
  display:grid;place-items:center;
  padding:14px;
  border-radius:20px;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(186,220,252,.8);
  box-shadow:
    0 0 0 6px rgba(186,220,252,.35),
    0 0 24px rgba(142,197,248,.55),
    0 10px 28px rgba(90,150,220,.18);
}
.zp-qr-image img{
  display:block;width:200px;height:200px;object-fit:contain;
  border-radius:12px;background:#fff;
}
.zp-standalone-profile .zp-eitaa-actions .zp-action-outline,
.zp-standalone-profile .zp-eitaa-actions .zp-btn-site,
.zp-standalone-profile .zp-eitaa-actions .zp-ref-action{
  background:linear-gradient(135deg, rgba(197,229,254,.9), rgba(230,244,255,.95))!important;
  color:#2A5A8A!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 6px 18px rgba(142,197,248,.25)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.zp-standalone-profile .zp-eitaa-actions .zp-btn-panel{
  background:linear-gradient(135deg, rgba(168,208,251,.95), rgba(197,229,254,.9))!important;
  color:#1E4A72!important;
  border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:0 8px 22px rgba(142,197,248,.3)!important;
}
.zp-standalone-profile .zp-qr-download,
.zp-standalone-profile .zp-qr-copy{
  background:linear-gradient(135deg, rgba(197,229,254,.85), rgba(255,255,255,.9))!important;
  color:#2A5A8A!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:12px;
  font-weight:800;
}


/* v1.2.3 — step lock, plain QR, red panel button */
.zp-step-locked{opacity:.9}
.zp-lock,.zp-unlock{font-size:12px;margin-right:4px}
.zp-step-hint{
  text-align:center;margin:0 0 12px;font-size:12px;color:var(--zp-muted);line-height:1.6;
}
.zp-qr-image{
  display:grid!important;place-items:center!important;
  padding:8px!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid rgba(200,210,225,.7)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  width:auto!important;max-width:100%;
}
.zp-qr-image img{
  display:block!important;width:180px!important;height:180px!important;
  max-width:100%!important;object-fit:contain!important;
  border-radius:0!important;background:#fff!important;
  box-shadow:none!important;
}
.zp-standalone-profile .zp-eitaa-actions .zp-btn-panel,
.zp-btn-panel{
  background:linear-gradient(135deg,#E11D48,#F43F5E)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 8px 20px rgba(225,29,72,.28)!important;
}
.zp-standalone-profile .zp-eitaa-actions .zp-btn-panel:hover{
  filter:brightness(1.06);
}


/* v1.2.4 — strict pay lock + public profile like register */
.zp-pay-ready-bar{
  text-align:center;
  margin:0 0 12px;
  padding:10px 14px;
  border-radius:12px;
  font-size:14px;
  font-weight:800;
  color:#1E4A72;
  background:linear-gradient(135deg, rgba(187,247,208,.85), rgba(197,229,254,.9));
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 6px 18px rgba(142,197,248,.2);
}
.zp-auth-look.zp-standalone-profile{
  background:
    radial-gradient(900px 480px at 15% -5%, rgba(197,229,254,.65), transparent 55%),
    radial-gradient(700px 400px at 95% 0%, rgba(183,220,252,.45), transparent 50%),
    #F5FAFF!important;
  font-family:var(--zp-font)!important;
}
.zp-auth-look .zp-eitaa-main{
  width:min(100%,400px)!important;
  padding:12px 12px 36px!important;
}
.zp-auth-look .zp-eitaa-hero,
.zp-auth-look .zp-qr-card,
.zp-auth-look .zp-bank-card,
.zp-auth-look .zp-cards-section,
.zp-auth-look .zp-address-card,
.zp-auth-look .zp-visitor-phone-card{
  background:rgba(255,255,255,.55)!important;
  backdrop-filter:blur(16px) saturate(150%);
  -webkit-backdrop-filter:blur(16px) saturate(150%);
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(142,197,248,.12)!important;
}
.zp-auth-look .zp-eitaa-cover{height:160px!important}
.zp-auth-look .zp-eitaa-avatar{width:88px!important;height:88px!important;margin-top:-44px!important;border-width:4px!important}
.zp-auth-look .zp-eitaa-identity h1{font-size:18px!important}
.zp-auth-look .zp-eitaa-username{font-size:12px!important}
.zp-auth-look .zp-eitaa-actions .zp-action-outline{
  min-height:40px!important;font-size:12px!important;padding:0 12px!important;
}


/* v1.2.8 — AqayePardakht / HTML pay form */
.zp-pay-html-wrap{width:100%}
.zp-aq-form{display:flex;flex-direction:column;gap:10px;width:100%}
.zp-aq-voucher{
  width:100%;min-height:44px;padding:10px 12px;border-radius:12px;
  border:1px solid var(--zp-line);background:rgba(255,255,255,.7);
  font-family:inherit;font-size:14px;
}
.zp-pay-html-wrap .zp-pay-online,
.zp-aq-form button[type="submit"],
.zp-aq-form input[type="submit"]{
  width:100%;min-height:48px;border:0;border-radius:12px;cursor:pointer;
  background:linear-gradient(135deg, rgba(168,208,251,.95), rgba(197,229,254,.9))!important;
  color:#1E4A72!important;font-weight:800;font-size:15px;font-family:inherit;
}


/* v1.2.9 */
.zp-pay-simple .zp-pay-only{max-width:420px;margin:0 auto}
.zp-pay-simple .zp-pay-online{width:100%;display:flex}
.zp-captcha-with-remember{flex-wrap:wrap;gap:8px}
.zp-remember-inline{margin:0!important;font-size:12px!important;white-space:nowrap;display:inline-flex!important;align-items:center;gap:4px}
.zp-remember-inline input{margin:0!important}
.zp-install-btn.is-ready{
  background:linear-gradient(135deg,#3b82f6,#60a5fa)!important;
  color:#fff!important;border-color:transparent!important;
}
.zp-install-btn.is-installed,
.zp-install-btn:not(.is-ready){
  background:#fff!important;color:#5b7a9a!important;
  border:1px solid #d5e0ee!important;
}
.zp-install-btn.is-ready span{color:#fff}
.zp-qr-compact{padding:12px!important}
.zp-qr-compact .zp-qr-head{margin-bottom:8px}
.zp-qr-compact .zp-qr-head strong{font-size:14px}
.zp-qr-compact .zp-qr-body{display:flex;flex-direction:column;align-items:center;gap:10px}
.zp-qr-compact .zp-qr-image{
  padding:6px!important;box-shadow:none!important;
  width:auto!important;
}
.zp-qr-compact .zp-qr-image img{width:120px!important;height:120px!important}
.zp-qr-actions-row{
  display:flex!important;flex-direction:row!important;flex-wrap:wrap;
  gap:8px;justify-content:center;width:100%;
}
.zp-qr-actions-row a,
.zp-qr-actions-row button{
  flex:1;min-width:90px;min-height:38px;padding:0 10px;
  border-radius:10px;font-size:12px;font-weight:800;
  font-family:inherit;cursor:pointer;text-align:center;
  text-decoration:none;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(186,220,252,.8);
  background:rgba(255,255,255,.7);color:#2a5a8a;
}
.zp-qr-share{border-color:rgba(147,197,253,.9)!important}


/* v1.3.1 — pay button form */
.zp-aq-form{
  display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;margin:0;
}
.zp-aq-form .zp-pay-online,
.zp-aq-form button[type="submit"],
.zp-aq-form input[type="submit"]{
  width:100%;min-height:52px;border:0;border-radius:14px;cursor:pointer;
  background:linear-gradient(135deg,#3b82f6,#60a5fa)!important;
  color:#fff!important;font-weight:800;font-size:16px;font-family:inherit;
  box-shadow:0 10px 24px rgba(59,130,246,.3);
}
.zp-aq-form button[type="submit"]:hover,
.zp-aq-form input[type="submit"]:hover{filter:brightness(1.05)}


/* v1.3.2 — receipt, email block, order list */
.zp-receipt-card{margin-top:14px}
.zp-receipt-form label{display:block;margin:10px 0 6px;font-size:13px;font-weight:700}
.zp-receipt-form input,.zp-receipt-form textarea{
  width:100%;box-sizing:border-box;min-height:44px;border-radius:12px;
  border:1px solid var(--zp-line);padding:10px 12px;font-family:inherit;background:rgba(255,255,255,.7)
}
.zp-receipt-submit{
  margin-top:12px;width:100%;min-height:48px;border:0;border-radius:12px;cursor:pointer;
  background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff;font-weight:800;font-family:inherit;font-size:14px
}
.zp-email-card{
  margin:12px 0;padding:14px;border-radius:16px;
  background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.8);
  box-shadow:0 8px 20px rgba(59,130,246,.08)
}
.zp-email-row{display:flex;align-items:center;gap:12px}
.zp-email-icon{width:48px;height:48px;border-radius:14px;overflow:hidden;flex-shrink:0;display:grid;place-items:center;background:#e8f3ff;color:#3b82f6}
.zp-email-icon img{width:100%;height:100%;object-fit:cover}
.zp-email-icon-default svg{width:26px;height:26px}
.zp-email-link{font-weight:700;color:#1e4a72;text-decoration:none;word-break:break-all}
.zp-order-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.zp-order-item{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.55);
  border:1px solid var(--zp-line);font-weight:700;font-size:13px
}
.zp-order-btns{display:flex;gap:6px}
.zp-order-up,.zp-order-down{
  width:34px;height:34px;border-radius:10px;border:1px solid var(--zp-line);
  background:#fff;cursor:pointer;font-size:14px;font-weight:800
}


/* v1.3.3 — order accordion red + site CTA */
.zp-blocks-order > .zp-accordion-toggle{
  background:linear-gradient(135deg,#e11d48,#f43f5e)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.25)!important;
}
.zp-blocks-order > .zp-accordion-toggle .zp-acc-title,
.zp-blocks-order > .zp-accordion-toggle .zp-acc-meta{color:#fff!important}
.zp-profile-cta-wrap{
  margin:18px 0 8px;padding:0 4px;
}
.zp-profile-cta-button{
  display:flex;align-items:center;justify-content:center;
  width:100%;min-height:50px;border-radius:14px;
  background:linear-gradient(135deg,#3b82f6,#60a5fa);
  color:#fff!important;font-weight:800;font-size:16px;
  text-decoration:none;box-shadow:0 10px 24px rgba(59,130,246,.28);
}


/* v1.3.4 — red order toggle + simple CTA link */
.zp-blocks-order .zp-accordion-toggle,
.zp-order-toggle-red,
button.zp-order-toggle-red{
  background:#e11d48!important;
  background-image:none!important;
  color:#fff!important;
  border:1px solid #be123c!important;
  box-shadow:0 6px 16px rgba(225,29,72,.25)!important;
}
.zp-blocks-order .zp-accordion-toggle .zp-acc-title,
.zp-blocks-order .zp-accordion-toggle .zp-acc-meta,
.zp-order-toggle-red .zp-acc-title,
.zp-order-toggle-red .zp-acc-meta{color:#fff!important;opacity:1!important}
.zp-profile-cta-wrap{
  margin:16px 0 6px;
  text-align:center;
  padding:0 8px;
}
.zp-profile-cta-link{
  display:inline;
  color:#3b82f6!important;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(59,130,246,.45);
  padding-bottom:2px;
  background:none!important;
  box-shadow:none!important;
}
.zp-profile-cta-link:hover{
  color:#1d4ed8!important;
  border-bottom-color:#1d4ed8;
}


/* v1.3.5 */
.zp-req{color:#e11d48;font-weight:800}


/* v1.4.0 — Profile PRO landing */
.zp-land{max-width:960px;margin:0 auto;padding:20px 16px 40px;font-family:var(--zp-font,inherit);color:#0f2a4a}
.zp-land-hero{
  text-align:center;padding:36px 20px 32px;border-radius:24px;margin-bottom:28px;
  background:
    radial-gradient(700px 280px at 20% 0%, rgba(96,165,250,.35), transparent 60%),
    radial-gradient(500px 240px at 90% 20%, rgba(56,189,248,.25), transparent 55%),
    linear-gradient(160deg, rgba(255,255,255,.75), rgba(240,248,255,.9));
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 16px 40px rgba(59,130,246,.12);
  backdrop-filter:blur(16px);
}
.zp-land-badge{
  display:inline-block;padding:6px 14px;border-radius:999px;margin-bottom:14px;
  background:rgba(59,130,246,.12);color:#1d4ed8;font-size:12px;font-weight:800;
}
.zp-land-hero h1{margin:0 0 12px;font-size:clamp(22px,4vw,34px);font-weight:900;line-height:1.35;letter-spacing:-.02em}
.zp-land-lead{margin:0 auto 20px;max-width:640px;font-size:15px;line-height:1.85;color:#5b7a9a}
.zp-land-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.zp-land-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;
  border-radius:14px;font-weight:800;font-size:14px;text-decoration:none;
}
.zp-land-btn.primary{
  background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff!important;
  box-shadow:0 10px 24px rgba(59,130,246,.3);
}
.zp-land-btn.ghost{
  background:rgba(255,255,255,.65);color:#1e4a72!important;border:1px solid rgba(147,197,253,.6);
}
.zp-land-section{margin:28px 0}
.zp-land-section h2{text-align:center;font-size:22px;font-weight:900;margin:0 0 18px}
.zp-land-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:800px){.zp-land-grid{grid-template-columns:1fr}}
.zp-land-card{
  padding:18px;border-radius:18px;
  background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.75);
  box-shadow:0 8px 24px rgba(15,42,74,.06);backdrop-filter:blur(12px);
}
.zp-land-card h3{margin:0 0 8px;font-size:16px;font-weight:800}
.zp-land-card p{margin:0;font-size:13px;line-height:1.75;color:#5b7a9a}
.zp-land-steps-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.zp-land-step{
  flex:1;min-width:160px;max-width:240px;text-align:center;padding:16px;
  border-radius:16px;background:rgba(255,255,255,.55);border:1px solid rgba(186,220,252,.5);
}
.zp-land-num{
  display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;
  margin-bottom:8px;background:#3b82f6;color:#fff;font-weight:900;
}
.zp-land-cta{
  text-align:center;padding:28px 18px;border-radius:22px;margin-top:12px;
  background:linear-gradient(135deg,#1e40af,#3b82f6 55%,#38bdf8);
  color:#fff;box-shadow:0 16px 36px rgba(30,64,175,.28);
}
.zp-land-cta h2{margin:0 0 8px;color:#fff;font-size:22px}
.zp-land-cta p{margin:0 0 16px;opacity:.92;font-size:14px}
.zp-land-cta .zp-land-btn.primary{background:#fff;color:#1e40af!important}
.zp-land-foot{text-align:center;margin-top:24px;font-size:12px;color:#7b8fa8}


/* v1.4.1 — tickets panel */
.zp-tk-shell{max-width:900px;margin:0 auto;padding:12px}
.zp-tk-head{margin-bottom:14px}
.zp-tk-head h2{margin:0 0 4px;font-size:22px}
.zp-tk-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:720px){.zp-tk-grid{grid-template-columns:1fr}}
.zp-tk-card{
  background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.8);
  border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(15,42,74,.06)
}
.zp-tk-card h3{margin:0 0 12px;font-size:16px}
.zp-tk-form label{display:block;margin:10px 0 6px;font-size:13px;font-weight:700}
.zp-tk-form input,.zp-tk-form select,.zp-tk-form textarea{
  width:100%;box-sizing:border-box;border-radius:12px;border:1px solid var(--zp-line,#d5e0ee);
  padding:10px 12px;font-family:inherit;background:rgba(255,255,255,.75)
}
.zp-tk-list{list-style:none;margin:0;padding:0}
.zp-tk-list li{margin-bottom:8px}
.zp-tk-list a{
  display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;
  background:rgba(255,255,255,.55);border:1px solid rgba(186,220,252,.5);
  text-decoration:none;color:inherit
}
.zp-tk-list a span{font-size:12px;color:#64748b}
.zp-tk-msg{padding:12px;border-radius:12px;margin:10px 0}
.zp-tk-msg.is-user{background:#eff6ff}
.zp-tk-msg.is-admin{background:#f0fdf4}
.zp-tk-msg-meta{font-size:12px;color:#64748b;margin-bottom:6px}
.zp-tk-back{font-size:13px;font-weight:700;color:#3b82f6;text-decoration:none}


/* v1.4.2 */
.zp-tk-attach{margin-top:8px}
.zp-tk-attach img{max-width:220px;max-height:160px;border-radius:10px;border:1px solid rgba(0,0,0,.08)}
.zp-qr-image img{background:#fff}


/* v1.4.3 — modern ticket panel */
.zp-tk-shell{
  max-width:920px;margin:0 auto;padding:16px 14px 36px;
  font-family:var(--zp-font,inherit);
}
.zp-tk-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:16px;padding:16px 18px;border-radius:18px;
  background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(255,255,255,.7));
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 10px 28px rgba(59,130,246,.08);
}
.zp-tk-head h2{margin:0 0 4px;font-size:20px;font-weight:900;color:#0f2a4a}
.zp-tk-head .zp-muted{margin:0;font-size:13px}
.zp-tk-logout{
  flex-shrink:0;min-height:40px;padding:0 16px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid #fecaca;color:#b91c1c!important;
  font-weight:800;font-size:13px;text-decoration:none;
  box-shadow:0 4px 12px rgba(185,28,28,.08);
}
.zp-tk-logout:hover{background:#fef2f2}
.zp-tk-card{
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.85)!important;
  border-radius:20px!important;
  box-shadow:0 12px 32px rgba(15,42,74,.07)!important;
}
.zp-tk-form .zp-primary{
  width:100%;min-height:48px;border:0;border-radius:14px;
  background:linear-gradient(135deg,#3b82f6,#60a5fa);
  color:#fff;font-weight:800;cursor:pointer;font-family:inherit;margin-top:12px;
}
.zp-tk-list a:hover{border-color:#93c5fd;background:rgba(239,246,255,.9)}
.zp-tk-msg.is-user{border:1px solid #bfdbfe}
.zp-tk-msg.is-admin{border:1px solid #bbf7d0}


/* v1.4.4 — landing modern slider */
.zp-slider{
  position:relative;border-radius:22px;overflow:hidden;margin-bottom:22px;
  min-height:220px;box-shadow:0 16px 40px rgba(30,64,175,.15);
  border:1px solid rgba(255,255,255,.7);
}
.zp-slider-track{position:relative;min-height:220px}
.zp-slide{
  position:absolute;inset:0;opacity:0;pointer-events:none;
  background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#38bdf8);
  background-size:cover;background-position:center;
  transition:opacity .55s ease;
}
.zp-slide.is-active{opacity:1;pointer-events:auto;position:relative}
.zp-slide-overlay{
  min-height:220px;display:flex;align-items:center;justify-content:center;
  padding:28px 20px;text-align:center;
  background:linear-gradient(180deg,rgba(15,42,74,.25),rgba(15,42,74,.55));
}
.zp-slide-content{max-width:560px;color:#fff}
.zp-slide-content h2{margin:0 0 10px;font-size:clamp(18px,4vw,28px);font-weight:900;line-height:1.35}
.zp-slide-content p{margin:0;font-size:14px;line-height:1.8;opacity:.95}
.zp-slider-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,255,255,.9);color:#1e3a8a;font-size:22px;font-weight:700;
  box-shadow:0 6px 16px rgba(0,0,0,.12);z-index:2;
}
.zp-slider-nav.prev{right:12px}
.zp-slider-nav.next{left:12px}
.zp-slider-dots{
  position:absolute;bottom:12px;left:0;right:0;
  display:flex;justify-content:center;gap:8px;z-index:2;
}
.zp-slider-dot{
  width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;
  background:rgba(255,255,255,.45);
}
.zp-slider-dot.is-active{background:#fff;transform:scale(1.15)}
@media(max-width:600px){
  .zp-slider,.zp-slide-overlay{min-height:190px}
  .zp-slider-nav{width:34px;height:34px;font-size:18px}
}


/* v1.4.5 — slider 1032x432 rounded */
.zp-slider{
  width:100%;max-width:1032px;margin:0 auto 22px;
  aspect-ratio:1032 / 432;
  height:auto;min-height:0!important;
  border-radius:20px!important;
  overflow:hidden;
  box-shadow:0 16px 40px rgba(30,64,175,.15);
  border:1px solid rgba(255,255,255,.7);
}
.zp-slider-track{position:relative;width:100%;height:100%;min-height:0!important}
.zp-slide{
  position:absolute;inset:0;opacity:0;pointer-events:none;
  background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#38bdf8);
  background-size:cover;background-position:center;
  transition:opacity .55s ease;
  border-radius:20px;
}
.zp-slide.is-active{opacity:1;pointer-events:auto}
.zp-slide-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}
.zp-slide-overlay{
  width:100%;height:100%;min-height:0!important;
  display:flex;align-items:center;justify-content:center;
  padding:24px 20px;text-align:center;
  background:linear-gradient(180deg,rgba(15,42,74,.15),rgba(15,42,74,.45));
  box-sizing:border-box;
}
.zp-slide-content h2{margin:0 0 8px;font-size:clamp(16px,3.2vw,26px);font-weight:900;line-height:1.35;min-height:1.2em}
.zp-slide-content p{margin:0;font-size:clamp(12px,2vw,15px);line-height:1.75;min-height:1.2em;opacity:.95}
@media(max-width:600px){
  .zp-slider{border-radius:16px!important}
  .zp-slide{border-radius:16px}
}


/* v1.5.0 — Instagram-like Profile PRO site */
.zp-ig{
  max-width:470px;margin:0 auto;padding:0 0 40px;
  font-family:var(--zp-font,inherit);color:#262626;
  background:#fafafa;min-height:100vh;
}
.zp-ig-top{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);border-bottom:1px solid #efefef;
}
.zp-ig-logo{font-size:20px;font-weight:900;letter-spacing:-.02em}
.zp-ig-icon-btn{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:#fff;border:1px solid #dbdbdb;text-decoration:none;color:#262626;font-size:18px;font-weight:700
}
.zp-ig-profile{
  display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;
  padding:18px 16px 8px;background:#fff;
}
.zp-ig-avatar-ring{
  width:92px;height:92px;border-radius:50%;padding:3px;
  background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}
.zp-ig-avatar{
  width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;display:block;background:#eee;
}
.zp-ig-avatar-ph{display:grid;place-items:center;font-size:32px;font-weight:900;color:#fff;background:#262626;border:3px solid #fff}
.zp-ig-name{margin:0 0 10px;font-size:15px;font-weight:700;line-height:1.4}
.zp-ig-stats{display:flex;gap:16px}
.zp-ig-stats div{display:flex;flex-direction:column;align-items:center;min-width:52px}
.zp-ig-stats strong{font-size:15px;font-weight:800}
.zp-ig-stats span{font-size:11px;color:#8e8e8e}
.zp-ig-bio{padding:4px 16px 12px;background:#fff;font-size:13px;line-height:1.7}
.zp-ig-bio-title{font-weight:800;margin-bottom:4px}
.zp-ig-bio p{margin:0;color:#262626}
.zp-ig-actions{display:flex;gap:8px;padding:0 16px 14px;background:#fff}
.zp-ig-btn{
  flex:1;min-height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;
  background:#efefef;color:#262626!important;text-decoration:none;font-size:13px;font-weight:800;border:0;
}
.zp-ig-btn.primary{background:#0095f6;color:#fff!important}
.zp-ig-highlights{
  display:flex;gap:14px;overflow-x:auto;padding:12px 16px 16px;background:#fff;
  border-bottom:1px solid #efefef;scrollbar-width:none;
}
.zp-ig-highlights::-webkit-scrollbar{display:none}
.zp-ig-hl{flex:0 0 auto;width:74px;text-align:center;text-decoration:none;color:inherit}
.zp-ig-hl-ring{
  width:64px;height:64px;margin:0 auto 6px;border-radius:50%;padding:2px;
  background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);
}
.zp-ig-hl-ring img,.zp-ig-hl-ring span{
  width:100%;height:100%;border-radius:50%;display:grid;place-items:center;
  object-fit:cover;background:#fff;border:2px solid #fff;font-weight:800;font-size:16px;color:#262626;
}
.zp-ig-hl-label{font-size:11px;color:#262626;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zp-ig-tabs{
  display:flex;background:#fff;border-bottom:1px solid #efefef;
}
.zp-ig-tabs span{
  flex:1;text-align:center;padding:12px 8px;font-size:12px;font-weight:700;color:#8e8e8e;
  border-bottom:2px solid transparent;
}
.zp-ig-tabs span.is-active{color:#262626;border-bottom-color:#262626}
.zp-ig-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:#fff;
}
.zp-ig-post{
  position:relative;aspect-ratio:1;background:#eaeaea center/cover no-repeat;
  overflow:hidden;
}
.zp-ig-post-text{background:linear-gradient(160deg,#f8fafc,#e2e8f0);aspect-ratio:1}
.zp-ig-post-link{position:absolute;inset:0;z-index:1}
.zp-ig-post-cap{
  position:absolute;inset:auto 0 0 0;padding:10px 8px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));
  color:#fff;display:flex;flex-direction:column;gap:2px;z-index:2;
}
.zp-ig-post-text .zp-ig-post-cap{
  position:relative;inset:auto;height:100%;justify-content:center;
  background:transparent;color:#0f172a;padding:12px;
}
.zp-ig-post-cap strong{font-size:12px;font-weight:800;line-height:1.35}
.zp-ig-post-cap span{font-size:10px;line-height:1.5;opacity:.92;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.zp-ig-steps{margin:16px;padding:14px;border-radius:14px;background:#fff;border:1px solid #efefef}
.zp-ig-steps h3{margin:0 0 10px;font-size:14px}
.zp-ig-steps ol{margin:0;padding:0;list-style:none}
.zp-ig-steps li{display:flex;gap:10px;align-items:center;padding:8px 0;font-size:13px;border-bottom:1px solid #f3f3f3}
.zp-ig-steps li:last-child{border-bottom:0}
.zp-ig-steps li span{
  width:26px;height:26px;border-radius:50%;background:#0095f6;color:#fff;
  display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0
}
.zp-ig-cta{
  margin:16px;padding:20px 16px;border-radius:16px;text-align:center;
  background:linear-gradient(135deg,#833ab4,#fd1d1d 55%,#fcb045);color:#fff;
}
.zp-ig-cta h3{margin:0 0 8px;font-size:18px;color:#fff}
.zp-ig-cta p{margin:0 0 14px;font-size:13px;opacity:.95}
.zp-ig-cta .zp-ig-btn.primary{background:#fff;color:#262626!important}
.zp-ig-foot{text-align:center;padding:8px 16px 24px;font-size:11px;color:#8e8e8e}
/* hide old land styles when ig present */
.zp-ig .zp-land-hero,.zp-ig .zp-slider{display:none}
@media(min-width:520px){
  .zp-ig{border-left:1px solid #efefef;border-right:1px solid #efefef;box-shadow:0 0 40px rgba(0,0,0,.04)}
}


/* v1.6.0 — public profile Instagram layout */
body.zp-ig-profile{margin:0;background:#fafafa!important}
.zp-ig-public{max-width:470px;margin:0 auto;background:#fafafa;min-height:100vh;padding-bottom:32px}
.zp-ig-id-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.zp-ig-username{font-size:12px;color:#8e8e8e;direction:ltr}
.zp-ig-ref-chip{
  border:1px solid #dbdbdb;background:#fff;border-radius:999px;padding:4px 10px;
  font-size:11px;font-weight:700;cursor:pointer;font-family:inherit
}
.zp-ig-sections{padding:12px 12px 0;display:flex;flex-direction:column;gap:12px}
.zp-ig-card{
  background:#fff;border:1px solid #efefef;border-radius:14px;padding:14px;
}
.zp-ig-card-title{font-size:13px;font-weight:800;margin-bottom:10px}
.zp-ig-bank{display:flex;gap:10px;padding:10px 0;border-top:1px solid #f3f3f3}
.zp-ig-bank:first-of-type{border-top:0}
.zp-ig-bank-icon{width:40px;height:40px;border-radius:10px;object-fit:cover}
.zp-ig-bank-info{flex:1;min-width:0}
.zp-ig-bank-info strong{display:block;font-size:13px;margin-bottom:4px}
.zp-ig-bank-line{font-size:12px;direction:ltr;text-align:right;margin:4px 0;word-break:break-all}
.zp-ig-bank-line button{
  border:0;background:#efefef;border-radius:6px;padding:2px 8px;margin-right:6px;
  font-size:11px;font-weight:700;cursor:pointer;font-family:inherit
}
.zp-ig-phones{display:flex;flex-direction:column;gap:8px}
.zp-ig-phone{
  display:block;padding:12px;border-radius:12px;background:#f7f7f7;
  text-decoration:none;color:#262626;font-weight:700;font-size:14px;text-align:center
}
.zp-ig-email{color:#0095f6;font-weight:700;text-decoration:none;word-break:break-all}
.zp-ig-address{margin:0 0 10px;font-size:13px;line-height:1.7}
.zp-ig-public .zp-qr-image img{width:120px!important;height:120px!important}
.zp-ig-public .zp-profile-cta-wrap{padding:16px;text-align:center}


/* v1.6.3 — social icons in highlights + visitor blocks + mobile unify */
.zp-ig-hl-icon{
  display:grid!important;place-items:center;
  background:#fff!important;
}
.zp-ig-hl-icon img{
  width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #fff;
}
.zp-ig-hl-icon svg{
  width:28px;height:28px;stroke:#262626;fill:none;stroke-width:1.6;
}
.zp-ig-card-desc{margin:0 0 10px;font-size:12px;color:#8e8e8e;line-height:1.6}
.zp-visitor-form{display:flex;flex-direction:column;gap:8px}
.zp-visitor-form input,
.zp-visitor-form textarea{
  width:100%;box-sizing:border-box;border:1px solid #dbdbdb;border-radius:12px;
  padding:11px 12px;font-family:inherit;font-size:14px;background:#fafafa
}
.zp-visitor-form .zp-ig-btn{width:100%}
.zp-ig-visitor-blocks{padding-top:4px}

/* mobile unify */
@media(max-width:520px){
  .zp-ig,.zp-ig-public{max-width:100%;margin:0;border:0;box-shadow:none}
  .zp-ig-profile{grid-template-columns:78px 1fr;gap:12px;padding:14px 12px 6px}
  .zp-ig-avatar-ring{width:74px;height:74px}
  .zp-ig-name{font-size:14px}
  .zp-ig-stats{gap:10px}
  .zp-ig-stats strong{font-size:13px}
  .zp-ig-bio,.zp-ig-actions{padding-left:12px;padding-right:12px}
  .zp-ig-highlights{padding:10px 12px 14px;gap:10px}
  .zp-ig-hl{width:66px}
  .zp-ig-hl-ring{width:56px;height:56px}
  .zp-ig-hl-icon svg{width:24px;height:24px}
  .zp-ig-grid{gap:1px}
  .zp-ig-sections{padding:10px}
  .zp-ig-card{border-radius:12px;padding:12px}
  .zp-ig-btn{min-height:36px;font-size:13px}
  .zp-ig-top{padding:10px 12px}
}


/* v1.6.4 — classic blocks + round guide links */
.zp-ig-links-round{
  display:flex;flex-wrap:wrap;gap:14px 10px;justify-content:flex-start;
  padding:14px 12px 18px;background:#fff;border-bottom:1px solid #efefef;
}
.zp-ig-link-round{
  width:76px;text-align:center;text-decoration:none;color:#262626;
}
.zp-ig-link-round-icon{
  width:64px;height:64px;margin:0 auto 6px;border-radius:50%;
  overflow:hidden;background:#f0f2f5;border:2px solid #efefef;
  display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.06);
}
.zp-ig-link-round-icon img{width:100%;height:100%;object-fit:cover}
.zp-ig-link-round-icon span{font-weight:800;font-size:18px;color:#0095f6}
.zp-ig-link-round-label{
  font-size:11px;line-height:1.35;max-width:76px;margin:0 auto;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.zp-ig-public .zp-classic-block{
  margin:0 0 12px;background:#fff;border-radius:16px;
  border:1px solid #e8eef5;box-shadow:0 6px 18px rgba(15,42,74,.06);
  padding:12px 14px;
}
.zp-ig-public .zp-bank-item{margin-top:10px;padding-top:10px;border-top:1px dashed #e8eef5}
.zp-ig-public .zp-bank-item:first-of-type{border-top:0;margin-top:6px;padding-top:0}
.zp-ig-public .zp-bank-head-main{display:flex;align-items:center;gap:10px}
.zp-ig-public .zp-bank-icon{width:40px;height:40px;border-radius:12px;object-fit:cover}
.zp-ig-public .zp-bank-row{
  width:100%;border:0;background:#f7faff;border-radius:12px;padding:11px 12px;margin-top:8px;
  display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-family:inherit
}
.zp-ig-public .zp-bank-row span{font-weight:700;font-size:13px;word-break:break-all}
.zp-ig-public .zp-bank-row small{color:#1769d2;font-weight:800;white-space:nowrap}
.zp-ig-public .zp-bank-desc{margin-top:8px;font-size:12px;color:#64748b;line-height:1.6}
.zp-ig-public .zp-contact-row{flex-wrap:wrap}
.zp-ig-public .zp-contact-call{font-weight:700;text-decoration:none;direction:ltr}
.zp-ig-public .zp-contact-copy{
  border:0;background:#eef6ff;color:#1769d2;border-radius:8px;padding:6px 10px;
  font-weight:800;font-size:12px;cursor:pointer;font-family:inherit
}
.zp-ig-public .zp-section-title{margin-bottom:4px}
.zp-ig-public .zp-email-link{display:block;color:#1769d2;font-weight:700;text-decoration:none;word-break:break-all;margin-top:2px}
.zp-ig-public .zp-address-link{display:inline-block;margin-top:6px;color:#1769d2;font-weight:800;text-decoration:none}
.zp-ig-public .zp-ig-sections{padding:12px}
.zp-ig-public .zp-qr-compact{margin:0 0 12px}

@media(max-width:520px){
  .zp-ig-link-round{width:70px}
  .zp-ig-link-round-icon{width:58px;height:58px}
  .zp-ig-links-round{gap:12px 8px;padding:12px 10px 14px}
  .zp-ig-public .zp-classic-block{border-radius:14px;padding:11px 12px}
  .zp-ig-public .zp-bank-row{padding:10px;border-radius:11px}
}


/* v1.6.5 — layout fix + contact classic + round links polish */
.zp-ig-public{
  max-width:470px;margin:0 auto;overflow-x:hidden;
  box-sizing:border-box;
}
.zp-ig-public *,.zp-ig-public *::before,.zp-ig-public *::after{box-sizing:border-box}
.zp-ig-public .zp-ig-sections{
  width:100%;padding:12px;display:flex;flex-direction:column;gap:12px;
}
.zp-ig-public .zp-classic-block{
  width:100%;margin:0!important;
}
.zp-ig-public .zp-contact-row{
  display:flex;align-items:center;gap:10px;
  padding:12px;border-radius:16px;background:#fff;
  border:2px solid var(--zp-phone,#0EA5E9);
  box-shadow:0 6px 16px rgba(0,0,0,.06);
  min-height:72px;
}
.zp-ig-public .zp-contact-icon{
  width:48px;height:48px;min-width:48px;border-radius:14px;
  display:grid;place-items:center;
}
.zp-ig-public .zp-contact-icon svg{width:24px;height:24px}
.zp-ig-public .zp-contact-text{flex:1;min-width:0}
.zp-ig-public .zp-contact-text strong{display:block;font-size:14px}
.zp-ig-public .zp-contact-text small{display:block;margin-top:3px;color:#64748b;font-weight:700}
.zp-ig-public .zp-contact-actions{display:flex;gap:6px;flex-shrink:0}
.zp-ig-public .zp-contact-actions a,
.zp-ig-public .zp-contact-actions button{
  height:40px;min-width:52px;padding:0 12px;border-radius:12px;
  border:2px solid #111;background:#fff;color:#111;
  font-weight:900;font-size:12px;cursor:pointer;font-family:inherit;
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none
}
.zp-ig-public .zp-contact-call{background:#111!important;color:#fff!important}
.zp-ig-links-round{width:100%}
.zp-ig-link-round-icon{
  background:linear-gradient(145deg,#fff,#f3f4f6);
}
@media(max-width:520px){
  .zp-ig-public .zp-contact-row{gap:8px;padding:10px;border-radius:14px}
  .zp-ig-public .zp-contact-actions a,
  .zp-ig-public .zp-contact-actions button{min-width:48px;height:38px;padding:0 10px}
  .zp-ig-public .zp-bank-row span{font-size:12px}
  .zp-ig-public .zp-ig-sections{padding:10px}
}


/* v1.6.6 — mobile-optimized public profile */
html{ -webkit-text-size-adjust:100%; }
body.zp-ig-profile{
  margin:0!important;padding:0!important;
  background:#fafafa!important;
  font-size:14px;
  line-height:1.5;
  overflow-x:hidden!important;
}
.zp-ig-public{
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:0 0 28px!important;
  overflow-x:hidden!important;
}
.zp-ig-public .zp-ig-top{padding:10px 12px}
.zp-ig-public .zp-ig-logo{font-size:16px}
.zp-ig-public .zp-ig-profile{
  grid-template-columns:72px 1fr!important;
  gap:10px!important;
  padding:12px 12px 6px!important;
}
.zp-ig-public .zp-ig-avatar-ring{width:72px!important;height:72px!important}
.zp-ig-public .zp-ig-name{font-size:14px!important;margin-bottom:6px!important}
.zp-ig-public .zp-ig-stats{gap:8px!important}
.zp-ig-public .zp-ig-stats strong{font-size:13px!important}
.zp-ig-public .zp-ig-stats span{font-size:10px!important}
.zp-ig-public .zp-ig-bio{padding:4px 12px 10px!important;font-size:13px!important}
.zp-ig-public .zp-ig-actions{padding:0 12px 12px!important;gap:6px!important}
.zp-ig-public .zp-ig-btn{min-height:34px!important;font-size:12px!important;border-radius:10px!important}
.zp-ig-public .zp-ig-highlights{padding:8px 12px 12px!important;gap:10px!important}
.zp-ig-public .zp-ig-hl{width:64px!important}
.zp-ig-public .zp-ig-hl-ring{width:54px!important;height:54px!important}
.zp-ig-public .zp-ig-hl-label{font-size:10px!important}
.zp-ig-public .zp-ig-tabs span{padding:10px 6px!important;font-size:11px!important}
.zp-ig-public .zp-ig-links-round{padding:12px 10px 14px!important;gap:10px 6px!important}
.zp-ig-public .zp-ig-link-round{width:68px!important}
.zp-ig-public .zp-ig-link-round-icon{width:56px!important;height:56px!important}
.zp-ig-public .zp-ig-link-round-label{font-size:10px!important;max-width:68px!important}
.zp-ig-public .zp-ig-sections{padding:10px!important;gap:10px!important}
.zp-ig-public .zp-classic-block{padding:10px 12px!important;border-radius:14px!important}
.zp-ig-public .zp-bank-row{padding:10px!important;margin-top:6px!important}
.zp-ig-public .zp-bank-row span{font-size:12px!important}
.zp-ig-public .zp-contact-row{min-height:64px!important;padding:10px!important}
.zp-ig-public .zp-contact-icon{width:42px!important;height:42px!important;min-width:42px!important}
.zp-ig-public .zp-contact-actions a,
.zp-ig-public .zp-contact-actions button{height:36px!important;min-width:46px!important;font-size:11px!important}
.zp-ig-public .zp-qr-image img{width:110px!important;height:110px!important}
.zp-ig-public .zp-visitor-form input,
.zp-ig-public .zp-visitor-form textarea{font-size:14px!important;padding:10px!important}
@media(max-width:430px){
  .zp-ig-public{max-width:100%!important}
}


/* v1.6.7 — force public profile visible on mobile */
body.zp-ig-profile,
body.zp-standalone-profile.zp-ig-profile{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:100vh!important;
  height:auto!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:#fafafa!important;
  color:#262626!important;
}
.zp-ig.zp-ig-public,
.zp-ig-public{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:480px!important;
  min-height:100vh!important;
  height:auto!important;
  margin:0 auto!important;
  background:#fafafa!important;
  color:#262626!important;
  overflow:visible!important;
}
.zp-ig-public .zp-ig-top,
.zp-ig-public .zp-ig-profile,
.zp-ig-public .zp-ig-bio,
.zp-ig-public .zp-ig-actions,
.zp-ig-public .zp-ig-highlights,
.zp-ig-public .zp-ig-tabs,
.zp-ig-public .zp-ig-links-round,
.zp-ig-public .zp-ig-sections{
  visibility:visible!important;
  opacity:1!important;
  max-width:100%!important;
}


/* v1.6.8 — PWA next to @id, ref in actions, IG layout optimized (v1.4.3 stability) */
.zp-ig-id-row{
  display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;
}
.zp-pwa-install-btn{
  width:30px;height:30px;min-width:30px;padding:0;border:0;border-radius:50%;
  display:inline-grid;place-items:center;cursor:pointer;
  background:#0095f6;color:#fff;
  box-shadow:0 4px 12px rgba(0,149,246,.28);
  transition:background .2s,color .2s,box-shadow .2s;
}
.zp-pwa-install-btn svg{display:block}
.zp-pwa-install-btn.is-ready{background:#0095f6;color:#fff}
.zp-pwa-install-btn.is-installed{
  background:#fff;color:#8e8e8e;
  border:1px solid #dbdbdb;
  box-shadow:none;
}
.zp-ig-actions{
  display:flex!important;flex-wrap:wrap;gap:8px!important;
  padding:0 12px 14px!important;background:#fff;
}
.zp-ig-actions .zp-ig-btn{flex:1 1 auto;min-width:30%}
.zp-ig-ref-btn{
  background:#fff!important;color:#0095f6!important;
  border:1px solid #dbdbdb!important;font-family:inherit;cursor:pointer;
  direction:ltr;
}

/* lighter mobile layout inspired by stable earlier builds */
@media(max-width:480px){
  .zp-ig-public{max-width:100%!important;padding-bottom:24px!important}
  .zp-ig-public .zp-ig-profile{
    grid-template-columns:70px 1fr!important;
    padding:12px!important;gap:10px!important;
  }
  .zp-ig-public .zp-ig-avatar-ring{width:70px!important;height:70px!important}
  .zp-ig-public .zp-ig-name{font-size:15px!important}
  .zp-ig-public .zp-ig-btn{min-height:36px!important;font-size:12px!important}
  .zp-ig-public .zp-ig-sections{padding:10px!important}
  .zp-ig-public .zp-classic-block{padding:12px!important;margin-bottom:10px!important}
  .zp-pwa-install-btn{width:28px;height:28px;min-width:28px}
}


/* v1.6.9 — gallery block + no top header title */
.zp-ig-public .zp-ig-profile{border-top:0}
.zp-gal-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:8px;
}
.zp-gal-cell{
  aspect-ratio:1;display:block;overflow:hidden;border-radius:8px;background:#eee;
}
.zp-gal-cell img{width:100%;height:100%;object-fit:cover;display:block}
.zp-gal-manage{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 14px;
}
.zp-gal-item{position:relative;border-radius:12px;overflow:hidden;background:#f1f5f9;aspect-ratio:1}
.zp-gal-item img{width:100%;height:100%;object-fit:cover;display:block}
.zp-gal-item form{position:absolute;left:6px;right:6px;bottom:6px}
.zp-gal-del{
  width:100%;border:0;border-radius:8px;padding:7px;background:rgba(185,28,28,.92);
  color:#fff;font-weight:800;font-size:12px;cursor:pointer;font-family:inherit
}
.zp-gal-upload-form{display:flex;flex-direction:column;gap:10px;margin-top:8px}
@media(max-width:480px){
  .zp-gal-grid{gap:3px}
  .zp-gal-cell{border-radius:6px}
}


/* v1.7.1 — gallery caption/link + tabs */
#zp-ig-tabs.zp-ig-tabs{display:flex!important;background:#fff;border-bottom:1px solid #efefef;padding:0}
.zp-ig-tab{
  flex:1;border:0;background:transparent;padding:12px 8px;font-family:inherit;
  font-size:12px;font-weight:800;color:#8e8e8e;cursor:pointer;
  border-bottom:2px solid transparent;
}
.zp-ig-tab.is-active{color:#262626;border-bottom-color:#262626}
.zp-ig-tab-panel{display:none;background:#fff}
.zp-ig-tab-panel.is-active{display:block}
.zp-ig-empty{margin:0;padding:16px;text-align:center;color:#8e8e8e;font-size:13px}
.zp-gal-grid-public{padding:8px;gap:4px}
.zp-gal-cell{position:relative}
.zp-gal-cap{
  position:absolute;left:0;right:0;bottom:0;padding:6px 6px 8px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.65));
  color:#fff;font-size:10px;font-weight:700;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.zp-gal-item-edit{
  aspect-ratio:auto!important;height:auto;display:flex;flex-direction:column;
  background:#fff;border:1px solid #e8eef5;border-radius:14px;overflow:hidden;
}
.zp-gal-item-edit img{width:100%;aspect-ratio:1;object-fit:cover}
.zp-gal-edit-form{display:flex;flex-direction:column;gap:6px;padding:8px}
.zp-gal-edit-form input{
  width:100%;box-sizing:border-box;border:1px solid #dbe3ee;border-radius:8px;
  padding:8px;font-family:inherit;font-size:12px
}
.zp-gal-save{
  border:0;border-radius:8px;padding:8px;background:#0095f6;color:#fff;
  font-weight:800;font-size:12px;cursor:pointer;font-family:inherit
}
.zp-gal-item-edit .zp-gal-del{position:static;margin:0 8px 8px;width:calc(100% - 16px)}
.zp-gal-manage{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:480px){
  .zp-gal-manage{grid-template-columns:1fr!important}
}


/* v1.7.2 — gallery buttons, PWA by avatar, square guide posts */
.zp-ig-avatar-col{
  display:flex;flex-direction:column;align-items:center;gap:8px;
}
.zp-pwa-install-text{
  width:auto!important;min-width:72px;height:30px!important;border-radius:10px!important;
  padding:0 10px!important;font-size:11px!important;font-weight:800!important;
  font-family:inherit;white-space:nowrap;
  background:#0095f6!important;color:#fff!important;border:0!important;
}
.zp-pwa-install-text.is-installed{
  background:#fff!important;color:#8e8e8e!important;border:1px solid #dbdbdb!important;
}
.zp-ig-stats{display:none!important}

/* Instagram square posts for guide links */
.zp-ig-posts-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;
  background:#fff;padding:2px 0 8px;
}
.zp-ig-post-sq{
  position:relative;aspect-ratio:1;display:block;
  background:#eaeaea center/cover no-repeat;text-decoration:none;overflow:hidden;
}
.zp-ig-post-sq.no-img{background:linear-gradient(145deg,#f8fafc,#e2e8f0)}
.zp-ig-post-sq-cap{
  position:absolute;left:0;right:0;bottom:0;padding:8px 6px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));
  color:#fff;font-size:10px;font-weight:800;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.zp-ig-post-sq.no-img .zp-ig-post-sq-cap{
  inset:0;display:grid;place-items:center;background:transparent;color:#262626;
  -webkit-line-clamp:unset;text-align:center;padding:10px;font-size:12px
}

/* gallery manage mobile - no overlap */
.zp-gal-manage{grid-template-columns:1fr!important;gap:14px!important}
.zp-gal-item-edit{
  display:flex;flex-direction:column;gap:0;
  border:1px solid #e8eef5;border-radius:14px;overflow:hidden;background:#fff
}
.zp-gal-item-edit img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.zp-gal-edit-form{display:flex;flex-direction:column;gap:8px;padding:10px}
.zp-gal-edit-form input{width:100%;box-sizing:border-box}
.zp-gal-actions-row{
  display:flex;gap:8px;padding:0 10px 10px;
}
.zp-gal-save,.zp-gal-del{
  flex:1;position:static!important;width:auto!important;margin:0!important;
  min-height:40px;border-radius:10px;font-weight:800;font-size:13px;cursor:pointer;font-family:inherit;border:0
}
.zp-gal-save{background:#0095f6;color:#fff}
.zp-gal-del{background:#fee2e2;color:#b91c1c}
.zp-gal-upload-form{
  display:flex;flex-direction:column;gap:10px;margin-top:12px;
  padding:12px;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc
}
.zp-gal-upload-form .zp-file-button{display:block}
.zp-gal-upload-form .zp-primary,.zp-gal-upload-form button[type=submit]{
  min-height:42px;border-radius:10px;font-weight:800
}


/* v1.7.3 — gallery visible buttons + PWA by @id */
.zp-ig-id-row{
  display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px!important;
}
.zp-pwa-install-text{
  width:auto!important;min-width:70px;height:28px!important;border-radius:999px!important;
  padding:0 12px!important;font-size:11px!important;font-weight:800!important;
  background:#0095f6!important;color:#fff!important;border:0!important;
  display:inline-flex!important;align-items:center;justify-content:center;
}
.zp-pwa-install-text.is-installed{
  background:#fff!important;color:#8e8e8e!important;border:1px solid #dbdbdb!important;
}
.zp-gallery-editor .zp-accordion-body{padding-bottom:16px}
.zp-gal-upload-form{
  display:flex!important;flex-direction:column!important;gap:10px!important;
  margin:0 0 16px!important;padding:14px!important;
  border:1px dashed #93c5fd!important;border-radius:14px!important;background:#eff6ff!important;
}
.zp-gal-file-label{
  display:block!important;padding:12px!important;border-radius:10px!important;
  background:#fff!important;border:1px solid #dbeafe!important;font-weight:700!important;
  cursor:pointer!important;text-align:center
}
.zp-gal-file-label input[type=file]{display:block!important;width:100%!important;margin-top:8px!important}
.zp-gal-upload-btn{
  display:block!important;width:100%!important;min-height:44px!important;
  border:0!important;border-radius:12px!important;background:#0095f6!important;color:#fff!important;
  font-weight:800!important;font-size:14px!important;cursor:pointer!important;font-family:inherit!important
}
.zp-gal-manage{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
.zp-gal-item-edit{
  display:flex!important;flex-direction:column!important;background:#fff!important;
  border:1px solid #e2e8f0!important;border-radius:14px!important;overflow:hidden!important
}
.zp-gal-item-edit img{width:100%!important;aspect-ratio:1!important;object-fit:cover!important}
.zp-gal-edit-form{display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px!important}
.zp-gal-actions-row{display:flex!important;gap:8px!important;margin-top:4px!important}
.zp-gal-save{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:100%!important;min-height:44px!important;margin:0!important;padding:0 12px!important;
  border:0!important;border-radius:10px!important;background:#0095f6!important;color:#fff!important;
  font-weight:800!important;font-size:14px!important;cursor:pointer!important;font-family:inherit!important
}
.zp-gal-del-form{padding:0 12px 12px!important}
.zp-gal-del{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:100%!important;min-height:42px!important;margin:0!important;
  border:0!important;border-radius:10px!important;background:#fee2e2!important;color:#b91c1c!important;
  font-weight:800!important;font-size:14px!important;cursor:pointer!important;font-family:inherit!important
}

/* ========== v1.7.4 — public polish, gallery, contact, spacing, animations ========== */

/* --- Unified public block spacing & consistent look --- */
.zp-ig-public .zp-ig-sections{
  padding:12px 12px 20px!important;
  gap:14px!important;
  display:flex!important;
  flex-direction:column!important;
}
.zp-ig-public .zp-classic-block,
.zp-ig-public .zp-ig-card,
.zp-ig-public .zp-qr-compact,
.zp-ig-public .zp-bank-card,
.zp-ig-public .zp-contact-card,
.zp-ig-public .zp-email-card,
.zp-ig-public .zp-address-card{
  margin:0!important;
  padding:14px 14px!important;
  border-radius:18px!important;
  border:1px solid #e8eef5!important;
  background:#fff!important;
  box-shadow:0 4px 16px rgba(15,42,74,.05)!important;
  transition:box-shadow .22s ease,transform .22s ease;
}
.zp-ig-public .zp-classic-block:hover,
.zp-ig-public .zp-ig-card:hover{
  box-shadow:0 8px 22px rgba(15,42,74,.08)!important;
}
.zp-ig-public .zp-section-title,
.zp-ig-public .zp-ig-card-title,
.zp-ig-public .zp-bank-head{
  margin:0 0 10px!important;
  font-size:14px!important;
  font-weight:800!important;
  color:#0f172a!important;
}
.zp-ig-public .zp-contact-card .zp-section-title{margin-bottom:12px!important}

/* --- Modern contact block: big number, no default "تماس" text --- */
.zp-ig-public .zp-contact-list{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin:0!important;
}
.zp-ig-public .zp-contact-row{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  min-height:72px!important;
  padding:0!important;
  border-radius:16px!important;
  border:1.5px solid color-mix(in srgb, var(--zp-phone,#0EA5E9) 35%, #e2e8f0)!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(15,42,74,.06)!important;
  overflow:hidden!important;
  transition:transform .2s ease,box-shadow .2s ease;
}
.zp-ig-public .zp-contact-row:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(15,42,74,.1)!important;
}
.zp-ig-public .zp-contact-main{
  flex:1!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 10px 12px 12px!important;
  text-decoration:none!important;
  color:inherit!important;
}
.zp-ig-public .zp-contact-icon{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  flex-shrink:0!important;
}
.zp-ig-public .zp-contact-icon svg{
  width:24px!important;
  height:24px!important;
  stroke:#fff!important;
}
.zp-ig-public .zp-contact-body{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
  text-align:right!important;
}
.zp-ig-public .zp-contact-num{
  display:block!important;
  font-size:clamp(20px,5.2vw,28px)!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.3px!important;
  color:#0f172a!important;
  direction:ltr!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
.zp-ig-public .zp-contact-label{
  display:block!important;
  font-size:12px!important;
  font-weight:700!important;
  color:#64748b!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.zp-ig-public .zp-contact-copy{
  flex-shrink:0!important;
  width:48px!important;
  height:48px!important;
  margin:0 10px 0 6px!important;
  border:1px solid #e2e8f0!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  color:#334155!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  padding:0!important;
  transition:background .18s ease,transform .15s ease,box-shadow .18s ease;
}
.zp-ig-public .zp-contact-copy:hover{
  background:#eff6ff!important;
  color:#0369a1!important;
  box-shadow:0 4px 12px rgba(3,105,161,.12);
}
.zp-ig-public .zp-contact-copy:active{transform:scale(.94)}
.zp-ig-public .zp-contact-copy svg{display:block}

/* hide legacy contact pieces if any remain */
.zp-ig-public .zp-contact-text,
.zp-ig-public .zp-contact-actions{display:none!important}

@media(max-width:480px){
  .zp-ig-public .zp-contact-row{min-height:64px!important;border-radius:14px!important}
  .zp-ig-public .zp-contact-icon{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important}
  .zp-ig-public .zp-contact-icon svg{width:20px!important;height:20px!important}
  .zp-ig-public .zp-contact-num{font-size:clamp(18px,5.8vw,24px)!important}
  .zp-ig-public .zp-contact-main{padding:10px 8px 10px 10px!important;gap:10px!important}
  .zp-ig-public .zp-contact-copy{width:42px!important;height:42px!important;margin:0 8px 0 4px!important;border-radius:12px!important}
}

/* --- Gallery public: cleaner grid --- */
.zp-ig-public .zp-gal-grid,
.zp-gal-grid-public{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  padding:10px 8px 14px!important;
  margin:0!important;
  background:#fff;
}
.zp-ig-public .zp-gal-cell{
  aspect-ratio:1!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#f1f5f9!important;
  position:relative!important;
  display:block!important;
  transition:transform .22s ease,box-shadow .22s ease;
}
.zp-ig-public .zp-gal-cell:hover{
  transform:scale(1.02);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
  z-index:1;
}
.zp-ig-public .zp-gal-cell img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .35s ease;
}
.zp-ig-public .zp-gal-cell:hover img{transform:scale(1.06)}
.zp-ig-public .zp-gal-cap{
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  padding:8px 7px 9px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.7) 100%)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.35!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
@media(max-width:480px){
  .zp-ig-public .zp-gal-grid,
  .zp-gal-grid-public{gap:4px!important;padding:8px 6px 12px!important}
  .zp-ig-public .zp-gal-cell{border-radius:8px!important}
  .zp-ig-public .zp-gal-cap{font-size:10px!important;padding:6px 5px 7px!important}
}

/* --- Gallery panel (user dashboard): smaller buttons --- */
.zp-gal-actions-row{
  display:flex!important;
  gap:6px!important;
  margin-top:2px!important;
}
.zp-gal-save{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  flex:1!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 12px!important;
  margin:0!important;
  border:0!important;
  border-radius:9px!important;
  background:#0095f6!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:12px!important;
  cursor:pointer!important;
  font-family:inherit!important;
  transition:background .18s ease,transform .15s ease,box-shadow .18s ease;
}
.zp-gal-save:hover{
  background:#0086e0!important;
  box-shadow:0 4px 12px rgba(0,149,246,.28);
}
.zp-gal-save:active{transform:scale(.96)}
.zp-gal-del-form{padding:0 10px 10px!important}
.zp-gal-del{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:32px!important;
  height:32px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:9px!important;
  background:#fee2e2!important;
  color:#b91c1c!important;
  font-weight:800!important;
  font-size:12px!important;
  cursor:pointer!important;
  font-family:inherit!important;
  transition:background .18s ease,transform .15s ease;
}
.zp-gal-del:hover{background:#fecaca!important}
.zp-gal-del:active{transform:scale(.96)}
.zp-gal-edit-form{
  gap:6px!important;
  padding:10px!important;
}
.zp-gal-edit-form input{
  padding:7px 9px!important;
  font-size:12px!important;
  border-radius:8px!important;
  min-height:34px!important;
}
.zp-gal-upload-btn{
  min-height:38px!important;
  height:38px!important;
  font-size:13px!important;
  border-radius:10px!important;
  transition:background .18s ease,transform .15s ease,box-shadow .18s ease;
}
.zp-gal-upload-btn:hover{
  background:#0086e0!important;
  box-shadow:0 4px 14px rgba(0,149,246,.3);
}
.zp-gal-upload-btn:active{transform:scale(.97)}
.zp-gal-item-edit{
  border-radius:12px!important;
}
.zp-gal-item-edit img{
  aspect-ratio:1!important;
  object-fit:cover!important;
}

/* --- Button animations (public + common) --- */
.zp-ig-public .zp-ig-btn,
.zp-ig-public .zp-qr-download,
.zp-ig-public .zp-qr-copy,
.zp-ig-public .zp-qr-share,
.zp-ig-public .zp-bank-row,
.zp-ig-public a.zp-action-primary,
.zp-ig-public a.zp-action-outline,
.zp-ig-public button,
.zp-ig-public .zp-visitor-form button[type=submit]{
  transition:transform .18s ease,box-shadow .2s ease,background .18s ease,opacity .18s ease!important;
}
.zp-ig-public .zp-ig-btn:hover,
.zp-ig-public .zp-qr-download:hover,
.zp-ig-public .zp-qr-copy:hover,
.zp-ig-public .zp-qr-share:hover,
.zp-ig-public .zp-bank-row:hover{
  transform:translateY(-1px);
}
.zp-ig-public .zp-ig-btn:active,
.zp-ig-public .zp-qr-download:active,
.zp-ig-public .zp-qr-copy:active,
.zp-ig-public .zp-qr-share:active,
.zp-ig-public .zp-bank-row:active,
.zp-ig-public .zp-contact-copy:active{
  transform:scale(.96);
}

/* social / round link hover polish */
.zp-ig-public .zp-ig-link-round,
.zp-ig-public .zp-social-icon{
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.zp-ig-public .zp-ig-link-round:hover,
.zp-ig-public .zp-social-icon:hover{
  transform:translateY(-3px) scale(1.04);
}

/* image performance hint */
.zp-ig-public img,
.zp-gal-item-edit img{
  content-visibility:auto;
}

@media(max-width:520px){
  .zp-ig-public .zp-ig-sections{padding:10px 10px 18px!important;gap:12px!important}
  .zp-ig-public .zp-classic-block,
  .zp-ig-public .zp-ig-card,
  .zp-ig-public .zp-qr-compact,
  .zp-ig-public .zp-bank-card,
  .zp-ig-public .zp-contact-card,
  .zp-ig-public .zp-email-card,
  .zp-ig-public .zp-address-card{
    padding:12px!important;
    border-radius:16px!important;
  }
}

/* ========== v1.7.5 — larger contact numbers + visitor blocks in order ========== */
.zp-ig-public .zp-contact-row{
  min-height:84px!important;
}
.zp-ig-public .zp-contact-main{
  padding:14px 12px 14px 14px!important;
  gap:14px!important;
}
.zp-ig-public .zp-contact-icon{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border-radius:16px!important;
}
.zp-ig-public .zp-contact-icon svg{
  width:28px!important;
  height:28px!important;
}
.zp-ig-public .zp-contact-num,
.zp-ig-public strong.zp-contact-num,
.zp-ig-public .zp-contact-body .zp-contact-num{
  display:block!important;
  font-size:clamp(26px,7vw,36px)!important;
  font-weight:900!important;
  line-height:1.1!important;
  letter-spacing:.4px!important;
  color:#0f172a!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
  margin:0!important;
}
.zp-ig-public .zp-contact-label{
  font-size:13px!important;
  margin-top:2px!important;
}
.zp-ig-public .zp-contact-copy{
  width:52px!important;
  height:52px!important;
  margin:0 12px 0 8px!important;
  border-radius:15px!important;
}
@media(max-width:480px){
  .zp-ig-public .zp-contact-row{min-height:76px!important}
  .zp-ig-public .zp-contact-icon{width:50px!important;height:50px!important;min-width:50px!important}
  .zp-ig-public .zp-contact-icon svg{width:24px!important;height:24px!important}
  .zp-ig-public .zp-contact-num,
  .zp-ig-public strong.zp-contact-num,
  .zp-ig-public .zp-contact-body .zp-contact-num{
    font-size:clamp(24px,8vw,32px)!important;
  }
  .zp-ig-public .zp-contact-main{padding:12px 10px 12px 12px!important;gap:12px!important}
  .zp-ig-public .zp-contact-copy{width:46px!important;height:46px!important;margin:0 10px 0 6px!important}
}

/* visitor blocks consistent with classic cards */
.zp-ig-public .zp-visitor-phone-card,
.zp-ig-public .zp-visitor-comment-card{
  margin:0!important;
}
.zp-ig-public .zp-visitor-form{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:8px;
}
.zp-ig-public .zp-visitor-form input,
.zp-ig-public .zp-visitor-form textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #e2e8f0;
  border-radius:12px;
  padding:12px 14px;
  font-family:inherit;
  font-size:15px;
  background:#f8fafc;
}
.zp-ig-public .zp-visitor-form textarea{min-height:100px;resize:vertical}
.zp-ig-public .zp-ig-card-desc{
  margin:0 0 4px;
  font-size:12px;
  color:#64748b;
  line-height:1.6;
}

/* ========== v1.7.6 — contact size, address inline, pwa icon, visitor photo, gallery cards ========== */

/* Contact numbers: 20–26px */
.zp-ig-public .zp-contact-num,
.zp-ig-public strong.zp-contact-num,
.zp-ig-public .zp-contact-body .zp-contact-num{
  font-size:clamp(20px,5.5vw,26px)!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.25px!important;
}
.zp-ig-public .zp-contact-row{min-height:72px!important}
.zp-ig-public .zp-contact-icon{width:48px!important;height:48px!important;min-width:48px!important}
.zp-ig-public .zp-contact-icon svg{width:24px!important;height:24px!important}
.zp-ig-public .zp-contact-copy{width:44px!important;height:44px!important}
@media(max-width:480px){
  .zp-ig-public .zp-contact-num,
  .zp-ig-public strong.zp-contact-num,
  .zp-ig-public .zp-contact-body .zp-contact-num{
    font-size:clamp(20px,6.2vw,24px)!important;
  }
  .zp-ig-public .zp-contact-row{min-height:68px!important}
  .zp-ig-public .zp-contact-icon{width:44px!important;height:44px!important;min-width:44px!important}
  .zp-ig-public .zp-contact-copy{width:40px!important;height:40px!important}
}

/* Address: icon + text + location on one line */
.zp-ig-public .zp-address-row,
.zp-ig-public .zp-address-row-inline{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}
.zp-ig-public .zp-address-row .zp-address-icon,
.zp-ig-public .zp-address-row-inline .zp-address-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:12px!important;
  flex-shrink:0!important;
}
.zp-ig-public .zp-address-row .zp-address-text,
.zp-ig-public .zp-address-row-inline .zp-address-text{
  flex:1!important;
  min-width:0!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.45!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#334155!important;
}
.zp-ig-public .zp-address-row .zp-address-link,
.zp-ig-public .zp-address-row-inline .zp-address-link{
  flex-shrink:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:6px 12px!important;
  border-radius:10px!important;
  background:#eef6ff!important;
  color:#1769d2!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
  border:1px solid #d6e6f7!important;
  white-space:nowrap!important;
}

/* PWA / web-app button with small icon */
.zp-pwa-install-text,
.zp-ig-public .zp-pwa-install-text{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:auto!important;
  height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:800!important;
}
.zp-pwa-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  flex-shrink:0;
}
.zp-pwa-ico svg{display:block;width:14px;height:14px}

/* Visitor comment photo upload */
.zp-visitor-photo-label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:13px;
  font-weight:700;
  color:#334155;
}
.zp-visitor-photo-label input[type=file]{
  font-size:12px;
  font-weight:500;
}
.zp-comment-photo{
  display:block;
  margin:8px 0;
  border-radius:12px;
  overflow:hidden;
  max-width:220px;
  border:1px solid #e2e8f0;
}
.zp-comment-photo img{
  display:block;
  width:100%;
  height:auto;
  max-height:180px;
  object-fit:cover;
}

/* Gallery manage cards (like guide links) */
.zp-gal-manage-cards{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin-top:12px!important;
}
.zp-gal-manage-card .zp-manage-icon{
  width:56px!important;
  height:56px!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
.zp-gal-manage-card .zp-manage-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.zp-gal-add-panel{
  margin-bottom:12px!important;
}
.zp-gal-add-panel .zp-add-card-form{
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* Success/error messages more visible on public */
.zp-ig-public .zp-success{
  background:#ecfdf5!important;
  color:#047857!important;
  border:1px solid #a7f3d0!important;
  border-radius:12px!important;
  padding:10px 12px!important;
  font-weight:700!important;
  font-size:13px!important;
  margin:8px 0!important;
}
.zp-ig-public .zp-error{
  background:#fef2f2!important;
  color:#b91c1c!important;
  border:1px solid #fecaca!important;
  border-radius:12px!important;
  padding:10px 12px!important;
  font-weight:700!important;
  font-size:13px!important;
  margin:8px 0!important;
}

/* ========== v1.7.7 — contact 15-16px, copy id, panel red, social delete, round links ========== */

/* Contact numbers 15–16px */
.zp-ig-public .zp-contact-num,
.zp-ig-public strong.zp-contact-num,
.zp-ig-public .zp-contact-body .zp-contact-num{
  font-size:clamp(15px,3.8vw,16px)!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.15px!important;
}
.zp-ig-public .zp-contact-row{min-height:56px!important}
.zp-ig-public .zp-contact-icon{width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important}
.zp-ig-public .zp-contact-icon svg{width:20px!important;height:20px!important}
.zp-ig-public .zp-contact-copy{width:38px!important;height:38px!important;border-radius:11px!important}
.zp-ig-public .zp-contact-main{padding:10px 8px 10px 10px!important;gap:10px!important}
.zp-ig-public .zp-contact-label{font-size:11px!important}
@media(max-width:480px){
  .zp-ig-public .zp-contact-num,
  .zp-ig-public strong.zp-contact-num,
  .zp-ig-public .zp-contact-body .zp-contact-num{
    font-size:15px!important;
  }
  .zp-ig-public .zp-contact-row{min-height:52px!important}
}

/* Copy ID: red → white when copied */
.zp-ig-public .zp-ig-username,
.zp-ig-public .zp-copy-id{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  color:#dc2626!important;
  cursor:pointer!important;
  direction:ltr!important;
  transition:color .2s ease,background .2s ease,border-radius .2s ease,padding .2s ease!important;
}
.zp-ig-public .zp-copy-id:hover{opacity:.85}
.zp-ig-public .zp-copy-id.is-copied{
  color:#fff!important;
  background:#dc2626!important;
  border-radius:8px!important;
  padding:2px 8px!important;
}

/* Panel login button red */
.zp-ig-public .zp-ig-btn-panel,
.zp-ig-public a.zp-ig-btn.zp-ig-btn-panel{
  background:#dc2626!important;
  color:#fff!important;
  border:0!important;
  font-weight:800!important;
}
.zp-ig-public .zp-ig-btn-panel:hover{
  background:#b91c1c!important;
  color:#fff!important;
}

/* Guide / social photo circles a bit more rounded */
.zp-ig-public .zp-ig-link-round-icon,
.zp-ig-public .zp-ig-hl-ring,
.zp-ig-public .zp-ig-hl-icon{
  border-radius:22px!important;
  overflow:hidden!important;
}
.zp-ig-public .zp-ig-link-round-icon img,
.zp-ig-public .zp-ig-hl-ring img{
  border-radius:20px!important;
}

/* Social delete in dashboard */
.zp-social-delete{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:8px!important;
  padding:6px 10px!important;
  border-radius:10px!important;
  background:#fef2f2!important;
  color:#b91c1c!important;
  font-size:12px!important;
  font-weight:800!important;
  cursor:pointer!important;
  width:fit-content!important;
}
.zp-social-delete input{margin:0!important;accent-color:#dc2626}
.zp-social-field.is-filled{border-color:#fecaca}
.zp-social-field-body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}

/* ========== v1.7.8 — contact 16-17px, block frames, id hint, outline buttons, round icons ========== */

/* Contact numbers 16–17px */
.zp-ig-public .zp-contact-num,
.zp-ig-public strong.zp-contact-num,
.zp-ig-public .zp-contact-body .zp-contact-num{
  font-size:clamp(16px,4vw,17px)!important;
  font-weight:800!important;
  line-height:1.25!important;
}
@media(max-width:480px){
  .zp-ig-public .zp-contact-num,
  .zp-ig-public strong.zp-contact-num,
  .zp-ig-public .zp-contact-body .zp-contact-num{
    font-size:16px!important;
  }
}

/* All classic/public blocks: framed like contact cards */
.zp-ig-public .zp-classic-block,
.zp-ig-public .zp-ig-card,
.zp-ig-public .zp-qr-compact,
.zp-ig-public .zp-bank-card,
.zp-ig-public .zp-contact-card,
.zp-ig-public .zp-email-card,
.zp-ig-public .zp-address-card,
.zp-ig-public .zp-visitor-phone-card,
.zp-ig-public .zp-visitor-comment-card{
  border:1.5px solid #c7d7ea!important;
  box-shadow:0 4px 14px rgba(15,42,74,.06)!important;
  border-radius:16px!important;
  background:#fff!important;
}
.zp-ig-public .zp-contact-row{
  border-width:2px!important;
}

/* ID hint under username */
.zp-ig-public .zp-ig-id-wrap{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  margin-top:4px;
}
.zp-ig-public .zp-ig-id-hint{
  margin:0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:1.4!important;
  font-weight:600!important;
  color:#94a3b8!important;
  max-width:220px;
}
.zp-ig-public .zp-copy-id{
  color:#dc2626!important;
}
.zp-ig-public .zp-copy-id.is-copied{
  color:#fff!important;
  background:#dc2626!important;
  border-radius:8px!important;
  padding:2px 8px!important;
}

/* Website + referral: colored border, white fill, black text */
.zp-ig-public .zp-ig-btn-outline-color,
.zp-ig-public a.zp-ig-btn.zp-ig-btn-outline-color,
.zp-ig-public button.zp-ig-btn.zp-ig-btn-outline-color{
  background:#fff!important;
  color:#0f172a!important;
  border:2px solid #0ea5e9!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.zp-ig-public .zp-ig-btn-website{
  border-color:#2563eb!important;
}
.zp-ig-public .zp-ig-ref-btn{
  border-color:#7c3aed!important;
}
.zp-ig-public .zp-ig-btn-outline-color:hover{
  background:#f8fafc!important;
  color:#0f172a!important;
}

/* Guide user icons — more rounded on public */
.zp-ig-public .zp-ig-link-round-icon,
.zp-ig-public .zp-ig-hl-ring,
.zp-ig-public .zp-ig-hl-icon{
  border-radius:50%!important;
  overflow:hidden!important;
}
.zp-ig-public .zp-ig-link-round-icon img,
.zp-ig-public .zp-ig-hl-ring img,
.zp-ig-public .zp-ig-hl-icon img{
  border-radius:50%!important;
}
.zp-ig-public .zp-ig-link-round-icon{
  border:2px solid #e2e8f0!important;
}

/* ========== v1.7.9 — contact 17-18px, blue id hint, bank frames, QR red, guide icons ========== */

/* Contact 17–18px */
.zp-ig-public .zp-contact-num,
.zp-ig-public strong.zp-contact-num,
.zp-ig-public .zp-contact-body .zp-contact-num{
  font-size:clamp(17px,4.2vw,18px)!important;
  font-weight:800!important;
}
@media(max-width:480px){
  .zp-ig-public .zp-contact-num,
  .zp-ig-public strong.zp-contact-num,
  .zp-ig-public .zp-contact-body .zp-contact-num{
    font-size:17px!important;
  }
}

/* ID hint blue */
.zp-ig-public .zp-ig-id-hint{
  color:#2563eb!important;
  font-size:10px!important;
  font-weight:700!important;
}

/* Bank rows: colored frames */
.zp-ig-public .zp-bank-item-framed{
  margin-top:12px!important;
  padding:12px!important;
  border-radius:14px!important;
  border:1.5px solid #dbeafe!important;
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)!important;
}
.zp-ig-public .zp-bank-item-framed:first-of-type{margin-top:8px!important}
.zp-ig-public .zp-bank-row{
  border:2px solid transparent!important;
  background:#fff!important;
  border-radius:12px!important;
  margin-top:8px!important;
  transition:transform .15s ease,box-shadow .15s ease;
}
.zp-ig-public .zp-bank-row-card{
  border-color:#3b82f6!important;
  box-shadow:0 2px 0 rgba(59,130,246,.2)!important;
}
.zp-ig-public .zp-bank-row-card small{color:#2563eb!important}
.zp-ig-public .zp-bank-row-sheba{
  border-color:#10b981!important;
  box-shadow:0 2px 0 rgba(16,185,129,.2)!important;
}
.zp-ig-public .zp-bank-row-sheba small{color:#059669!important}
.zp-ig-public .zp-bank-row-account{
  border-color:#8b5cf6!important;
  box-shadow:0 2px 0 rgba(139,92,246,.2)!important;
}
.zp-ig-public .zp-bank-row-account small{color:#7c3aed!important}
.zp-ig-public .zp-bank-row:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(15,42,74,.08)!important;
}

/* QR action buttons: red frame */
.zp-ig-public .zp-qr-actions-row a,
.zp-ig-public .zp-qr-actions-row button,
.zp-ig-public .zp-qr-download,
.zp-ig-public .zp-qr-copy,
.zp-ig-public .zp-qr-share{
  border:2px solid #dc2626!important;
  background:#fff!important;
  color:#0f172a!important;
  border-radius:12px!important;
  font-weight:800!important;
  min-height:38px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
  font-family:inherit!important;
  font-size:13px!important;
  transition:background .15s ease,color .15s ease;
}
.zp-ig-public .zp-qr-actions-row a:hover,
.zp-ig-public .zp-qr-actions-row button:hover,
.zp-ig-public .zp-qr-download:hover,
.zp-ig-public .zp-qr-copy:hover,
.zp-ig-public .zp-qr-share:hover{
  background:#fef2f2!important;
  color:#991b1b!important;
}
.zp-ig-public .zp-qr-actions-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  justify-content:center!important;
}

/* Guide links: visible icons + slight circle edge */
.zp-ig-public .zp-guide-links-public,
.zp-ig-public .zp-ig-links-round{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:14px 12px!important;
  padding:14px 12px 16px!important;
  background:#fff!important;
}
.zp-ig-public .zp-ig-link-round{
  width:76px!important;
  text-align:center!important;
  text-decoration:none!important;
  color:#0f172a!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:6px!important;
}
.zp-ig-public .zp-ig-link-round-icon{
  width:64px!important;
  height:64px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#fff,#f1f5f9)!important;
  border:2px solid #e2e8f0!important;
  box-shadow:0 4px 12px rgba(15,42,74,.08)!important;
}
.zp-ig-public .zp-ig-link-round-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:50%!important;
}
.zp-ig-public .zp-ig-link-round-icon.no-img span{
  font-weight:800!important;
  font-size:20px!important;
  color:#2563eb!important;
}
.zp-ig-public .zp-ig-link-round-label{
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.3!important;
  max-width:76px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
@media(max-width:480px){
  .zp-ig-public .zp-ig-link-round{width:70px!important}
  .zp-ig-public .zp-ig-link-round-icon{width:58px!important;height:58px!important}
  .zp-ig-public .zp-ig-link-round-label{max-width:70px!important;font-size:10px!important}
}

/* ========== v1.8.0 — QR buttons, guide mild radius, green logout, responsive, animations ========== */

/* QR block structure + buttons */
.zp-ig-public .zp-qr-compact .zp-qr-body{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:14px!important;
  padding:4px 0 2px!important;
}
.zp-ig-public .zp-qr-image{
  display:grid!important;
  place-items:center!important;
  padding:10px!important;
  background:#fff!important;
  border-radius:16px!important;
  border:1px solid #e8eef5!important;
}
.zp-ig-public .zp-qr-image img{
  display:block!important;
  width:140px!important;
  height:140px!important;
  max-width:100%!important;
}
.zp-ig-public .zp-qr-actions-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  justify-content:center!important;
  width:100%!important;
}
.zp-ig-public .zp-qr-btn,
.zp-ig-public .zp-qr-download,
.zp-ig-public .zp-qr-copy,
.zp-ig-public .zp-qr-share{
  flex:1 1 auto!important;
  min-width:88px!important;
  max-width:140px!important;
  min-height:40px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  font-weight:800!important;
  font-size:13px!important;
  font-family:inherit!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:transform .18s ease,box-shadow .2s ease,background .18s ease,color .18s ease!important;
}
/* دانلود و اشتراک: کادر سبز */
.zp-ig-public .zp-qr-download,
.zp-ig-public .zp-qr-share{
  background:#fff!important;
  color:#065f46!important;
  border:2px solid #16a34a!important;
}
.zp-ig-public .zp-qr-download:hover,
.zp-ig-public .zp-qr-share:hover{
  background:#ecfdf5!important;
  color:#047857!important;
  transform:translateY(-2px);
  box-shadow:0 6px 14px rgba(22,163,74,.18);
}
/* کپی وسط: قرمز کامل، متن سفید */
.zp-ig-public .zp-qr-copy{
  background:#dc2626!important;
  color:#fff!important;
  border:2px solid #dc2626!important;
}
.zp-ig-public .zp-qr-copy:hover{
  background:#b91c1c!important;
  border-color:#b91c1c!important;
  color:#fff!important;
  transform:translateY(-2px);
  box-shadow:0 6px 14px rgba(220,38,38,.28);
}
.zp-ig-public .zp-qr-btn:active,
.zp-ig-public .zp-qr-download:active,
.zp-ig-public .zp-qr-copy:active,
.zp-ig-public .zp-qr-share:active{
  transform:scale(.96)!important;
}

/* Guide icons: mild edge radius only (~2deg soft, not full circle) */
.zp-ig-public .zp-guide-links-public .zp-ig-link-round-icon,
.zp-ig-public .zp-ig-links-round .zp-ig-link-round-icon{
  border-radius:14px!important;
  overflow:hidden!important;
  border:1.5px solid #e2e8f0!important;
}
.zp-ig-public .zp-guide-links-public .zp-ig-link-round-icon img,
.zp-ig-public .zp-ig-links-round .zp-ig-link-round-icon img{
  border-radius:12px!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Logout button: green */
.zp-logout-btn,
a.zp-logout-btn,
.zp-footer-actions .zp-logout-btn{
  background:#16a34a!important;
  border:2px solid #16a34a!important;
  color:#fff!important;
  border-radius:14px!important;
  min-height:48px!important;
  font-weight:800!important;
  text-decoration:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:transform .18s ease,background .18s ease,box-shadow .2s ease!important;
}
.zp-logout-btn:hover,
a.zp-logout-btn:hover{
  background:#15803d!important;
  border-color:#15803d!important;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(22,163,74,.28);
}
.zp-logout-btn:active{transform:scale(.97)!important}

/* Button animations (public + dashboard common) */
.zp-ig-public .zp-ig-btn,
.zp-ig-public .zp-bank-row,
.zp-ig-public .zp-contact-copy,
.zp-ig-public .zp-copy-id,
.zp-ig-public .zp-pwa-install-text,
.zp-ig-public .zp-ig-link-round,
.zp-save-profile-btn,
.zp-gal-save,
.zp-gal-del,
.zp-gal-upload-btn,
.zp-btn-outline,
.zp-primary,
.zp-add-card-btn{
  transition:transform .18s ease,box-shadow .2s ease,background .18s ease,color .18s ease,border-color .18s ease!important;
}
.zp-ig-public .zp-ig-btn:hover,
.zp-ig-public .zp-bank-row:hover,
.zp-ig-public .zp-pwa-install-text:hover,
.zp-save-profile-btn:hover,
.zp-primary:hover,
.zp-add-card-btn:hover{
  transform:translateY(-2px);
}
.zp-ig-public .zp-ig-btn:active,
.zp-ig-public .zp-bank-row:active,
.zp-ig-public .zp-contact-copy:active,
.zp-save-profile-btn:active,
.zp-primary:active{
  transform:scale(.96);
}
.zp-ig-public .zp-ig-link-round:hover{
  transform:translateY(-3px);
}
.zp-ig-public .zp-ig-link-round:hover .zp-ig-link-round-icon{
  box-shadow:0 8px 18px rgba(15,42,74,.12)!important;
}

/* Responsive optimization */
@media(max-width:520px){
  .zp-ig-public{
    max-width:100%!important;
    padding-bottom:24px!important;
  }
  .zp-ig-public .zp-ig-sections{
    padding:10px!important;
    gap:12px!important;
  }
  .zp-ig-public .zp-classic-block,
  .zp-ig-public .zp-ig-card,
  .zp-ig-public .zp-qr-compact{
    padding:12px!important;
    border-radius:14px!important;
  }
  .zp-ig-public .zp-qr-image img{
    width:120px!important;
    height:120px!important;
  }
  .zp-ig-public .zp-qr-btn,
  .zp-ig-public .zp-qr-download,
  .zp-ig-public .zp-qr-copy,
  .zp-ig-public .zp-qr-share{
    min-width:0!important;
    flex:1 1 30%!important;
    max-width:none!important;
    font-size:12px!important;
    min-height:38px!important;
    padding:0 8px!important;
  }
  .zp-ig-public .zp-ig-actions{
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  .zp-ig-public .zp-ig-btn{
    flex:1 1 calc(50% - 8px)!important;
    min-width:0!important;
  }
  .zp-ig-public .zp-guide-links-public{
    gap:12px 10px!important;
    padding:12px 8px 14px!important;
  }
  .zp-ig-public .zp-ig-link-round{width:68px!important}
  .zp-ig-public .zp-ig-link-round-icon{width:54px!important;height:54px!important;border-radius:12px!important}
  .zp-ig-public .zp-ig-link-round-icon img{border-radius:10px!important}
  .zp-footer-actions{
    flex-direction:column!important;
    gap:10px!important;
  }
  .zp-logout-btn,
  .zp-save-profile-btn{
    width:100%!important;
  }
}
@media(max-width:360px){
  .zp-ig-public .zp-qr-actions-row{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .zp-ig-public .zp-qr-btn,
  .zp-ig-public .zp-qr-download,
  .zp-ig-public .zp-qr-copy,
  .zp-ig-public .zp-qr-share{
    max-width:none!important;
    width:100%!important;
  }
}

/* ========== v1.8.1 — QR 3 colors, IG guide grid 3-col, actions one row ========== */

/* QR: green / purple / blue borders */
.zp-ig-public .zp-qr-download{
  background:#fff!important;
  color:#065f46!important;
  border:2px solid #16a34a!important;
}
.zp-ig-public .zp-qr-download:hover{
  background:#ecfdf5!important;
  color:#047857!important;
}
.zp-ig-public .zp-qr-copy{
  background:#fff!important;
  color:#5b21b6!important;
  border:2px solid #7c3aed!important;
}
.zp-ig-public .zp-qr-copy:hover{
  background:#f5f3ff!important;
  color:#6d28d9!important;
}
.zp-ig-public .zp-qr-share{
  background:#fff!important;
  color:#1e40af!important;
  border:2px solid #2563eb!important;
}
.zp-ig-public .zp-qr-share:hover{
  background:#eff6ff!important;
  color:#1d4ed8!important;
}

/* Guide links: Instagram 3-per-row square */
.zp-ig-public .zp-guide-ig-grid,
.zp-ig-public .zp-ig-posts-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:3px!important;
  padding:4px 0 10px!important;
  background:#fff!important;
  margin:0!important;
}
.zp-ig-public .zp-ig-post-sq{
  position:relative!important;
  aspect-ratio:1 / 1!important;
  display:block!important;
  overflow:hidden!important;
  background:#f1f5f9!important;
  text-decoration:none!important;
  border-radius:2px!important;
}
.zp-ig-public .zp-ig-post-sq-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:2px!important;
}
.zp-ig-public .zp-ig-post-sq-cap{
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  padding:8px 6px 7px!important;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.62))!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.3!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-align:center!important;
}
.zp-ig-public .zp-ig-post-sq.no-img .zp-ig-post-sq-cap{
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#f8fafc,#e2e8f0)!important;
  color:#334155!important;
  -webkit-line-clamp:unset!important;
  font-size:12px!important;
  padding:10px!important;
}
.zp-ig-public .zp-ig-post-sq:hover{
  opacity:.92;
}
@media(max-width:480px){
  .zp-ig-public .zp-guide-ig-grid,
  .zp-ig-public .zp-ig-posts-grid{gap:2px!important}
  .zp-ig-public .zp-ig-post-sq-cap{font-size:10px!important;padding:6px 4px!important}
}

/* Website / panel / ref: one row */
.zp-ig-public .zp-ig-actions,
.zp-ig-public .zp-ig-actions-row{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:8px!important;
  padding:0 12px 12px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.zp-ig-public .zp-ig-actions .zp-ig-btn,
.zp-ig-public .zp-ig-actions-row .zp-ig-btn{
  flex:1 1 0!important;
  min-width:0!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  min-height:38px!important;
  padding:0 8px!important;
}
@media(max-width:380px){
  .zp-ig-public .zp-ig-actions .zp-ig-btn,
  .zp-ig-public .zp-ig-actions-row .zp-ig-btn{
    font-size:11px!important;
    padding:0 6px!important;
  }
}

/* ========== v1.8.2 — QR colors, guide mild radius, card save fix support ========== */

/* QR: download purple, copy green, share blue */
.zp-ig-public .zp-qr-download{
  background:#fff!important;
  color:#5b21b6!important;
  border:2px solid #7c3aed!important;
}
.zp-ig-public .zp-qr-download:hover{
  background:#f5f3ff!important;
  color:#6d28d9!important;
}
.zp-ig-public .zp-qr-copy{
  background:#fff!important;
  color:#065f46!important;
  border:2px solid #16a34a!important;
}
.zp-ig-public .zp-qr-copy:hover{
  background:#ecfdf5!important;
  color:#047857!important;
}
.zp-ig-public .zp-qr-share{
  background:#fff!important;
  color:#1e40af!important;
  border:2px solid #2563eb!important;
}
.zp-ig-public .zp-qr-share:hover{
  background:#eff6ff!important;
  color:#1d4ed8!important;
}

/* Guide icons: mild corner only (not full circle) */
.zp-ig-public .zp-guide-ig-grid .zp-ig-post-sq,
.zp-ig-public .zp-ig-posts-grid .zp-ig-post-sq{
  border-radius:10px!important;
  overflow:hidden!important;
}
.zp-ig-public .zp-guide-ig-grid .zp-ig-post-sq-img,
.zp-ig-public .zp-ig-posts-grid .zp-ig-post-sq-img{
  border-radius:10px!important;
}
.zp-ig-public .zp-guide-links-public .zp-ig-link-round-icon,
.zp-ig-public .zp-ig-links-round .zp-ig-link-round-icon{
  border-radius:12px!important;
}
.zp-ig-public .zp-guide-links-public .zp-ig-link-round-icon img,
.zp-ig-public .zp-ig-links-round .zp-ig-link-round-icon img{
  border-radius:10px!important;
}

/* ========== v1.8.3 — solid green QR copy, limits 15 ========== */
.zp-ig-public .zp-qr-copy{
  background:#16a34a!important;
  color:#fff!important;
  border:2px solid #16a34a!important;
}
.zp-ig-public .zp-qr-copy:hover{
  background:#15803d!important;
  border-color:#15803d!important;
  color:#fff!important;
}
.zp-ig-public .zp-qr-download{
  background:#fff!important;
  color:#5b21b6!important;
  border:2px solid #7c3aed!important;
}
.zp-ig-public .zp-qr-share{
  background:#fff!important;
  color:#1e40af!important;
  border:2px solid #2563eb!important;
}

/* ========== v1.8.4 — lightbox, avatar fill, QR green frames, guide links ========== */

/* Avatar: fully fill white circle */
.zp-ig-public .zp-ig-avatar-ring{
  width:92px!important;
  height:92px!important;
  border-radius:50%!important;
  padding:3px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  display:block!important;
}
.zp-ig-public .zp-ig-avatar,
.zp-ig-public .zp-ig-avatar-ph{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  border:3px solid #fff!important;
  box-sizing:border-box!important;
  background:#eee!important;
}
.zp-ig-public .zp-ig-avatar-ph{
  display:grid!important;
  place-items:center!important;
  font-size:32px!important;
  font-weight:900!important;
  color:#fff!important;
  background:#262626!important;
}

/* QR buttons: all green frames, copy solid green */
.zp-ig-public .zp-qr-download,
.zp-ig-public .zp-qr-share{
  background:#fff!important;
  color:#065f46!important;
  border:2px solid #16a34a!important;
}
.zp-ig-public .zp-qr-download:hover,
.zp-ig-public .zp-qr-share:hover{
  background:#ecfdf5!important;
  color:#047857!important;
}
.zp-ig-public .zp-qr-copy{
  background:#16a34a!important;
  color:#fff!important;
  border:2px solid #16a34a!important;
}
.zp-ig-public .zp-qr-copy:hover{
  background:#15803d!important;
  border-color:#15803d!important;
  color:#fff!important;
}

/* Guide lightbox */
.zp-guide-lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  background:rgba(0,0,0,.88)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  margin:0!important;
}
.zp-guide-lightbox[hidden]{display:none!important}
.zp-guide-lb-img{
  max-width:min(96vw,720px)!important;
  max-height:78vh!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  border-radius:12px!important;
  box-shadow:0 12px 40px rgba(0,0,0,.45)!important;
  background:#111!important;
}
.zp-guide-lb-cap{
  color:#fff!important;
  margin:12px 0 0!important;
  font-size:14px!important;
  font-weight:700!important;
  text-align:center!important;
  max-width:90vw!important;
}
.zp-guide-lb-close{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  width:42px!important;
  height:42px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
}
.zp-guide-lb-close:hover{background:rgba(255,255,255,.28)!important}
.zp-ig-public .zp-guide-lightbox-btn{
  border:0!important;
  padding:0!important;
  margin:0!important;
  font:inherit!important;
  cursor:zoom-in!important;
  background:transparent!important;
  width:100%!important;
  display:block!important;
  position:relative!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  border-radius:10px!important;
}

/* Dashboard customer guide multi links */
.zp-guide-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.zp-guide-links .zp-guide-link{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:10px;
  background:#eef6ff;
  border:1px solid #cfe0f5;
  color:#1769d2;
  font-weight:800;
  font-size:13px;
  text-decoration:none;
  border-bottom:none;
}
.zp-guide-links .zp-guide-link:hover{
  background:#e0effe;
}

/* ========== v1.8.5 FINAL — spacing, purple club, QR green force ========== */

/* ID + hint spacing from avatar (especially mobile) */
.zp-ig-public .zp-ig-profile{
  grid-template-columns:88px 1fr!important;
  gap:16px!important;
  align-items:flex-start!important;
  padding:16px 14px 12px!important;
}
.zp-ig-public .zp-ig-meta{
  min-width:0!important;
  padding-top:12px!important;
}
.zp-ig-public .zp-ig-name{
  margin:4px 0 8px!important;
  line-height:1.35!important;
}
.zp-ig-public .zp-ig-id-wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:6px!important;
  margin-top:2px!important;
}
.zp-ig-public .zp-ig-id-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
  margin:0!important;
}
.zp-ig-public .zp-ig-id-hint{
  margin:2px 0 0!important;
  padding:0!important;
  line-height:1.45!important;
  max-width:100%!important;
}
@media(max-width:480px){
  .zp-ig-public .zp-ig-profile{
    grid-template-columns:78px 1fr!important;
    gap:14px!important;
    padding:14px 12px 10px!important;
  }
  .zp-ig-public .zp-ig-meta{padding-top:10px!important}
  .zp-ig-public .zp-ig-name{margin:4px 0 10px!important;font-size:15px!important}
  .zp-ig-public .zp-ig-id-wrap{gap:8px!important;margin-top:4px!important}
  .zp-ig-public .zp-ig-id-hint{font-size:10px!important;margin-top:4px!important}
}

/* باشگاه مشتریان: بنفش */
.zp-ig-public .zp-visitor-phone-card .zp-ig-card-title,
.zp-ig-public #zp-visitor-phone .zp-ig-card-title{
  color:#7c3aed!important;
}
.zp-ig-public .zp-visitor-phone-card .zp-ig-btn.primary,
.zp-ig-public #zp-visitor-phone .zp-ig-btn.primary,
.zp-ig-public .zp-visitor-phone-card button[type="submit"],
.zp-ig-public #zp-visitor-phone button[type="submit"]{
  background:linear-gradient(135deg,#7c3aed,#a855f7)!important;
  border-color:#7c3aed!important;
  color:#fff!important;
}
.zp-ig-public .zp-visitor-phone-card .zp-ig-btn.primary:hover,
.zp-ig-public #zp-visitor-phone .zp-ig-btn.primary:hover{
  background:linear-gradient(135deg,#6d28d9,#9333ea)!important;
  color:#fff!important;
}
.zp-ig-public .zp-visitor-phone-card input[type="tel"]:focus,
.zp-ig-public #zp-visitor-phone input[type="tel"]:focus{
  border-color:#a855f7!important;
  box-shadow:0 0 0 3px rgba(168,85,247,.2)!important;
}

/* QR: force green frames + solid green copy — highest priority */
.zp-ig-public .zp-qr-actions-row a.zp-qr-download,
.zp-ig-public .zp-qr-actions-row a.zp-qr-btn.zp-qr-download,
.zp-ig-public a.zp-qr-download,
.zp-ig-public .zp-qr-download{
  background:#ffffff!important;
  color:#065f46!important;
  border:2px solid #16a34a!important;
  box-shadow:none!important;
}
.zp-ig-public .zp-qr-actions-row a.zp-qr-download:hover,
.zp-ig-public a.zp-qr-download:hover,
.zp-ig-public .zp-qr-download:hover{
  background:#ecfdf5!important;
  color:#047857!important;
  border-color:#16a34a!important;
}
.zp-ig-public .zp-qr-actions-row button.zp-qr-share,
.zp-ig-public .zp-qr-actions-row button.zp-qr-btn.zp-qr-share,
.zp-ig-public button.zp-qr-share,
.zp-ig-public .zp-qr-share{
  background:#ffffff!important;
  color:#065f46!important;
  border:2px solid #16a34a!important;
  box-shadow:none!important;
}
.zp-ig-public .zp-qr-actions-row button.zp-qr-share:hover,
.zp-ig-public button.zp-qr-share:hover,
.zp-ig-public .zp-qr-share:hover{
  background:#ecfdf5!important;
  color:#047857!important;
  border-color:#16a34a!important;
}
.zp-ig-public .zp-qr-actions-row button.zp-qr-copy,
.zp-ig-public .zp-qr-actions-row button.zp-qr-btn.zp-qr-copy,
.zp-ig-public button.zp-qr-copy,
.zp-ig-public .zp-qr-copy{
  background:#16a34a!important;
  color:#ffffff!important;
  border:2px solid #16a34a!important;
  box-shadow:none!important;
}
.zp-ig-public .zp-qr-actions-row button.zp-qr-copy:hover,
.zp-ig-public button.zp-qr-copy:hover,
.zp-ig-public .zp-qr-copy:hover{
  background:#15803d!important;
  border-color:#15803d!important;
  color:#ffffff!important;
}

/* ========== v1.8.6 — avatar ↔ ID spacing optimized ========== */
.zp-ig-public .zp-ig-profile{
  grid-template-columns:86px minmax(0,1fr)!important;
  column-gap:18px!important;
  row-gap:10px!important;
  align-items:center!important;
  padding:16px 14px 12px!important;
}
.zp-ig-public .zp-ig-avatar-col,
.zp-ig-public .zp-ig-avatar-ring{
  margin-inline-end:0!important;
}
.zp-ig-public .zp-ig-meta{
  min-width:0!important;
  padding-inline-start:2px!important;
}
.zp-ig-public .zp-ig-name{
  margin:0 0 6px!important;
}
.zp-ig-public .zp-ig-id-wrap{
  gap:5px!important;
  margin-top:0!important;
}
@media(max-width:480px){
  .zp-ig-public .zp-ig-profile{
    grid-template-columns:76px minmax(0,1fr)!important;
    column-gap:16px!important;
    padding:14px 12px 10px!important;
  }
  .zp-ig-public .zp-ig-meta{
    padding-inline-start:4px!important;
  }
  .zp-ig-public .zp-ig-name{
    margin:0 0 8px!important;
  }
  .zp-ig-public .zp-ig-id-wrap{
    gap:6px!important;
  }
}

/* ========== v1.8.8 — floating chat widget ========== */
.zp-chat-fab{
  position:fixed!important;
  bottom:22px!important;
  left:22px!important;
  right:auto!important;
  z-index:99990!important;
  width:56px!important;
  height:56px!important;
  border-radius:50%!important;
  border:0!important;
  background:linear-gradient(135deg,#7c3aed,#2563eb)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 10px 28px rgba(37,99,235,.35)!important;
  cursor:pointer!important;
  transition:transform .18s ease,box-shadow .2s ease!important;
}
.zp-chat-fab:hover{transform:scale(1.06)!important}
.zp-chat-fab.is-open{
  background:#334155!important;
  box-shadow:0 8px 20px rgba(15,23,42,.25)!important;
}
.zp-chat-panel{
  position:fixed!important;
  bottom:90px!important;
  left:12px!important;
  right:12px!important;
  width:auto!important;
  max-width:none!important;
  z-index:99991!important;
  max-height:min(520px,70vh)!important;
  background:#fff!important;
  border-radius:18px!important;
  border:1px solid #e2e8f0!important;
  box-shadow:0 18px 48px rgba(15,23,42,.22)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  font-family:inherit!important;
}
@media(min-width:481px){
  .zp-chat-panel{
    left:16px!important;
    right:auto!important;
    width:min(360px,calc(100vw - 32px))!important;
  }
}
.zp-chat-panel[hidden]{display:none!important}
.zp-chat-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:12px 14px!important;
  background:linear-gradient(135deg,#7c3aed,#2563eb)!important;
  color:#fff!important;
}
.zp-chat-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.zp-chat-head-text strong{font-size:14px;font-weight:800}
.zp-chat-head-text span{font-size:11px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zp-chat-close{
  width:34px;height:34px;border:0;border-radius:10px;
  background:rgba(255,255,255,.18);color:#fff;font-size:22px;line-height:1;cursor:pointer;
}
.zp-chat-body{
  flex:1!important;
  overflow-y:auto!important;
  padding:12px!important;
  background:#f8fafc!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-height:180px!important;
}
.zp-chat-bubble{
  max-width:88%!important;
  padding:9px 12px!important;
  border-radius:14px!important;
  font-size:13px!important;
  line-height:1.55!important;
  word-break:break-word!important;
}
.zp-chat-bot{
  align-self:flex-start!important;
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  color:#0f172a!important;
  border-bottom-right-radius:4px!important;
}
.zp-chat-user{
  align-self:flex-end!important;
  background:#2563eb!important;
  color:#fff!important;
  border-bottom-left-radius:4px!important;
}
.zp-chat-form{padding:10px;border-top:1px solid #e8eef5;background:#fff}
.zp-chat-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.zp-chat-fields input,
.zp-chat-compose textarea{
  width:100%!important;box-sizing:border-box!important;
  border:1px solid #dbe3ee!important;border-radius:10px!important;
  padding:8px 10px!important;font:inherit!important;font-size:13px!important;
  background:#fbfdff!important;outline:none!important;
}
.zp-chat-compose{display:flex;gap:8px;align-items:flex-end}
.zp-chat-compose textarea{flex:1;resize:none;min-height:44px;max-height:90px}
.zp-chat-send{
  width:44px;height:44px;border:0;border-radius:12px;
  background:#2563eb;color:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0;
}
.zp-chat-send:disabled{opacity:.55;cursor:not-allowed}
.zp-chat-status{margin:6px 0 0;font-size:11px;color:#64748b}
.zp-chat-status.is-ok{color:#15803d}
.zp-chat-status.is-err{color:#b91c1c}
.zp-chat-meta{font-size:12px;color:#64748b;margin-top:4px}
@media(max-width:480px){
  .zp-chat-fab{bottom:20px!important;left:20px!important;right:auto!important;width:54px!important;height:54px!important}
  .zp-chat-panel{bottom:84px!important;left:10px!important;right:10px!important;width:auto!important;max-height:70vh!important;border-radius:20px!important}
  .zp-chat-fields{grid-template-columns:1fr!important}
}

/* ========== v1.8.9 — robot chat icon + green QR frame ========== */
.zp-chat-fab-ico{
  display:grid!important;
  place-items:center!important;
  line-height:0!important;
}
.zp-chat-fab-ico svg{
  display:block!important;
  width:30px!important;
  height:30px!important;
}
.zp-chat-fab.is-open .zp-chat-fab-ico svg rect[fill="#fff"],
.zp-chat-fab.is-open .zp-chat-fab-ico svg circle[fill="#fff"]{
  fill:#e2e8f0;
}

/* QR block: green frame instead of blue */
.zp-ig-public .zp-qr-compact,
.zp-ig-public section.zp-qr-compact,
.zp-ig-public .zp-ig-card.zp-qr-compact{
  border:2px solid #16a34a!important;
  box-shadow:0 6px 18px rgba(22,163,74,.12)!important;
  background:#fff!important;
}
.zp-ig-public .zp-qr-compact .zp-ig-card-title,
.zp-ig-public .zp-qr-compact .zp-section-title{
  color:#15803d!important;
}
.zp-ig-public .zp-qr-compact .zp-qr-image{
  border:1.5px solid #bbf7d0!important;
  background:#f0fdf4!important;
}

/* ========== v1.9.0 — chat fab photo + gate helpers ========== */
.zp-chat-fab{
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  width:60px!important;
  height:60px!important;
}
.zp-chat-fab-ring{
  display:block!important;
  width:56px!important;
  height:56px!important;
  border-radius:50%!important;
  padding:3px!important;
  background:linear-gradient(145deg,#7c3aed,#a855f7,#6d28d9)!important;
  box-shadow:0 10px 28px rgba(124,58,237,.4)!important;
  box-sizing:border-box!important;
}
.zp-chat-fab-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#1e1b4b!important;
  border:2px solid #fff!important;
  box-sizing:border-box!important;
}
.zp-chat-fab.is-open .zp-chat-fab-ring{
  background:linear-gradient(145deg,#334155,#64748b)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.3)!important;
}
.zp-chat-fab:hover .zp-chat-fab-ring{transform:scale(1.05)}
.zp-chat-fab-ring{transition:transform .18s ease,box-shadow .2s ease}
@media(max-width:480px){
  .zp-chat-fab{width:56px!important;height:56px!important}
  .zp-chat-fab-ring{width:52px!important;height:52px!important}
}

/* ========== v1.9.4 — chat link field + faster install feedback ========== */
.zp-chat-fields{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
}
.zp-chat-fields .zp-chat-link-input,
.zp-chat-fields input[name="link"]{
  grid-column:1 / -1!important;
}
.zp-chat-contact-link{
  display:inline-flex!important;
  margin-top:6px!important;
  color:#7c3aed!important;
  border-color:#c4b5fd!important;
}
.zp-pwa-install-btn.is-installing,
.zp-pwa-install-text.is-installing{
  opacity:.75!important;
  pointer-events:none!important;
}
@media(max-width:480px){
  .zp-chat-fields{grid-template-columns:1fr!important}
}

/* ========== v1.9.6 — landing like public profile ========== */
.zp-landing-public{
  max-width:480px!important;
  margin:0 auto!important;
  padding:12px 12px 40px!important;
}
.zp-landing-public .zp-ig-cover{
  margin:-12px -12px 12px!important;
  border-radius:0 0 18px 18px!important;
  overflow:hidden!important;
  max-height:160px!important;
}
.zp-landing-public .zp-ig-cover img{
  width:100%!important;height:160px!important;object-fit:cover!important;display:block!important;
}
.zp-landing-public .zp-bank-row{
  display:flex!important;justify-content:space-between!important;gap:10px!important;
  padding:10px 0!important;border-bottom:1px solid #eef2f7!important;font-size:13px!important;
}
.zp-landing-public .zp-bank-row strong{letter-spacing:.04em}
.zp-landing-public .zp-land-steps{margin:0;padding-right:18px;line-height:1.9}
.zp-landing-public .zp-land-footer{
  text-align:center;color:#94a3b8;font-size:12px;margin-top:18px;padding:12px
}
.zp-landing-public .zp-ig-grid{
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;
}
.zp-landing-public .zp-ig-post img,
.zp-landing-public .zp-ig-post-ph{
  width:100%!important;aspect-ratio:1!important;object-fit:cover!important;
  border-radius:6px!important;background:#f1f5f9!important;
  display:grid!important;place-items:center!important;
}
.zp-landing-public .zp-address-line{font-size:13px}

/* ========== v1.10.5 — tickets mobile + payment register form ========== */
.zp-tk-shell,
.zp-tk-mobile{
  max-width:720px!important;
  margin:0 auto!important;
  padding:12px 12px 32px!important;
  box-sizing:border-box!important;
  font-family:Vazirmatn,Tahoma,sans-serif!important;
}
.zp-tk-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-bottom:14px!important;
  padding:14px!important;
  background:#fff!important;
  border-radius:16px!important;
  border:1px solid #eef2f7!important;
  box-shadow:0 4px 14px rgba(15,23,42,.04)!important;
}
.zp-tk-head h2{margin:0 0 4px!important;font-size:clamp(16px,4.2vw,20px)!important}
.zp-tk-head .zp-muted{margin:0!important;font-size:12px!important;color:#64748b!important}
.zp-tk-logout{
  display:inline-flex!important;align-items:center!important;
  padding:8px 12px!important;border-radius:10px!important;
  background:#fef2f2!important;color:#b91c1c!important;
  text-decoration:none!important;font-weight:700!important;font-size:13px!important;
}
.zp-tk-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
.zp-tk-card{
  background:#fff!important;
  border:1px solid #eef2f7!important;
  border-radius:16px!important;
  padding:14px!important;
  box-shadow:0 4px 14px rgba(15,23,42,.04)!important;
  box-sizing:border-box!important;
}
.zp-tk-card h3{margin:0 0 12px!important;font-size:15px!important}
.zp-tk-form label{display:block!important;margin:10px 0 6px!important;font-size:13px!important;font-weight:600!important}
.zp-tk-form input[type=text],
.zp-tk-form input[type=file],
.zp-tk-form select,
.zp-tk-form textarea{
  width:100%!important;max-width:100%!important;
  padding:12px!important;border:1px solid #e2e8f0!important;
  border-radius:12px!important;font:inherit!important;
  box-sizing:border-box!important;background:#f8fafc!important;
}
.zp-tk-form textarea{min-height:110px!important;resize:vertical!important}
.zp-tk-form .zp-primary,
.zp-tk-form button[type=submit]{
  width:100%!important;margin-top:12px!important;
  padding:12px 14px!important;border:0!important;border-radius:12px!important;
  background:#2563eb!important;color:#fff!important;font-weight:800!important;
  font-size:14px!important;cursor:pointer!important;
}
.zp-tk-list{list-style:none!important;margin:0!important;padding:0!important}
.zp-tk-list li{margin:0 0 8px!important}
.zp-tk-list a{
  display:flex!important;flex-direction:column!important;gap:4px!important;
  padding:12px!important;border-radius:12px!important;
  background:#f8fafc!important;border:1px solid #eef2f7!important;
  text-decoration:none!important;color:#0f172a!important;
}
.zp-tk-list a span{font-size:12px!important;color:#64748b!important}
.zp-tk-msg{
  padding:12px!important;border-radius:12px!important;margin:10px 0!important;
  background:#f8fafc!important;border:1px solid #eef2f7!important;
}
.zp-tk-msg.is-admin{background:#eff6ff!important;border-color:#bfdbfe!important}
.zp-tk-msg-meta{font-size:11px!important;color:#64748b!important;margin-bottom:6px!important}
.zp-tk-msg-body{font-size:14px!important;line-height:1.7!important}
.zp-tk-attach img{max-width:100%!important;border-radius:10px!important;margin-top:8px!important}
.zp-tk-back{display:inline-block!important;margin-bottom:10px!important;font-weight:700!important;color:#2563eb!important;text-decoration:none!important}
@media(max-width:720px){
  .zp-tk-grid{grid-template-columns:1fr!important}
  .zp-tk-shell{padding:10px 10px 28px!important}
  .zp-tk-head{padding:12px!important}
  .zp-tk-form input,.zp-tk-form select,.zp-tk-form textarea{font-size:16px!important} /* prevent iOS zoom */
}

/* فرم ثبت‌نام پرداخت */
.zp-pay-reg-shell{
  max-width:480px!important;margin:0 auto!important;padding:12px!important;
  font-family:Vazirmatn,Tahoma,sans-serif!important;box-sizing:border-box!important;
}
.zp-pay-reg-card{
  background:#fff!important;border:1px solid #eef2f7!important;border-radius:18px!important;
  padding:18px 16px 22px!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
}
.zp-pay-reg-title{margin:0 0 6px!important;font-size:18px!important;font-weight:800!important;text-align:center!important}
.zp-pay-reg-desc{margin:0 0 14px!important;font-size:13px!important;color:#64748b!important;text-align:center!important;line-height:1.7!important}
.zp-pay-reg-form label{display:block!important;margin:12px 0 6px!important;font-size:13px!important;font-weight:700!important}
.zp-pay-reg-form .zp-req{color:#dc2626!important}
.zp-pay-reg-form .zp-opt{color:#94a3b8!important;font-weight:500!important;font-size:12px!important}
.zp-pay-reg-form input[type=text],
.zp-pay-reg-form input[type=tel],
.zp-pay-reg-form input[type=email],
.zp-pay-reg-form input[type=file],
.zp-pay-reg-form textarea{
  width:100%!important;padding:12px 14px!important;border:1px solid #e2e8f0!important;
  border-radius:12px!important;font:inherit!important;box-sizing:border-box!important;background:#f8fafc!important;
}
.zp-pay-reg-form textarea{min-height:100px!important;resize:vertical!important}
.zp-pay-reg-form .zp-hint{display:block!important;margin-top:6px!important;font-size:12px!important;color:#94a3b8!important}
.zp-pay-reg-submit{
  width:100%!important;margin-top:16px!important;padding:13px!important;border:0!important;
  border-radius:12px!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
  color:#fff!important;font-weight:800!important;font-size:15px!important;cursor:pointer!important;
}
.zp-pay-reg-shell .zp-success{background:#ecfdf5!important;color:#065f46!important;padding:10px 12px!important;border-radius:10px!important;margin-bottom:12px!important;font-size:13px!important}
.zp-pay-reg-shell .zp-error{background:#fef2f2!important;color:#991b1b!important;padding:10px 12px!important;border-radius:10px!important;margin-bottom:12px!important;font-size:13px!important}
@media(max-width:480px){
  .zp-pay-reg-form input,.zp-pay-reg-form textarea{font-size:16px!important}
}

/* ========== v1.10.6 — green payment register form ========== */
.zp-pay-reg-shell{
  max-width:460px!important;
  margin:12px auto!important;
  padding:10px!important;
  box-sizing:border-box!important;
}
.zp-pay-reg-card-green,
.zp-pay-reg-card{
  background:linear-gradient(180deg,#f0fdf4 0%,#ffffff 28%)!important;
  border:2px solid #10b981!important;
  border-radius:20px!important;
  padding:18px 16px 22px!important;
  box-shadow:0 12px 32px rgba(16,185,129,.18),0 2px 0 rgba(255,255,255,.8) inset!important;
  position:relative!important;
  overflow:hidden!important;
}
.zp-pay-reg-card-green::before{
  content:""!important;
  position:absolute!important;top:0;left:0;right:0;height:4px!important;
  background:linear-gradient(90deg,#34d399,#10b981,#059669,#34d399)!important;
  background-size:200% 100%!important;
}
.zp-pay-reg-amount{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:6px!important;
  margin:4px 0 16px!important;
  padding:14px 12px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#34d399 0%,#10b981 45%,#059669 100%)!important;
  box-shadow:0 10px 24px rgba(16,185,129,.4),0 1px 0 rgba(255,255,255,.35) inset!important;
  color:#fff!important;
  text-align:center!important;
}
.zp-pay-reg-amount-label{
  font-size:12px!important;
  font-weight:600!important;
  opacity:.95!important;
  letter-spacing:.02em!important;
}
.zp-pay-reg-amount-value{
  font-size:clamp(22px,6vw,28px)!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-shadow:0 1px 0 rgba(0,0,0,.12)!important;
  direction:rtl!important;
}
.zp-pay-reg-title{
  margin:0 0 8px!important;
  font-size:clamp(16px,4.5vw,19px)!important;
  font-weight:800!important;
  text-align:center!important;
  color:#064e3b!important;
}
.zp-pay-reg-desc{
  margin:0 0 14px!important;
  font-size:13px!important;
  color:#047857!important;
  text-align:center!important;
  line-height:1.7!important;
}
.zp-pay-reg-form label{
  display:block!important;
  margin:12px 0 6px!important;
  font-size:13px!important;
  font-weight:700!important;
  color:#065f46!important;
}
.zp-pay-reg-form input[type=text],
.zp-pay-reg-form input[type=tel],
.zp-pay-reg-form input[type=email],
.zp-pay-reg-form input[type=file],
.zp-pay-reg-form textarea{
  width:100%!important;
  padding:12px 14px!important;
  border:1.5px solid #a7f3d0!important;
  border-radius:12px!important;
  font:inherit!important;
  box-sizing:border-box!important;
  background:#fff!important;
  transition:border-color .15s,box-shadow .15s!important;
}
.zp-pay-reg-form input:focus,
.zp-pay-reg-form textarea:focus{
  outline:none!important;
  border-color:#10b981!important;
  box-shadow:0 0 0 3px rgba(16,185,129,.2)!important;
}
.zp-pay-reg-submit{
  width:100%!important;
  margin-top:16px!important;
  padding:14px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#34d399,#059669)!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:15px!important;
  cursor:pointer!important;
  box-shadow:0 8px 20px rgba(16,185,129,.35)!important;
}
.zp-pay-reg-submit:active{transform:scale(.98)}
@media(max-width:480px){
  .zp-pay-reg-shell{padding:8px!important;margin:8px auto!important}
  .zp-pay-reg-card{padding:14px 12px 18px!important;border-radius:16px!important}
  .zp-pay-reg-form input,
  .zp-pay-reg-form textarea{font-size:16px!important;padding:13px 12px!important}
  .zp-pay-reg-amount{padding:12px 10px!important;margin-bottom:12px!important}
}

/* ========== v1.10.7 — blue success + ticket blue frame ========== */
.zp-pay-reg-shell .zp-info-blue,
.zp-info-blue{
  background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;
  color:#1d4ed8!important;
  border:1.5px solid #93c5fd!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  margin-bottom:12px!important;
  font-size:14px!important;
  font-weight:700!important;
  text-align:center!important;
  box-shadow:0 4px 12px rgba(37,99,235,.12)!important;
}

.zp-tk-blue,
.zp-tk-shell.zp-tk-blue{
  max-width:720px!important;
  margin:0 auto!important;
  padding:12px!important;
  box-sizing:border-box!important;
}
.zp-tk-blue .zp-tk-head,
.zp-tk-blue .zp-tk-card{
  border:2px solid #3b82f6!important;
  background:linear-gradient(180deg,#eff6ff 0%,#ffffff 32%)!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(37,99,235,.12)!important;
  position:relative!important;
  overflow:hidden!important;
}
.zp-tk-blue .zp-tk-head::before,
.zp-tk-blue .zp-tk-card::before{
  content:""!important;
  position:absolute!important;top:0;left:0;right:0;height:4px!important;
  background:linear-gradient(90deg,#60a5fa,#3b82f6,#2563eb,#60a5fa)!important;
}
.zp-tk-blue .zp-tk-head h2{color:#1e3a8a!important}
.zp-tk-blue .zp-tk-card h3{color:#1e40af!important}
.zp-tk-blue .zp-tk-form label{color:#1e40af!important}
.zp-tk-blue .zp-tk-form input[type=text],
.zp-tk-blue .zp-tk-form input[type=file],
.zp-tk-blue .zp-tk-form select,
.zp-tk-blue .zp-tk-form textarea{
  border:1.5px solid #bfdbfe!important;
  background:#fff!important;
  border-radius:12px!important;
}
.zp-tk-blue .zp-tk-form input:focus,
.zp-tk-blue .zp-tk-form select:focus,
.zp-tk-blue .zp-tk-form textarea:focus{
  outline:none!important;
  border-color:#3b82f6!important;
  box-shadow:0 0 0 3px rgba(59,130,246,.2)!important;
}
.zp-tk-blue .zp-tk-form .zp-primary,
.zp-tk-blue .zp-tk-form button[type=submit]{
  background:linear-gradient(135deg,#60a5fa,#2563eb)!important;
  box-shadow:0 8px 20px rgba(37,99,235,.3)!important;
}
.zp-tk-blue .zp-tk-list a{
  border:1px solid #bfdbfe!important;
  background:#f8fbff!important;
}
.zp-tk-blue .zp-tk-msg.is-admin{
  background:#eff6ff!important;
  border-color:#93c5fd!important;
}
@media(max-width:720px){
  .zp-tk-blue{padding:10px!important}
  .zp-tk-blue .zp-tk-card{padding:14px 12px!important}
}

/* ========== v1.10.8 — compact payment form (not stretched) ========== */
.zp-pay-reg-shell{
  max-width:380px!important;
  width:100%!important;
  margin:10px auto!important;
  padding:8px!important;
  box-sizing:border-box!important;
}
.zp-pay-reg-card,
.zp-pay-reg-card-green{
  max-width:380px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:14px 14px 16px!important;
  border-radius:16px!important;
  box-sizing:border-box!important;
}
.zp-pay-reg-amount{
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  gap:4px!important;
}
.zp-pay-reg-amount-value{
  font-size:clamp(18px,5vw,22px)!important;
}
.zp-pay-reg-amount-label{font-size:11px!important}
.zp-pay-reg-title{
  margin:0 0 4px!important;
  font-size:16px!important;
}
.zp-pay-reg-desc{
  margin:0 0 10px!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.zp-pay-reg-form label{
  margin:8px 0 4px!important;
  font-size:12px!important;
}
.zp-pay-reg-form input[type=text],
.zp-pay-reg-form input[type=tel],
.zp-pay-reg-form input[type=email],
.zp-pay-reg-form input[type=file],
.zp-pay-reg-form textarea{
  padding:9px 11px!important;
  border-radius:10px!important;
  min-height:0!important;
  line-height:1.35!important;
}
.zp-pay-reg-form textarea{
  min-height:72px!important;
  max-height:120px!important;
  resize:vertical!important;
}
.zp-pay-reg-form .zp-hint{margin-top:4px!important;font-size:11px!important}
.zp-pay-reg-submit{
  margin-top:12px!important;
  padding:11px!important;
  border-radius:12px!important;
  font-size:14px!important;
}
.zp-pay-reg-shell .zp-info-blue,
.zp-pay-reg-shell .zp-success,
.zp-pay-reg-shell .zp-error{
  padding:9px 11px!important;
  margin-bottom:10px!important;
  font-size:13px!important;
}
/* جلوگیری از کشیده شدن توسط قالب وردپرس */
.entry-content .zp-pay-reg-shell,
.page .zp-pay-reg-shell,
.site-content .zp-pay-reg-shell{
  max-width:380px!important;
  width:100%!important;
}
.entry-content .zp-pay-reg-form input,
.entry-content .zp-pay-reg-form textarea{
  max-width:100%!important;
}
@media(max-width:480px){
  .zp-pay-reg-shell{max-width:100%!important;padding:6px!important}
  .zp-pay-reg-card{padding:12px!important}
  .zp-pay-reg-form input,
  .zp-pay-reg-form textarea{font-size:16px!important;padding:10px!important}
}

/* ========== v1.11.0 — ID copy + Instagram auto-open hint ========== */
.zp-ig-public .zp-ig-id-hint{
  color:#2563eb!important;
  font-size:11px!important;
  max-width:280px!important;
  line-height:1.5!important;
}

/* ========== v1.11.1 — OTP phone row on payment form ========== */
.zp-pay-phone-row,
.zp-pay-otp-row{
  display:flex!important;
  gap:8px!important;
  align-items:stretch!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.zp-pay-phone-row input,
.zp-pay-otp-row input{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
}
.zp-pay-otp-send{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  padding:9px 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#34d399,#059669)!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:12px!important;
  cursor:pointer!important;
}
.zp-pay-otp-send:disabled{
  opacity:.65!important;
  cursor:not-allowed!important;
}
.zp-pay-otp-hint{
  flex:0 0 auto!important;
  align-self:center!important;
  font-size:11px!important;
  color:#047857!important;
  max-width:42%!important;
  line-height:1.3!important;
}
@media(max-width:480px){
  .zp-pay-otp-row{flex-wrap:wrap!important}
  .zp-pay-otp-hint{max-width:100%!important;width:100%!important}
}

/* ========== v1.11.2 — user share buttons on payment form ========== */
.zp-pay-share-box{
  margin-top:14px!important;
  padding:12px!important;
  border-radius:12px!important;
  border:1.5px dashed #86efac!important;
  background:#f0fdf4!important;
  text-align:center!important;
}
.zp-pay-share-label{
  margin:0 0 10px!important;
  font-size:12px!important;
  font-weight:700!important;
  color:#065f46!important;
}
.zp-pay-share-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
}
.zp-pay-share-btn{
  flex:1 1 40%!important;
  min-width:120px!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:10px!important;
  font-weight:800!important;
  font-size:12px!important;
  cursor:pointer!important;
  color:#fff!important;
}
.zp-pay-share-copy{background:linear-gradient(135deg,#60a5fa,#2563eb)!important}
.zp-pay-share-text{background:linear-gradient(135deg,#34d399,#059669)!important}

/* ========== v1.11.3 — phone + OTP one row + invoice ========== */
.zp-pay-phone-otp-line{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.zp-pay-phone-otp-line .zp-pay-phone-input{
  flex:1.4 1 0!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
}
.zp-pay-phone-otp-line .zp-pay-otp-input{
  flex:0.7 1 0!important;
  min-width:72px!important;
  max-width:110px!important;
  width:auto!important;
  margin:0!important;
  text-align:center!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
}
.zp-pay-phone-otp-line .zp-pay-otp-send{
  flex:0 0 auto!important;
  padding:10px 12px!important;
  white-space:nowrap!important;
}
.zp-pay-otp-hint{
  display:block!important;
  margin:6px 0 0!important;
  font-size:11px!important;
  color:#047857!important;
  line-height:1.4!important;
}
@media(max-width:420px){
  .zp-pay-phone-otp-line{
    flex-wrap:wrap!important;
  }
  .zp-pay-phone-otp-line .zp-pay-phone-input{flex:1 1 100%!important}
  .zp-pay-phone-otp-line .zp-pay-otp-input{flex:1 1 auto!important;max-width:none!important}
  .zp-pay-phone-otp-line .zp-pay-otp-send{flex:0 0 auto!important}
}

/* ========== v1.11.4 — 10 min form timer ========== */
.zp-pay-timer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 14px!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;
  border:1.5px solid #6ee7b7!important;
  box-sizing:border-box!important;
}
.zp-pay-timer-label{
  font-size:12px!important;
  font-weight:700!important;
  color:#065f46!important;
}
.zp-pay-timer-value{
  font-size:18px!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.04em!important;
  color:#047857!important;
  direction:ltr!important;
}
.zp-pay-timer.is-urgent{
  background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;
  border-color:#fca5a5!important;
}
.zp-pay-timer.is-urgent .zp-pay-timer-label,
.zp-pay-timer.is-urgent .zp-pay-timer-value{
  color:#b91c1c!important;
}


/* ========== v1.11.11 — receipt form labels & text style ========== */
.zp-ig-public .zp-visitor-comment-card .zp-ig-card-title{
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:-.2px;
  margin-bottom:6px!important;
}
.zp-ig-public .zp-receipt-lead,
.zp-ig-public .zp-visitor-comment-card .zp-ig-card-desc.zp-receipt-lead{
  margin:0 0 12px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#eff6ff 0%,#f0f9ff 100%)!important;
  border:1px solid #dbeafe!important;
  color:#1e40af!important;
  font-size:12.5px!important;
  line-height:1.75!important;
  font-weight:600!important;
}
.zp-ig-public .zp-receipt-form{
  gap:4px!important;
}
.zp-ig-public .zp-receipt-label{
  display:block;
  margin:6px 0 2px;
  font-size:12.5px;
  font-weight:800;
  color:#0f172a;
  letter-spacing:-.1px;
}
.zp-ig-public .zp-receipt-label .zp-req,
.zp-ig-public .zp-req{
  color:#e11d48;
  font-weight:900;
  margin-right:2px;
}
.zp-ig-public .zp-receipt-hint{
  margin:0 0 6px!important;
  padding:8px 11px!important;
  border-radius:10px!important;
  background:#fff7ed!important;
  border:1px dashed #fdba74!important;
  color:#9a3412!important;
  font-size:12px!important;
  line-height:1.7!important;
  font-weight:600!important;
}
.zp-ig-public .zp-receipt-form input[type=text],
.zp-ig-public .zp-receipt-form input[type=tel],
.zp-ig-public .zp-receipt-form textarea{
  width:100%!important;
  box-sizing:border-box!important;
  border:1.5px solid #cbd5e1!important;
  border-radius:12px!important;
  padding:12px 14px!important;
  font-family:inherit!important;
  font-size:14.5px!important;
  background:#fff!important;
  color:#0f172a!important;
  transition:border-color .15s ease, box-shadow .15s ease!important;
}
.zp-ig-public .zp-receipt-form input:focus,
.zp-ig-public .zp-receipt-form textarea:focus{
  outline:none!important;
  border-color:#0095f6!important;
  box-shadow:0 0 0 3px rgba(0,149,246,.18)!important;
  background:#f8fbff!important;
}
.zp-ig-public .zp-receipt-form textarea{
  min-height:110px!important;
  resize:vertical!important;
  line-height:1.65!important;
}
.zp-ig-public .zp-receipt-form input::placeholder,
.zp-ig-public .zp-receipt-form textarea::placeholder{
  color:#94a3b8!important;
  font-weight:500!important;
  opacity:1!important;
}
.zp-ig-public .zp-receipt-file-label{
  margin-top:8px!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  border:1.5px dashed #94a3b8!important;
  background:#f8fafc!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:700!important;
  gap:8px!important;
}
.zp-ig-public .zp-receipt-file-label .zp-hint-inline{
  font-weight:500!important;
  color:#64748b!important;
  font-size:11.5px!important;
}
.zp-ig-public .zp-receipt-file-label input[type=file]{
  font-size:12.5px!important;
  font-weight:500!important;
  color:#475569!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.zp-ig-public .zp-receipt-submit,
.zp-ig-public .zp-receipt-form .zp-ig-btn.primary{
  margin-top:10px!important;
  min-height:46px!important;
  border-radius:12px!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:-.2px!important;
  background:linear-gradient(135deg,#0ea5e9 0%,#0095f6 55%,#1769d2 100%)!important;
  box-shadow:0 6px 16px rgba(0,149,246,.28)!important;
  border:0!important;
}
.zp-ig-public .zp-receipt-submit:hover,
.zp-ig-public .zp-receipt-form .zp-ig-btn.primary:hover{
  filter:brightness(1.04);
  box-shadow:0 8px 20px rgba(0,149,246,.35)!important;
}


/* ========== v1.11.13 — simple receipt form more typing space ========== */
.zp-ig-public .zp-receipt-hint{display:none!important}
.zp-ig-public .zp-receipt-lead{display:none!important}
.zp-ig-public .zp-receipt-simple{
  gap:4px!important;
  margin-top:2px!important;
}
.zp-ig-public .zp-receipt-simple .zp-receipt-label{
  margin:6px 0 2px!important;
  font-size:12.5px!important;
  font-weight:700!important;
  color:#1e293b!important;
  line-height:1.2!important;
}
.zp-ig-public .zp-receipt-simple input[type=text],
.zp-ig-public .zp-receipt-simple input[type=tel]{
  min-height:40px!important;
  padding:9px 12px!important;
  font-size:14px!important;
  border-radius:10px!important;
  border:1.5px solid #cbd5e1!important;
  background:#fff!important;
  margin:0!important;
}
.zp-ig-public .zp-receipt-simple textarea{
  min-height:150px!important;
  height:150px!important;
  padding:10px 12px!important;
  font-size:14px!important;
  line-height:1.6!important;
  border-radius:10px!important;
  border:1.5px solid #cbd5e1!important;
  background:#fff!important;
  resize:vertical!important;
  margin:0!important;
}
.zp-ig-public .zp-receipt-simple .zp-receipt-file-label{
  margin-top:4px!important;
  margin-bottom:0!important;
  padding:8px 10px!important;
}
.zp-ig-public .zp-receipt-simple .zp-receipt-submit{
  margin-top:6px!important;
  min-height:44px!important;
}
.zp-ig-public .zp-receipt-form{
  gap:4px!important;
}
.zp-ig-public .zp-visitor-form.zp-receipt-simple{
  gap:4px!important;
}




/* ========== v1.11.16 — receipt file field single clean row ========== */
.zp-ig-public .zp-receipt-file-field{
  position:relative!important;
  width:100%!important;
  margin-top:6px!important;
  box-sizing:border-box!important;
}
.zp-ig-public .zp-receipt-file-inner{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  min-height:44px!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  border:1.5px solid #cbd5e1!important;
  border-radius:10px!important;
  background:#fff!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transform:none!important;
  margin:0!important;
  font-weight:600!important;
  color:#334155!important;
}
.zp-ig-public .zp-receipt-file-title{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  font-size:13px!important;
  font-weight:700!important;
  color:#1e293b!important;
  line-height:1.2!important;
}
.zp-ig-public .zp-receipt-file-title em{
  font-style:normal!important;
  font-weight:500!important;
  color:#64748b!important;
  font-size:11.5px!important;
}
.zp-ig-public .zp-receipt-file-btn{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:30px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  background:#f1f5f9!important;
  border:1px solid #e2e8f0!important;
  color:#0f172a!important;
  font-size:12px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.zp-ig-public .zp-receipt-file-name{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  font-weight:500!important;
  color:#94a3b8!important;
  text-align:left!important;
  direction:ltr!important;
  line-height:1.2!important;
}
.zp-ig-public .zp-receipt-file-input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  cursor:pointer!important;
  font-size:0!important;
  z-index:2!important;
  transform:none!important;
}
.zp-ig-public .zp-receipt-file-inner:hover{
  border-color:#94a3b8!important;
  background:#f8fafc!important;
}
/* override legacy column layout on this field */
.zp-ig-public .zp-visitor-photo-label.zp-receipt-file-label,
.zp-ig-public .zp-receipt-simple .zp-receipt-file-label{
  display:none!important;
}


/* ========== v1.12.0 — commercial responsive mobile tablet desktop ========== */
html{scroll-behavior:smooth}
.zp-ig-public,.zp-ig,.zp-app-page,.zp-dashboard,.zp-auth-card,.zp-pay-shell,.zp-pay-reg-shell{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  box-sizing:border-box;
}
.zp-ig-public *,.zp-ig *,.zp-dashboard *,.zp-auth-card *,.zp-pay-reg-shell *,.zp-visitor-form *{
  box-sizing:border-box;
}
.zp-ig-public,.zp-ig{
  width:100%;
  max-width:540px;
  margin-left:auto;
  margin-right:auto;
}
.zp-app-page .zp-dashboard,
.zp-app-page .zp-auth-card{
  width:min(100% - 24px,760px);
  margin-left:auto;
  margin-right:auto;
}
img,video,svg{
  max-width:100%;
  height:auto;
}
.zp-ig-public input,
.zp-ig-public textarea,
.zp-ig-public select,
.zp-ig-public button,
.zp-visitor-form input,
.zp-visitor-form textarea,
.zp-visitor-form button,
.zp-pay-reg-form input,
.zp-pay-reg-form textarea,
.zp-pay-reg-form button{
  max-width:100%;
  font-size:16px; /* prevent iOS zoom */
}
@media (max-width:480px){
  .zp-ig-public,.zp-ig{max-width:100%!important;border-radius:0!important;box-shadow:none!important}
  .zp-ig-public .zp-ig-sections{padding:8px!important}
  .zp-ig-public .zp-ig-card,
  .zp-ig-public .zp-classic-block{border-radius:12px!important;padding:12px!important}
  .zp-ig-public .zp-receipt-simple textarea{min-height:130px!important;height:130px!important}
  .zp-ig-public .zp-receipt-file-inner{min-height:42px!important;padding:0 8px!important;gap:6px!important}
  .zp-ig-public .zp-receipt-file-title{font-size:12px!important}
  .zp-ig-public .zp-receipt-file-btn{height:28px!important;padding:0 10px!important;font-size:11px!important}
  .zp-auth-card,.zp-dashboard{margin:12px auto 24px!important;padding:16px!important;border-radius:16px!important}
  .zp-upload-grid{grid-template-columns:1fr!important}
  .zp-chat-panel{width:min(100vw - 16px,360px)!important;right:8px!important;left:8px!important}
}
@media (min-width:481px) and (max-width:768px){
  .zp-ig-public,.zp-ig{max-width:560px!important}
  .zp-ig-public .zp-ig-sections{padding:12px!important}
  .zp-app-page .zp-dashboard,.zp-app-page .zp-auth-card{width:min(100% - 32px,640px)!important}
}
@media (min-width:769px) and (max-width:1024px){
  .zp-ig-public,.zp-ig{max-width:580px!important}
  .zp-app-page .zp-dashboard{width:min(100% - 40px,720px)!important}
}
@media (min-width:1025px){
  .zp-ig-public,.zp-ig{max-width:540px!important}
  .zp-app-page .zp-dashboard{width:min(100% - 48px,760px)!important}
}
@media (hover:none) and (pointer:coarse){
  .zp-ig-public .zp-ig-btn,
  .zp-ig-public button,
  .zp-visitor-form button,
  .zp-receipt-submit{
    min-height:44px!important;
  }
  .zp-ig-public a,.zp-ig-public button{touch-action:manipulation}
}
@supports (padding:max(0px)){
  .zp-ig-public,.zp-chat-panel{
    padding-bottom:max(8px,env(safe-area-inset-bottom));
  }
}


/* ========== v1.12.2 — id hint row, gallery preview, dash toast ========== */
.zp-ig-public .zp-ig-id-hint{
  margin:2px 0 0!important;
  padding:0!important;
  font-size:10px!important;
  line-height:1.25!important;
  color:#8e8e8e!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
  font-weight:500!important;
}
.zp-ig-public .zp-ig-id-wrap{
  gap:2px!important;
  margin-top:2px!important;
}
.zp-gal-preview-wrap{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-start;
}
.zp-gal-preview{
  width:88px;
  height:88px;
  border-radius:12px;
  overflow:hidden;
  border:1.5px solid #e2e8f0;
  background:#f8fafc;
  box-shadow:0 2px 8px rgba(15,23,42,.06);
}
.zp-gal-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.zp-dashboard .zp-toast{
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translateX(-50%) translateY(20px);
  background:#0f172a;
  color:#fff;
  padding:10px 16px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s, transform .2s;
  z-index:99999;
}
.zp-dashboard .zp-toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
.zp-pay-btn-wrap{margin:12px 0;text-align:center}
.zp-pay-btn-wrap .zp-pay-online{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 28px;
  border-radius:14px;
  background:linear-gradient(135deg,#10b981,#059669);
  color:#fff!important;
  font-weight:800;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(16,185,129,.3);
}


/* ========== v1.12.4 — pwa smaller, id hint, pay hero ========== */
.zp-ig-public .zp-ig-id-hint{
  margin:2px 0 0!important;
  padding:0!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  color:#8e8e8e!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
  font-weight:500!important;
}
.zp-ig-public .zp-pwa-install-text,
.zp-pwa-install-text{
  min-height:26px!important;
  height:auto!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:700!important;
  gap:4px!important;
  background:#0095f6!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 2px 8px rgba(0,149,246,.28)!important;
  line-height:1.2!important;
}
.zp-ig-public .zp-pwa-install-text .zp-pwa-ico,
.zp-pwa-install-text .zp-pwa-ico{
  width:12px!important;
  height:12px!important;
  display:inline-flex!important;
  align-items:center!important;
}
.zp-ig-public .zp-pwa-install-text .zp-pwa-ico svg,
.zp-pwa-install-text .zp-pwa-ico svg{
  width:12px!important;
  height:12px!important;
}
.zp-ig-public .zp-pwa-install-text:hover,
.zp-pwa-install-text:hover{
  background:#0081d6!important;
  box-shadow:0 3px 10px rgba(0,149,246,.35)!important;
}
.zp-ig-public .zp-pwa-install-text.is-installed,
.zp-pwa-install-text.is-installed{
  background:#e8f5e9!important;
  color:#2e7d32!important;
  box-shadow:none!important;
}
.zp-pay-btn-hero{
  max-width:420px!important;
  margin:24px auto!important;
  padding:28px 22px!important;
  border-radius:20px!important;
  background:linear-gradient(165deg,#ffffff 0%,#f0fdf9 100%)!important;
  border:1px solid #d1fae5!important;
  box-shadow:0 12px 32px rgba(16,185,129,.12)!important;
  text-align:center!important;
}
.zp-pay-btn-hero-title{
  margin:0 0 8px!important;
  font-size:20px!important;
  font-weight:800!important;
  color:#064e3b!important;
}
.zp-pay-btn-hero-desc{
  margin:0 0 18px!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.6!important;
}
.zp-pay-online-lg,
.zp-pay-btn-hero .zp-pay-online{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
  padding:14px 36px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#10b981,#059669)!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:16px!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(16,185,129,.32)!important;
  transition:transform .15s, box-shadow .15s!important;
}
.zp-pay-online-lg:hover,
.zp-pay-btn-hero .zp-pay-online:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 14px 28px rgba(16,185,129,.4)!important;
}
.zp-pay-share-btn[href]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
}




/* ========== v1.12.8 — pay reg bank matches form ========== */
.zp-pay-reg-shell .zp-pay-reg-bank,
.zp-pay-reg-bank{
  margin:10px 0 14px!important;
  padding:0!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1.5px solid #a7f3d0!important;
  box-shadow:0 8px 20px rgba(16,185,129,.12)!important;
  overflow:hidden!important;
}
.zp-pay-reg-bank-head{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  padding:12px 14px!important;
  font-size:14px!important;
  font-weight:800!important;
  color:#fff!important;
  background:linear-gradient(135deg,#34d399 0%,#10b981 50%,#059669 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset!important;
}
.zp-pay-reg-bank-ico{font-size:16px!important;line-height:1!important}
.zp-pay-reg-bank-row{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  margin:0!important;
  padding:12px 14px!important;
  border-top:1px solid #d1fae5!important;
  background:#f0fdf4!important;
}
.zp-pay-reg-bank-row:nth-child(odd){
  background:#ffffff!important;
}
.zp-pay-reg-bank-lbl{
  font-size:11.5px!important;
  font-weight:700!important;
  color:#047857!important;
  letter-spacing:.01em!important;
}
.zp-pay-reg-bank-valwrap{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  border:1.5px solid #a7f3d0!important;
  background:#fff!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.zp-pay-reg-bank-val{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  font-size:13px!important;
  font-weight:800!important;
  color:#064e3b!important;
  letter-spacing:.02em!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  white-space:nowrap!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  line-height:1.4!important;
  direction:ltr!important;
  text-align:left!important;
  scrollbar-width:none!important;
}
.zp-pay-reg-bank-val::-webkit-scrollbar{display:none!important}
.zp-pay-reg-bank-btn{
  flex:0 0 auto!important;
  border:0!important;
  border-radius:10px!important;
  padding:8px 14px!important;
  min-height:36px!important;
  background:linear-gradient(135deg,#10b981,#059669)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  box-shadow:0 4px 12px rgba(16,185,129,.28)!important;
  transition:transform .12s, box-shadow .12s, background .12s!important;
}
.zp-pay-reg-bank-btn:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 6px 16px rgba(16,185,129,.38)!important;
}
.zp-pay-reg-bank-btn:active{transform:scale(.97)!important}
.zp-pay-reg-bank-btn.is-copied{
  background:linear-gradient(135deg,#059669,#047857)!important;
}
.zp-pay-reg-bank-note{
  margin:0!important;
  padding:10px 14px 14px!important;
  font-size:12px!important;
  color:#047857!important;
  line-height:1.65!important;
  background:#ecfdf5!important;
  border-top:1px dashed #a7f3d0!important;
}
@media(max-width:480px){
  .zp-pay-reg-bank-val{font-size:13px!important}
  .zp-pay-reg-bank-btn{padding:7px 12px!important;min-height:34px!important;font-size:11.5px!important}
  .zp-pay-reg-bank-valwrap{padding:9px 10px!important}
}


/* ========== v1.12.12 — ticket form fields visible ========== */
.zp-tk-form input[type=text],
.zp-tk-form input[type=file],
.zp-tk-form select,
.zp-tk-form textarea,
.zp-tk-blue .zp-tk-form input[type=text],
.zp-tk-blue .zp-tk-form input[type=file],
.zp-tk-blue .zp-tk-form select,
.zp-tk-blue .zp-tk-form textarea{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:48px!important;
  padding:12px 14px!important;
  margin:0 0 4px!important;
  border:1.5px solid #93c5fd!important;
  border-radius:12px!important;
  background:#ffffff!important;
  color:#0f172a!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.4!important;
  box-sizing:border-box!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
  visibility:visible!important;
  opacity:1!important;
  box-shadow:none!important;
}
.zp-tk-form select,
.zp-tk-blue .zp-tk-form select{
  -webkit-appearance:menulist!important;
  appearance:menulist!important;
  min-height:48px!important;
  height:auto!important;
  background-color:#ffffff!important;
  color:#0f172a!important;
  cursor:pointer!important;
}
.zp-tk-form select option,
.zp-tk-blue .zp-tk-form select option{
  color:#0f172a!important;
  background:#ffffff!important;
}
.zp-tk-form textarea,
.zp-tk-blue .zp-tk-form textarea{
  min-height:120px!important;
  resize:vertical!important;
}
.zp-tk-form label,
.zp-tk-blue .zp-tk-form label{
  display:block!important;
  margin:12px 0 6px!important;
  font-size:13px!important;
  font-weight:700!important;
  color:#1e3a8a!important;
}
.zp-tk-form input[type=file],
.zp-tk-blue .zp-tk-form input[type=file]{
  padding:10px!important;
  min-height:44px!important;
}

/* ========== v1.12.16 — glass jelly auth ========== */
body.zp-app-page,
.zp-app-page{
  min-height:100vh!important;
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(96,165,250,.45), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(167,139,250,.35), transparent 50%),
    radial-gradient(800px 500px at 50% 110%, rgba(52,211,153,.25), transparent 45%),
    linear-gradient(165deg, #eef4ff 0%, #f5f3ff 40%, #ecfeff 100%)!important;
}
.zp-auth-card,
.zp-auth-card.zp-auth-compact,
.zp-auth-card.zp-reg-steps,
.zp-dashboard{
  position:relative!important;
  max-width:440px!important;
  margin:28px auto 48px!important;
  padding:28px 24px 26px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.65)!important;
  background:linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.42))!important;
  backdrop-filter:blur(18px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.35)!important;
  box-shadow:
    0 20px 50px rgba(15,42,74,.12),
    0 2px 0 rgba(255,255,255,.85) inset,
    0 -1px 0 rgba(148,163,184,.15) inset!important;
  overflow:hidden!important;
}
.zp-dashboard{ max-width:760px!important; }
.zp-auth-card::before,
.zp-dashboard::before{
  content:""!important;
  position:absolute!important;
  top:-40%!important; left:-20%!important;
  width:70%!important; height:70%!important;
  background:radial-gradient(circle, rgba(125,211,252,.35), transparent 70%)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.zp-auth-card > *,
.zp-dashboard > *{position:relative!important;z-index:1!important}

.zp-auth-card h2,
.zp-dashboard-head h2{
  margin:0 0 6px!important;
  font-size:clamp(20px,4.5vw,24px)!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  color:#0f172a!important;
  text-align:center!important;
}
.zp-auth-card .zp-muted,
.zp-auth-bottom{
  color:#64748b!important;
  font-size:13px!important;
  line-height:1.7!important;
}
.zp-logo{
  width:64px!important;height:64px!important;
  border-radius:20px!important;
  margin:0 auto 14px!important;
  background:linear-gradient(135deg,#3b82f6,#8b5cf6 55%,#06b6d4)!important;
  box-shadow:0 12px 28px rgba(59,130,246,.35), 0 1px 0 rgba(255,255,255,.4) inset!important;
  color:#fff!important;
  font-size:28px!important;font-weight:900!important;
  display:grid!important;place-items:center!important;
}
.zp-reg-steps .zp-steps{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;margin:0 0 16px!important;flex-wrap:wrap!important;
}
.zp-step{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:8px 14px!important;border-radius:999px!important;
  font-size:12px!important;font-weight:800!important;
  background:rgba(255,255,255,.55)!important;
  border:1px solid rgba(148,163,184,.35)!important;
  color:#64748b!important;
}
.zp-step.is-active{
  background:linear-gradient(135deg,#3b82f6,#6366f1)!important;
  color:#fff!important;border-color:transparent!important;
  box-shadow:0 8px 18px rgba(59,130,246,.3)!important;
}
.zp-step-locked{opacity:.7!important}
.zp-step-sep{color:#94a3b8!important;font-weight:700!important}

.zp-auth-card .zp-form label,
.zp-form label{
  display:block!important;
  margin:14px 0 7px!important;
  font-size:13px!important;
  font-weight:800!important;
  color:#1e293b!important;
}
.zp-auth-card .zp-form input,
.zp-auth-card .zp-form textarea,
.zp-form input[type=text],
.zp-form input[type=email],
.zp-form input[type=password],
.zp-form input[type=tel],
.zp-form input[type=url],
.zp-form textarea{
  width:100%!important;
  box-sizing:border-box!important;
  padding:13px 14px!important;
  min-height:48px!important;
  border-radius:16px!important;
  border:1.5px solid rgba(148,163,184,.35)!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 6px 16px rgba(15,42,74,.04)!important;
  font:inherit!important;
  color:#0f172a!important;
  transition:border-color .15s, box-shadow .15s, transform .12s!important;
}
.zp-auth-card .zp-form input:focus,
.zp-form input:focus,
.zp-form textarea:focus{
  outline:none!important;
  border-color:#60a5fa!important;
  box-shadow:0 0 0 4px rgba(96,165,250,.22), 0 8px 20px rgba(59,130,246,.08)!important;
  background:#fff!important;
}
.zp-hint,.zp-form .zp-hint{
  display:block!important;margin-top:6px!important;
  font-size:12px!important;color:#94a3b8!important;
}
.zp-captcha-row{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:10px!important;margin-top:14px!important;
  padding:12px 14px!important;border-radius:16px!important;
  background:rgba(239,246,255,.7)!important;
  border:1px solid rgba(147,197,253,.5)!important;
}
.zp-captcha-inline-label{font-size:12px!important;font-weight:800!important;color:#1d4ed8!important}
.zp-captcha-inline-q{font-weight:900!important;color:#0f172a!important;direction:ltr!important}
.zp-captcha-inline-input{
  width:72px!important;min-height:40px!important;text-align:center!important;
  border-radius:12px!important;font-weight:800!important;
}

.zp-auth-card .zp-form button,
.zp-auth-card .zp-primary,
.zp-form button[type=submit],
a.zp-primary,
.zp-primary{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;
  min-height:52px!important;
  margin-top:18px!important;
  padding:14px 18px!important;
  border:0!important;
  border-radius:18px!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  color:#fff!important;
  text-decoration:none!important;
  cursor:pointer!important;
  background:linear-gradient(145deg, #60a5fa 0%, #3b82f6 40%, #6366f1 100%)!important;
  box-shadow:
    0 12px 28px rgba(59,130,246,.4),
    0 2px 0 rgba(255,255,255,.35) inset,
    0 -3px 0 rgba(30,64,175,.25) inset!important;
  transition:transform .14s ease, box-shadow .14s ease, filter .14s!important;
}
.zp-auth-card .zp-form button:hover,
.zp-primary:hover,
a.zp-primary:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.05)!important;
  box-shadow:
    0 16px 34px rgba(59,130,246,.48),
    0 2px 0 rgba(255,255,255,.4) inset,
    0 -3px 0 rgba(30,64,175,.28) inset!important;
}
.zp-auth-card .zp-form button:active,
.zp-primary:active{
  transform:translateY(1px) scale(.98)!important;
  box-shadow:0 6px 14px rgba(59,130,246,.3), 0 1px 0 rgba(255,255,255,.3) inset!important;
}
.zp-auth-bottom{margin-top:18px!important}
.zp-auth-bottom a{
  color:#2563eb!important;font-weight:800!important;text-decoration:none!important;
}
.zp-success{
  background:rgba(236,253,245,.9)!important;color:#065f46!important;
  border:1px solid #a7f3d0!important;border-radius:14px!important;
  padding:12px 14px!important;margin-bottom:12px!important;font-weight:700!important;
}
.zp-error{
  background:rgba(254,242,242,.95)!important;color:#991b1b!important;
  border:1px solid #fecaca!important;border-radius:14px!important;
  padding:12px 14px!important;margin-bottom:12px!important;font-weight:700!important;
}
.zp-dashboard-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;margin-bottom:18px!important;
  padding:14px 16px!important;border-radius:18px!important;
  background:rgba(255,255,255,.55)!important;
  border:1px solid rgba(255,255,255,.7)!important;
}
.zp-view-button{
  background:linear-gradient(135deg,#dbeafe,#ede9fe)!important;
  color:#1d4ed8!important;padding:10px 14px!important;border-radius:14px!important;
  font-weight:800!important;text-decoration:none!important;
  box-shadow:0 6px 14px rgba(59,130,246,.12)!important;
}
.zp-kicker{color:#6366f1!important;font-size:12px!important;font-weight:800!important}
@media(max-width:480px){
  .zp-auth-card,.zp-auth-card.zp-auth-compact,.zp-dashboard{
    margin:16px 12px 32px!important;
    padding:22px 16px 20px!important;
    border-radius:22px!important;
  }
  .zp-auth-card .zp-form input,
  .zp-form input[type=text],
  .zp-form input[type=email],
  .zp-form input[type=password],
  .zp-form input[type=tel]{
    font-size:16px!important;
  }
}

/* ========== v1.12.17 — glass jelly site-wide ========== */
.zp-pay-reg-shell,
.zp-tk-shell,
.zp-tk-shell.zp-tk-blue,
.zp-pay-shell,
.zp-pay-shell.zp-pay-simple{
  min-height:auto!important;
  padding:16px 14px 36px!important;
  background:
    radial-gradient(1000px 500px at 0% 0%, rgba(96,165,250,.35), transparent 55%),
    radial-gradient(800px 420px at 100% 10%, rgba(167,139,250,.28), transparent 50%),
    radial-gradient(700px 400px at 50% 100%, rgba(45,212,191,.2), transparent 45%),
    linear-gradient(165deg,#eef4ff 0%,#f5f3ff 42%,#ecfeff 100%)!important;
  border-radius:0!important;
}
.zp-pay-reg-card,
.zp-pay-reg-card-green,
.zp-tk-card,
.zp-tk-blue .zp-tk-card,
.zp-tk-blue .zp-tk-head,
.zp-pay-card-ui,
.zp-pay-btn-hero{
  position:relative!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.7)!important;
  background:linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.48))!important;
  backdrop-filter:blur(16px) saturate(1.3)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.3)!important;
  box-shadow:
    0 18px 44px rgba(15,42,74,.12),
    0 2px 0 rgba(255,255,255,.85) inset!important;
  overflow:hidden!important;
}
.zp-pay-reg-card-green,
.zp-pay-reg-card{
  border:1.5px solid rgba(167,243,208,.65)!important;
}
.zp-tk-blue .zp-tk-card,
.zp-tk-blue .zp-tk-head{
  border:1.5px solid rgba(147,197,253,.55)!important;
}
.zp-pay-reg-form label,
.zp-tk-form label,
.zp-tk-blue .zp-tk-form label{
  color:#1e293b!important;
  font-weight:800!important;
}
.zp-pay-reg-form input[type=text],
.zp-pay-reg-form input[type=tel],
.zp-pay-reg-form input[type=email],
.zp-pay-reg-form input[type=file],
.zp-pay-reg-form textarea,
.zp-tk-form input[type=text],
.zp-tk-form input[type=file],
.zp-tk-form select,
.zp-tk-form textarea,
.zp-tk-blue .zp-tk-form input[type=text],
.zp-tk-blue .zp-tk-form input[type=file],
.zp-tk-blue .zp-tk-form select,
.zp-tk-blue .zp-tk-form textarea{
  border-radius:14px!important;
  border:1.5px solid rgba(148,163,184,.35)!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 6px 14px rgba(15,42,74,.04)!important;
  min-height:46px!important;
  color:#0f172a!important;
}
.zp-pay-reg-form input:focus,
.zp-pay-reg-form textarea:focus,
.zp-tk-form input:focus,
.zp-tk-form select:focus,
.zp-tk-form textarea:focus{
  outline:none!important;
  border-color:#60a5fa!important;
  box-shadow:0 0 0 4px rgba(96,165,250,.2)!important;
  background:#fff!important;
}
.zp-pay-reg-submit,
.zp-tk-form .zp-primary,
.zp-tk-form button[type=submit],
.zp-tk-blue .zp-tk-form .zp-primary,
.zp-tk-blue .zp-tk-form button[type=submit],
.zp-pay-online,
.zp-pay-online-lg,
a.zp-pay-online{
  border:0!important;
  border-radius:16px!important;
  min-height:50px!important;
  font-weight:900!important;
  color:#fff!important;
  background:linear-gradient(145deg,#60a5fa 0%,#3b82f6 42%,#6366f1 100%)!important;
  box-shadow:
    0 12px 28px rgba(59,130,246,.38),
    0 2px 0 rgba(255,255,255,.35) inset,
    0 -3px 0 rgba(30,64,175,.22) inset!important;
  transition:transform .14s, box-shadow .14s, filter .14s!important;
}
.zp-pay-reg-submit:hover,
.zp-tk-form .zp-primary:hover,
.zp-pay-online:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.05)!important;
}
.zp-pay-reg-submit:active,
.zp-tk-form .zp-primary:active,
.zp-pay-online:active{
  transform:translateY(1px) scale(.98)!important;
}
/* keep green amount badge */
.zp-pay-reg-amount{
  border-radius:18px!important;
  box-shadow:0 12px 28px rgba(16,185,129,.35), 0 1px 0 rgba(255,255,255,.3) inset!important;
}
.zp-tk-head{
  border-radius:20px!important;
  margin-bottom:14px!important;
}
.zp-tk-list a{
  border-radius:14px!important;
  background:rgba(255,255,255,.65)!important;
  border:1px solid rgba(255,255,255,.8)!important;
  backdrop-filter:blur(8px)!important;
}
.zp-tk-msg{
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.6)!important;
}
/* public profile soft glass cards if present */
.zp-ig-public .zp-ig-card,
.zp-ig .zp-ig-card{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 10px 28px rgba(15,42,74,.08)!important;
  border-radius:18px!important;
}
.zp-ig-btn.primary,
.zp-receipt-submit{
  background:linear-gradient(145deg,#60a5fa,#3b82f6 50%,#6366f1)!important;
  border:0!important;
  box-shadow:0 10px 22px rgba(59,130,246,.32), 0 1px 0 rgba(255,255,255,.3) inset!important;
  border-radius:14px!important;
  font-weight:800!important;
}
@media(max-width:480px){
  .zp-pay-reg-shell,
  .zp-tk-shell,
  .zp-pay-shell{padding:10px 8px 28px!important}
  .zp-pay-reg-card,
  .zp-tk-card{border-radius:18px!important;padding:14px 12px!important}
}

/* ========== v1.12.18 — chat sizes + welcome popup ========== */
.zp-chat-head{
  padding:8px 10px 8px 12px!important;
  min-height:0!important;
  gap:8px!important;
}
.zp-chat-head-text strong{font-size:12.5px!important;font-weight:800!important;line-height:1.2!important}
.zp-chat-head-text span{font-size:10px!important;opacity:.88!important;line-height:1.3!important}
.zp-chat-close{width:28px!important;height:28px!important;font-size:18px!important;border-radius:8px!important}
.zp-chat-body{
  min-height:120px!important;
  max-height:28vh!important;
  padding:10px!important;
  gap:6px!important;
}
.zp-chat-bubble{font-size:12.5px!important;padding:8px 10px!important;line-height:1.5!important}
.zp-chat-guide{opacity:.92!important;font-size:12px!important;background:#eff6ff!important;border-color:#bfdbfe!important}
.zp-chat-form{padding:10px 10px 12px!important}
.zp-chat-fields{margin-bottom:6px!important;gap:5px!important}
.zp-chat-fields input{padding:7px 9px!important;font-size:12px!important;min-height:36px!important}
.zp-chat-compose textarea{
  min-height:72px!important;
  max-height:140px!important;
  padding:10px 12px!important;
  font-size:14px!important;
  line-height:1.45!important;
  border-radius:12px!important;
}
.zp-chat-send{width:48px!important;height:48px!important;border-radius:14px!important}
.zp-chat-panel{max-height:78vh!important}

/* welcome popup */
.zp-welcome-popup{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  background:rgba(15,23,42,.35)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  opacity:0!important;
  transition:opacity .4s ease!important;
  pointer-events:none!important;
}
.zp-welcome-popup[hidden]{display:none!important}
.zp-welcome-popup.is-show{opacity:1!important;pointer-events:auto!important}
.zp-welcome-popup.is-hide{opacity:0!important;pointer-events:none!important}
.zp-welcome-popup-inner{
  width:min(100%,340px)!important;
  padding:22px 20px 20px!important;
  border-radius:22px!important;
  text-align:center!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.75))!important;
  border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:0 24px 50px rgba(15,42,74,.2)!important;
  transform:translateY(12px) scale(.96)!important;
  transition:transform .4s ease!important;
}
.zp-welcome-popup.is-show .zp-welcome-popup-inner{transform:translateY(0) scale(1)!important}
.zp-welcome-popup-ico{font-size:32px!important;line-height:1!important;margin-bottom:8px!important}
.zp-welcome-popup-title{
  display:block!important;font-size:18px!important;font-weight:900!important;
  color:#0f172a!important;margin-bottom:8px!important;
}
.zp-welcome-popup-text{
  margin:0 0 8px!important;font-size:14px!important;line-height:1.65!important;color:#334155!important;
}
.zp-welcome-popup-hint{
  margin:0!important;font-size:12px!important;color:#64748b!important;line-height:1.5!important;
}
@media(max-width:480px){
  .zp-chat-body{max-height:24vh!important}
  .zp-chat-compose textarea{min-height:64px!important}
  .zp-welcome-popup-inner{width:min(100%,300px)!important;padding:18px 16px!important}
}
.zp-welcome-popup-id{
  margin:6px 0 8px!important;
  font-size:14px!important;
  font-weight:800!important;
  color:#1e40af!important;
}
.zp-welcome-popup-text{
  margin:0 0 4px!important;
  font-size:15px!important;
  font-weight:700!important;
  color:#0f172a!important;
  line-height:1.7!important;
}

/* ========== v1.12.25 — three share buttons one row ========== */
.zp-pay-reg-shell,
.zp-pay-reg-card,
.zp-pay-reg-card-green{
  max-width:min(100%,640px)!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.zp-pay-share-actions,
.zp-pay-share-actions-3{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  justify-content:stretch!important;
  align-items:stretch!important;
}
.zp-pay-share-actions .zp-pay-share-btn,
.zp-pay-share-actions-3 .zp-pay-share-btn{
  flex:1 1 0!important;
  min-width:0!important;
  max-width:none!important;
  padding:10px 8px!important;
  font-size:12.5px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.zp-pay-share-extra{
  background:linear-gradient(135deg,#a78bfa,#7c3aed)!important;
  color:#fff!important;
}
@media(max-width:480px){
  .zp-pay-share-actions-3{
    flex-wrap:nowrap!important;
    gap:6px!important;
  }
  .zp-pay-share-actions-3 .zp-pay-share-btn{
    padding:9px 4px!important;
    font-size:11px!important;
  }
}

/* ========== v1.12.31 — public profile polish ========== */
.zp-ig-public{
  --zp-public-radius:22px;
}
.zp-ig-public .zp-ig-header,
.zp-ig-public .zp-ig-card,
.zp-classic-block,
.zp-ig-public section{
  border-radius:var(--zp-public-radius)!important;
}
.zp-ig-public .zp-ig-card,
.zp-classic-block{
  box-shadow:0 12px 32px rgba(15,42,74,.07)!important;
  border:1px solid rgba(226,232,240,.95)!important;
  transition:transform .18s ease, box-shadow .18s ease;
}
.zp-ig-public .zp-ig-card:hover,
.zp-classic-block:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(15,42,74,.11)!important;
}
.zp-ig-public .zp-ig-btn.primary,
.zp-ig-public .zp-pwa-install-text{
  border-radius:14px!important;
  box-shadow:0 10px 22px rgba(37,99,235,.22)!important;
}
.zp-ig-public .zp-ig-avatar-ring{
  box-shadow:0 0 0 3px #fff, 0 10px 28px rgba(37,99,235,.18)!important;
}
.zp-pending-card .zp-pending-actions a:hover{
  filter:brightness(1.03);
  transform:translateY(-1px);
}

/* ========== v1.12.33 — soft blue wave behind public header ========== */
.zp-ig-public{
  position:relative;
  overflow:hidden;
}
.zp-ig-public::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:240px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(120% 90% at 8% -12%, rgba(59,130,246,.18), transparent 58%),
    radial-gradient(95% 85% at 92% 0%, rgba(125,211,252,.14), transparent 52%),
    linear-gradient(180deg, rgba(239,246,255,.98) 0%, rgba(248,250,252,.5) 58%, rgba(250,250,250,0) 100%);
}
.zp-ig-public::after{
  content:"";
  position:absolute;
  top:155px;
  left:-10%;
  right:-10%;
  height:100px;
  z-index:0;
  pointer-events:none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath fill='%23fafafa' fill-opacity='0.92' d='M0,64 C240,120 480,0 720,40 C960,80 1200,120 1440,56 L1440,120 L0,120 Z'/%3E%3Cpath fill='%23dbeafe' fill-opacity='0.35' d='M0,84 C220,30 420,110 720,72 C1020,34 1240,18 1440,64 L1440,120 L0,120 Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
}
.zp-ig-public > *{ position:relative; z-index:1; }
.zp-ig-public .zp-ig-profile,
.zp-ig-public .zp-ig-top{
  background:transparent!important;
}

/* ========== v1.12.34 — Mobile First soft cover behind header ========== */
.zp-ig-public{
  position:relative;
  overflow:hidden;
  background:#fafafa;
}
.zp-ig-header-bg{
  position:absolute;
  top:0; left:0; right:0;
  height:240px;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.zp-ig-header-cover{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center top;
  opacity:.78;
  filter:saturate(1.05) contrast(1.04);
  transform:none;
}
.zp-ig-header-wash{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(250,250,250,.12) 30%, rgba(250,250,250,.88) 75%, #fafafa 100%);
}
.zp-ig-header-wave{
  position:absolute;
  left:-6%; right:-6%; bottom:-1px;
  height:56px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%23fafafa' d='M0,40 C240,80 480,0 720,28 C960,56 1200,80 1440,36 L1440,80 L0,80 Z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
}
.zp-ig-public > *:not(.zp-ig-header-bg):not(.zp-welcome-popup):not(.zp-chat-fab):not(.zp-chat-panel):not(.zp-toast):not(.zp-guide-lightbox){
  position:relative;
  z-index:1;
}
.zp-ig-public .zp-ig-profile,
.zp-ig-public .zp-ig-top{
  background:transparent!important;
}
/* hide old full-bleed ::before/::after if present to avoid double layers */
.zp-ig-public::before,
.zp-ig-public::after{
  display:none!important;
}
@media (min-width:481px){
  .zp-ig-header-bg{ height:270px; }
  .zp-ig-header-cover{ opacity:.72; }
}
@media (min-width:768px){
  .zp-ig-header-bg{ height:300px; }
  .zp-ig-header-cover{ opacity:.70; }
}

/* ========== v1.12.35 — white when no cover + chat left ========== */
.zp-ig-header-bg.no-cover{
  height:0!important;
  background:transparent!important;
}
.zp-ig-header-bg.has-cover{
  height:240px!important;
}
.zp-ig-public{
  background:#fafafa!important;
}
/* چت‌بات پایین-چپ با فاصله مناسب */
.zp-chat-fab{
  position:fixed!important;
  bottom:22px!important;
  left:22px!important;
  right:auto!important;
  z-index:99990!important;
}
.zp-chat-panel{
  position:fixed!important;
  bottom:90px!important;
  left:12px!important;
  right:12px!important;
  width:auto!important;
  max-width:none!important;
  z-index:99991!important;
}
@media(min-width:481px){
  .zp-chat-panel{
    left:16px!important;
    right:auto!important;
    width:min(360px,calc(100vw - 32px))!important;
  }
}
@media(max-width:480px){
  .zp-chat-fab{ left:20px!important; bottom:20px!important; }
  .zp-chat-panel{ left:10px!important; right:10px!important; width:auto!important; max-height:70vh!important; border-radius:20px!important; }
}

/* ========== v1.12.39 — public polish ONLY (keep prior styles) ========== */

/* 1) متن راهنمای آیدی پررنگ‌تر */
.zp-ig-public .zp-ig-id-hint{
  color:#0f172a!important;
  font-weight:800!important;
  font-size:12px!important;
  opacity:1!important;
  letter-spacing:.01em!important;
  line-height:1.5!important;
  margin-top:4px!important;
}

/* 2) فاصله نام ↔ آیدی کمتر */
.zp-ig-public .zp-ig-name{
  margin:0 0 2px!important;
  line-height:1.25!important;
}
.zp-ig-public .zp-ig-id-wrap{
  margin-top:0!important;
  gap:4px!important;
}
.zp-ig-public .zp-ig-id-row{
  margin-top:0!important;
  gap:8px!important;
}

/* دکمه نصب وب‌اپ — آبی پررنگ + سایه ملایم */
.zp-ig-public .zp-pwa-install-text,
.zp-ig-public .zp-pwa-install-btn.zp-pwa-install-text{
  background:linear-gradient(180deg,#3b9dff 0%,#0077e6 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 6px 16px rgba(0,119,230,.35), 0 2px 4px rgba(0,119,230,.2)!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.zp-ig-public .zp-pwa-install-text:hover,
.zp-ig-public .zp-pwa-install-btn.zp-pwa-install-text:hover{
  filter:brightness(1.05);
  box-shadow:0 8px 20px rgba(0,119,230,.42)!important;
  transform:translateY(-1px);
}

/* 3) خوش‌آمدگویی — اطمینان از نمایش */
.zp-welcome-popup{
  position:fixed!important;
  inset:0!important;
  z-index:100000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(15,23,42,.28)!important;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s ease!important;
}
.zp-welcome-popup[hidden]{display:none!important}
.zp-welcome-popup.is-show{opacity:1!important;pointer-events:auto!important}
.zp-welcome-popup-inner{
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(16px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.2)!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:20px!important;
  padding:22px 24px!important;
  box-shadow:0 20px 50px rgba(15,23,42,.22)!important;
  max-width:min(340px,92vw)!important;
  text-align:center!important;
}

/* 4) شیشه‌ای / مدرن / ژله‌ای — فقط کارت‌های عمومی */
.zp-ig-public .zp-classic-block,
.zp-ig-public .zp-ig-card,
.zp-ig-public .zp-qr-card,
.zp-ig-public .zp-bank-card,
.zp-ig-public .zp-ig-sections > section{
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(14px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.15)!important;
  border:1px solid rgba(255,255,255,.65)!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(15,42,74,.08)!important;
}
.zp-ig-public .zp-ig-btn.primary,
.zp-ig-public .zp-ig-btn.zp-ig-btn-panel{
  border-radius:14px!important;
  box-shadow:0 8px 18px rgba(37,99,235,.22)!important;
  font-weight:800!important;
}
.zp-ig-public .zp-ig-btn-outline-color,
.zp-ig-public .zp-ig-btn.zp-ig-btn-outline-color{
  border-radius:14px!important;
  background:rgba(255,255,255,.75)!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:0 4px 12px rgba(15,42,74,.06)!important;
}
.zp-ig-public .zp-ig-profile{
  background:transparent!important;
}
.zp-ig-public .zp-ig-actions{
  gap:10px!important;
}
.zp-ig-public .zp-ig-sections{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}

/* ========== v1.12.41 — خوش‌آمد، کاور، نام، چت موبایل (پایه) ========== */

/* ۱) متن راهنمای آیدی — پررنگ‌تر */
.zp-ig-public .zp-ig-id-hint{
  font-size:12px!important;
  font-weight:800!important;
  color:#0f172a!important;
  opacity:1!important;
  margin-top:4px!important;
  line-height:1.45!important;
  white-space:normal!important;
  letter-spacing:-.01em!important;
}

/* ۲) فاصله کمتر نام ↔ آیدی */
.zp-ig-public .zp-ig-name{
  margin:0 0 2px!important;
  line-height:1.25!important;
}
.zp-ig-public .zp-ig-meta{
  gap:2px!important;
}
.zp-ig-public .zp-ig-id-wrap{
  margin-top:2px!important;
  gap:6px!important;
}

/* دکمه نصب وب‌اپ — آبی پررنگ + سایه ملایم برجسته */
.zp-ig-public .zp-pwa-install-text,
.zp-pwa-install-text{
  background:linear-gradient(180deg,#2ea3ff 0%,#0077e6 100%)!important;
  color:#fff!important;
  font-weight:800!important;
  border:0!important;
  box-shadow:
    0 6px 16px rgba(0,119,230,.35),
    0 2px 0 rgba(255,255,255,.25) inset!important;
  transform:translateZ(0);
}
.zp-ig-public .zp-pwa-install-text:hover,
.zp-pwa-install-text:hover{
  background:linear-gradient(180deg,#3aacff 0%,#0066cc 100%)!important;
  box-shadow:
    0 8px 20px rgba(0,119,230,.42),
    0 2px 0 rgba(255,255,255,.3) inset!important;
}
.zp-ig-public .zp-pwa-install-text:active,
.zp-pwa-install-text:active{
  transform:translateY(1px);
  box-shadow:0 3px 10px rgba(0,119,230,.3)!important;
}

/* ۳) پاپ‌آپ خوش‌آمد — ۵ ثانیه (نمایش مطمئن) */
.zp-welcome-popup{
  position:fixed!important;
  inset:0!important;
  z-index:100000!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  background:rgba(15,23,42,.28)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  transition:opacity .35s ease!important;
  opacity:0;
  pointer-events:none;
}
.zp-welcome-popup.is-show{
  display:flex!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.zp-welcome-popup.is-hide{
  opacity:0!important;
  pointer-events:none!important;
}
.zp-welcome-popup-inner{
  max-width:320px!important;
  width:100%!important;
  padding:18px 18px 16px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.2)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  text-align:center!important;
  color:#0f172a!important;
  transform:translateY(8px) scale(.98);
  transition:transform .35s ease!important;
}
.zp-welcome-popup.is-show .zp-welcome-popup-inner{
  transform:translateY(0) scale(1)!important;
}
.zp-welcome-popup-text{ margin:0 0 8px!important; font-size:15px!important; font-weight:800!important; line-height:1.55!important; }
.zp-welcome-popup-id{ margin:0 0 6px!important; font-size:13px!important; color:#2563eb!important; font-weight:700!important; }
.zp-welcome-popup-hint{ margin:0!important; font-size:12.5px!important; color:#475569!important; }

/* ۴) شیشه‌ای / مدرن / ژله‌ای — فقط لایه ظاهر کارت‌ها */
.zp-ig-public .zp-ig-profile{
  padding:14px 14px 10px!important;
  margin:10px 12px 8px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.7)!important;
  box-shadow:0 10px 28px rgba(15,42,74,.07)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.zp-ig-public .zp-ig-bio,
.zp-ig-public .zp-ig-actions{
  margin-left:12px!important;
  margin-right:12px!important;
}
.zp-ig-public .zp-ig-bio{
  padding:10px 12px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.55)!important;
  border:1px solid rgba(226,232,240,.8)!important;
}
.zp-ig-public .zp-classic-block,
.zp-ig-public .zp-ig-card,
.zp-ig-public .zp-qr-card,
.zp-ig-public .zp-bank-card,
.zp-ig-public section.zp-classic-block{
  border-radius:18px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:0 12px 30px rgba(15,42,74,.06)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.zp-ig-public .zp-ig-btn.primary,
.zp-ig-public .zp-ig-btn.zp-ig-btn-outline-color,
.zp-ig-public a.zp-ig-btn{
  border-radius:14px!important;
  font-weight:800!important;
  box-shadow:0 6px 16px rgba(37,99,235,.12)!important;
  transition:transform .15s ease, box-shadow .15s ease!important;
}
.zp-ig-public .zp-ig-btn.primary{
  background:linear-gradient(180deg,#3b9eff,#1770e6)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 8px 18px rgba(23,112,230,.28)!important;
}
.zp-ig-public .zp-ig-btn:active{
  transform:translateY(1px)!important;
}
.zp-ig-public .zp-ig-avatar-ring{
  box-shadow:0 0 0 3px #fff, 0 10px 24px rgba(37,99,235,.18)!important;
}

/* ========== v1.12.43 — کاور واضح و زیبا + چت موبایل ۱۰۰٪ ========== */

/* کاور کاملاً دیده شود (نه محو) */
.zp-ig-public .zp-ig-header-bg.has-cover{
  height:240px!important;
}
.zp-ig-public .zp-ig-header-cover{
  opacity:.78!important;
  filter:saturate(1.05) contrast(1.04)!important;
  transform:none!important;
  background-size:cover!important;
  background-position:center top!important;
}
.zp-ig-public .zp-ig-header-wash{
  background:linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(250,250,250,.12) 28%, rgba(250,250,250,.85) 72%, #fafafa 100%)!important;
}
@media(min-width:481px){
  .zp-ig-public .zp-ig-header-bg.has-cover{ height:270px!important; }
  .zp-ig-public .zp-ig-header-cover{ opacity:.72!important; }
}
@media(min-width:768px){
  .zp-ig-public .zp-ig-header-bg.has-cover{ height:300px!important; }
  .zp-ig-public .zp-ig-header-cover{ opacity:.70!important; }
}

/* کارت پروفایل روی کاور — سایه نرم */
.zp-ig-public .zp-ig-profile{
  box-shadow:
    0 12px 32px rgba(15,23,42,.10),
    0 4px 12px rgba(15,23,42,.06)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.78) 100%)!important;
}

/* فونت monospace برای آیدی */
.zp-ig-public .zp-ig-username,
.zp-ig-public .zp-copy-id,
.zp-ig-public .zp-ig-id-row .zp-ig-username{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important;
  letter-spacing:0.02em!important;
  font-weight:600!important;
}

/* چت‌بات: فاصله از چپ + موبایل تمام‌عرض زیبا */
.zp-chat-fab{
  left:22px!important;
  right:auto!important;
  bottom:22px!important;
}
.zp-chat-panel{
  left:12px!important;
  right:12px!important;
  width:auto!important;
  max-width:none!important;
  bottom:90px!important;
}
@media(min-width:481px){
  .zp-chat-panel{
    left:16px!important;
    right:auto!important;
    width:min(360px, calc(100vw - 32px))!important;
  }
}
@media(max-width:480px){
  .zp-chat-fab{
    left:20px!important;
    bottom:20px!important;
  }
  .zp-chat-panel{
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-height:70vh!important;
    border-radius:20px!important;
    box-shadow:0 20px 50px rgba(15,23,42,.25)!important;
  }
}

/* ========== v1.12.44 — حذف کامل کاور از پس‌زمینه عمومی ========== */
.zp-ig-public .zp-ig-header-bg,
.zp-ig-public .zp-ig-header-bg.has-cover,
.zp-ig-public .zp-ig-header-bg.no-cover{
  display:none!important;
  height:0!important;
  min-height:0!important;
  opacity:0!important;
  pointer-events:none!important;
  background:transparent!important;
}
.zp-ig-public .zp-ig-header-cover,
.zp-ig-public .zp-ig-header-wash,
.zp-ig-public .zp-ig-header-wave{
  display:none!important;
  opacity:0!important;
  height:0!important;
}
.zp-ig-public{
  background:#fafafa!important;
}
.zp-ig-public::before,
.zp-ig-public::after{
  display:none!important;
}

/* ========== v1.12.45 — QR کوچکتر ریسپانسیو + پس‌زمینه خاکستری روشن بلوک‌ها + انیمیشن مدرن ========== */

/* پس‌زمینه خاکستری کم‌رنگ برای همه بلوک‌های صفحه عمومی */
.zp-ig-public .zp-classic-block,
.zp-ig-public section.zp-classic-block,
.zp-ig-public .zp-ig-card,
.zp-ig-public .zp-qr-compact,
.zp-ig-public section.zp-qr-compact,
.zp-ig-public .zp-ig-card.zp-qr-compact{
  background:#f3f4f6!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 4px 14px rgba(15,23,42,.05)!important;
}

/* انیمیشن ورود مدرن برای بلوک‌ها */
@keyframes zp-block-fade-up{
  from{
    opacity:0;
    transform:translateY(18px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.zp-ig-public .zp-classic-block,
.zp-ig-public section.zp-classic-block,
.zp-ig-public .zp-ig-card,
.zp-ig-public .zp-qr-compact,
.zp-ig-public section.zp-qr-compact,
.zp-ig-public .zp-ig-card.zp-qr-compact{
  animation:zp-block-fade-up .55s cubic-bezier(.22,1,.36,1) both;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}

/* تأخیر پلکانی برای ظاهر مدرن‌تر */
.zp-ig-public .zp-ig-sections > *:nth-child(1){animation-delay:.04s}
.zp-ig-public .zp-ig-sections > *:nth-child(2){animation-delay:.09s}
.zp-ig-public .zp-ig-sections > *:nth-child(3){animation-delay:.14s}
.zp-ig-public .zp-ig-sections > *:nth-child(4){animation-delay:.19s}
.zp-ig-public .zp-ig-sections > *:nth-child(5){animation-delay:.24s}
.zp-ig-public .zp-ig-sections > *:nth-child(6){animation-delay:.29s}
.zp-ig-public .zp-ig-sections > *:nth-child(7){animation-delay:.34s}
.zp-ig-public .zp-ig-sections > *:nth-child(8){animation-delay:.39s}
.zp-ig-public .zp-ig-sections > *:nth-child(9){animation-delay:.44s}
.zp-ig-public .zp-ig-sections > *:nth-child(10){animation-delay:.49s}

.zp-ig-public .zp-classic-block:hover,
.zp-ig-public .zp-ig-card:hover,
.zp-ig-public .zp-qr-compact:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(15,23,42,.1)!important;
}

/* QR کوچکتر و ریسپانسیو — دسکتاپ */
.zp-ig-public .zp-qr-compact,
.zp-ig-public section.zp-qr-compact,
.zp-ig-public .zp-ig-card.zp-qr-compact{
  padding:12px 14px!important;
}
.zp-ig-public .zp-qr-compact .zp-qr-body{
  gap:10px!important;
  padding:2px 0 0!important;
}
.zp-ig-public .zp-qr-image{
  padding:8px!important;
  border-radius:14px!important;
}
.zp-ig-public .zp-qr-image img{
  width:100px!important;
  height:100px!important;
  max-width:100%!important;
}
.zp-ig-public .zp-qr-actions-row a,
.zp-ig-public .zp-qr-actions-row button{
  min-height:34px!important;
  font-size:11px!important;
  padding:0 8px!important;
  border-radius:9px!important;
}

/* تبلت */
@media (min-width:601px) and (max-width:900px){
  .zp-ig-public .zp-qr-image img{
    width:110px!important;
    height:110px!important;
  }
  .zp-ig-public .zp-qr-compact,
  .zp-ig-public section.zp-qr-compact,
  .zp-ig-public .zp-ig-card.zp-qr-compact{
    padding:13px 15px!important;
  }
}

/* موبایل */
@media (max-width:600px){
  .zp-ig-public .zp-qr-image img{
    width:88px!important;
    height:88px!important;
  }
  .zp-ig-public .zp-qr-compact,
  .zp-ig-public section.zp-qr-compact,
  .zp-ig-public .zp-ig-card.zp-qr-compact{
    padding:10px 12px!important;
  }
  .zp-ig-public .zp-qr-image{
    padding:6px!important;
    border-radius:12px!important;
  }
  .zp-ig-public .zp-qr-actions-row{
    gap:6px!important;
  }
  .zp-ig-public .zp-qr-actions-row a,
  .zp-ig-public .zp-qr-actions-row button{
    min-height:32px!important;
    font-size:10.5px!important;
    min-width:72px!important;
  }
}

/* دسکتاپ بزرگ‌تر کمی بزرگ‌تر */
@media (min-width:901px){
  .zp-ig-public .zp-qr-image img{
    width:112px!important;
    height:112px!important;
  }
}

/* احترام به prefers-reduced-motion */
@media (prefers-reduced-motion:reduce){
  .zp-ig-public .zp-classic-block,
  .zp-ig-public section.zp-classic-block,
  .zp-ig-public .zp-ig-card,
  .zp-ig-public .zp-qr-compact,
  .zp-ig-public section.zp-qr-compact,
  .zp-ig-public .zp-ig-card.zp-qr-compact{
    animation:none!important;
  }
}

/* ========== v1.12.46 — بلوک‌های شیشه‌ای برجسته + صفحه ثابت موبایل + QR یکدست ========== */

/* 1) بلوک‌های صفحه عمومی: شیشه‌ای + سایه برجسته مثل دکمه جدا از پس‌زمینه خاکستری */
.zp-ig-public .zp-classic-block,
.zp-ig-public section.zp-classic-block,
.zp-ig-public .zp-ig-card,
.zp-ig-public .zp-qr-compact,
.zp-ig-public section.zp-qr-compact,
.zp-ig-public .zp-ig-card.zp-qr-compact{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:
    0 8px 28px rgba(15,23,42,.10),
    0 2px 8px rgba(15,23,42,.05),
    inset 0 1px 0 rgba(255,255,255,.65)!important;
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  border-radius:16px!important;
}

.zp-ig-public .zp-classic-block:hover,
.zp-ig-public .zp-ig-card:hover,
.zp-ig-public .zp-qr-compact:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.82)!important;
  box-shadow:
    0 14px 36px rgba(15,23,42,.14),
    0 4px 12px rgba(15,23,42,.07),
    inset 0 1px 0 rgba(255,255,255,.75)!important;
}

/* پس‌زمینه صفحه کمی خاکستری‌تر تا بلوک‌های شیشه‌ای جدا دیده شوند */
body.zp-ig-profile,
body.zp-standalone-profile.zp-ig-profile,
.zp-ig-public{
  background:#f0f1f3!important;
}

/* 2) موبایل: صفحه عمومی ثابت — جلوگیری از کشیدن/بouncing و حرکت افقی */
html{
  overscroll-behavior: none;
  overscroll-behavior-y: none;
}
body.zp-ig-profile,
body.zp-standalone-profile.zp-ig-profile{
  overscroll-behavior: none!important;
  overscroll-behavior-y: none!important;
  overflow-x: hidden!important;
  touch-action: pan-y!important;
  position: relative!important;
  width: 100%!important;
  max-width: 100vw!important;
}
.zp-ig-public{
  overflow-x: hidden!important;
  max-width: 100%!important;
  width: 100%!important;
  touch-action: pan-y!important;
}
@media (max-width: 600px){
  html, body.zp-ig-profile{
    overscroll-behavior: none!important;
    overscroll-behavior-y: none!important;
    -webkit-overflow-scrolling: touch;
  }
  .zp-ig-public{
    overflow-x: clip!important;
  }
}

/* 3) بلوک QR: بارکد سمت چپ + دکمه‌ها زیر آن — ظاهر یکدست‌تر */
.zp-ig-public .zp-qr-compact .zp-qr-body,
.zp-ig-public section.zp-qr-compact .zp-qr-body,
.zp-ig-public .zp-ig-card.zp-qr-compact .zp-qr-body{
  display: flex!important;
  flex-direction: column!important;
  align-items: flex-start!important; /* در RTL سمت راست می‌شود؛ با direction اصلاح می‌کنیم */
  gap: 12px!important;
  padding: 4px 0 2px!important;
  direction: ltr; /* بارکد به سمت چپ بصری */
  width: 100%;
}
.zp-ig-public .zp-qr-compact .zp-qr-image,
.zp-ig-public .zp-qr-image{
  margin-inline: 0!important;
  margin-left: 0!important;
  margin-right: auto!important; /* در ltr سمت چپ می‌ماند */
  flex-shrink: 0;
}
.zp-ig-public .zp-qr-actions-row,
.zp-ig-public .zp-qr-compact .zp-qr-actions-row{
  display: flex!important;
  flex-wrap: wrap!important;
  gap: 8px!important;
  justify-content: flex-start!important;
  width: 100%!important;
  direction: rtl; /* دکمه‌ها فارسی/RTL */
}
.zp-ig-public .zp-qr-actions-row a,
.zp-ig-public .zp-qr-actions-row button{
  flex: 1 1 auto!important;
  min-width: 0!important;
}

/* عنوان QR هم با جهت هماهنگ */
.zp-ig-public .zp-qr-compact .zp-ig-card-title{
  text-align: right;
  width: 100%;
}

@media (max-width: 600px){
  .zp-ig-public .zp-qr-compact .zp-qr-body{
    gap: 10px!important;
  }
  .zp-ig-public .zp-qr-actions-row{
    gap: 6px!important;
  }
}

/* احترام به prefers-reduced-motion برای hover transform */
@media (prefers-reduced-motion: reduce){
  .zp-ig-public .zp-classic-block:hover,
  .zp-ig-public .zp-ig-card:hover,
  .zp-ig-public .zp-qr-compact:hover{
    transform: none!important;
  }
}