/* ==== 03 / THREE WAYS TO START — 상품 요약 카드 (02 다음 배치, 누르면 아래 04·05·06 상세로 이동) ==== */

/* ---- PC ---- */
.package-hint{font-size:13px;color:var(--muted)}
.partnership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.package{display:flex;flex-direction:column;overflow:hidden;border:1px solid #d9e0d0;border-radius:16px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}
.package:hover,.package:focus-visible{transform:translateY(-4px);border-color:var(--forest);box-shadow:0 24px 44px -28px #14292380}
.package figure{position:relative;overflow:hidden;margin:0}
.package img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .8s}
.package:hover img{transform:scale(1.04)}
.package-code{position:absolute;left:16px;bottom:14px;padding:5px 11px;border-radius:999px;background:#fffffff0;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--forest)}
.package-body{display:flex;flex:1;flex-direction:column;padding:24px 26px 22px}
.package-label{width:fit-content;margin-bottom:10px;padding:4px 10px;border-radius:999px;background:var(--lime);font-size:11px;font-weight:700;color:var(--forest)}
.package h3{font-size:24px;font-weight:700;letter-spacing:-.05em;color:var(--ink)}
.package-body>p{margin-top:8px;font-size:14px;line-height:1.6;color:#6c7862}
.package ul{margin:18px 0 22px;padding:16px 0 0;border-top:1px solid #e1e6d9;list-style:none}
.package li{padding:4px 0;font-size:13.5px;letter-spacing:-.025em;color:#3f4d43}
.package li:before{content:"✓";margin-right:9px;font-weight:700;color:#7b9452}
.package-more{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;border-top:1px solid #e1e6d9;font-size:13px;font-weight:700;color:var(--forest)}
.package-more i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eef2e6;font-style:normal;transition:background .2s}
.package:hover .package-more i{background:var(--lime)}

/* 대표 상품(01): 짙은 녹색 */
.package.featured{border-color:var(--forest);background:var(--forest)}
.package.featured h3{color:#fff}
.package.featured .package-body>p{color:#a9baad}
.package.featured ul,.package.featured .package-more{border-color:#ffffff24}
.package.featured li{color:#dfe7da}
.package.featured li:before{color:var(--lime)}
.package.featured .package-more{color:var(--lime)}
.package.featured .package-more i{background:#ffffff14}

.scope-note{margin-top:21px;font-size:11px;color:#7f8878}

/* ---- 태블릿 ---- */
@media(max-width:1150px){
  .partnership-grid{gap:12px}
  .package-body{padding:20px 20px 18px}
  .package h3{font-size:21px}
}

/* ---- 모바일 ---- */
@media(max-width:850px){
  .partnership-grid{grid-template-columns:1fr;gap:14px}
  .package{display:grid;grid-template-columns:42% 1fr}
  .package img{height:100%;aspect-ratio:auto}
  .package-hint{margin-top:16px}
}
@media(max-width:600px){
  .package{display:flex}
  .package img{height:auto;aspect-ratio:16/9}
  .package-body{padding:18px 18px 16px}
  .package h3{font-size:20px}
  .package-body>p{font-size:13px}
  .package ul{margin:14px 0 16px;padding-top:12px}
  .package li{font-size:12.5px}
  .package-hint{font-size:12px}
  .scope-note{font-size:10px;line-height:1.8}
}