.dqk-popup,
#dqkhPopup.dqkh-popup,
.dqks-popup{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:none;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  background:rgba(15,23,42,.54)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  transition:opacity .18s ease!important;
}

.dqk-popup-card,
#dqkhPopup .dqkh-popup-card,
.dqks-popup-card{
  position:relative!important;
  width:min(440px,calc(100vw - 28px))!important;
  max-height:calc(100vh - 32px)!important;
  overflow:auto!important;
  padding:24px 20px 20px!important;
  border:1px solid var(--dqk-border,#86efac)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(37,99,235,.13),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.98))!important;
  color:#0f172a!important;
  text-align:center!important;
  box-shadow:0 30px 80px rgba(15,23,42,.28)!important;
  font-family:'Roboto Condensed',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
  font-weight:700!important;
  animation:dqkPopupIn .22s ease!important;
}

.dqk-popup-x,
#dqkhPopup .dqkh-popup-x,
.dqks-popup-x{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:36px!important;
  height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#fb7185,#ef4444)!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 10px 18px rgba(239,68,68,.22)!important;
  transition:transform .12s ease,filter .15s ease!important;
}

.dqk-popup-x:hover,
#dqkhPopup .dqkh-popup-x:hover,
.dqks-popup-x:hover{
  filter:brightness(1.05)!important;
  transform:translateY(-1px)!important;
}

.dqk-popup-x:active,
#dqkhPopup .dqkh-popup-x:active,
.dqks-popup-x:active{
  transform:translateY(1px)!important;
}

.dqk-popup-image,
#dqkhPopup .dqkh-popup-image,
.dqks-popup-image{
  width:138px!important;
  min-height:80px!important;
  margin:8px auto 16px!important;
  padding:5px!important;
  border:1px solid rgba(37,99,235,.16)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#eff6ff,#ffffff)!important;
  box-shadow:0 14px 28px rgba(37,99,235,.11)!important;
}

.dqk-popup-image img,
#dqkhPopup .dqkh-popup-image img,
.dqks-popup-image img{
  width:100%!important;
  max-height:126px!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:17px!important;
  background:#f8fafc!important;
}

.dqk-popup-fallback,
#dqkhPopup .dqkh-popup-fallback,
.dqks-popup-fallback{
  display:none;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:700!important;
}

.dqk-popup-title,
#dqkhPopup .dqkh-popup-title,
.dqks-popup-title{
  margin:6px 36px 12px!important;
  color:#1d4ed8!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}

.dqk-popup-text,
.dqk-popup-card p,
#dqkhPopup .dqkh-popup-card p,
.dqks-popup-card p{
  margin:8px 0!important;
  color:#475569!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:800!important;
}

.dqk-popup-card b,
#dqkhPopup .dqkh-popup-card b,
.dqks-popup-card b{
  color:var(--dqk-green2,#15803d)!important;
  font-weight:700!important;
}

.dqk-popup-bonus,
#dqkhPopup .dqkh-popup-bonus,
.dqks-popup-bonus{
  margin:15px 0 0!important;
  padding:13px!important;
  border:1px solid rgba(22,163,74,.20)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#f0fdf4,#ffffff)!important;
  color:#334155!important;
}

.dqk-popup-actions,
#dqkhPopup .dqkh-popup-actions,
.dqks-popup-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:18px!important;
}

.dqk-popup-actions.one,
#dqkhPopup .dqkh-popup-actions.one,
.dqks-popup-actions.one{
  grid-template-columns:1fr!important;
}

.dqk-popup-btn,
#dqkhPopup .dqkh-popup-btn,
.dqks-popup-btn{
  height:40px!important;
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:15px!important;
  color:#fff!important;
  font-family:'Roboto Condensed',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:filter .15s ease,transform .1s ease,box-shadow .15s ease!important;
}

.dqk-popup-btn:hover,
#dqkhPopup .dqkh-popup-btn:hover,
.dqks-popup-btn:hover{
  filter:brightness(1.06)!important;
  transform:translateY(-1px)!important;
}

.dqk-popup-btn:active,
#dqkhPopup .dqkh-popup-btn:active,
.dqks-popup-btn:active{
  transform:translateY(1px)!important;
}

.dqk-btn-blue,
#dqkhPopup .dqkh-btn-blue,
.dqks-btn-blue{
  background:linear-gradient(135deg,#38bdf8,#2563eb,#1d4ed8)!important;
  box-shadow:0 14px 24px rgba(37,99,235,.26)!important;
}

.dqk-btn-gray,
#dqkhPopup .dqkh-btn-gray,
.dqks-btn-gray{
  background:linear-gradient(135deg,#94a3b8,#64748b)!important;
  box-shadow:0 14px 24px rgba(100,116,139,.20)!important;
}

@keyframes dqkPopupIn{
  from{
    opacity:0;
    transform:translateY(-12px) scale(.96);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes dqkhPopupIn{
  from{
    opacity:0;
    transform:translateY(-12px) scale(.96);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes dqksPopupIn{
  from{
    opacity:0;
    transform:translateY(-12px) scale(.96);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@media(max-width:700px){
  .dqk-popup,
  #dqkhPopup.dqkh-popup,
  .dqks-popup{
    padding:14px!important;
  }

  .dqk-popup-card,
  #dqkhPopup .dqkh-popup-card,
  .dqks-popup-card{
    width:calc(100vw - 28px)!important;
    padding:22px 16px 18px!important;
    border-radius:24px!important;
  }

  .dqk-popup-image,
  #dqkhPopup .dqkh-popup-image,
  .dqks-popup-image{
    width:128px!important;
    margin:6px auto 14px!important;
    border-radius:20px!important;
  }

  .dqk-popup-image img,
  #dqkhPopup .dqkh-popup-image img,
  .dqks-popup-image img{
    max-height:116px!important;
    border-radius:15px!important;
  }

  .dqk-popup-title,
  #dqkhPopup .dqkh-popup-title,
  .dqks-popup-title{
    margin:6px 34px 11px!important;
    font-size:14.5px!important;
  }

  .dqk-popup-text,
  .dqk-popup-card p,
  #dqkhPopup .dqkh-popup-card p,
  .dqks-popup-card p{
    font-size:13px!important;
    line-height:1.5!important;
  }

  .dqk-popup-actions,
  #dqkhPopup .dqkh-popup-actions,
  .dqks-popup-actions{
    grid-template-columns:1fr!important;
  }

  .dqk-popup-btn,
  #dqkhPopup .dqkh-popup-btn,
  .dqks-popup-btn{
    height:40px!important;
    min-height:40px!important;
    border-radius:15px!important;
  }
}
.dqk-buy-card{
  text-align:left!important;
}

.dqk-buy-product{
  display:flex;
  gap:14px;
  align-items:center;
  margin:18px 0;
}

.dqk-buy-product img{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:16px;
  background:#f8fafc;
}

.dqk-buy-name{
  font-size:15px;
  font-weight:700;
  color:#0f172a;
}

.dqk-buy-plan{
  margin-top:4px;
  color:#64748b;
  font-size:13px;
}

.dqk-buy-price{
  margin-top:6px;
  color:#2563eb;
  font-weight:700;
}

.dqk-buy-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:18px 0;
}

.dqk-qty{
  display:flex;
  gap:8px;
  align-items:center;
}

.dqk-qty button{
  width:38px;
  height:38px;
  border:0;
  border-radius:12px;
  background:#f1f5f9;
  font-size:22px;
  font-weight:700;
  cursor:pointer;
}

.dqk-qty input{
  width:70px;
  height:38px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  text-align:center;
  font-weight:700;
}

.dqk-buy-total{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px;
  margin-top:18px;
  border-radius:18px;
  background:#f8fafc;
}

.dqk-buy-total b{
  font-size:22px;
  color:#2563eb!important;
}