/**
 * Account popup — guest + logged-in mobile sheet.
 */
.account-popup{
  --ap-navy:#2e4056;
  --ap-blue:#2f94d7;
  --ap-pink:#ff4d9a;
  background:
    radial-gradient(ellipse 80% 50% at 100% 0%, rgba(255,77,154,.12), transparent 55%),
    radial-gradient(ellipse 70% 45% at 0% 100%, rgba(47,148,215,.14), transparent 55%),
    linear-gradient(180deg,#f4f7fb 0%,#eef3f9 100%)!important;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.account-popup .popup-header{
  position:sticky;
  top:0;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:1rem 1.1rem!important;
  background:linear-gradient(135deg,#236BA2 0%,#2f94d7 48%,#2e4056 100%)!important;
  box-shadow:0 10px 24px rgba(21,40,70,.16)!important;
  border:0;
}
.account-popup .account-title{
  color:#fff!important;
  font-size:1.05rem!important;
  font-weight:700!important;
  letter-spacing:.02em;
  display:flex;
  align-items:center;
  gap:.55rem;
}
.account-popup .account-title:before{
  content:"A";
  width:28px;
  height:28px;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28);
  font-size:.8rem;
  font-weight:800;
}
.account-popup .fancybox-close-small{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.14)!important;
  flex:0 0 auto;
  order:2;
  margin-left:auto;
}
.account-popup .fancybox-close-small::after{
  content:"\00d7"!important;
  top:50%!important;
  right:50%!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  transform:translate(50%,-50%);
  background:transparent!important;
  color:#fff!important;
  font-size:1.35rem!important;
  line-height:1!important;
  border-radius:0!important;
}
.account-popup .fancybox-close-small:hover,
.account-popup .fancybox-close-small:focus{
  background:rgba(255,77,154,.45)!important;
  outline:none;
}
.account-popup .fancybox-close-small:hover::after{
  background:transparent!important;
  color:#fff!important;
}

.account-popup-content{
  float:none!important;
  width:100%!important;
  padding:1rem .9rem 1.5rem!important;
  text-align:left!important;
}

