/* JOBIX_MOBILE_PWA_V195R4R3_IOS_INSTALL_EXPERIENCE */
.jx195r4r3-ios-guide-host[hidden],
.jx195r4r3-ios-share-pointer[hidden]{display:none!important}

@media (max-width:760px){
  body.jx195r4r3-ios-guide-open{overflow:hidden!important;touch-action:none!important}

  .jx195-install-card [data-jx195-install][data-jx195r4r3-ios-install-ready="1"]{
    min-width:152px!important;
    max-width:58%!important;
    line-height:1.15!important;
    white-space:normal!important;
  }


  .jx195-stage-preview-card .jx195r4r3-staging-preview-button{
    display:block!important;
    width:100%!important;
    min-height:48px!important;
    margin:12px 0 0!important;
    padding:11px 14px!important;
    border:1px solid #d6b85c!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#684b00!important;
    font:inherit!important;
    font-size:14px!important;
    font-weight:900!important;
    box-shadow:none!important;
  }

  .jx195r4r3-ios-guide-host{
    position:fixed!important;
    inset:0!important;
    z-index:24000!important;
    display:grid!important;
    align-items:end!important;
    justify-items:stretch!important;
    padding:12px!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
  }

  .jx195r4r3-ios-guide-backdrop{
    position:absolute!important;
    inset:0!important;
    background:rgba(2,10,23,.68)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }

  .jx195r4r3-ios-guide{
    position:relative!important;
    z-index:1!important;
    width:min(100%,540px)!important;
    max-height:min(86dvh,780px)!important;
    overflow:auto!important;
    margin:0 auto!important;
    padding:22px 18px 18px!important;
    border:1px solid #d8e3f0!important;
    border-radius:26px!important;
    background:#fff!important;
    color:#0e2438!important;
    box-shadow:0 30px 100px rgba(2,10,23,.46)!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .jx195r4r3-ios-guide-close{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border:0!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    background:#edf2f8!important;
    color:#0e2438!important;
    box-shadow:none!important;
  }

  .jx195r4r3-ios-guide-close svg,
  .jx195r4r3-ios-share-pointer button svg{
    width:22px!important;
    height:22px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
  }

  .jx195r4r3-ios-guide-badge{
    width:54px!important;
    height:54px!important;
    border-radius:17px!important;
    display:grid!important;
    place-items:center!important;
    background:linear-gradient(145deg,#1769e0,#0ea5a4)!important;
    color:#fff!important;
    box-shadow:0 12px 25px rgba(23,105,224,.22)!important;
  }

  .jx195r4r3-ios-guide-badge svg{
    width:29px!important;
    height:29px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.3!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .jx195r4r3-ios-guide-eyebrow{
    margin:16px 0 3px!important;
    color:#1769e0!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  .jx195r4r3-ios-guide h2{
    margin:0 48px 8px 0!important;
    color:#0e2438!important;
    font-size:26px!important;
    line-height:1.12!important;
    letter-spacing:-.02em!important;
  }

  .jx195r4r3-ios-guide-intro{
    margin:0 0 15px!important;
    color:#53677e!important;
    font-size:15px!important;
    line-height:1.48!important;
  }

  .jx195r4r3-ios-steps{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    gap:9px!important;
  }

  .jx195r4r3-ios-steps li{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    padding:11px!important;
    border:1px solid #e1e8f1!important;
    border-radius:15px!important;
    background:#f8fafc!important;
  }

  .jx195r4r3-ios-steps li>b{
    width:30px!important;
    height:30px!important;
    border-radius:10px!important;
    display:grid!important;
    place-items:center!important;
    background:#e7f0ff!important;
    color:#1769e0!important;
    font-size:14px!important;
    font-weight:950!important;
  }

  .jx195r4r3-ios-steps strong{
    display:block!important;
    color:#0e2438!important;
    font-size:14px!important;
    line-height:1.3!important;
  }

  .jx195r4r3-ios-steps small{
    display:block!important;
    margin-top:3px!important;
    color:#66778c!important;
    font-size:12px!important;
    line-height:1.4!important;
  }

  .jx195r4r3-ios-share-demo{
    margin:13px 0!important;
    padding:11px 13px!important;
    border:1px solid #cfe0fb!important;
    border-radius:15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    background:#eef5ff!important;
    color:#0b4db4!important;
  }

  .jx195r4r3-ios-share-demo>span{
    width:36px!important;
    height:36px!important;
    border-radius:11px!important;
    display:grid!important;
    place-items:center!important;
    background:#fff!important;
    box-shadow:0 4px 12px rgba(23,105,224,.12)!important;
  }

  .jx195r4r3-ios-share-demo svg{
    width:22px!important;
    height:22px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.4!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .jx195r4r3-ios-guide-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .jx195r4r3-ios-guide-actions button{
    width:100%!important;
    min-height:48px!important;
    border-radius:14px!important;
    padding:11px 14px!important;
    font:inherit!important;
    font-size:14px!important;
    font-weight:900!important;
    box-shadow:none!important;
  }

  .jx195r4r3-ios-guide-primary{
    border:0!important;
    background:#1769e0!important;
    color:#fff!important;
  }

  .jx195r4r3-ios-guide-secondary{
    border:1px solid #d5dfeb!important;
    background:#f8fafc!important;
    color:#0e2438!important;
  }

  .jx195r4r3-ios-copy-status{
    min-height:18px!important;
    margin:8px 0 0!important;
    color:#0b6b58!important;
    font-size:12px!important;
    font-weight:750!important;
    text-align:center!important;
  }

  .jx195r4r3-ios-guide button:focus-visible,
  .jx195r4r3-ios-share-pointer button:focus-visible{
    outline:3px solid #38bdf8!important;
    outline-offset:2px!important;
  }

  .jx195r4r3-ios-share-pointer{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:max(7px,env(safe-area-inset-bottom))!important;
    z-index:24500!important;
    margin:0 auto!important;
    width:min(calc(100% - 24px),520px)!important;
    min-height:82px!important;
    padding:12px 45px 18px 12px!important;
    border:1px solid #c7d8ee!important;
    border-radius:19px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    background:rgba(255,255,255,.98)!important;
    color:#0e2438!important;
    box-shadow:0 18px 60px rgba(2,10,23,.38)!important;
    backdrop-filter:blur(15px)!important;
    -webkit-backdrop-filter:blur(15px)!important;
    animation:jx195r4r3-pointer-in .22s ease-out!important;
  }

  .jx195r4r3-ios-share-pointer>button{
    position:absolute!important;
    top:9px!important;
    right:9px!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    display:grid!important;
    place-items:center!important;
    background:#edf2f8!important;
    color:#0e2438!important;
  }

  .jx195r4r3-ios-pointer-icon{
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
    display:grid!important;
    place-items:center!important;
    background:#1769e0!important;
    color:#fff!important;
    animation:jx195r4r3-pointer-pulse 1.4s ease-in-out infinite!important;
  }

  .jx195r4r3-ios-pointer-icon svg{
    width:25px!important;
    height:25px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.3!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .jx195r4r3-ios-share-pointer strong{
    display:block!important;
    font-size:14px!important;
    line-height:1.25!important;
  }

  .jx195r4r3-ios-share-pointer small{
    display:block!important;
    margin-top:3px!important;
    color:#63758a!important;
    font-size:11.5px!important;
    line-height:1.35!important;
  }

  .jx195r4r3-ios-share-pointer>i{
    position:absolute!important;
    left:50%!important;
    bottom:-15px!important;
    width:0!important;
    height:0!important;
    border-left:14px solid transparent!important;
    border-right:14px solid transparent!important;
    border-top:16px solid #fff!important;
    transform:translateX(-50%)!important;
    filter:drop-shadow(0 4px 2px rgba(2,10,23,.08))!important;
  }
}

@keyframes jx195r4r3-pointer-in{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes jx195r4r3-pointer-pulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(23,105,224,.35)}
  50%{transform:scale(1.04);box-shadow:0 0 0 10px rgba(23,105,224,0)}
}

@media (min-width:761px),print{
  .jx195r4r3-ios-guide-host,
  .jx195r4r3-ios-share-pointer{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .jx195r4r3-ios-share-pointer,
  .jx195r4r3-ios-pointer-icon{animation:none!important}
}