/* 입주·이사 외 서비스 요금 — 메인 요금 카드(.service-price-*)와 서비스 페이지 요금 띠(.price-guide-*)
   요금 숫자는 HTML에 직접 적혀 있습니다(네이버 검색 노출용). 바꿀 땐 index.html과 해당 서비스 페이지를 함께 고치세요. */

/* ── 메인 히어로: 요금 바로가기 링크 (기존 할인 이벤트 링크 자리) ── */
.home-event-link.home-price-link { color: #26544a; font-weight: 700; }

/* ── 메인: 서비스별 요금 카드 ── */
.home-price-strip { padding: 56px 5% 52px; background: #f6f7f3; border-bottom: 1px solid #e5e9e3; scroll-margin-top: 74px; }
/* 메인의 다른 섹션(.home-services-inner 등)과 좌우 끝을 맞춥니다 */
.home-price-strip .service-price-grid { max-width: var(--home-content-width, 1240px); }
.service-price-grid { max-width: 1100px; margin: 1.75rem auto 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; word-break: keep-all; }
.service-price-card { display: flex; flex-direction: column; min-width: 0; padding: 24px 22px 20px; border: 1px solid #d3dfcf; border-top: 4px solid #3e7862; border-radius: 12px; background: #fff; color: #244734; text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
.service-price-card:hover { border-color: #3e7862; box-shadow: 0 10px 28px #1b3c3514; transform: translateY(-2px); }
.service-price-card:focus-visible { outline: 3px solid #3e7862; outline-offset: 4px; }
.service-price-card--featured { background: #edf3e9; }
.spc-name { color: #53725a; font-size: .86rem; font-weight: 700; }
.spc-price { margin-top: 10px; color: #1b3c35; font-size: 1.45rem; font-weight: 900; line-height: 1.35; letter-spacing: -.03em; }
.spc-price small { font-size: .95rem; font-weight: 700; }
.spc-sub { margin-top: 6px; color: #26544a; font-size: .92rem; font-weight: 700; line-height: 1.6; }
.spc-desc { margin-top: 10px; color: #5c695d; font-size: .85rem; line-height: 1.7; }
.spc-link { margin-top: auto; padding-top: 16px; color: #26544a; font-size: .86rem; font-weight: 700; }
.service-price-note { max-width: 1100px; margin: 14px auto 0; color: #5c695d; font-size: .84rem; line-height: 1.7; text-align: center; word-break: keep-all; }
#pricing .service-price-note { margin: 1rem auto 1.75rem; }
.service-price-note a { color: #26544a; font-weight: 700; text-underline-offset: 4px; }

/* ── 서비스 페이지: 히어로 바로 아래 요금 띠 ── */
.price-guide { padding: 0 5% 56px; background: #f5f3ed; scroll-margin-top: 76px; }
.price-guide-box { max-width: 1160px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 28px 40px; align-items: center; padding: 30px 34px; border: 1px solid #bbcfb5; border-top: 4px solid #3e7862; border-radius: 14px; background: #fff; word-break: keep-all; }
.price-guide-label { display: block; color: #53725a; font-size: .8rem; font-weight: 700; letter-spacing: .04em; }
.price-guide-price { margin-top: 10px; color: #1b3c35; font-size: clamp(1.7rem, 3.2vw, 2.3rem); font-weight: 900; line-height: 1.3; letter-spacing: -.035em; }
.price-guide-price small { font-size: .55em; font-weight: 700; }
.price-guide-sub { margin-top: 8px; color: #26544a; font-size: 1.02rem; font-weight: 800; }
.price-guide-notes { margin: 0; padding: 0; list-style: none; color: #4f5f50; font-size: .92rem; line-height: 1.75; }
.price-guide-notes li { position: relative; padding-left: 18px; }
.price-guide-notes li + li { margin-top: 8px; }
.price-guide-notes li::before { content: ''; position: absolute; left: 0; top: .72em; width: 7px; height: 7px; border-radius: 50%; background: #7da26f; }
.price-guide-notes strong { color: #1b3c35; }
/* 쓰레기집 페이지는 본문 폭이 1240px(.trash-intro-grid·.proof-inner)이라 상자 폭도 맞춥니다 */
.trash-intro + .price-guide .price-guide-box { max-width: 1240px; }
.price-guide-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; padding-top: 20px; border-top: 1px solid #e3e9e0; }

@media (max-width: 960px) {
  .service-price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .price-guide { padding: 0 5% 40px; }
  .price-guide-box { grid-template-columns: minmax(0, 1fr); padding: 24px 20px; gap: 20px; }
  .price-guide-actions .proof-button { width: 100%; }
}
@media (max-width: 760px) {
  .home-price-strip { padding: 40px 5% 36px; }
}
/* 휴대폰: 첫 화면 가까이에서 네 가지 요금이 한눈에 보이도록 2열로 압축합니다 */
@media (max-width: 520px) {
  .service-price-grid { gap: 10px; margin-top: 1.25rem; }
  .service-price-card { padding: 16px 14px 14px; border-top-width: 3px; }
  .spc-name { font-size: .78rem; }
  .spc-price { margin-top: 6px; font-size: 1.08rem; }
  .spc-price small { font-size: .8rem; }
  .spc-sub { font-size: .8rem; }
  .spc-desc { display: none; }
  .spc-link { padding-top: 10px; font-size: .78rem; }
}