/* Guest cards */
.lkit-account-guest{
  text-align:left!important;
}
.lkit-account-guest__lead{
  margin:0 0 .9rem;
  font-size:.92rem;
  font-weight:500;
  color:var(--ap-navy);
  opacity:.85;
  text-align:center;
}
.lkit-account-cards{
  display:flex;
  flex-direction:column;
  gap:.85rem;
}
.lkit-account-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  padding:1.05rem 1.05rem 1.15rem;
  background:#fff;
  border:1px solid rgba(46,64,86,.08);
  box-shadow:0 10px 28px rgba(21,40,70,.08);
  animation:apCardIn .4s ease both;
}
.lkit-account-card--biz{
  animation-delay:.08s;
}
@keyframes apCardIn{
  from{opacity:0; transform:translateY(10px)}
  to{opacity:1; transform:none}
}
.lkit-account-card:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,var(--ap-pink),var(--ap-blue));
}
.lkit-account-card--biz:before{
  background:linear-gradient(90deg,var(--ap-blue),var(--ap-navy));
}
.lkit-account-card__head{
  display:flex;
  align-items:center;
  gap:.7rem;
  margin-bottom:.75rem;
}
.lkit-account-card__icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:1.05rem;
  background:linear-gradient(135deg,#ff4d9a 0%,#2f94d7 100%);
  box-shadow:0 8px 18px rgba(255,77,154,.28);
  flex:0 0 auto;
}
.lkit-account-card--biz .lkit-account-card__icon{
  background:linear-gradient(135deg,#2e4056 0%,#2f94d7 100%);
  box-shadow:0 8px 18px rgba(46,64,86,.28);
}
.lkit-account-card h3{
  margin:0!important;
  padding:0!important;
  font-size:1.1rem!important;
  font-weight:700!important;
  color:var(--ap-navy)!important;
  letter-spacing:.01em;
}
.lkit-account-card__sub{
  display:block;
  margin-top:.1rem;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(46,64,86,.55);
}
.lkit-account-card ul{
  list-style:none;
  margin:0 0 1rem;
  padding:0;
}
.lkit-account-card li{
  display:flex;
  align-items:flex-start;
  gap:.55rem;
  margin:0 0 .45rem!important;
  padding:.35rem .45rem;
  border-radius:10px;
  font-size:.9rem!important;
  font-weight:500;
  color:var(--ap-navy);
  transition:background .2s, transform .2s;
}
.lkit-account-card li:hover{
  background:rgba(47,148,215,.08);
  transform:translateX(2px);
}
.lkit-account-card li i{
  margin-top:.18rem;
  width:1rem;
  text-align:center;
  color:var(--ap-blue);
  font-size:.85rem;
  font-family:FontAwesome!important;
  font-style:normal;
  font-weight:normal;
}
.lkit-account-card--biz li i{
  color:var(--ap-pink);
}
.lkit-account-card__btn{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  width:100%;
  min-height:46px;
  border-radius:12px!important;
  border:0!important;
  font-size:.95rem!important;
  font-weight:700!important;
  letter-spacing:.02em;
  color:#fff!important;
  text-decoration:none!important;
  background:linear-gradient(135deg,#2f94d7 0%,#236BA2 100%)!important;
  box-shadow:0 10px 22px rgba(47,148,215,.35);
  transition:transform .2s, box-shadow .2s, filter .2s;
}
.lkit-account-card__btn:hover,
.lkit-account-card__btn:focus{
  color:#fff!important;
  filter:brightness(1.05);
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(47,148,215,.42);
  text-decoration:none!important;
}
.lkit-account-card--biz .lkit-account-card__btn{
  background:linear-gradient(135deg,#2e4056 0%,#3a4f6b 55%,#ff4d9a 160%)!important;
  box-shadow:0 10px 22px rgba(46,64,86,.3);
}
.lkit-account-card--biz .lkit-account-card__btn:hover,
.lkit-account-card--biz .lkit-account-card__btn:focus{
  box-shadow:0 12px 26px rgba(46,64,86,.38);
}

/* Logged-in state polish */
.account-popup-content > .card-block{
  margin:.35rem auto .5rem;
}
.account-popup .profile_card_icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:88px!important;
  height:88px!important;
  border:3px solid rgba(47,148,215,.35);
  box-shadow:0 10px 24px rgba(21,40,70,.12);
  overflow:hidden;
}
.account-popup .profile_card_icon img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.account-popup-content h3.card-title{
  color:var(--ap-navy);
  font-weight:700!important;
  font-size:1.15rem!important;
}
.account-popup-content > .btn-primary{
  border:0!important;
  border-radius:12px!important;
  padding:.55rem 1.2rem!important;
  font-weight:700!important;
  background:linear-gradient(135deg,#2f94d7,#236BA2)!important;
  box-shadow:0 8px 18px rgba(47,148,215,.3);
}
ul.account-links{
  border-top:0!important;
  margin-top:1rem!important;
  padding:.2rem!important;
  background:#fff;
  border-radius:16px;
  box-shadow:0 8px 22px rgba(21,40,70,.07);
  overflow:hidden;
}
ul.account-links li{
  padding:0!important;
  border-bottom:1px solid rgba(46,64,86,.06);
}
ul.account-links li:last-child{
  border-bottom:0;
}
ul.account-links li a{
  display:flex!important;
  align-items:center;
  gap:.65rem;
  padding:.85rem 1rem!important;
  color:var(--ap-navy)!important;
  font-weight:600!important;
  transition:background .2s, padding-left .2s;
}
ul.account-links li a:hover{
  background:rgba(47,148,215,.08);
  padding-left:1.15rem!important;
  text-decoration:none;
}
ul.account-links li .aclk-text{
  padding:0!important;
  line-height:1.2!important;
}
.account-links img{
  width:22px!important;
  height:22px!important;
}
.account-links .badge-success{
  margin-left:auto;
  background:linear-gradient(135deg,var(--ap-pink),#e83d7f)!important;
  border-radius:999px;
  font-weight:700;
}