/* QuickPro R12 - floating omnichannel connector chooser; no external API calls */
.qp-integration-dock{
  --qp-int-green:#08754f;--qp-int-plum:#8e3465;
  position:fixed;left:24px;bottom:22px;z-index:1200;direction:rtl;
  font-family:inherit;color:#17382f
}
.qp-integration-backdrop{
  position:fixed;inset:0;background:rgba(8,24,20,.33);
  border:0;padding:0;cursor:default;backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);z-index:0;
  animation:qp-int-fade .18s ease both
}
.qp-integration-launcher{
  position:relative;isolation:isolate;z-index:2;width:92px;height:92px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  border:1px solid rgba(255,255,255,.38);border-radius:50%;cursor:pointer;
  color:#fff;background:linear-gradient(142deg,#119a68 0%,#08754f 51%,#05563d 100%);
  box-shadow:0 10px 34px rgba(8,117,79,.32),inset 0 1px rgba(255,255,255,.23);
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease
}
.qp-integration-launcher:focus-visible,
.qp-integration-choice:focus-visible,
.qp-integration-x:focus-visible,
.qp-integration-back:focus-visible{
  outline:3px solid #edabce;outline-offset:3px
}
.qp-integration-launcher:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 16px 44px rgba(8,117,79,.4)}
.qp-integration-launcher:active{transform:scale(.96)}
.qp-integration-launcher-glow{
  position:absolute;inset:-7px;border:1px solid rgba(8,117,79,.38);border-radius:50%;
  animation:qp-int-wave 3s ease-out infinite;z-index:-1;pointer-events:none
}
.qp-integration-launcher::before{
  content:"";position:absolute;inset:5px;border-radius:50%;
  background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.2),transparent 58%);z-index:-1
}
.qp-integration-launcher::after{
  content:"";width:9px;height:9px;border:2px solid #fff;position:absolute;
  inset-inline-start:10px;top:12px;border-radius:50%;background:#f3b4d4;
  box-shadow:0 0 0 4px rgba(255,255,255,.13)
}
.qp-integration-launcher-icon{font-size:24px;line-height:1;transition:transform .4s ease}
.qp-integration-launcher:hover .qp-integration-launcher-icon{transform:rotate(80deg)}
.qp-integration-launcher-text{font-size:11px;font-weight:900;letter-spacing:-.2px}
.qp-integration-dock.is-open .qp-integration-launcher{background:linear-gradient(135deg,#a74a82,#8e3465)}
.qp-integration-dock.is-open .qp-integration-launcher-icon{transform:rotate(0)}
.qp-integration-drawer{
  position:absolute;z-index:3;left:0;bottom:110px;
  width:min(416px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 160px));
  display:flex;flex-direction:column;overflow:hidden;isolation:isolate;
  border:1px solid rgba(255,255,255,.65);border-radius:25px;
  color:#17382f;background:#fff;
  box-shadow:0 28px 90px rgba(8,34,26,.25),0 5px 20px rgba(8,34,26,.12);
  animation:qp-int-open .3s cubic-bezier(.21,1.1,.45,1) both;
  direction:rtl
}
.qp-integration-head{position:relative;overflow:hidden;min-height:156px;
  padding:25px 22px 21px;
  color:#fff;background:linear-gradient(118deg,#07533b 0%,#08754f 52%,#126a60 100%)
}
.qp-integration-head::before{content:"";position:absolute;
  width:260px;height:260px;border:1px solid rgba(255,255,255,.09);
  border-radius:50%;left:-100px;top:-140px;box-shadow:0 0 0 36px rgba(255,255,255,.04),0 0 0 75px rgba(255,255,255,.02)}
.qp-integration-head-art{display:flex;gap:7px;align-items:center;position:absolute;
  left:19px;top:64px;opacity:.66;transform:rotate(-12deg)}
.qp-integration-node{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;
  border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.16);font-size:13px}
