/* DETAIL POPUP - SSB STYLE */
.detail-mode{
  position:absolute;
  inset:52px 300px 120px;

  z-index:9999; /* 🔥 ดันขึ้นบนสุด */

  opacity:0;
  pointer-events:none;
  transform:translateY(12px) scale(.98);
  transition:.25s ease;
}

.detail-mode.is-open{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}

.detail-shell{
  height:100%;
  border-radius:24px;
  border:1px solid rgba(80,180,255,.22);
  background:
    linear-gradient(180deg, rgba(7,18,38,.96), rgba(4,11,24,.94));
  box-shadow:
    0 24px 70px rgba(0,0,0,.42),
    0 0 26px rgba(0,210,255,.14);
  padding:24px;
  overflow:auto;
}

.detail-top{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:18px;
}

.detail-kicker{
  color:#00e5ff;
  font-family:var(--font-tech);
  font-weight:900;
  letter-spacing:1px;
  margin-bottom:5px;
}

.detail-title{
  margin:0;
  color:#ffffff;
  font-size:30px;
  line-height:1.08;
  font-weight:900;
}

.detail-subtitle{
  margin:8px 0 0;
  color:#9fc4e8;
  line-height:1.55;
  font-size:15px;
}

.detail-close{
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(100,210,255,.24);
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  font-size:22px;
  line-height:1;
}

.detail-body{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.detail-box{
  min-height:118px;
  border:1px solid rgba(100,200,255,.16);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  padding:16px;
}

.detail-box h4{
  margin:0 0 10px;
  color:#00dfff;
  font-size:15px;
  font-weight:900;
}

.detail-box p{
  margin:0;
  color:#b9d5ef;
  line-height:1.7;
  font-size:14px;
}

.defense-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.defense-tag{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(80,190,255,.12);
  border:1px solid rgba(100,220,255,.22);
  color:var(--title);
  font-weight:800;
  font-size:13px;
}

.detail-mode{
  pointer-events:none;
}

.detail-mode.is-open{
  pointer-events:none;
}

.detail-shell{
  pointer-events:auto;
}