/* VisitVakil Customer Access v0.4.2 */
.vvcc-header-access,.vvcc-header-access *,.vvcc-login-overlay,.vvcc-login-overlay *{box-sizing:border-box;font-family:"Vazirmatn",Tahoma,Arial,sans-serif}
.vvcc-header-access{position:fixed;top:17px;right:22px;z-index:12500;direction:rtl}
.vvcc-login-trigger,.vvcc-account-trigger{
  border:0;background:rgba(255,255,255,.96);color:#26343d;border-radius:13px;
  padding:8px 12px;min-height:42px;display:flex;align-items:center;gap:8px;
  font:inherit;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 7px 22px rgba(25,42,52,.08)
}
.vvcc-user-icon{width:25px;height:25px;border:1.4px solid #76828a;border-radius:50%;position:relative;display:inline-block}
.vvcc-user-icon:before{content:"";position:absolute;width:6px;height:6px;border:1.3px solid #76828a;border-radius:50%;top:4px;left:50%;transform:translateX(-50%)}
.vvcc-user-icon:after{content:"";position:absolute;width:11px;height:5px;border:1.3px solid #76828a;border-bottom:0;border-radius:9px 9px 0 0;bottom:4px;left:50%;transform:translateX(-50%)}
.vvcc-account-menu-wrap{position:relative}
.vvcc-account-menu{display:none;position:absolute;top:48px;right:0;width:190px;padding:7px;background:#fff;border:1px solid #e5eaed;border-radius:15px;box-shadow:0 18px 40px rgba(20,35,45,.12)}
.vvcc-account-menu-wrap.open .vvcc-account-menu{display:grid}
.vvcc-account-menu a{padding:10px 11px;border-radius:10px;color:#56636b;text-decoration:none;font-size:10.5px}
.vvcc-account-menu a:hover,.vvcc-account-menu a:focus-visible{background:#eaf8fa;color:#056a7d;outline:0}

.vvcc-login-overlay{position:fixed;inset:0;z-index:13000;display:grid;place-items:center;padding:16px;background:rgba(31,43,52,.22);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .18s}
.vvcc-login-overlay[hidden]{display:none!important}
.vvcc-login-overlay.open{opacity:1;visibility:visible}
body.vvcc-lock{overflow:hidden!important}
.vvcc-login-card{width:min(100%,460px);background:#fff;border:1px solid #e4eaed;border-radius:28px;padding:22px;box-shadow:0 28px 80px rgba(24,40,50,.16);position:relative;color:#26343d}
.vvcc-login-close{position:absolute;left:14px;top:14px;width:34px;height:34px;border:1px solid #e5eaed;border-radius:50%;background:#fff;color:#7f8a91;font-size:21px;cursor:pointer}
.vvcc-login-brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}
.vvcc-mark{width:42px;height:42px;border-radius:14px;background:#007c91;color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}
.vvcc-login-brand strong{display:block}.vvcc-login-brand small{display:block;color:#929ba2;font-size:9.5px}
.vvcc-login-step{display:none}.vvcc-login-step.active{display:block}
.vvcc-kicker{color:#056a7d;font-size:9.5px;font-weight:700}
.vvcc-login-step h2{margin:7px 0 6px;font-size:21px}.vvcc-login-step>p{margin:0 0 18px;color:#859098;font-size:10.5px;line-height:1.9}
.vvcc-phone{display:flex;direction:ltr;align-items:center;border:1px solid #dfe7ea;border-radius:15px;overflow:hidden;background:#fbfcfd}
.vvcc-phone span{padding:0 13px;color:#849098;border-right:1px solid #e6ecef}.vvcc-phone input{width:100%;height:52px;border:0!important;outline:0!important;background:transparent!important;padding:0 13px!important;box-shadow:none!important}
.vvcc-login-card label{display:block;margin-bottom:7px;font-size:10px;color:#56636b}
.vvcc-primary{width:100%;min-height:49px;border:0;border-radius:15px;background:linear-gradient(118deg,#007c91,#056a7d);color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.vvcc-primary:disabled,.vvcc-choice-secondary:disabled{opacity:.55;cursor:wait}
.vvcc-error{min-height:24px;padding-top:6px;color:#b65d56;font-size:10px}
.vvcc-otp{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.vvcc-digit{height:57px!important;border:1px solid #dfe6ea!important;border-radius:15px!important;background:#fbfcfd!important;text-align:center!important;font-size:22px!important}
.vvcc-login-links{display:flex;justify-content:space-between;margin-top:12px}.vvcc-login-links button{border:0;background:transparent;color:#7c8990;font:inherit;font-size:9.5px;cursor:pointer}
.vvcc-success{width:62px;height:62px;border-radius:20px;background:#edf9f3;color:#3a9870;display:grid;place-items:center;margin:8px auto 12px;font-size:30px}
.vvcc-login-step[data-step="choice"]{text-align:center}.vvcc-choice-grid{display:grid;gap:9px;margin-top:15px}
.vvcc-choice-grid a,.vvcc-choice-grid button{min-height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.vvcc-choice-primary{border:0;background:linear-gradient(118deg,#007c91,#056a7d);color:#fff}.vvcc-choice-secondary{border:1px solid #dfe7ea;color:#056a7d;background:#fff}

@media(max-width:800px){
  .vvcc-header-access{top:12px;right:12px}
  .vvcc-login-overlay{
    inset:auto 0 auto 0;top:var(--vvcc-viewport-top,0px);
    width:100%;height:var(--vvcc-viewport-height,100dvh);min-height:0;
    align-items:end;padding:0
  }
  .vvcc-login-card{
    width:100%;max-width:none;max-height:100%;overflow-y:auto;overscroll-behavior:contain;
    border-radius:27px 27px 0 0;padding:20px 17px max(20px,env(safe-area-inset-bottom));
    scroll-padding-bottom:24px
  }
}