.qp-integration-node.is-core{transform:rotate(18deg)}
.qp-integration-connector{width:24px;border-top:1px dashed rgba(255,255,255,.7)}
.qp-integration-head-copy{position:relative;z-index:1;max-width:275px}
.qp-integration-eyebrow{display:inline-block;font-size:9px;font-weight:800;
  letter-spacing:1.5px;color:#aff2ce;direction:ltr}
.qp-integration-head-copy h2{font-size:24px;font-weight:900;color:#fff;margin:12px 0 6px;letter-spacing:-.7px}
.qp-integration-head-copy p{font-size:12px;margin:0;color:rgba(255,255,255,.84)}
.qp-integration-x{position:absolute;z-index:2;left:16px;top:15px;border:0;cursor:pointer;
  width:32px;height:32px;display:grid;place-items:center;border-radius:11px;
  color:#fff;background:rgba(255,255,255,.16);transition:background .2s,transform .2s}
.qp-integration-x:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}
.qp-integration-summary{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;
  gap:10px;background:#f5faf8;border-bottom:1px solid #e6f0ed;font-size:11px;font-weight:750;color:#45675c}
.qp-integration-summary i{color:#08754f;margin-left:5px}
.qp-integration-status{font-size:10px;white-space:nowrap;padding:5px 8px;
  background:#e7f4ed;border-radius:20px;color:#08754f}
.qp-integration-status span{display:inline-block;width:6px;height:6px;background:#08754f;border-radius:50%;margin-left:5px}
.qp-integration-scroll{padding:18px;overflow-y:auto;overscroll-behavior:contain}
.qp-integration-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.qp-integration-section-title strong{font-size:13px}
.qp-integration-section-title span{color:#789084;font-size:10px;text-align:left}
.qp-integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.qp-integration-choice{position:relative;min-width:0;min-height:134px;display:flex;align-items:flex-start;
  flex-direction:column;gap:7px;text-align:right;cursor:pointer;overflow:hidden;
  border:1px solid #e4ece9;border-radius:17px;background:#fff;padding:16px 15px;
  box-shadow:0 4px 10px rgba(12,44,34,.025);
  transition:transform .23s,border-color .23s,box-shadow .23s}
.qp-integration-choice::after{content:"";position:absolute;left:-23px;top:-26px;width:78px;height:78px;
  background:var(--qp-int-brand);opacity:.06;border-radius:50%;transition:transform .25s}
.qp-integration-choice:hover{transform:translateY(-3px);border-color:var(--qp-int-brand);
  box-shadow:0 12px 28px rgba(12,44,34,.1)}
.qp-integration-choice:hover::after{transform:scale(1.65)}
.qp-integration-logo{width:37px;height:37px;display:grid;place-items:center;flex:none;
  border-radius:12px;color:var(--qp-int-brand);background:var(--qp-int-light);font-size:18px}
.qp-integration-choice strong{font-size:13px;font-weight:900;line-height:1.5;color:#223f36}
.qp-integration-choice small{font-size:10px;color:#82938d}
.qp-integration-choice-arrow{position:absolute;left:15px;bottom:15px;color:#aabdb4;font-size:10px}
.qp-integration-woocommerce{--qp-int-brand:#8550af;--qp-int-light:#f2e9f9}
.qp-integration-digikala{--qp-int-brand:#e4263d;--qp-int-light:#ffedf0}
.qp-integration-snappshop{--qp-int-brand:#0da991;--qp-int-light:#dff9f3}
.qp-integration-technolife{--qp-int-brand:#2078e7;--qp-int-light:#e7f1ff}
.qp-integration-tapsishop{--qp-int-brand:#f2763a;--qp-int-light:#fff0e5}
.qp-integration-snappfood{--qp-int-brand:#df3c87;--qp-int-light:#fce7f1}
.qp-integration-hint{margin-top:16px;display:flex;align-items:flex-start;gap:9px;
  padding:12px;background:#f6f8fa;border:1px solid #edf0f3;border-radius:12px;
  font-size:11px;line-height:1.9;color:#61766d}
.qp-integration-hint i{color:#08754f;margin-top:5px}
.qp-integration-detail{padding:16px 18px 20px;overflow-y:auto;overscroll-behavior:contain}
.qp-integration-back{display:flex;align-items:center;gap:8px;border:0;background:transparent;
  color:#587b6c;font-size:12px;font-weight:800;margin-bottom:15px;padding:6px 0;cursor:pointer}
.qp-integration-back:hover{color:#08754f}
.qp-integration-detail-hero{display:flex;align-items:center;gap:13px;border:1px solid #e5ece7;
  border-radius:15px;padding:15px;background:linear-gradient(135deg,var(--qp-int-light),#fff)}
.qp-integration-detail-hero .qp-integration-logo{width:51px;height:51px;font-size:22px}
.qp-integration-detail-hero h3{margin:0 0 5px;font-size:17px;font-weight:900}
.qp-integration-detail-hero p{margin:0;font-size:11px;color:#688077;line-height:1.7}
.qp-integration-not-connected{display:flex;gap:10px;align-items:flex-start;margin:16px 0;
  padding:13px;border:1px solid #f0d5e4;border-radius:13px;background:#fff4f9;color:#8e3465}
.qp-integration-not-connected>i{padding-top:2px;font-size:17px}
.qp-integration-not-connected div{display:grid;gap:4px}
.qp-integration-not-connected strong{font-size:12px}
.qp-integration-not-connected span{font-size:11px}
.qp-integration-detail-step{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #edf1ef}
.qp-integration-step-num{flex:none;font-size:12px;font-weight:900;color:#08754f;background:#edf8f2;
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center}
.qp-integration-detail-step strong{font-size:12px;font-weight:900}
.qp-integration-detail-step p{margin:5px 0 0;font-size:11px;line-height:1.95;color:#667e74}
.qp-integration-bottom-note{font-size:10px;color:#8e3465;line-height:1.8;margin:12px 0 0}
.qp-integration-foot{border-top:1px solid #eaf0ec;display:flex;align-items:center;justify-content:space-between;
  gap:8px;padding:12px 19px;background:#fbfdfb;color:#82948a;font-size:10px}
.qp-integration-foot>span:first-child{font-size:11px;font-weight:900;color:#08754f}
.qp-integration-foot i{margin-left:3px;color:#8e3465}
@keyframes qp-int-open{from{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes qp-int-fade{from{opacity:0}to{opacity:1}}
@keyframes qp-int-wave{0%{transform:scale(.88);opacity:.8}68%,100%{transform:scale(1.28);opacity:0}}
@media(max-width:540px){
  .qp-integration-dock{left:12px;bottom:14px}
  .qp-integration-launcher{width:76px;height:76px}
  .qp-integration-launcher-icon{font-size:20px}
  .qp-integration-launcher-text{font-size:10px}
  .qp-integration-drawer{bottom:91px;width:min(385px,calc(100vw - 24px));
    max-height:calc(100dvh - 125px);border-radius:19px}
  .qp-integration-head{min-height:139px;padding:22px 18px}
  .qp-integration-head-copy h2{font-size:20px}
  .qp-integration-scroll{padding:14px}
  .qp-integration-choice{min-height:122px;padding:13px}
}
@media(prefers-reduced-motion:reduce){
  .qp-integration-backdrop,.qp-integration-drawer,.qp-integration-launcher-glow{animation:none}
  .qp-integration-launcher,.qp-integration-choice,.qp-integration-x{transition:none}
}
html[data-theme="dark"] .qp-integration-drawer,body.dark .qp-integration-drawer{
  background:#17241f;color:#e1f3ea;border-color:#36534b
}
html[data-theme="dark"] .qp-integration-summary,body.dark .qp-integration-summary,
html[data-theme="dark"] .qp-integration-foot,body.dark .qp-integration-foot{
  background:#1f342c;border-color:#36534b;color:#c4dcd0
}
html[data-theme="dark"] .qp-integration-choice,body.dark .qp-integration-choice{
  background:#22372e;border-color:#395349
}
html[data-theme="dark"] .qp-integration-choice strong,body.dark .qp-integration-choice strong{color:#ecfaf4}
html[data-theme="dark"] .qp-integration-hint,body.dark .qp-integration-hint{
  background:#1b3028;border-color:#36534b;color:#bfd5ca
}
html[data-theme="dark"] .qp-integration-detail-hero,body.dark .qp-integration-detail-hero{
  background:#263a32;border-color:#36534b
}
html[data-theme="dark"] .qp-integration-detail-step,body.dark .qp-integration-detail-step{border-color:#36534b}