/* v39.16 — premium fintech glass package cards */
.nk-package-section{
  position:relative;
  overflow:visible;
}
.nk-package-section::before{
  content:"";
  position:absolute;
  inset:8% 6% auto;
  height:340px;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 28%,rgba(16,185,129,.14),transparent 42%),
    radial-gradient(circle at 8% 62%,rgba(59,130,246,.08),transparent 30%);
  filter:blur(28px);
  z-index:0;
}
.nk-package-section .container{position:relative;z-index:1}
.nk-package-accordion{
  max-width:1180px;
  margin:34px auto 0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.nk-pkg-card{
  position:relative;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18);
  border-radius:26px;
  background:
    linear-gradient(155deg,rgba(15,23,42,.97),rgba(8,15,29,.95)),
    rgba(15,23,42,.9);
  box-shadow:
    0 28px 64px rgba(2,6,23,.28),
    inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.nk-pkg-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 28%,transparent 72%,rgba(52,211,153,.035));
}
.nk-pkg-card:hover{
  transform:translateY(-7px);
  border-color:rgba(110,231,183,.28);
  box-shadow:0 36px 80px rgba(2,6,23,.34),0 0 0 1px rgba(52,211,153,.06);
}
.nk-pkg-card.is-featured{
  transform:scale(1.05);
  z-index:3;
  border-color:rgba(52,211,153,.72);
  background:
    linear-gradient(155deg,rgba(8,33,31,.98),rgba(7,18,29,.98)),
    rgba(10,30,29,.95);
  box-shadow:
    0 34px 86px rgba(2,6,23,.40),
    0 0 0 1px rgba(52,211,153,.18),
    0 0 34px rgba(16,185,129,.28),
    0 0 72px rgba(16,185,129,.14),
    inset 0 1px 0 rgba(255,255,255,.09);
}
.nk-pkg-card.is-featured:hover{transform:scale(1.05) translateY(-7px)}
.nk-pkg-toggle{
  position:relative;
  z-index:1;
  min-height:100%;
  padding:26px 24px 24px;
  display:grid;
  grid-template-columns:48px 1fr auto;
  grid-template-areas:
    "num summary chevron"
    "price price price";
  gap:18px 14px;
  align-content:start;
  background:transparent;
  color:#f8fafc;
}
.nk-pkg-num{
  grid-area:num;
  width:44px;height:44px;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(52,211,153,.22),rgba(16,185,129,.08));
  border:1px solid rgba(110,231,183,.26);
  color:#a7f3d0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.nk-pkg-summary{grid-area:summary;display:block;min-width:0}
.nk-pkg-summary strong{
  display:block;
  margin-top:10px;
  color:#fff;
  font-size:20px;
  line-height:1.22;
  letter-spacing:-.02em;
}
.nk-pkg-summary>span:not(.nk-pkg-badge){
  display:block;
  margin-top:10px;
  color:#aab8ca;
  font-size:13px;
  line-height:1.55;
  white-space:normal;
  overflow:visible;
}
.nk-pkg-badge{
  display:inline-flex;
  max-width:100%;
  padding:6px 9px;
  border:1px solid rgba(110,231,183,.16);
  background:rgba(16,185,129,.10);
  color:#a7f3d0!important;
  font-size:9px!important;
  letter-spacing:.08em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.nk-pkg-card.is-featured .nk-pkg-badge{
  background:linear-gradient(135deg,#34d399,#10b981);
  color:#052e26!important;
  border-color:transparent;
  box-shadow:0 8px 24px rgba(16,185,129,.24);
}
.nk-pkg-price{
  grid-area:price;
  display:block;
  padding-top:4px;
  color:#fff;
  font-size:30px;
  line-height:1;
  letter-spacing:-.035em;
}
.nk-pkg-price::after{
  content:" · KDV Dahil";
  color:#7dd3b6;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
}
.nk-pkg-chevron{grid-area:chevron;color:#6ee7b7;align-self:start}
.nk-pkg-detail{
  position:relative;
  z-index:1;
  border-top:1px solid rgba(148,163,184,.13);
  padding:20px 22px 22px;
  background:rgba(2,6,23,.20);
}
.nk-pkg-detail-grid{grid-template-columns:1fr;gap:16px}
.nk-pkg-detail h4{color:#6ee7b7}
.nk-pkg-detail p,.nk-pkg-detail li{color:#c0cad8}
.nk-pkg-detail ul{padding-left:19px}
.nk-pkg-select{
  border:1px solid rgba(110,231,183,.20);
  background:linear-gradient(135deg,#18263a,#0f172a);
  box-shadow:0 12px 28px rgba(2,6,23,.24);
}
.nk-pkg-card.is-featured .nk-pkg-select{
  background:linear-gradient(135deg,#6ee7b7,#34d399 55%,#10b981);
  box-shadow:0 14px 34px rgba(16,185,129,.26);
}
@media (max-width:980px){
  .nk-package-accordion{grid-template-columns:1fr;max-width:680px;gap:16px;margin-top:24px}
  .nk-pkg-card.is-featured,.nk-pkg-card.is-featured:hover{transform:none}
  .nk-pkg-card:hover{transform:none}
}
@media (max-width:700px){
  .nk-package-section{padding-top:40px;padding-bottom:40px}
  .nk-package-head{margin-bottom:12px}
  .nk-package-accordion{gap:13px;margin-top:18px}
  .nk-pkg-card{border-radius:20px}
  .nk-pkg-card.is-featured{
    border-color:rgba(52,211,153,.65);
    box-shadow:0 20px 50px rgba(2,6,23,.28),0 0 26px rgba(16,185,129,.17);
  }
  .nk-pkg-toggle{
    padding:16px 15px 15px;
    grid-template-columns:38px 1fr 18px;
    gap:12px 10px;
  }
  .nk-pkg-num{width:36px;height:36px;border-radius:11px;font-size:11px}
  .nk-pkg-summary strong{font-size:16px;margin-top:7px}
  .nk-pkg-summary>span:not(.nk-pkg-badge){font-size:11.5px;line-height:1.4;margin-top:7px}
  .nk-pkg-badge{font-size:7.5px!important;padding:4px 6px}
  .nk-pkg-price{font-size:24px}
  .nk-pkg-price::after{font-size:9px}
  .nk-pkg-detail{padding:14px 15px 16px}
  .nk-pkg-detail p,.nk-pkg-detail li{font-size:12px}
  .nk-pkg-select{min-height:46px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .nk-pkg-card{transition:none}
}