/* ===========================
   index.css
   =========================== */

/* ---- Scroll reveal utility ---- */
.scroll-reveal {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease;
}
.scroll-reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* ---- 공용 애니메이션 ---- */
@keyframes sparkle { 0%,100%{transform:scale(1);} 50%{transform:scale(1.05);} }
@keyframes heartBeat { 0%,100%{transform:translate(-50%,-50%) scale(1);} 50%{transform:translate(-50%,-50%) scale(1.1);} }
@keyframes fadeInUp { from{opacity:0;transform:translateY(30px);} to{opacity:1;transform:translateY(0);} }
@keyframes modalSlideIn { from{opacity:0;transform:translateY(-50px);} to{opacity:1;transform:translateY(0);} }
@keyframes heart-beat { 0%,100%{transform:scale(1);} 40%{transform:scale(1.14);} 60%{transform:scale(1.06);} }
@keyframes underlineFill { to { background-size: 100% 100%; } }
@keyframes softGlow {
  0%{box-shadow:0 10px 24px rgba(0,0,0,.12),0 0 0 rgba(255,200,150,0);}
  50%{box-shadow:0 10px 24px rgba(0,0,0,.12),0 0 22px rgba(255,200,150,.45);}
  100%{box-shadow:0 10px 24px rgba(0,0,0,.12),0 0 0 rgba(255,200,150,0);}
}

/* ======== 축의금 파트 ============ */
/* 아코디언 버튼 */
.accordion-button {
  padding: 1.1rem 1rem;
  font-size: 1.05rem;
}
/* 아이템 간격 */
.accordion-item {
  margin-bottom: 14px;
  border-radius: 10px;
  overflow: hidden;
}

/* 계좌 카드 */
.account-card {
  max-width: 820px;
  margin: 0 auto;
  border-radius: 12px;
}

/* 계좌 한 블록 */
.account-item {
  padding: 10px 12px;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  margin-bottom: 10px;
  background: #fff;
}
.account-item .bank-line {
  font-size: 1.02rem;
  margin-bottom: 4px;
}
.account-item .meta-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.account-item .meta-left {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 0.98rem;
}
.account-item .acc {
  font-weight: 600;
  letter-spacing: 0.2px;
}
.account-item .holder {
  color: #666;  /* 보기 좋게 진회색 */
}

/* 모바일 대응 */
@media (max-width: 480px) {
  .account-card { max-width: 100%; }
  .accordion-button { font-size: 1rem; padding: 0.95rem 0.9rem; }
  .account-item .meta-line { gap: 6px; }
}

/* 섹션 전용 폭 래퍼: 풀블리드 제거, 일반 폭으로 */
#accounts .accounts-fullbleed{
  width: 100%;
  position: static;
  margin: 0 auto;
  padding: 0;
}
#accounts .accounts-inner{
  max-width: 840px;   /* 필요시 760~900 사이로 조절 */
  margin: 0 auto;
  padding: 0 12px;
}
/* 반응형으로 단계별 조절(선택) */
@media (min-width: 768px){  #accounts .accounts-inner{ max-width: 760px; } }
@media (min-width: 992px){  #accounts .accounts-inner{ max-width: 820px; } }
@media (min-width: 1200px){ #accounts .accounts-inner{ max-width: 880px; } }
#accounts .account-card{ width: 100%; max-width: none; }

/* ======== 인덱스 페이지 배경 통일 ========= */
.page-index { background: #fff; }
.page-index section,
.page-index .bg-light,
.page-index .card,
.page-index .container {
  background-color: #fff !important;
}