/* 확정 패키지 배치를 유지하고 상단 절차 섹션의 밝은 디자인 시스템을 따른다. */
/* E안 기본 카드·버튼 스타일 */
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page {
  --ggal-bg:#f7f8fa;--ggal-bg-2:#f7f8fa;--ggal-card:#fff;--ggal-card-2:#f0f2f5;
  --ggal-text:#17191b;--ggal-sub:#65676b;--ggal-line:#e4e6eb;--ggal-line-2:#dadddf;
}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-pkg {background:var(--ggal-bg);}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-container {min-width:0;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-head {max-width:760px;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-plan {min-width:0;border:1px solid var(--ggal-line-2);background:var(--ggal-card);box-shadow:none;padding:36px;border-radius:20px;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-plan--premium::before,
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-plan--premium::after {content:none;animation:none;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-grad-text {background:none;color:var(--ggal-text);-webkit-text-fill-color:currentColor;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] :is(.ggal-kicker,.ggal-plan__name,.ggal-plan__note) {color:var(--ggal-sub);background:none;border:0;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-plan__list {gap:12px;border-color:var(--ggal-line);}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-plan__list li {color:var(--ggal-text);padding-left:18px;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-plan__list li::before {content:"";width:4px;height:4px;top:.75em;background:var(--wagle-accent);border-radius:50%;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-plan__list .ggal-plan__perk {padding:12px;background:var(--ggal-card-2);border:0;box-shadow:none;border-radius:8px;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-plan__list .ggal-plan__perk::before {content:none;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-plan__perk b {background:var(--wagle-accent);color:var(--wagle-accent-on);}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-compare__ribbon {left:auto;right:28px;top:28px;transform:none;border-radius:4px;background:var(--wagle-accent);color:var(--wagle-accent-on);box-shadow:none;padding:5px 9px;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-compare__ribbon::before {content:none;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-btn {min-height:48px;height:auto;padding:14px 18px;border-radius:10px;white-space:normal;text-align:center;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-btn--ghost {background:var(--ggal-card-2);color:var(--ggal-text);border:1px solid var(--ggal-line);}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-btn--primary {background:var(--wagle-accent);color:var(--wagle-accent-on);box-shadow:none;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-btn--primary:hover {background:var(--wagle-accent-ink);color:var(--wagle-accent-ink-on);}

/* 절차 섹션과 이어지는 밝은 배경·타이포·아이브로우 */
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page {--ggal-bg:#fff;--ggal-bg-2:#fff;--ggal-card:#f7f9fc;--ggal-card-2:#edf2f8;--ggal-text:#2e343d;--ggal-sub:#8a8f98;--ggal-line:#e2e8f0;--ggal-line-2:#dce4ee;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page .ggal-head {margin:0;max-width:850px;text-align:left;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page .ggal-kicker {display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:4px 10px;border:0;border-radius:6px;background:linear-gradient(95deg,#0573fa24 0%,#36d0ff24 100%);text-align:left;color:rgb(0,102,227);}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page .ggal-lead {margin-inline:0;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page .ggal-plan {border-radius:var(--wagle-radius);}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page .ggal-plan--premium {border-color:var(--wagle-accent);}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page .ggal-plan__name {color:#8a8f98;letter-spacing:.01em;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page :is(.ggal-h2,.ggal-plan__title,.ggal-plan__price b) {color:var(--ggal-text);}

@media(max-width:899.98px) {
  body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page .ggal-plans {grid-template-columns:1fr;gap:20px;margin-top:36px;}
  body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page .ggal-plan {padding:24px;}
  body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page .ggal-compare__ribbon {top:20px;right:20px;}
}
@media(max-width:699.98px) {
  body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page .ggal-section {padding-top:112px;}
}

/* 두 패키지 아이콘의 프레임·크기·여백을 동일하게 맞춘다. */
body[data-view="frontend"] #section-8[data-package-variant="E"] .ggal-plan__icon {
  display:flex;align-items:center;justify-content:center;flex:none;
  width:56px;height:56px;margin:0 0 20px;border:1px solid var(--ggal-line);
  border-radius:12px;background:var(--ggal-card-2);
}
body[data-view="frontend"] #section-8[data-package-variant="E"] .ggal-plan__icon img {display:block;width:40px;height:40px;object-fit:contain;}

/* 마감된 패키지는 접수 동작 없이 상태만 표시한다. */
body[data-view="frontend"] #section-8[data-package-variant="E"] .ggal-btn:disabled {cursor:not-allowed;opacity:.6;}

/* 큰 제목과 보조 설명은 바로 위 절차 섹션과 같은 색상 계층이다. */
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page .ggal-head .ggal-h2 {color:#272727;}
body[data-view="frontend"] #section-8[data-package-variant][data-package-variant="E"] .ggal-page .ggal-lead {color:#27272799;}

/* 원가·할인·실제 월 가격은 같은 묶음으로 읽히게 한다. */
body[data-view="frontend"] #section-8[data-package-variant="E"] .ggal-plan__original {margin:24px 0 8px;color:#767e8c;font:400 15px/1.5 var(--wt-family);}
body[data-view="frontend"] #section-8[data-package-variant="E"] .ggal-plan__original span {margin-right:8px;font-size:12px;}
body[data-view="frontend"] #section-8[data-package-variant="E"] .ggal-plan__offer {display:flex;align-items:center;gap:10px;margin:0 0 8px;font:600 13px/1.5 var(--wt-family);color:#525b68;}
body[data-view="frontend"] #section-8[data-package-variant="E"] .ggal-plan__offer strong {padding:3px 9px;border-radius:5px;background:var(--wagle-accent);color:var(--wagle-accent-on);font-size:12px;font-weight:700;}
body[data-view="frontend"] #section-8[data-package-variant="E"] .ggal-plan__offer + .ggal-plan__price {margin-top:0;}
body[data-view="frontend"] #section-8[data-package-variant="E"] .ggal-plan__note .ggal-spec__vat {display:inline-block;margin-left:8px;}