/* HOME-DESIGN-20261027: 홈(/) 글자배열·디자인 개선. 홈에서만 불러온다. */
/* 2 첫 화면 */
.hero .scope-line{max-width:560px;font-size:1.04rem;text-wrap:balance}
.hero .scope-line b{display:block;font-size:1.12rem;margin-bottom:2px}
.hero .scope-line b span{white-space:nowrap}
.hero p.lead{max-width:40em;word-break:keep-all;text-wrap:balance}
.hero .tags span.scope-badge{font-size:.78rem;color:#aab4c4;border-color:rgba(184,149,90,.3);padding:1px 10px}
/* 3 활용 예시 카드: 설명 2줄, 가격 줄 맨 아래 고정 */
#most-wanted .hk-card{display:flex;flex-direction:column;height:100%}
#most-wanted .hk-card>div{flex:1;display:flex;flex-direction:column}
#most-wanted .hk-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;word-break:keep-all}
#most-wanted .hk-card h3{word-break:keep-all}
#most-wanted .hk-price{margin-top:auto;display:flex;align-items:center;gap:8px;min-height:30px;font-size:.98rem;line-height:1.2}
#most-wanted .hk-price b{font-weight:800}
#most-wanted .hk-price span{font-size:.72rem;font-weight:600;color:#8a6a2f;border:1px solid #d9c9a3;border-radius:999px;padding:1px 7px}
#most-wanted .hk-price.est b{display:inline-block;padding:3px 10px;border-radius:999px;background:#f1e6cd;color:#6b5320;font-weight:800}
/* 4 #prices 해명 한 줄 */
#prices .small{max-width:none}
/* 5 FAQ: 다른 구역과 같은 컨테이너, 문답 폭만 제한 */
#faq details.faq,#faq p{max-width:820px}
#faq details.faq summary::after{content:none}
#faq details.faq summary::before{content:'+';flex:none;width:.9em;font-size:1.3rem;line-height:1.2;color:var(--gold-t)}
#faq details.faq[open] summary::before{content:'-'}
#faq details.faq summary{justify-content:flex-start;align-items:flex-start}
#faq details.faq .ans a{color:var(--gold-t)}
/* 7 #how 5단계: 큰 썸네일 + 좌우 2열 */
#how .steps.five{grid-template-columns:1fr;gap:34px}
#how .step{padding:0 0 0 64px;display:block}
#how .st-media{width:100%;max-width:420px;margin:0 0 12px}
#how .step h3{padding-top:0;font-size:1.2rem}
#how .step p{max-width:36em;font-size:.97rem;line-height:1.7;word-break:keep-all}
#how .step-line{left:21px;top:50px;bottom:-30px;width:2px;height:auto;right:auto;background:linear-gradient(var(--gold),rgba(184,149,90,.25))}
@media(min-width:760px){
  #how .step{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);column-gap:36px;align-items:center;padding-left:64px}
  #how .st-media{grid-row:1/span 2;grid-column:1;margin:0;max-width:none}
  #how .step h3{grid-column:2;grid-row:1;align-self:end;margin:0 0 6px}
  #how .step p{grid-column:2;grid-row:2;align-self:start}
  #how .step .step-no{top:calc(50% - 22px)}
  #how .step{min-height:0}
  #how .step-line{top:calc(50% + 24px);bottom:calc(-50% - 10px)}
}
@media(min-width:1000px){
  #how .steps.five{grid-template-columns:1fr;gap:38px}
  #how .step{padding:0 0 0 64px}
  #how .step-line{left:21px;right:auto;top:calc(50% + 24px);bottom:-60px;width:2px;height:auto;background:linear-gradient(var(--gold),rgba(184,149,90,.25))}
  html.mo .steps:not(.in) #how .step-line,html.mo #how .steps:not(.in) .step-line{transform:scaleY(0)}
}
/* 8 #trust 3칸: 아이콘 위, 글 아래 */
@media(min-width:760px){#trust .trust{flex-direction:column;gap:12px}}
#trust .trust p{margin:0;line-height:1.6;word-break:keep-all;text-wrap:balance}
#trust .trust p a{color:var(--gold-l);white-space:nowrap}
/* 11 하단 여백(상담 버튼 겹침 완화) */
#materials .tbl-wrap{padding-right:0}

.sec-head .lead{max-width:640px;text-wrap:balance;word-break:keep-all}
/* 카드: 중간 폭에서는 스페셜 4장을 2열로(설명이 잘리지 않게), 모바일은 3줄까지 */
@media(min-width:720px) and (max-width:1099px){#most-wanted .hk-grid.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:559px){#most-wanted .hk-card p{-webkit-line-clamp:3;line-clamp:3;font-size:.8rem}#most-wanted .hk-card>div{padding:10px 10px 14px}}

/* fix1027-c: 히어로 — 케이스·내용물 미포함 배지를 첫 화면(scope-line 안)으로, 계산값 한 줄 고정 */
.hero .scope-line .scope-badge{display:inline-block;margin-top:6px;font-size:.8rem;font-weight:600;color:#c9d1de;border:1px solid rgba(184,149,90,.4);border-radius:999px;padding:1px 10px}
.hero p.hero-price{margin:8px 0 0;font-size:.95rem;font-weight:700;color:#D8BB82}
.hero p.hero-time{margin:6px 0 0;font-size:.85rem;color:#c9d1de}
@media(max-width:899px){.hero p.hero-price{order:4;font-size:14px}.hero p.hero-time{order:5;font-size:13px}.hero .scope-line .scope-badge{font-size:13px}}