/* =========================================================
   패밀리 브랜드: 이커머스 사장 부자만들기(이사부) 연결 영역
   한중연 대표색(네이비·블루·옐로우)과 겹치지 않도록
   임시로 코랄 오렌지를 사용합니다. (이사부 브랜드 색이 정해지면 아래 3줄만 교체)
   ========================================================= */
:root {
    --isabu: #F26B3A;
    --isabu-dark: #C2481C;
    --isabu-10: #FFF1EB;
}

.btn-isabu { background: var(--isabu); color: var(--white); }
.btn-isabu:hover { background: var(--isabu-dark); }

.isabu-kicker { font-size: var(--fs-small); font-weight: 800; color: var(--isabu-dark); letter-spacing: .02em; margin-bottom: .4rem; }
.isabu-desc { color: #374151; margin-bottom: var(--sp-3); }
.isabu-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.isabu-soon { font-size: var(--fs-small); color: var(--muted); font-weight: 600; }
.isabu-note { margin-top: var(--sp-2); font-size: .85rem; color: var(--muted); }

/* 큰 배너 (홈) */
.isabu-banner {
    display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--sp-5); align-items: center;
    background: var(--isabu-10); border: 1.5px solid #FBD3C2; border-radius: 20px; padding: var(--sp-5);
}
.isabu-title { font-size: var(--fs-h2); margin-bottom: var(--sp-2); }
.isabu-title span { color: var(--isabu-dark); }
.isabu-path { display: grid; gap: .75rem; }
.isabu-path li {
    background: var(--white); border-radius: var(--radius); padding: var(--sp-3);
    font-weight: 700; color: var(--navy); line-height: 1.45; border-left: 5px solid var(--isabu);
}
.isabu-path li:last-child { border-left-color: var(--navy); }
.isabu-path span { display: block; font-size: .85rem; color: var(--isabu-dark); font-weight: 800; }
.isabu-path li:last-child span { color: var(--green); }
.isabu-path em { display: block; font-style: normal; font-size: var(--fs-small); color: var(--muted); font-weight: 600; margin-top: .25rem; }

/* 작은 카드 (서비스 상세 · 진단 결과) */
.isabu-card { background: var(--isabu-10); border: 1.5px solid #FBD3C2; border-radius: var(--radius); padding: var(--sp-4); }
.isabu-name { font-size: var(--fs-h3); font-weight: 800; color: var(--navy); margin-bottom: .4rem; }
.isabu-name span { display: inline-block; margin-left: .4rem; font-size: .8rem; background: var(--isabu); color: var(--white); padding: .1rem .55rem; border-radius: 999px; vertical-align: middle; }

/* 헤더 메뉴 항목 */
/* 네이비 헤더 위에서 잘 보이도록 밝은 코랄 */
.main-nav .nav-isabu { color: #FFA27E; }
.main-nav .nav-isabu:hover { color: #FFC2A8; }
.main-nav .nav-isabu::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--isabu); margin-right: 6px; vertical-align: middle; }

@media (max-width: 860px) {
    .isabu-banner { grid-template-columns: 1fr; padding: var(--sp-4) var(--sp-3); gap: var(--sp-3); }
}
@media (max-width: 560px) {
    .isabu-actions .btn { width: 100%; }
    .isabu-card { padding: var(--sp-3); }
}