/* ─────────────────────────────────────────────
   이사마당 서비스 페이지 공통 오버레이 — service.css
   moving / cleaning / logistics 세 페이지에서 마지막에 로드.
   목적: 홈(v5)과 같은 간격·카드·모션 체계로 통일.
   clay-theme.css 가 JS로 뒤에 붙으므로 필요한 곳은 !important.
   ───────────────────────────────────────────── */
:root {
  --sv-accent: #3B6FE8; --sv-accent-2: #6694F3; --sv-soft: #EEF3FF; --sv-line: rgba(183,202,238,.55);
  --sv-ink: #152238; --sv-muted: #6F7D93; --sv-card: rgba(255,255,255,.92);
  --sv-shadow: 0 18px 38px rgba(49,76,135,.10), inset 0 1px 0 rgba(255,255,255,.9);
  --sv-shadow-sm: 0 8px 20px rgba(49,76,135,.08), inset 0 1px 0 rgba(255,255,255,.9);
  --sv-ease: cubic-bezier(.22,.61,.36,1);
}
body.cleaning-theme  { --sv-accent: #0F8E7F; --sv-accent-2: #2AA795; --sv-soft: #E7F7F3; --sv-line: rgba(170,214,205,.6); --sv-shadow: 0 18px 38px rgba(15,110,98,.10), inset 0 1px 0 rgba(255,255,255,.9); --sv-shadow-sm: 0 8px 20px rgba(15,110,98,.08), inset 0 1px 0 rgba(255,255,255,.9); }
body.logistics-theme { --sv-accent: #B23D33; --sv-accent-2: #DA6B5E; --sv-soft: #FFF0ED; --sv-line: rgba(236,218,214,.9); --sv-shadow: 0 18px 38px rgba(119,52,43,.10), inset 0 1px 0 rgba(255,255,255,.9); --sv-shadow-sm: 0 8px 20px rgba(119,52,43,.08), inset 0 1px 0 rgba(255,255,255,.9); }

/* ── 레이아웃 폭·간격 통일 ── */
main { max-width: none !important; padding: 0 !important; margin: 0 !important; }
.hero-sub { padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
.service-intro { max-width: none !important; margin: 0 !important; padding: 0 0 24px !important; background: none !important; border: 0 !important; box-shadow: none !important; }
body .service-intro .intro-sect,
body.moving-theme .intro-sect, body.cleaning-theme .intro-sect, body.logistics-theme .intro-sect {
  width: min(1160px, 100% - 32px) !important; max-width: none !important; margin: 0 auto !important;
  padding: 44px 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; border-radius: 0 !important;
}
@media (min-width: 900px) {
  body .service-intro .intro-sect { padding: 56px 0 !important; }
}
.intro-sect + .intro-sect { border-top: 1px solid var(--sv-line) !important; }
.intro-sect-head { margin-bottom: 22px !important; }
.intro-sect-eb {
  display: inline-flex !important; align-items: center; gap: 8px; padding: 0 !important; background: none !important;
  font-size: 12px !important; font-weight: 800 !important; letter-spacing: .12em !important; text-transform: uppercase; color: var(--sv-accent) !important; margin-bottom: 10px !important;
}
.intro-sect-eb::before { content: ""; width: 18px; height: 2px; background: var(--sv-accent); border-radius: 2px; }
.intro-sect-title { font-size: clamp(22px, 2.8vw, 30px) !important; letter-spacing: -.02em !important; line-height: 1.25 !important; }
.intro-sect-sub { font-size: 15px !important; color: var(--sv-muted) !important; margin-top: 8px !important; }

/* ── 새 히어로 ── */
.sv-hero { width: min(1160px, 100% - 32px); margin: 0 auto; padding: 28px 0 40px; display: grid; grid-template-columns: 1fr; gap: 28px; align-items: center; }
@media (min-width: 900px) { .sv-hero { grid-template-columns: 1.05fr .95fr; gap: 48px; padding: 44px 0 56px; } }
.sv-hero .eb { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--sv-accent); }
.sv-hero .eb::before { content: ""; width: 18px; height: 2px; background: var(--sv-accent); border-radius: 2px; }
.sv-hero h1 { margin: 14px 0 0; font-size: clamp(28px, 4.2vw, 46px); font-weight: 900; letter-spacing: -.03em; line-height: 1.18; color: var(--sv-ink); }
.sv-hero h1 span { color: var(--sv-accent); }
.sv-hero .sub { margin: 14px 0 0; font-size: 16px; color: var(--sv-muted); max-width: 48ch; line-height: 1.6; }
.sv-hero .stats { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 20px; }
.sv-hero .stats span { font-size: 13px; font-weight: 800; padding: 8px 12px; border-radius: 999px; background: var(--sv-card); border: 1px solid var(--sv-line); box-shadow: var(--sv-shadow-sm); color: var(--sv-ink); }
.sv-hero .stats span::before { content: "✓ "; color: var(--sv-accent); }
.sv-hero .acts { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; }
.sv-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 22px; border-radius: 999px !important;
  font: inherit; font-weight: 800; font-size: 15px; border: 1.5px solid transparent !important; cursor: pointer; text-decoration: none;
  transition: transform .25s var(--sv-ease), box-shadow .25s var(--sv-ease) !important;
}
.sv-btn:active { transform: scale(.97); }
.sv-btn.pri { background: linear-gradient(135deg, var(--sv-accent), var(--sv-accent-2)) !important; color: #fff !important; box-shadow: 0 10px 24px color-mix(in srgb, var(--sv-accent) 32%, transparent) !important; }
.sv-btn.pri:hover { transform: translateY(-2px); }
.sv-btn.gho { background: var(--sv-card) !important; color: var(--sv-ink) !important; border-color: var(--sv-line) !important; box-shadow: var(--sv-shadow-sm) !important; }
.sv-btn.gho:hover { transform: translateY(-2px); background: #fff !important; }
.sv-btn .ar { transition: transform .25s var(--sv-ease); }
.sv-btn:hover .ar { transform: translateX(3px); }

.sv-hero .vis { position: relative; }
.sv-hero .vis img { width: 100%; height: auto; display: block; border-radius: 24px; box-shadow: var(--sv-shadow); animation: sv-float 6s ease-in-out infinite; }
.sv-hero .tag {
  position: absolute; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px;
  background: var(--sv-card); border: 1px solid var(--sv-line); box-shadow: var(--sv-shadow-sm); font-size: 13px; font-weight: 800; color: var(--sv-ink);
  animation: sv-float 7s ease-in-out infinite;
}
.sv-hero .tag.t1 { top: 6%; left: -2%; animation-delay: -1.5s; }
.sv-hero .tag.t2 { bottom: 10%; right: 4%; animation-delay: -3.5s; }
@media (max-width: 899px) { .sv-hero .tag { font-size: 12px; padding: 8px 12px; } .sv-hero .tag.t1 { left: 0; } }
@keyframes sv-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
.sv-hero .a { opacity: 0; transform: translateY(16px); animation: sv-rise .8s var(--sv-ease) forwards; animation-delay: var(--d, 0ms); }
@keyframes sv-rise { to { opacity: 1; transform: none; } }

/* ── 카드 모션 통일 ── */
.tier-card-v4, .price-card-v4, .clean-card-v4, .logi-card-v4, .cprice-card-v4, .lprice-card-v4 {
  transition: transform .35s var(--sv-ease), box-shadow .35s var(--sv-ease) !important;
}
.tier-card-v4:hover, .price-card-v4:hover, .clean-card-v4:hover, .logi-card-v4:hover, .cprice-card-v4:hover, .lprice-card-v4:hover {
  transform: translateY(-5px); box-shadow: var(--sv-shadow) !important;
}
.tier-grid-v4, .clean-grid-v4, .logi-grid-v4 { gap: 16px !important; }
.clean-card-v4, .logi-card-v4 { min-height: 0 !important; }

/* 스크롤 등장 */
.rv { opacity: 0; transform: translateY(22px); transition: opacity .7s var(--sv-ease), transform .7s var(--sv-ease); transition-delay: var(--d, 0ms); }
.rv.in { opacity: 1; transform: none; }

/* 견적 모드에서는 히어로 숨김 (quote-form 이 fixed 오버레이지만 스크롤 잔상 방지) */
body.quote-mode .sv-hero { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  .rv { opacity: 1; transform: none; transition: none; }
  .sv-hero .a, .sv-hero .vis img, .sv-hero .tag { animation: none !important; opacity: 1; transform: none; }
}

/* ── 테마별 clay-theme 규칙 무력화 (specificity 상향) ── */
body.moving-theme .service-intro > .intro-sect,
body.cleaning-theme .service-intro > .intro-sect,
body.logistics-theme .service-intro > .intro-sect,
body.cleaning-theme .service-intro > .intro-sect:nth-child(2),
body.logistics-theme .service-intro > .intro-sect:nth-child(2) {
  width: min(1160px, 100% - 32px) !important; max-width: none !important; margin: 0 auto !important;
  padding: 44px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
}
@media (min-width: 900px) {
  body.moving-theme .service-intro > .intro-sect,
  body.cleaning-theme .service-intro > .intro-sect,
  body.logistics-theme .service-intro > .intro-sect,
  body.cleaning-theme .service-intro > .intro-sect:nth-child(2),
  body.logistics-theme .service-intro > .intro-sect:nth-child(2) { padding: 56px 0 !important; }
}
body.moving-theme .service-intro .intro-sect-eb,
body.cleaning-theme .service-intro .intro-sect-eb,
body.logistics-theme .service-intro .intro-sect-eb {
  padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; letter-spacing: .12em !important;
}
body.cleaning-theme .intro-sect-head, body.logistics-theme .intro-sect-head { margin-bottom: 22px !important; max-width: none; }
body.cleaning-theme .intro-sect-title, body.logistics-theme .intro-sect-title { margin-top: 0 !important; font-size: clamp(22px, 2.8vw, 30px) !important; font-weight: 800 !important; letter-spacing: -.02em !important; }

/* 히어로 카피 좌측 정렬 (style.css .hero-sub 의 center 상속 방지) */
.hero-sub .sv-hero, .hero-sub .sv-hero .copy { text-align: left !important; }
.sv-hero .copy .sub { margin-left: 0; margin-right: 0; }

/* 히어로 이미지: 비율 고정 + 인물 위치 */
.sv-hero .vis img { aspect-ratio: 4 / 3; object-fit: cover; object-position: center; }
body.cleaning-theme .sv-hero .vis img { object-position: 68% center; }
body.moving-theme .sv-hero .vis img { aspect-ratio: 16 / 10; }

/* 카드 그리드: 높이 늘어짐 방지 */
.tier-grid-v4, .clean-grid-v4, .logi-grid-v4 { align-items: stretch; }
.tier-card-v4, .clean-card-v4, .logi-card-v4 { display: flex !important; flex-direction: column; }
.tier-card-v4 > :last-child, .clean-card-v4 > :last-child, .logi-card-v4 > :last-child { margin-top: auto !important; }

/* ── 히어로 빠른 견적 카드 (사진 대체) ── */
.sv-qq { background: var(--sv-card); border: 1px solid var(--sv-line); border-radius: 22px; box-shadow: var(--sv-shadow); padding: 20px 20px 16px; text-align: left; }
.sv-qq-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.sv-qq-head .k { font-size: 11px; font-weight: 800; letter-spacing: .14em; color: var(--sv-accent); }
.sv-qq-head .t { font-size: 20px; font-weight: 900; letter-spacing: -.02em; margin-top: 2px; color: var(--sv-ink); }
.sv-qq .live { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; color: #0F8E7F; background: #DDF7EE; padding: 6px 10px; border-radius: 999px; white-space: nowrap; }
.sv-qq i { width: 7px; height: 7px; border-radius: 50%; background: #22C55E; display: inline-block; animation: sv-pulse 2.4s infinite; }
@keyframes sv-pulse { 0% { box-shadow: 0 0 0 0 rgba(34,197,94,.45); } 70% { box-shadow: 0 0 0 8px rgba(34,197,94,0); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); } }
.sv-qq-label { margin-top: 16px; font-size: 13px; font-weight: 700; color: #374151; }
.sv-chips { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 8px; }
.sv-chip { padding: 12px; border-radius: 12px; border: 1.5px solid var(--sv-line); background: #fff; font: inherit; cursor: pointer; text-align: left; transition: border-color .2s, background .2s, transform .2s var(--sv-ease); }
.sv-chip b { font-size: 14px; font-weight: 800; color: var(--sv-ink); }
.sv-chip:hover { transform: translateY(-1px); }
.sv-chip.on { border-color: var(--sv-accent); background: var(--sv-soft); }
.sv-chip.on b { color: var(--sv-accent); }
.sv-qq-go { width: 100%; margin-top: 14px; }
.sv-qq-foot { margin-top: 10px; text-align: center; font-size: 12px; color: var(--sv-muted); }
.sv-qq-foot a { color: var(--sv-ink); font-weight: 800; text-decoration: none; }
.sv-qq-live { margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--sv-line); }
.sv-qq-live .h { display: flex; justify-content: space-between; align-items: center; font-size: 12.5px; font-weight: 800; color: #374151; }
.sv-qq-live .h span { display: inline-flex; align-items: center; gap: 6px; }
.sv-qq-live .h a { font-size: 12px; color: var(--sv-accent); text-decoration: none; }
.sv-qq .status-list { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; }
.sv-qq .status-list li { display: grid; grid-template-columns: 74px auto 1fr; gap: 8px; align-items: center; font-size: 12.5px; padding: 6px 8px; border-radius: 8px; background: rgba(255,255,255,.7); }
.sv-qq .status-list li[style] { display: block; padding: 10px !important; }
.sv-qq .status-list .date { color: var(--sv-muted); font-variant-numeric: tabular-nums; }
.sv-qq .status-list .type { font-weight: 800; color: var(--sv-accent); background: var(--sv-soft); padding: 2px 8px; border-radius: 999px; white-space: nowrap; font-size: 11.5px; }
.sv-qq .status-list .route { color: #374151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sv-qq .status-list .sk { height: 28px; border-radius: 8px; background: linear-gradient(90deg,#EEF2F9 25%,#F8FAFF 50%,#EEF2F9 75%); background-size: 200% 100%; animation: sv-shim 1.4s infinite; }
@keyframes sv-shim { to { background-position: -200% 0; } }

/* 히어로 견적 카드가 있는 페이지: 우측 고정 상담 패널은 히어로 지난 뒤 등장 */
@media (min-width: 900px) {
  body.has-hero-quote #quickCta, body.has-hero-quote #qctaToggle { transition: opacity .4s ease, visibility .4s; }
  body.has-hero-quote:not(.past-hero) #quickCta, body.has-hero-quote:not(.past-hero) #qctaToggle { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
}
.sv-chip { display: flex; justify-content: space-between; align-items: center; gap: 6px; }
.sv-chip span { font-size: 12px; font-weight: 700; color: var(--sv-muted); }
.sv-chip.on span { color: var(--sv-accent); }

/* 하단 플로팅 '무료 견적 신청하기' 는 히어로 카드가 보이는 동안 숨김 */
body.has-hero-quote .cta-button-container.intro-cta-wrap { transition: opacity .35s ease, visibility .35s; }
body.has-hero-quote:not(.past-hero) .cta-button-container.intro-cta-wrap { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }

/* 버튼·토글 모서리 통일(둥근 사각) */
.sv-btn { border-radius: 8px !important; }
.sv-hero .stats span, .sv-qq .live, .sv-qq .status-list .type { border-radius: 4px !important; }
.sv-chip { border-radius: 8px !important; }

/* ═════════════════════════════════════════════
   v6 — 홈과 같은 톤(단색·얇은 선·둥근 사각). body.sv6 로 활성화.
   clay-theme(!important, 테마별 색) 보다 높은 우선순위를 위해 P = html body.sv6.sv6.sv6
   ═════════════════════════════════════════════ */
html body.sv6.sv6.sv6 {
  --sv-accent: #1F4FD1; --sv-accent-2: #1F4FD1; --sv-soft: #EEF3FC; --sv-line: #E3E6EB; --sv-ink: #111827; --sv-muted: #5B6472;
  --sv-card: #fff; --sv-shadow: none; --sv-shadow-sm: none;
  --navy: #0F2552; --line: #E3E6EB; --line-strong: #CFD5DE; --bg-alt: #F6F7F9; --ink-2: #374151;
  background: #fff !important; color: #111827;
  font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
}
/* 헤더 */
html body.sv6.sv6.sv6 #shared-top-bar { background: var(--navy) !important; box-shadow: none !important; }
html body.sv6.sv6.sv6 #shared-main-header { box-shadow: none !important; border-bottom: 1px solid var(--line) !important; background: #fff !important; }
html body.sv6.sv6.sv6 #shared-main-header .smh-phone { border-radius: 8px !important; border-color: var(--line-strong) !important; color: #111827 !important; background: #fff !important; box-shadow: none !important; }
html body.sv6.sv6.sv6 #shared-main-header .smh-nav li a { border-radius: 8px !important; box-shadow: none !important; }
html body.sv6.sv6.sv6 #shared-main-header .smh-nav li a:hover, html body.sv6.sv6.sv6 #shared-main-header .smh-nav li a.active { background: var(--bg-alt) !important; color: #111827 !important; }
html body.sv6.sv6.sv6 #shared-main-header .smh-hamburger { border-radius: 8px !important; box-shadow: none !important; background: #fff !important; border-color: var(--line-strong) !important; }
html body.sv6.sv6.sv6 #quickCta { border-radius: 12px !important; box-shadow: 0 8px 24px rgba(17,24,39,.10) !important; }
html body.sv6.sv6.sv6 #quickCta .qcta-eyebrow { background: var(--navy) !important; }
html body.sv6.sv6.sv6 #quickCta .qcta-primary { border-radius: 8px !important; background: #1F4FD1 !important; box-shadow: none !important; }

/* 히어로 */
html body.sv6.sv6.sv6 .hero-sub { background: linear-gradient(180deg, #F7F9FC 0%, #fff 100%) !important; border-bottom: 1px solid var(--line) !important; }
html body.sv6.sv6.sv6 .sv-hero { padding: 44px 0 52px; }
html body.sv6.sv6.sv6 .sv-hero .a, html body.sv6.sv6.sv6 .sv-hero .vis { animation: none !important; opacity: 1 !important; transform: none !important; }
html body.sv6.sv6.sv6 .sv-hero .eb { font-size: 14px; font-weight: 700; letter-spacing: 0; text-transform: none; color: #1F4FD1; }
html body.sv6.sv6.sv6 .sv-hero .eb::before { display: none; }
html body.sv6.sv6.sv6 .sv-hero h1 { font-weight: 800; font-size: clamp(28px, 3.8vw, 42px); line-height: 1.25; }
html body.sv6.sv6.sv6 .sv-hero h1 span { color: #1F4FD1 !important; }
html body.sv6.sv6.sv6 .sv-hero .sub { font-size: 17px; color: #374151; line-height: 1.7; }
html body.sv6.sv6.sv6 .sv-hero .stats span { border-radius: 4px !important; box-shadow: none; border-color: var(--line); background: #fff; font-weight: 600; font-size: 13.5px; }
html body.sv6.sv6.sv6 .sv-hero .stats span::before { color: #1F4FD1; }
html body.sv6.sv6.sv6 .sv-btn { border-radius: 8px !important; height: 50px; padding: 0 22px; box-shadow: none !important; font-size: 15.5px; }
html body.sv6.sv6.sv6 .sv-btn.pri { background: #1F4FD1 !important; }
html body.sv6.sv6.sv6 .sv-btn.pri:hover { background: #1A43B3 !important; transform: none; }
html body.sv6.sv6.sv6 .sv-btn.gho { border-color: var(--line-strong) !important; }
html body.sv6.sv6.sv6 .sv-btn.gho:hover { border-color: #374151 !important; transform: none; }

/* 간편 견적 카드 */
html body.sv6.sv6.sv6 .sv-qq { border: 1px solid var(--line-strong); border-radius: 12px; padding: 24px; box-shadow: 0 1px 2px rgba(17,24,39,.04), 0 8px 24px rgba(17,24,39,.05); }
html body.sv6.sv6.sv6 .sv-qq-head .t { font-size: 18px; font-weight: 800; margin-top: 0; }
html body.sv6.sv6.sv6 .sv-qq-label { font-weight: 600; font-size: 13.5px; }
html body.sv6.sv6.sv6 .sv-chip { border: 1px solid var(--line-strong); padding: 12px 14px; }
html body.sv6.sv6.sv6 .sv-chip:hover { transform: none; border-color: #374151; }
html body.sv6.sv6.sv6 .sv-chip.on { border-color: #1F4FD1; background: #EEF3FC; box-shadow: inset 0 0 0 1px #1F4FD1; }
html body.sv6.sv6.sv6 .sv-chip b { font-weight: 600; font-size: 14.5px; }
html body.sv6.sv6.sv6 .sv-qq-live { border-top: 1px solid var(--line); }
html body.sv6.sv6.sv6 .sv-qq-live .h a { color: #5B6472; font-weight: 500; }
html body.sv6.sv6.sv6 .sv-qq .status-list li { background: none; border-bottom: 1px dashed var(--line); border-radius: 0; padding: 8px 0; }
html body.sv6.sv6.sv6 .sv-qq .status-list .type { background: var(--bg-alt); color: #374151; border: 1px solid var(--line); font-weight: 600; }
html body.sv6.sv6.sv6 .sv-qq .status-list .sk { background: var(--bg-alt); animation: none; }

/* 섹션 머리 */
html body.sv6.sv6.sv6 .service-intro > .intro-sect { padding: 56px 0 !important; }
html body.sv6.sv6.sv6 .service-intro > .intro-sect + .intro-sect { border-top: 1px solid var(--line) !important; }
html body.sv6.sv6.sv6 .service-intro .intro-sect-eb { font-size: 14px !important; letter-spacing: 0 !important; text-transform: none !important; color: #1F4FD1 !important; font-weight: 700 !important; }
html body.sv6.sv6.sv6 .service-intro .intro-sect-eb::before { display: none !important; }
html body.sv6.sv6.sv6 .service-intro .intro-sect-title { font-size: clamp(22px, 2.6vw, 28px) !important; font-weight: 700 !important; color: #111827 !important; letter-spacing: -.02em !important; }
html body.sv6.sv6.sv6 .service-intro .intro-sect-sub { font-size: 16px !important; color: #5B6472 !important; }

/* 공통 카드: 이사 방법 · 청소 · 물류 */
html body.sv6.sv6.sv6 .service-intro .tier-card-v4,
html body.sv6.sv6.sv6 .service-intro .clean-card-v4,
html body.sv6.sv6.sv6 .service-intro .logi-card-v4,
html body.sv6.sv6.sv6 .service-intro .price-card-v4 {
  background: #fff !important; border: 1px solid var(--line) !important; border-radius: 12px !important; box-shadow: none !important;
}
html body.sv6.sv6.sv6 .service-intro .tier-card-v4:hover,
html body.sv6.sv6.sv6 .service-intro .clean-card-v4:hover,
html body.sv6.sv6.sv6 .service-intro .logi-card-v4:hover { transform: none !important; border-color: #374151 !important; box-shadow: none !important; }
html body.sv6.sv6.sv6 .service-intro .tier-card-v4::before, html body.sv6.sv6.sv6 .service-intro .tier-card-v4::after,
html body.sv6.sv6.sv6 .service-intro .clean-card-v4::before, html body.sv6.sv6.sv6 .service-intro .clean-card-v4::after,
html body.sv6.sv6.sv6 .service-intro .logi-card-v4::before, html body.sv6.sv6.sv6 .service-intro .logi-card-v4::after { display: none !important; }
html body.sv6.sv6.sv6 .service-intro .tier-card-v4.featured { border: 1.5px solid var(--navy) !important; background: #fff !important; }

html body.sv6.sv6.sv6 .service-intro .tier-num-v4, html body.sv6.sv6.sv6 .service-intro .clean-num-v4, html body.sv6.sv6.sv6 .service-intro .logi-num-v4 {
  display: inline-block !important; background: none !important; border: 0 !important; padding: 0 !important; color: #1F4FD1 !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0 !important; box-shadow: none !important;
}
html body.sv6.sv6.sv6 .service-intro .tier-name-v4, html body.sv6.sv6.sv6 .service-intro .clean-name-v4, html body.sv6.sv6.sv6 .service-intro .logi-name-v4 { color: #111827 !important; font-size: 20px !important; font-weight: 700 !important; letter-spacing: -.02em !important; }
html body.sv6.sv6.sv6 .service-intro .tier-for-v4, html body.sv6.sv6.sv6 .service-intro .clean-sub-v4, html body.sv6.sv6.sv6 .service-intro .logi-sub-v4 { color: #374151 !important; font-size: 14px !important; font-weight: 600 !important; }
html body.sv6.sv6.sv6 .service-intro .tier-quote-v4, html body.sv6.sv6.sv6 .service-intro .clean-desc-v4, html body.sv6.sv6.sv6 .service-intro .logi-quote-v4 { color: #374151 !important; font-size: 15px !important; line-height: 1.7 !important; background: none !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important; }
html body.sv6.sv6.sv6 .service-intro .logi-list-v4 li { color: #374151 !important; font-size: 14.5px !important; }
html body.sv6.sv6.sv6 .service-intro .logi-list-v4 li::before { background: #374151 !important; color: #374151 !important; }
html body.sv6.sv6.sv6 .service-intro .tier-scope-v4 li { border-radius: 4px !important; background: var(--bg-alt) !important; color: #9AA1AC !important; border: 1px solid var(--line) !important; box-shadow: none !important; font-weight: 600 !important; }
html body.sv6.sv6.sv6 .service-intro .tier-scope-v4 li.on { background: #EEF3FC !important; color: #1F4FD1 !important; border-color: #C9D6F5 !important; }
html body.sv6.sv6.sv6 .service-intro .tier-badge-v4, html body.sv6.sv6.sv6 .service-intro .clean-tag-v4, html body.sv6.sv6.sv6 .service-intro .logi-tag-v4 {
  border-radius: 4px !important; background: var(--bg-alt) !important; color: #374151 !important; border: 1px solid var(--line) !important; box-shadow: none !important; font-weight: 600 !important;
}
html body.sv6.sv6.sv6 .service-intro .tier-card-v4.featured .tier-badge-v4 { background: var(--navy) !important; color: #fff !important; border-color: var(--navy) !important; }
html body.sv6.sv6.sv6 .service-intro .seg-chip-v4 { border-radius: 8px !important; box-shadow: none !important; background: #fff !important; border: 1px solid var(--line) !important; }
html body.sv6.sv6.sv6 .service-intro .seg-chip-v4 b { color: #1F4FD1 !important; }

/* 작업 범위 비교표 */
html body.sv6.sv6.sv6 .move-compare-wrap { border-radius: 12px !important; box-shadow: none !important; border: 1px solid var(--line) !important; background: #fff !important; padding: 0 !important; overflow: hidden; }
html body.sv6.sv6.sv6 .move-compare-table { border-radius: 0 !important; box-shadow: none !important; }
html body.sv6.sv6.sv6 .move-compare-table th { background: var(--bg-alt) !important; color: #111827 !important; font-weight: 700 !important; padding: 14px 10px !important; border-color: var(--line) !important; }
html body.sv6.sv6.sv6 .move-compare-table th.featured, html body.sv6.sv6.sv6 .move-compare-table th.compare-featured { background: var(--navy) !important; color: #fff !important; }
html body.sv6.sv6.sv6 .move-compare-table td { padding: 11px 10px !important; border-color: var(--line) !important; background: #fff !important; }
html body.sv6.sv6.sv6 .move-compare-table td.compare-featured { background: #F4F7FD !important; }
html body.sv6.sv6.sv6 .move-compare-table .compare-group { background: #fff !important; color: #111827 !important; font-weight: 700 !important; }
html body.sv6.sv6.sv6 .move-compare-table .compare-item { background: #fff !important; color: #374151 !important; }
html body.sv6.sv6.sv6 .compare-note { border-radius: 8px !important; box-shadow: none !important; background: var(--bg-alt) !important; border: 1px solid var(--line) !important; }

/* 예상 요금 카드 */
html body.sv6.sv6.sv6 .service-intro .pch { background: var(--bg-alt) !important; color: #111827 !important; border-bottom: 1px solid var(--line) !important; border-radius: 0 !important; }
html body.sv6.sv6.sv6 .service-intro .pch * { color: #111827 !important; }
html body.sv6.sv6.sv6 .service-intro .pch-room { color: #5B6472 !important; }
html body.sv6.sv6.sv6 .service-intro .pch::before { display: none !important; }
html body.sv6.sv6.sv6 .service-intro .pcr-svc { color: #374151 !important; font-size: 14.5px !important; }
html body.sv6.sv6.sv6 .service-intro .pcr-price { color: #111827 !important; font-variant-numeric: tabular-nums; }
html body.sv6.sv6.sv6 .service-intro .price-note-v4, html body.sv6.sv6.sv6 .service-intro .price-guide-note-v5 { color: #5B6472 !important; font-size: 13.5px !important; }

/* 하단 플로팅 버튼 */
html body.sv6.sv6.sv6 .cta-button-container.intro-cta-wrap .intro-cta-btn-v4 { border-radius: 8px !important; background: #1F4FD1 !important; box-shadow: 0 8px 20px rgba(17,24,39,.18) !important; font-size: 15px !important; }

/* 모션 최소화 */
html body.sv6.sv6.sv6 .rv { transform: translateY(8px); transition: opacity .45s ease, transform .45s ease; }
html body.sv6.sv6.sv6 .rv.in { transform: none; }
html body.sv6.sv6.sv6 .move-compare-table { border-radius: 0 !important; width: 100%; }
html body.sv6.sv6.sv6 .move-compare-table th, html body.sv6.sv6.sv6 .move-compare-table td { height: 44px !important; padding: 8px 10px !important; font-size: 14px !important; }
html body.sv6.sv6.sv6 .move-compare-table thead th { background: var(--bg-alt) !important; color: #111827 !important; }
html body.sv6.sv6.sv6 .move-compare-table thead th:first-child { background: var(--bg-alt) !important; }
html body.sv6.sv6.sv6 .move-compare-table thead th.compare-featured { background: var(--navy) !important; color: #fff !important; }
html body.sv6.sv6.sv6 .move-compare-table tbody th.compare-group { background: #fff !important; color: #111827 !important; font-size: 13.5px !important; font-weight: 700 !important; }
html body.sv6.sv6.sv6 .move-compare-table tbody th.compare-item { background: #fff !important; color: #374151 !important; font-size: 13.5px !important; font-weight: 500 !important; }
html body.sv6.sv6.sv6 .move-compare-table tbody td.compare-featured { background: #F4F7FD !important; box-shadow: none !important; border-color: var(--line) !important; }
html body.sv6.sv6.sv6 .move-compare-table td.compare-yes::before, html body.sv6.sv6.sv6 .move-compare-table td.compare-no::before, html body.sv6.sv6.sv6 .move-compare-table td.compare-partial::before { width: auto; height: auto; background: none !important; border-radius: 0; font-size: 16px; font-weight: 700; }
html body.sv6.sv6.sv6 .move-compare-table td.compare-yes::before { color: #1F4FD1; }
html body.sv6.sv6.sv6 .move-compare-table td.compare-no::before { color: #B3B9C2; }
html body.sv6.sv6.sv6 .move-compare-table td.compare-partial::before { color: #B26B00; }
html body.sv6.sv6.sv6 .move-compare-table .compare-text { font-size: 13px !important; color: #374151 !important; }
html body.sv6.sv6.sv6 .move-compare-legend span, html body.sv6.sv6.sv6 .move-compare-legend i, html body.sv6.sv6.sv6 .move-compare-legend b { border-radius: 4px !important; }
html body.sv6.sv6.sv6 .move-compare-table td.compare-yes, html body.sv6.sv6.sv6 .move-compare-table td.compare-no, html body.sv6.sv6.sv6 .move-compare-table td.compare-partial { font-size: 0 !important; }
html body.sv6.sv6.sv6 .move-compare-table th, html body.sv6.sv6.sv6 .move-compare-table td { vertical-align: middle !important; line-height: 1.4 !important; }
html body.sv6.sv6.sv6 .service-intro > .intro-sect,
html body.sv6.sv6.sv6 .service-intro > .intro-sect:nth-child(n) { background: transparent !important; border-radius: 0 !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; width: min(1160px, 100% - 32px) !important; margin: 0 auto !important; }
html body.sv6.sv6.sv6 .service-intro .logi-list-v4 li::before { width: 6px !important; height: 1.5px !important; border-radius: 0 !important; top: .75em !important; }
html body.sv6.sv6.sv6 .service-intro .pch::before, html body.sv6.sv6.sv6 .service-intro .pch-ton::before { display: none !important; }
html body.sv6.sv6.sv6 .service-intro .pcr-price, html body.sv6.sv6.sv6 .service-intro .pcr-price * { color: #111827 !important; }
html body.sv6.sv6.sv6 .service-intro .price-basis-v5 { color: #5B6472 !important; }
html body.sv6.sv6.sv6 .service-intro .price-card-v4 { overflow: hidden; }
html body.sv6.sv6.sv6 .site-footer { background: #F6F7F9 !important; border-top: 1px solid #E3E6EB !important; }
@media (max-width: 480px) {
  html body.sv6.sv6.sv6 .sv-chip { padding: 12px; }
  html body.sv6.sv6.sv6 .sv-chip span { display: none; }
}

/* ═══ v6 서비스별 테마색: 이사=청색, 청소=초록, 물류=주황 ═══ */
html body.sv6.sv6.sv6.moving-theme    { --acc: #1F4FD1; --acc-h: #1A43B3; --acc-soft: #EEF3FC; --acc-line: #C9D6F5; --acc-dark: #0F2552; --acc-tint: #F4F7FD; }
html body.sv6.sv6.sv6.cleaning-theme  { --acc: #0F7A5E; --acc-h: #0B634C; --acc-soft: #E9F6F1; --acc-line: #BFE1D4; --acc-dark: #0B3F33; --acc-tint: #F3FAF7; }
html body.sv6.sv6.sv6.logistics-theme { --acc: #C95A0C; --acc-h: #A94A08; --acc-soft: #FFF3E9; --acc-line: #F4D2B6; --acc-dark: #5A2A0A; --acc-tint: #FFF9F4; }

html body.sv6.sv6.sv6 #shared-top-bar { background: var(--acc-dark) !important; }
html body.sv6.sv6.sv6 #quickCta .qcta-eyebrow { background: var(--acc-dark) !important; }
html body.sv6.sv6.sv6 #quickCta .qcta-primary { background: var(--acc) !important; }
html body.sv6.sv6.sv6 #shared-main-header .smh-nav li a.active { color: var(--acc) !important; background: var(--acc-soft) !important; }

html body.sv6.sv6.sv6 .hero-sub { background: linear-gradient(180deg, var(--acc-tint) 0%, #fff 100%) !important; }
html body.sv6.sv6.sv6 .sv-hero .eb,
html body.sv6.sv6.sv6 .sv-hero h1 span,
html body.sv6.sv6.sv6 .sv-hero .stats span::before { color: var(--acc) !important; }
html body.sv6.sv6.sv6 .sv-btn.pri { background: var(--acc) !important; }
html body.sv6.sv6.sv6 .sv-btn.pri:hover { background: var(--acc-h) !important; }

html body.sv6.sv6.sv6 .sv-chip.on { border-color: var(--acc); background: var(--acc-soft); box-shadow: inset 0 0 0 1px var(--acc); }
html body.sv6.sv6.sv6 .sv-chip.on b, html body.sv6.sv6.sv6 .sv-chip.on span { color: var(--acc); }
html body.sv6.sv6.sv6 .sv-qq-live .h a:hover { color: var(--acc); }

html body.sv6.sv6.sv6 .service-intro .intro-sect-eb,
html body.sv6.sv6.sv6 .service-intro .tier-num-v4,
html body.sv6.sv6.sv6 .service-intro .clean-num-v4,
html body.sv6.sv6.sv6 .service-intro .logi-num-v4,
html body.sv6.sv6.sv6 .service-intro .seg-chip-v4 b { color: var(--acc) !important; }
html body.sv6.sv6.sv6 .service-intro .tier-scope-v4 li.on { background: var(--acc-soft) !important; color: var(--acc) !important; border-color: var(--acc-line) !important; }
html body.sv6.sv6.sv6 .service-intro .tier-card-v4.featured { border-color: var(--acc-dark) !important; }
html body.sv6.sv6.sv6 .service-intro .tier-card-v4.featured .tier-badge-v4 { background: var(--acc-dark) !important; border-color: var(--acc-dark) !important; }
html body.sv6.sv6.sv6 .service-intro .clean-sub-v4,
html body.sv6.sv6.sv6 .service-intro .logi-sub-v4 { color: var(--acc) !important; }
html body.sv6.sv6.sv6 .service-intro .clean-tag-v4,
html body.sv6.sv6.sv6 .service-intro .logi-tag-v4 { background: var(--acc-soft) !important; color: var(--acc-dark) !important; border-color: var(--acc-line) !important; }

html body.sv6.sv6.sv6 .move-compare-table thead th.compare-featured { background: var(--acc-dark) !important; }
html body.sv6.sv6.sv6 .move-compare-table tbody td.compare-featured { background: var(--acc-tint) !important; }
html body.sv6.sv6.sv6 .move-compare-table td.compare-yes::before { color: var(--acc); }

html body.sv6.sv6.sv6 .service-intro .pch { background: var(--acc-tint) !important; border-bottom-color: var(--acc-line) !important; }
html body.sv6.sv6.sv6 .service-intro .price-card-v4 { border-color: var(--line) !important; }

html body.sv6.sv6.sv6 .cta-button-container.intro-cta-wrap .intro-cta-btn-v4 { background: var(--acc) !important; }

/* 후기 카드 포인트 */
html body.sv6.sv6.sv6 .rc-reply { border-left-color: var(--acc-dark); }
html body.sv6.sv6.sv6 .rc-reply b { color: var(--acc-dark); }
html body.sv6.sv6.sv6 .review-control-button:hover:not(:disabled) { border-color: var(--acc); color: var(--acc); }

/* 견적 신청 폼(quote-modern.css)도 서비스 테마색 사용 */
html body.sv6.sv6.sv6.quote-mode { --qf-accent: var(--acc); --qf-accent-soft: var(--acc-soft); --qf-accent-mid: var(--acc-line); --accent: var(--acc); --accent-soft: var(--acc-soft); --accent-mid: var(--acc-line); }
/* 물류 카드 목록: 원래의 '·' 문자와 선이 겹쳐 보이던 문제 → 짧은 선 하나만 */
html body.sv6.sv6.sv6 .service-intro .logi-list-v4 li::before { content: "" !important; background: var(--acc) !important; width: 6px !important; height: 2px !important; top: .78em !important; left: 2px !important; }

/* ═══ 관련 꿀팁 (서비스 ↔ 꿀팁 연결) ═══ */
html body.sv6.sv6.sv6 .intro-tips { display: none !important; }
html body.sv6.sv6.sv6 .intro-tips.has-tips { display: block !important; }
html body.sv6.sv6.sv6 .sv-tips { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
html body.sv6.sv6.sv6 .sv-tip { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #fff; color: #111827; text-decoration: none; transition: border-color .2s; }
html body.sv6.sv6.sv6 .sv-tip:hover { border-color: var(--acc, #1F4FD1); }
html body.sv6.sv6.sv6 .sv-tip-thumb { aspect-ratio: 16 / 9; background: var(--acc-tint, #F6F7F9); display: flex; align-items: center; justify-content: center; overflow: hidden; }
html body.sv6.sv6.sv6 .sv-tip-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
html body.sv6.sv6.sv6 .sv-tip-thumb span { font-size: 13px; font-weight: 700; color: var(--acc, #1F4FD1); }
html body.sv6.sv6.sv6 .sv-tip-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
html body.sv6.sv6.sv6 .sv-tip-cat { font-size: 12px; font-weight: 700; color: var(--acc, #1F4FD1); }
html body.sv6.sv6.sv6 .sv-tip-body strong { font-size: 15.5px; font-weight: 700; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html body.sv6.sv6.sv6 .sv-tip-body p { margin: 0; font-size: 13.5px; line-height: 1.6; color: #5B6472; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html body.sv6.sv6.sv6 .sv-tip-body time { margin-top: auto; font-size: 12.5px; color: #6B7280; }
html body.sv6.sv6.sv6 .sv-tips-more { display: inline-flex; align-items: center; height: 42px; margin-top: 18px; padding: 0 16px; border: 1px solid var(--line-strong); border-radius: 8px; font-size: 14.5px; font-weight: 600; color: #374151; text-decoration: none; background: #fff; }
html body.sv6.sv6.sv6 .sv-tips-more:hover { border-color: var(--acc, #1F4FD1); color: var(--acc, #1F4FD1); }
@media (max-width: 1023px) { html body.sv6.sv6.sv6 .sv-tips { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) {
  html body.sv6.sv6.sv6 .sv-tips { grid-template-columns: 1fr; gap: 10px; }
  html body.sv6.sv6.sv6 .sv-tip { flex-direction: row; }
  html body.sv6.sv6.sv6 .sv-tip-thumb { width: 108px; flex: none; aspect-ratio: auto; min-height: 96px; }
  html body.sv6.sv6.sv6 .sv-tip-body { padding: 12px 14px; }
  html body.sv6.sv6.sv6 .sv-tip-body p { display: none; }
}