/* 디스코드 앱 연결 안내: 기존 페이지 스타일과 분리합니다. */
.discord-invite-dialog {
  box-sizing: border-box;
  width: min(480px, calc(100% - 32px));
  padding: 28px;
  border: 1px solid #444;
  border-radius: 20px;
  background: #17191f;
  color: #f6f6f8;
  font-family: inherit;
  line-height: 1.7;
}
.discord-invite-dialog::backdrop {
  background: rgb(0 0 0 / 65%);
}
.discord-invite-dialog h2 {
  margin: 0 0 16px;
  font-size: 22px;
}
.discord-invite-dialog p {
  margin: 12px 0;
  color: #d5d6de;
}
.discord-invite-actions {
  display: grid;
  gap: 10px;
  margin-top: 24px;
}
.discord-invite-actions a,
.discord-invite-actions button {
  padding: 12px 16px;
  border: 1px solid #555;
  border-radius: 10px;
  background: #252832;
  color: #fff;
  font: inherit;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.discord-invite-actions a:first-child {
  border-color: #5865f2;
  background: #5865f2;
}
.discord-invite-actions :focus-visible {
  outline: 3px solid #b8beff;
  outline-offset: 3px;
}

/* 상세 자료는 잘라내지 않고 모바일에서도 원본 비율로 표시합니다. */
.deco-story {
  max-width: 1200px;
  overflow: hidden;
}
.deco-story img {
  display: block;
  width: 100%;
  height: auto;
}
.deco-contact {
  padding-top: 48px;
  padding-bottom: 64px;
  text-align: center;
}
.deco-contact .detail-actions {
  justify-content: center;
  margin: 24px 0;
}
.page-heading .detail-actions {
  margin-top: 24px;
}

/* QR 이미지를 사용하지 않는 반응형 가격 안내입니다. */
.deco-license {
  padding: clamp(28px, 6vw, 80px);
  background: #151120;
  color: #fff;
}
.deco-license h2 {
  margin: 12px 0 24px;
  font-size: clamp(28px, 5vw, 60px);
}
.deco-license h2 span {
  color: #c686f1;
}
.deco-license-price {
  margin: 24px 0;
  font-size: clamp(48px, 8vw, 96px);
  font-weight: 800;
  line-height: 1.2;
}
.deco-license-price small {
  margin-left: 8px;
  font-size: 0.4em;
}
.deco-license-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin: 24px 0;
  list-style: none;
}
.deco-license-tags li {
  padding: 8px 18px;
  border-radius: 999px;
  background: #30283e;
}
.deco-license > p:not(.deco-license-price):not(.section-kicker) {
  font-size: clamp(16px, 2.2vw, 26px);
  line-height: 1.8;
}
.deco-license-help {
  margin-top: 32px;
}
.deco-license-help strong {
  color: #ed8eb9;
}

/* 세로형 소개 자료는 원본 폭을 넘지 않게 표시합니다. */
.product-story-craft,
.product-story-shorts {
  max-width: 860px;
}
.product-card.shorts .card-art {
  color: #ffaf9a;
  background: linear-gradient(135deg, #4b244b, #302039);
}
@media (min-width: 761px) {
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}