/* 이사마당 공통 Claymorphism Theme — public pages only */
:root {
  --clay-blue: #3B6FE8;
  --clay-blue-2: #6694F3;
  --clay-sky: #EAF2FF;
  --clay-ink: #152238;
  --clay-muted: #6F7D93;
  --clay-line: rgba(183, 202, 238, .58);
  --clay-white: rgba(255, 255, 255, .91);
  --clay-mint: #DDF7EE;
  --clay-peach: #FFF0DA;
  --clay-lilac: #EEE9FF;
  --clay-radius: 24px;
  --clay-radius-sm: 16px;
  --clay-shadow: 0 18px 38px rgba(49, 76, 135, .11), inset 0 1px 0 rgba(255, 255, 255, .94);
  --clay-shadow-sm: 0 9px 22px rgba(49, 76, 135, .09), inset 0 1px 0 rgba(255, 255, 255, .92);
}

html { overflow-x: clip; background: #F6F9FF; }
body {
  overflow-x: clip;
  color: var(--clay-ink);
  background:
    radial-gradient(circle at 8% 4%, rgba(196, 219, 255, .34), transparent 25rem),
    radial-gradient(circle at 93% 18%, rgba(222, 238, 255, .4), transparent 30rem),
    linear-gradient(180deg, #F7FAFF 0%, #FFFFFF 34rem, #F9FBFF 100%) !important;
}

/* Shared header */
#shared-top-bar {
  background: linear-gradient(110deg, #2E64DE 0%, #4B7DEC 68%, #6793F1 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.16);
}
#shared-main-header {
  background: rgba(255,255,255,.88) !important;
  border-bottom: 1px solid rgba(190,206,235,.56) !important;
  box-shadow: 0 10px 28px rgba(40,68,126,.08);
  backdrop-filter: blur(18px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
}
#shared-main-header nav { gap: 0; }
#shared-main-header .smh-logo img { filter: drop-shadow(0 3px 5px rgba(40,68,126,.08)); }
#shared-main-header .smh-phone,
#shared-main-header .smh-hamburger {
  background: linear-gradient(145deg, #FFFFFF, #F1F6FF) !important;
  border-color: #C7D8FB !important;
  box-shadow: var(--clay-shadow-sm);
}
@media (min-width: 900px) {
  #shared-main-header .smh-nav li a {
    border-radius: 13px !important;
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
  }
  #shared-main-header .smh-nav li a:hover,
  #shared-main-header .smh-nav li a.active {
    transform: translateY(-1px);
    background: linear-gradient(145deg,#E9F1FF,#F8FAFF) !important;
    box-shadow: 0 7px 16px rgba(59,111,232,.1), inset 0 1px 0 #fff;
  }
}

/* Mobile navigation */
.mobile-drawer { border: 1px solid rgba(198,212,239,.74); }
.mobile-drawer-close {
  width: 36px; height: 36px; border-radius: 12px !important;
  background: linear-gradient(145deg,#FFFFFF,#EDF3FF) !important;
  box-shadow: var(--clay-shadow-sm);
}
.mobile-drawer-phone {
  background: linear-gradient(145deg,#EAF2FF,#FFFFFF) !important;
  border: 1px solid #D4E2FF;
  border-radius: 18px !important;
  box-shadow: var(--clay-shadow-sm);
}
.mobile-drawer-cta-row a { border-radius: 15px !important; box-shadow: var(--clay-shadow-sm); }
.mobile-drawer-cta-row .primary { background: linear-gradient(135deg,#2F6AE8,#5684EE) !important; }
.mobile-bottom-nav-v4 {
  background: rgba(255,255,255,.92) !important;
  border-top-color: rgba(190,206,235,.62) !important;
  box-shadow: 0 -12px 30px rgba(42,69,126,.1) !important;
  backdrop-filter: blur(18px);
}
.mobile-bottom-nav-v4 a.active svg {
  padding: 4px; border-radius: 9px; background: #EAF2FF;
  filter: drop-shadow(0 4px 7px rgba(59,111,232,.15));
}

/* Page surfaces and heroes */
.page-hero,
.about-hero,
.partner-hero,
.intro-hero,
.hero-sub .intro-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(195,211,240,.65);
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.92) 0 7%, transparent 26%),
    linear-gradient(145deg,#EAF2FF 0%,#F8FBFF 52%,#EDF5FF 100%) !important;
  box-shadow: var(--clay-shadow) !important;
}
.page-hero::after,
.about-hero::after,
.partner-hero::after,
.intro-hero::after {
  content: '';
  position: absolute;
  width: 180px; height: 180px;
  right: -62px; bottom: -92px;
  border-radius: 50%;
  background: rgba(104,155,244,.12);
  box-shadow: -76px -36px 0 rgba(255,255,255,.35);
  pointer-events: none;
}
.page-hero > *, .about-hero > *, .partner-hero > *, .intro-hero > * { position: relative; z-index: 1; }
.about-hero .about-hero-content h1,
.partner-hero h1 { color: var(--clay-ink) !important; }
.about-hero .about-hero-content p,
.partner-hero p,
.partner-hero .partner-stat-lbl { color: var(--clay-muted) !important; opacity: 1 !important; }
.partner-hero .partner-eyebrow,
.partner-hero .partner-stat-num,
.partner-hero .partner-stat-num small { color: var(--clay-blue) !important; }
.page-hero-eyebrow,
.intro-eyebrow,
.v4-eyebrow,
.intro-sect-eb {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  color: var(--clay-blue) !important;
  box-shadow: inset 0 1px 0 #fff, 0 5px 12px rgba(59,111,232,.07);
}

/* Cards shared across services, reviews, content and forms */
.tier-card-v4,
.price-card-v4,
.clean-card-v4,
.logi-card-v4,
.review-card,
.tip-card,
.evt-card,
.contact-card,
.form-card,
.team-card,
.qf-card,
.w-card,
.svc-card-w,
.box-card,
.write-panel-inner,
.live-stat,
.intro-sect,
.v4-feat,
.guide-item,
.agree-item,
.file-up,
.ab-section,
.ab-principle,
.faq-item,
.feed-item,
.post-card,
.hero-card,
.form-panel,
.legacy-case,
.legal-card,
.legal-header-inner {
  border: 1px solid rgba(194,210,239,.66) !important;
  border-radius: var(--clay-radius) !important;
  background: var(--clay-white) !important;
  box-shadow: var(--clay-shadow-sm) !important;
}
.tier-card-v4,
.price-card-v4,
.clean-card-v4,
.logi-card-v4,
.review-card,
.tip-card,
.evt-card,
.contact-card,
.team-card,
.qf-svc-card,
.svc-card-w {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.tier-card-v4:hover,
.price-card-v4:hover,
.clean-card-v4:hover,
.logi-card-v4:hover,
.review-card:hover,
.tip-card:hover,
.evt-card:hover,
.contact-card:hover,
.team-card:hover,
.qf-svc-card:hover,
.svc-card-w:hover {
  transform: translateY(-4px);
  border-color: rgba(119,157,232,.72) !important;
  box-shadow: 0 20px 40px rgba(45,73,133,.14), inset 0 1px 0 #fff !important;
}
.faq-item:hover,
.feed-item:hover,
.post-card:hover,
.ab-principle:hover {
  transform: translateY(-2px);
  border-color: rgba(119,157,232,.62) !important;
  box-shadow: 0 16px 32px rgba(45,73,133,.12), inset 0 1px 0 #fff !important;
}
.tier-card-v4.featured,
.compare-featured,
.qf-svc-card.selected,
.team-card.selected,
.svc-card-w.selected {
  background: linear-gradient(145deg,#E4EEFF,#F8FBFF) !important;
  border-color: #8BAEF4 !important;
  box-shadow: 0 16px 34px rgba(59,111,232,.17), inset 0 1px 0 #fff !important;
}

/* The consultation guide is intentionally taller than its title card. */
.consultation-page .hero { align-items: start !important; }
.consultation-page .hero-card {
  min-height: 250px !important;
  background:
    radial-gradient(circle at 88% 22%, rgba(116,156,244,.2) 0 42px, transparent 43px),
    radial-gradient(circle at 80% 62%, rgba(191,224,255,.28) 0 68px, transparent 69px),
    linear-gradient(145deg,#FFFFFF,#F4F8FF) !important;
}

/* Moving comparison: desktop matrix + mobile summary cards */
.moving-theme .move-compare-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin: 30px 0 14px;
}
.moving-theme .move-compare-heading strong {
  display: block;
  color: var(--clay-ink);
  font-size: 18px;
  letter-spacing: -.35px;
}
.moving-theme .move-compare-heading > div:first-child > span {
  display: block;
  margin-top: 3px;
  color: var(--clay-muted);
  font-size: 12px;
}
.moving-theme .move-compare-legend { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 12px; color: #596980; font-size: 11px; }
.moving-theme .move-compare-legend span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.moving-theme .move-compare-legend b {
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
  font-size: 11px;
}
.moving-theme .legend-yes { color: #205AC9; background: #E8F0FF; }
.moving-theme .legend-partial { color: #9A5A08; background: #FFF1CF; }
.moving-theme .legend-no { color: #7B8798; background: #EEF1F5; }
.moving-theme .move-compare-wrap {
  margin-top: 0 !important;
  padding: 10px;
  border: 1px solid #DCE6F6 !important;
  border-radius: 24px !important;
  background: linear-gradient(145deg,#F8FAFF,#FFFFFF) !important;
  box-shadow: 0 14px 30px rgba(45,73,133,.1), inset 0 1px 0 #fff !important;
}
.moving-theme .move-compare-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  overflow: hidden;
}
.moving-theme .move-compare-table th,
.moving-theme .move-compare-table td {
  height: 48px;
  padding: 10px 9px !important;
  border-right: 1px solid #E4EAF4 !important;
  border-bottom: 1px solid #E4EAF4 !important;
}
.moving-theme .move-compare-table thead th {
  background: #243650 !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  letter-spacing: -.15px;
}
.moving-theme .move-compare-table thead th:first-child { background: #1B2A40 !important; }
.moving-theme .move-compare-table thead th.compare-featured {
  position: relative;
  background: linear-gradient(135deg,#3269E3,#5D8DF2) !important;
  color: #FFFFFF !important;
  border-color: rgba(255,255,255,.2) !important;
  box-shadow: none !important;
}
.moving-theme .move-compare-table tbody th.compare-group {
  width: 112px;
  border-radius: 0 !important;
  background: #EDF3FD !important;
  color: #2B4E84 !important;
  box-shadow: none !important;
  font-size: 12px !important;
}
.moving-theme .move-compare-table tbody th.compare-item {
  width: 92px;
  background: #FAFBFD !important;
  color: #596980 !important;
  font-size: 12px !important;
}
.moving-theme .move-compare-table tbody td { background: #FFFFFF !important; color: #42526A !important; }
.moving-theme .move-compare-table tbody td.compare-featured {
  background: #F1F6FF !important;
  border-color: #D6E3FB !important;
  box-shadow: inset 1px 0 0 rgba(75,125,236,.06), inset -1px 0 0 rgba(75,125,236,.06) !important;
}
.moving-theme .move-compare-table tbody tr:hover td:not(.compare-featured),
.moving-theme .move-compare-table tbody tr:hover th.compare-item { background: #F8FAFE !important; }
.moving-theme .move-compare-table td.compare-yes,
.moving-theme .move-compare-table td.compare-no,
.moving-theme .move-compare-table td.compare-partial { font-size: 0 !important; }
.moving-theme .move-compare-table td.compare-yes::before,
.moving-theme .move-compare-table td.compare-no::before,
.moving-theme .move-compare-table td.compare-partial::before {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 900;
}
.moving-theme .move-compare-table td.compare-yes::before { content: '✓'; color: #205AC9; background: #E8F0FF; }
.moving-theme .move-compare-table td.compare-no::before { content: '–'; color: #7B8798; background: #EEF1F5; }
.moving-theme .move-compare-table td.compare-partial::before { content: '△'; color: #9A5A08; background: #FFF1CF; }
.moving-theme .move-compare-table .compare-text { color: #52647D !important; font-size: 11px !important; }
.moving-theme .move-compare-mobile { display: none; }
.moving-theme .compare-note {
  position: relative;
  margin: 14px 0 0 !important;
  padding: 14px 16px 14px 54px;
  border: 1px solid #D9E5FA;
  border-radius: 16px;
  background: #F5F8FF;
  color: #586A83 !important;
  font-size: 11.5px !important;
  line-height: 1.7 !important;
}
.moving-theme .compare-note::before {
  content: 'i';
  position: absolute;
  left: 16px;
  top: 14px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #DDE9FF;
  color: #2F67DF;
  font-size: 13px;
  font-weight: 900;
}
.moving-theme .compare-note strong { color: #2A579F; margin-right: 5px; }

/* Cleaning theme: white reading surfaces with mint used only as an accent. */
body.cleaning-theme {
  --service-accent: #0E8376;
  --service-soft: #E9F8F5;
  background:
    radial-gradient(circle at 8% 5%, rgba(114,218,195,.16), transparent 26rem),
    linear-gradient(180deg,#F5FCFA 0%,#FFFFFF 34rem,#F8FCFB 100%) !important;
}
body.cleaning-theme #shared-top-bar { background: linear-gradient(110deg,#08766A,#0F8E7F,#2AA795) !important; }
body.cleaning-theme #shared-main-header .smh-nav li a:hover,
body.cleaning-theme #shared-main-header .smh-nav li a.active { color: #0A756A !important; background: #E7F7F3 !important; }
body.cleaning-theme .hero-sub .intro-hero {
  border-color: #CAE8E1 !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.94) 0 7%, transparent 26%),
    linear-gradient(145deg,#EAF8F5,#FFFFFF 56%,#F1FBF9) !important;
}
body.cleaning-theme .intro-hero::after { background: rgba(74,190,166,.13); }
body.cleaning-theme .intro-eb,
body.cleaning-theme .intro-sect-eb { color: #08766A !important; background: #E8F7F4 !important; }
body.cleaning-theme .intro-hero h1 span,
body.cleaning-theme .clean-sub-v4 { color: #0A7B6F !important; }
body.cleaning-theme .intro-sect { border-color: #D5EAE5 !important; }
body.cleaning-theme .clean-card-v4,
body.cleaning-theme .price-card-v4,
body.cleaning-theme .clean-card-v4:nth-child(n),
body.cleaning-theme .price-card-v4:nth-child(n) {
  border-color: #D7E9E5 !important;
  background: #FFFFFF !important;
  box-shadow: 0 10px 24px rgba(31,92,80,.08), inset 0 1px 0 #fff !important;
}
body.cleaning-theme .clean-card-v4 { overflow: hidden; }
body.cleaning-theme .clean-card-v4::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg,#0D8174,#55C6B0);
}
body.cleaning-theme .clean-card-v4:hover,
body.cleaning-theme .price-card-v4:hover { border-color: #75CDBD !important; box-shadow: 0 18px 34px rgba(31,92,80,.13), inset 0 1px 0 #fff !important; }
body.cleaning-theme .clean-desc-v4,
body.cleaning-theme .clean-name-v4,
body.cleaning-theme .pcr-svc,
body.cleaning-theme .pcr-price { color: #263B43 !important; }
body.cleaning-theme .clean-tag-v4 {
  color: #0B6C62 !important;
  border-color: #C9E9E2 !important;
  background: #EEF9F6 !important;
  box-shadow: none !important;
}
body.cleaning-theme .price-card-v4 .pch { background: linear-gradient(125deg,#123F3A,#176B61) !important; color: #FFFFFF !important; }
body.cleaning-theme .price-card-v4 .pch-ton { color: #FFFFFF !important; }
body.cleaning-theme .intro-cta-btn-v4,
body.cleaning-theme .qcta-primary,
body.cleaning-theme .qf-next,
body.cleaning-theme .qf-submit { background: linear-gradient(135deg,#08766A,#129786) !important; box-shadow: 0 12px 24px rgba(8,118,106,.24) !important; }
body.cleaning-theme .qcta-eyebrow { background: linear-gradient(120deg,#08766A,#1A9B89) !important; }
body.cleaning-theme .mobile-bottom-nav-v4 a.active { color: #08766A !important; }
body.cleaning-theme .mobile-bottom-nav-v4 a.active svg { background: #E7F7F3 !important; }
body.cleaning-theme .site-footer { background: linear-gradient(180deg,#F1FAF8,#E6F5F1) !important; border-top-color: #CFE8E2 !important; }

/* Logistics theme: neutral white cards with high-contrast coral accents. */
body.logistics-theme {
  --service-accent: #B84137;
  --service-soft: #FFF0ED;
  background:
    radial-gradient(circle at 8% 5%, rgba(244,149,132,.13), transparent 26rem),
    linear-gradient(180deg,#FFF8F6 0%,#FFFFFF 34rem,#FFFAF8 100%) !important;
}
body.logistics-theme #shared-top-bar { background: linear-gradient(110deg,#A9362D,#C84B40,#DA6B5E) !important; }
body.logistics-theme #shared-main-header .smh-nav li a:hover,
body.logistics-theme #shared-main-header .smh-nav li a.active { color: #B23D33 !important; background: #FFF0ED !important; }
body.logistics-theme .hero-sub .intro-hero {
  border-color: #F0D4CF !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(255,255,255,.94) 0 7%, transparent 26%),
    linear-gradient(145deg,#FFF0ED,#FFFFFF 56%,#FFF8F5) !important;
}
body.logistics-theme .intro-hero::after { background: rgba(221,99,82,.11); }
body.logistics-theme .intro-eb,
body.logistics-theme .intro-sect-eb { color: #B23D33 !important; background: #FFF0ED !important; }
body.logistics-theme .intro-hero h1 span,
body.logistics-theme .logi-sub-v4 { color: #B23D33 !important; }
body.logistics-theme .intro-sect { border-color: #EEDAD6 !important; }
body.logistics-theme .logi-card-v4,
body.logistics-theme .logi-card-v4:nth-child(n),
body.logistics-theme .logi-card-v4.b2b {
  border-color: #ECDAD6 !important;
  background: #FFFFFF !important;
  box-shadow: 0 10px 24px rgba(119,52,43,.08), inset 0 1px 0 #fff !important;
  overflow: hidden;
}
body.logistics-theme .logi-card-v4::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg,#B84137,#EC826F);
}
body.logistics-theme .logi-card-v4.b2b::before { background: linear-gradient(90deg,#A86610,#E4A33F); }
body.logistics-theme .logi-card-v4:hover { border-color: #E29A8F !important; box-shadow: 0 18px 34px rgba(119,52,43,.13), inset 0 1px 0 #fff !important; }
body.logistics-theme .logi-name-v4,
body.logistics-theme .logi-quote-v4,
body.logistics-theme .logi-list-v4 li { color: #313C4B !important; }
body.logistics-theme .logi-tag-v4 {
  color: #9E372F !important;
  border-color: #F0CEC8 !important;
  background: #FFF3F0 !important;
  box-shadow: none !important;
}
body.logistics-theme .logi-card-v4.b2b .logi-sub-v4,
body.logistics-theme .logi-card-v4.b2b .logi-tag-v4 { color: #82500B !important; }
body.logistics-theme .logi-card-v4.b2b .logi-tag-v4 { border-color: #EBD9B6 !important; background: #FFF8E9 !important; }
body.logistics-theme .vehicle-row-v4 { border: 1px solid #ECDAD6 !important; background: #FFFFFF !important; box-shadow: 0 8px 20px rgba(119,52,43,.06); }
body.logistics-theme .intro-cta-btn-v4,
body.logistics-theme .qcta-primary,
body.logistics-theme .w-next,
body.logistics-theme .w-submit { background: linear-gradient(135deg,#AE382F,#D25B4F) !important; box-shadow: 0 12px 24px rgba(174,56,47,.23) !important; }
body.logistics-theme .qcta-eyebrow { background: linear-gradient(120deg,#A9362D,#D05A4E) !important; }
body.logistics-theme .mobile-bottom-nav-v4 a.active { color: #B23D33 !important; }
body.logistics-theme .mobile-bottom-nav-v4 a.active svg { background: #FFF0ED !important; }
body.logistics-theme .site-footer { background: linear-gradient(180deg,#FFF6F3,#FBEAE6) !important; border-top-color: #EDD3CE !important; }

/* Inputs and controls */
input:not([type='checkbox']):not([type='radio']),
select,
textarea,
.address-search-input,
.search-input,
.input {
  border: 1px solid #C9D8F3 !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg,#F7FAFF,#FFFFFF) !important;
  box-shadow: inset 2px 3px 7px rgba(66,91,139,.07), inset -2px -2px 5px rgba(255,255,255,.9) !important;
  color: var(--clay-ink) !important;
  outline: none;
}
input:focus,
select:focus,
textarea:focus,
.address-search-input:focus,
.search-input:focus {
  border-color: #75A0F1 !important;
  box-shadow: 0 0 0 4px rgba(59,111,232,.11), inset 2px 3px 7px rgba(66,91,139,.05) !important;
}

/* Buttons, tabs and chips */
.btn,
.cta-button,
.intro-cta,
.write-btn,
.submit-btn,
.qf-next,
.qf-submit,
.next-btn,
.primary-btn,
button[type='submit'] {
  border: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg,#2F6AE8,#5B88EF) !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(59,111,232,.2), inset 0 1px 0 rgba(255,255,255,.28) !important;
  transition: transform .17s ease, box-shadow .17s ease !important;
}
.btn:hover,
.cta-button:hover,
.intro-cta:hover,
.write-btn:hover,
.submit-btn:hover,
.qf-next:hover,
.qf-submit:hover,
.next-btn:hover,
.primary-btn:hover,
button[type='submit']:hover { transform: translateY(-2px); box-shadow: 0 16px 28px rgba(59,111,232,.25) !important; }
.evt-tab,
.cat-chip,
.region-chip,
.pill,
.tag,
.svc-tag,
.clean-tag-v4,
.logi-tag-v4,
.fchip,
.fc-chip,
.eq-chip {
  border: 1px solid rgba(194,210,239,.68) !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg,#FFFFFF,#EFF5FF) !important;
  box-shadow: 0 5px 12px rgba(52,79,135,.07), inset 0 1px 0 #fff !important;
}
.evt-tab.active,
.evt-tab.on,
.cat-chip.active,
.cat-chip.on,
.region-chip.active,
.region-chip.on,
.pill.active,
.pill.on,
.tag.active,
.fchip.on,
.fchip.active {
  color: #fff !important;
  background: linear-gradient(135deg,#3B6FE8,#6590F1) !important;
  border-color: transparent !important;
}

/* Content pages: predictable card sizing and readable text flow. */
.content-page .wrap,
.content-page .page-hero,
.content-page .reviews-summary,
.content-page .filter-row,
.content-page .events-toolbar,
.content-page .evt-card,
.content-page .review-card,
.content-page .partner-hero,
.content-page .partner-hero-inner,
.content-page .partner-stats,
.content-page .progress-block,
.content-page .form-card,
.content-page .team-card,
.content-page .faq-item,
.content-page .faq-q,
.content-page .faq-a-inner,
.content-page .contact-block,
.content-page .contact-card,
.about-content-page .about-page,
.about-content-page .about-body,
.about-content-page .about-hero,
.about-content-page .ab-section,
.about-content-page .ab-statement,
.about-content-page .ab-principle {
  box-sizing: border-box;
  min-width: 0;
}
.content-page h1,
.content-page h2,
.content-page h3,
.content-page p,
.content-page dt,
.content-page dd,
.about-content-page .ab-tl-text,
.about-content-page .ab-signature {
  max-width: 100%;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.content-page .page-hero {
  padding: 32px 28px 28px !important;
  margin-bottom: 18px;
}
.content-page .page-hero h1 {
  margin: 0 0 9px;
  color: var(--clay-ink);
  font-size: clamp(25px, 4vw, 34px);
  line-height: 1.28;
  letter-spacing: -.8px;
}
.content-page .page-hero p { max-width: 590px; margin: 0; color: var(--clay-muted); line-height: 1.72; }
.content-page .page-hero::after,
.partner-page .partner-hero::after,
.about-content-page .about-hero::after { width: 140px; height: 140px; right: 16px; bottom: -74px; }

/* Company introduction */
.about-content-page .about-page { width: 100%; padding: 0 16px !important; }
.about-content-page .about-hero { width: 100%; margin-bottom: 18px; }
.about-content-page .about-body { padding: 0 24px 80px !important; gap: 16px; }
.about-content-page .ab-section { width: 100%; padding: clamp(24px,4vw,40px) !important; }
.about-content-page .ab-section > h2 { margin-bottom: 16px; font-size: clamp(21px,3vw,26px); line-height: 1.35; }
.about-content-page .ab-section p { color: #526177; font-size: 14px; line-height: 1.9; }
.about-content-page .ab-timeline { margin-top: 24px; padding-left: 22px; gap: 24px; }
.about-content-page .ab-tl-item {
  width: 100%;
  padding: 0 0 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.about-content-page .ab-tl-text { color: #526177; font-size: 13.5px; line-height: 1.85; }
.about-content-page .ab-statement { width: 100%; padding: 18px 20px; }
.about-content-page .ab-principles { grid-template-columns: repeat(3,minmax(0,1fr)); }
.about-content-page .ab-principle { padding: 20px 14px !important; }

/* Events and reviews */
.events-page .events-toolbar,
.reviews-page .filter-chips { min-width: 0; scroll-padding-inline: 14px; }
.events-page .events-toolbar { padding: 2px 2px 8px; }
.events-page .evt-grid { align-items: stretch; }
.events-page .evt-card { width: 100%; min-width: 0; }
.events-page .evt-body { min-width: 0; padding: 17px 18px 19px; }
.events-page .evt-title { font-size: 16px; line-height: 1.55; word-break: keep-all; overflow-wrap: anywhere; }
.events-page .evt-period { min-width: 0; flex-wrap: wrap; line-height: 1.5; }
.reviews-page .reviews-summary { padding: 20px; }
.reviews-page .summary-info { min-width: 0; }
.reviews-page .summary-total,
.reviews-page .summary-meta { line-height: 1.55; }
.reviews-page .filter-row { min-width: 0; }
.reviews-page .review-card { width: 100%; min-width: 0; padding: 20px; }
.reviews-page .review-text { color: #46566D; line-height: 1.85; word-break: keep-all; overflow-wrap: anywhere; }

/* Partner application */
.partner-page .partner-hero {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto 18px;
  padding: 0 !important;
}
.partner-page .partner-hero-inner { width: 100%; max-width: 760px; padding: 42px 34px 34px; }
.partner-page .partner-hero h1 { margin: 0 0 12px; font-size: clamp(28px,4vw,38px); line-height: 1.28; }
.partner-page .partner-hero p { margin: 0; max-width: 620px; color: #5C6D84 !important; font-size: 14px; line-height: 1.75; }
.partner-page .partner-stats {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0 !important;
  width: min(100%,620px);
  padding: 10px !important;
}
.partner-page .partner-stats > div { min-width: 0; padding: 8px 12px; text-align: center; }
.partner-page .partner-stats > div + div { border-left: 1px solid #DDE6F4; }
.partner-page .partner-stat-num { color: #2F67DF !important; font-size: clamp(19px,3vw,24px); white-space: nowrap; }
.partner-page .partner-stat-num small { font-size: 11px; white-space: nowrap; }
.partner-page .partner-stat-lbl { margin-top: 2px; color: #708097 !important; line-height: 1.4; }
.partner-page .progress-block { width: 100%; margin: 0 0 12px; padding: 16px 18px !important; }
.partner-page .prog-bar,
.partner-page .prog-labels { width: 100%; max-width: none; }
.partner-page .prog-lbl { min-width: 0; text-align: center; line-height: 1.35; word-break: keep-all; overflow-wrap: anywhere; }
.partner-page .form-card { width: 100%; padding: 26px !important; }
.partner-page .team-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.partner-page .team-card { width: 100%; min-width: 0; padding: 20px 18px !important; }
.partner-page .team-desc { color: #69788D; font-size: 12px; line-height: 1.65; }

/* Support */
.support-page .search-wrap { box-sizing: border-box; width: 100%; }
.support-page .search-input { box-sizing: border-box; min-width: 0; }
.support-page .faq-q { width: 100%; min-width: 0; }
.support-page .faq-q-text { min-width: 0; line-height: 1.65; word-break: keep-all; overflow-wrap: anywhere; }
.support-page .faq-a-inner { color: #526177; line-height: 1.85; word-break: keep-all; overflow-wrap: anywhere; }
.support-page .contact-block {
  width: 100%;
  border: 1px solid rgba(194,210,239,.66);
  background: rgba(255,255,255,.86) !important;
  box-shadow: var(--clay-shadow-sm);
}
.support-page .contact-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.support-page .contact-card { width: 100%; min-width: 0; }
.support-page .contact-card-meta { min-width: 0; }
.support-page .contact-card-name,
.support-page .contact-card-desc { white-space: normal; line-height: 1.5; overflow-wrap: anywhere; }

/* Moving tips */
.tips-page .search-wrap,
.tips-page .search-input,
.tips-page .tips-filters,
.tips-page .cat-chips,
.tips-page .tip-featured,
.tips-page .tip-featured-body,
.tips-page .tip-grid,
.tips-page .tip-card,
.tips-page .tip-body,
.tips-page .popular-tags,
.tips-page .tips-cta,
.tips-page .tips-cta-text { box-sizing: border-box; min-width: 0; }
.tips-page .search-wrap { width: 100%; }
.tips-page .search-input { min-width: 0; box-sizing: border-box; }
.tips-page .tips-filters { min-width: 0; align-items: flex-start; }
.tips-page .cat-chips { min-width: 0; scroll-padding-inline: 8px; }
.tips-page .tip-featured {
  width: 100%;
  border-color: #D6E2F5 !important;
  border-radius: 24px !important;
  background: #FFFFFF !important;
  box-shadow: var(--clay-shadow-sm);
}
.tips-page .tip-featured-body { padding: 24px; }
.tips-page .tip-featured-title,
.tips-page .tip-featured-summary,
.tips-page .tip-title,
.tips-page .tip-summary { word-break: keep-all; overflow-wrap: anywhere; }
.tips-page .tip-featured-title { color: #1C2D46; line-height: 1.5; }
.tips-page .tip-featured-summary { color: #5A6A80; line-height: 1.75; }
.tips-page .tip-grid { align-items: stretch; }
.tips-page .tip-card { width: 100%; min-width: 0; }
.tips-page .tip-body { padding: 17px 18px 19px; }
.tips-page .tip-title { color: #1F3049; font-size: 16px; line-height: 1.55; }
.tips-page .tip-summary { color: #5B6A7F; line-height: 1.75; }
.tips-page .tip-cat-row,
.tips-page .tip-featured-meta,
.tips-page .tip-foot,
.tips-page .tip-foot-meta { min-width: 0; flex-wrap: wrap; }
.tips-page .tips-cta {
  width: 100%;
  padding: 26px 24px !important;
  border: 1px solid #547FD8 !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 92% 15%, rgba(255,255,255,.13), transparent 120px),
    linear-gradient(135deg,#183A72,#2F67D8) !important;
  color: #FFFFFF !important;
  box-shadow: 0 16px 32px rgba(34,73,148,.22), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.tips-page .tips-cta-title { color: #FFFFFF !important; font-size: 18px; }
.tips-page .tips-cta-sub { color: rgba(255,255,255,.82) !important; line-height: 1.7; }
.tips-page .tips-cta-btn {
  border: 1px solid rgba(255,255,255,.7);
  background: #FFFFFF !important;
  color: #245BC7 !important;
  box-shadow: 0 10px 22px rgba(14,40,91,.2);
}

.reviews-summary,
.live-bar,
.progress-block,
.toolbar,
.search-wrap,
.tips-cta,
.partner-stats {
  border: 1px solid rgba(194,210,239,.64) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: var(--clay-shadow-sm) !important;
}
.search-wrap { padding: 4px; }
.faq-q { border-radius: 20px !important; }
.feed-page-btn,
.pager-btn,
.cal-nav-btn,
.write-close,
.search-clear {
  border-radius: 12px !important;
  background: linear-gradient(145deg,#FFFFFF,#EDF3FF) !important;
  border: 1px solid rgba(194,210,239,.7) !important;
  box-shadow: var(--clay-shadow-sm) !important;
}

/* Legal pages */
.legal-header { background: rgba(255,255,255,.9) !important; border-bottom-color: rgba(194,210,239,.64) !important; backdrop-filter: blur(16px); }
.legal-card { padding: clamp(22px,4vw,48px) !important; }
.legal-home { border-radius: 14px !important; background: linear-gradient(145deg,#FFFFFF,#EDF3FF) !important; box-shadow: var(--clay-shadow-sm); }
.back-to-top { border-radius: 16px !important; background: linear-gradient(135deg,#2F6AE8,#5B88EF) !important; box-shadow: var(--clay-shadow) !important; }

/* Tables and comparison blocks */
.move-compare-wrap,
.comparison-table,
table {
  border-radius: 20px !important;
  overflow: hidden;
  box-shadow: var(--clay-shadow-sm);
}
th { background: #EAF2FF !important; }
td, th { border-color: rgba(195,210,237,.62) !important; }

/* Floating CTA */
.cta-button-container.intro-cta-wrap {
  width: min(380px, calc(100vw - 48px)) !important;
  bottom: 24px !important;
  box-sizing: border-box !important;
}
.cta-button-container.intro-cta-wrap .intro-cta-btn-v4 {
  min-height: 52px;
  padding: 14px 18px !important;
  font-size: 14px !important;
}
.quick-cta {
  border: 1px solid rgba(190,207,238,.72) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.93) !important;
  box-shadow: 0 20px 42px rgba(42,69,128,.17), inset 0 1px 0 #fff !important;
  backdrop-filter: blur(16px);
}
.qcta-eyebrow { background: linear-gradient(120deg,#346DE6,#6891EF) !important; }
.qcta-primary { border-radius: 15px !important; background: linear-gradient(135deg,#2F6AE8,#5B88EF) !important; box-shadow: var(--clay-shadow-sm); }
.qcta-toggle { box-shadow: var(--clay-shadow) !important; }

/* Footer */
.site-footer,
footer.footer,
.footer {
  border-top: 1px solid rgba(195,210,237,.6) !important;
  background: linear-gradient(180deg,#F4F8FF,#EAF2FF) !important;
}

/* Responsive safety */
@media (max-width: 899px) {
  #shared-top-bar { display: flex !important; height: 30px !important; }
  #shared-main-header { top: 30px !important; }
  body { padding-top: 94px !important; }
  .page-hero,
  .about-hero,
  .partner-hero,
  .intro-hero,
  .hero-sub .intro-hero { border-radius: 22px !important; }
  .tier-card-v4,
  .price-card-v4,
  .clean-card-v4,
  .logi-card-v4,
  .review-card,
  .tip-card,
  .evt-card,
  .contact-card,
  .form-card,
  .qf-card,
  .w-card { border-radius: 20px !important; }
  .wrap,
  .v4-wrap,
  .intro-wrap,
  main { max-width: 100%; }
  img, video, iframe, table { max-width: 100%; }
  .quick-cta,
  .qcta-toggle,
  .qcta-toggle.show { display: none !important; }
  .mobile-bottom-nav-v4 a span { white-space: nowrap; overflow-wrap: normal; word-break: keep-all; }
  .cta-button-container.intro-cta-wrap {
    left: 50% !important;
    right: auto !important;
    bottom: 72px !important;
    width: min(220px, calc(100% - 112px)) !important;
    transform: translateX(-50%) !important;
  }
  .cta-button-container.intro-cta-wrap .intro-cta-btn-v4 {
    min-height: 48px;
    padding: 12px 16px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 700px) {
  .content-page .wrap { width: 100%; padding-left: 14px; padding-right: 14px; }
  .content-page .page-hero { padding: 24px 20px 22px !important; }
  .content-page .page-hero h1 { font-size: 26px; line-height: 1.32; }
  .content-page .page-hero p { font-size: 13px; line-height: 1.75; }

  .about-content-page .about-page { padding: 0 14px !important; }
  .about-content-page .about-hero { padding: 42px 20px !important; }
  .about-content-page .about-hero h1 { font-size: 29px !important; line-height: 1.3; }
  .about-content-page .about-hero p { font-size: 16px !important; line-height: 1.7; }
  .about-content-page .about-body { padding: 0 0 78px !important; gap: 12px; }
  .about-content-page .ab-section { padding: 22px 20px !important; }
  .about-content-page .ab-section > h2 { font-size: 21px; }
  .about-content-page .ab-section p,
  .about-content-page .ab-tl-text { font-size: 13.5px; line-height: 1.85; }
  .about-content-page .ab-timeline { padding-left: 19px; }
  .about-content-page .ab-principles { grid-template-columns: 1fr; }

  .events-page .events-toolbar { margin-left: 0; margin-right: 0; }
  .events-page .events-toolbar { gap: 5px; justify-content: space-between; }
  .events-page .evt-tab { flex: 0 0 auto; padding: 8px 10px !important; font-size: 11.5px; }
  .events-page .evt-body { padding: 16px; }
  .reviews-page .reviews-summary { display: grid; grid-template-columns: 82px minmax(0,1fr); gap: 14px; padding: 17px; }
  .reviews-page .summary-score { font-size: 31px; }
  .reviews-page .filter-row { flex-wrap: nowrap; align-items: stretch; }
  .reviews-page .filter-chips { flex: 1 1 auto; }
  .reviews-page .write-btn { min-width: fit-content; padding: 8px 12px !important; }
  .reviews-page .review-card { padding: 17px; }

  .partner-page .partner-hero { width: calc(100% - 28px); }
  .partner-page .partner-hero-inner { padding: 30px 20px 24px; }
  .partner-page .partner-hero h1 { font-size: 27px; line-height: 1.32; }
  .partner-page .partner-hero p { font-size: 12.5px; line-height: 1.75; }
  .partner-page .partner-stats { margin-top: 18px; padding: 7px !important; }
  .partner-page .partner-stats > div { padding: 7px 4px; }
  .partner-page .partner-stat-num { font-size: 19px; }
  .partner-page .partner-stat-num small { display: inline; font-size: 9px; }
  .partner-page .partner-stat-lbl { font-size: 9.5px; }
  .partner-page .progress-block { padding: 14px 10px !important; overflow: hidden; }
  .partner-page .prog-lbl { font-size: 9px; letter-spacing: -.45px; }
  .partner-page .form-card { padding: 20px 16px !important; }
  .partner-page .step-title { font-size: 17px; line-height: 1.45; }
  .partner-page .step-sub { font-size: 12.5px; line-height: 1.7; }
  .partner-page .team-grid { grid-template-columns: 1fr; }

  .support-page .faq-q { gap: 8px; padding: 14px 13px; }
  .support-page .faq-q-mark { width: 15px; }
  .support-page .faq-q-text { font-size: 13px; }
  .support-page .faq-q-cat { display: none; }
  .support-page .faq-a-inner { padding: 0 16px 17px 36px; font-size: 12.5px; }
  .support-page .contact-block { padding: 20px 16px; }
  .support-page .contact-grid { grid-template-columns: 1fr; }

  .tips-page .tips-filters { flex-direction: column; align-items: stretch; gap: 8px; }
  .tips-page .cat-chips { width: 100%; flex: none; flex-wrap: wrap; gap: 6px; overflow: visible; padding-bottom: 0; }
  .tips-page .cat-chip { padding: 7px 10px !important; font-size: 11.5px; }
  .tips-page .sort-select { align-self: flex-end; min-width: 88px; }
  .tips-page .tip-featured-body { padding: 19px 18px; }
  .tips-page .tip-featured-title { font-size: 18px; }
  .tips-page .tip-body { padding: 16px; }
  .tips-page .tips-cta { display: grid; gap: 16px; padding: 22px 20px !important; }
  .tips-page .tips-cta-text { width: 100%; }
  .tips-page .tips-cta-title { font-size: 17px; }
  .tips-page .tips-cta-btn { width: 100%; justify-content: center; padding: 12px 16px; }
}

/* 2026-08 refined cleaning & logistics landing pages */
body.cleaning-theme {
  --landing-accent: #0b7d70;
  --landing-accent-strong: #075f57;
  --landing-soft: #edf8f6;
  --landing-line: #d8eae6;
  --landing-glow: rgba(11, 125, 112, .12);
}

body.logistics-theme {
  --landing-accent: #b7463c;
  --landing-accent-strong: #8f3029;
  --landing-soft: #fff3f1;
  --landing-line: #eedbd8;
  --landing-glow: rgba(183, 70, 60, .11);
}

body.cleaning-theme .service-intro,
body.logistics-theme .service-intro {
  padding-bottom: 150px;
}

@media (min-width: 900px) {
  body.cleaning-theme .cta-button-container.intro-cta-wrap,
  body.logistics-theme .cta-button-container.intro-cta-wrap {
    width: 320px !important;
    max-width: 320px !important;
  }
}

body.cleaning-theme .hero-sub,
body.logistics-theme .hero-sub {
  padding: 48px 24px 18px !important;
  background: transparent !important;
}

body.cleaning-theme .hero-sub .intro-hero,
body.logistics-theme .hero-sub .intro-hero {
  position: relative;
  display: flex;
  min-height: 330px;
  max-width: 1120px;
  margin: 0 auto;
  padding: 62px 66px !important;
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  text-align: left;
  border: 1px solid var(--landing-line) !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 88% 30%, var(--landing-glow) 0 12%, transparent 12.5%),
    radial-gradient(circle at 88% 30%, transparent 0 20%, var(--landing-glow) 20.5% 21%, transparent 21.5%),
    linear-gradient(125deg, var(--landing-soft), #fff 62%) !important;
  box-shadow: 0 24px 70px rgba(31, 42, 61, .08) !important;
}

body.cleaning-theme .intro-hero::after,
body.logistics-theme .intro-hero::after {
  right: 7%;
  bottom: -100px;
  width: 260px;
  height: 260px;
  border: 42px solid rgba(255, 255, 255, .58);
  border-radius: 50%;
  background: transparent !important;
}

body.cleaning-theme .intro-hero h1,
body.logistics-theme .intro-hero h1 {
  max-width: 680px;
  margin: 0 0 16px;
  font-size: clamp(38px, 4.2vw, 54px) !important;
  font-weight: 780 !important;
  line-height: 1.13 !important;
  letter-spacing: -.052em !important;
}

body.cleaning-theme .intro-hero p,
body.logistics-theme .intro-hero p {
  max-width: 650px;
  color: #596270 !important;
  font-size: 16px !important;
  line-height: 1.7;
}

body.cleaning-theme .intro-eb,
body.logistics-theme .intro-eb,
body.cleaning-theme .intro-sect-eb,
body.logistics-theme .intro-sect-eb {
  padding: 6px 10px !important;
  border: 1px solid var(--landing-line);
  background: var(--landing-soft) !important;
  color: var(--landing-accent) !important;
  box-shadow: none !important;
  letter-spacing: .08em;
}

body.cleaning-theme .service-intro > .intro-sect,
body.logistics-theme .service-intro > .intro-sect {
  max-width: 1120px;
  margin: 0 auto;
  padding: 72px 32px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.cleaning-theme .service-intro > .intro-sect:nth-child(2),
body.logistics-theme .service-intro > .intro-sect:nth-child(2) {
  padding: 46px 42px !important;
  border-radius: 28px !important;
  background: #f5f7fa !important;
}

body.cleaning-theme .intro-sect-head,
body.logistics-theme .intro-sect-head {
  max-width: 760px;
  margin-bottom: 30px;
}

body.cleaning-theme .intro-sect-title,
body.logistics-theme .intro-sect-title {
  margin-top: 11px;
  color: #171b22 !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 760 !important;
  line-height: 1.22;
  letter-spacing: -.045em !important;
  word-break: keep-all;
}

body.cleaning-theme .intro-sect-sub,
body.logistics-theme .intro-sect-sub {
  margin-top: 10px;
  color: #68717d;
  font-size: 15px;
}

body.cleaning-theme .clean-grid-v4 {
  gap: 18px;
}

body.cleaning-theme .clean-card-v4,
body.logistics-theme .logi-card-v4,
body.logistics-theme .logi-card-v4.b2b {
  padding: 26px 24px !important;
  border: 1px solid #e3e8ee !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgba(24, 35, 55, .055) !important;
}

body.cleaning-theme .clean-card-v4::before,
body.logistics-theme .logi-card-v4::before,
body.logistics-theme .logi-card-v4.b2b::before {
  inset: 0 24px auto !important;
  height: 3px !important;
  border-radius: 0 0 8px 8px;
  background: var(--landing-accent) !important;
}

body.cleaning-theme .clean-card-v4:hover,
body.logistics-theme .logi-card-v4:hover {
  border-color: var(--landing-line) !important;
  box-shadow: 0 18px 42px rgba(24, 35, 55, .09) !important;
  transform: translateY(-3px);
}

body.cleaning-theme .clean-num-v4,
body.logistics-theme .logi-num-v4 {
  width: fit-content;
  padding: 5px 8px;
  border-radius: 8px;
  background: var(--landing-soft);
  color: var(--landing-accent) !important;
  font-size: 10px;
}

body.cleaning-theme .clean-name-v4,
body.logistics-theme .logi-name-v4 {
  color: #1c222b !important;
  font-size: 20px;
  font-weight: 740;
  letter-spacing: -.035em;
}

body.cleaning-theme .clean-sub-v4,
body.logistics-theme .logi-sub-v4,
body.logistics-theme .logi-card-v4.b2b .logi-sub-v4 {
  color: var(--landing-accent) !important;
  font-size: 12px;
}

body.cleaning-theme .clean-desc-v4 {
  padding: 4px 0 8px;
  border: 0;
  color: #68717d !important;
  font-size: 13px;
}

body.logistics-theme .logi-quote-v4 {
  margin: 0;
  padding: 13px 14px;
  border: 0;
  border-radius: 12px;
  background: #f7f8fa;
  color: #616a76 !important;
  font-style: normal;
}

body.logistics-theme .logi-list-v4 {
  margin: 4px 0 8px;
  gap: 7px;
}

body.cleaning-theme .clean-tag-v4,
body.logistics-theme .logi-tag-v4,
body.logistics-theme .logi-card-v4.b2b .logi-tag-v4 {
  padding: 5px 8px;
  border: 1px solid var(--landing-line) !important;
  border-radius: 999px;
  background: var(--landing-soft) !important;
  color: var(--landing-accent) !important;
}

body.logistics-theme .seg-row-v4 {
  max-width: 520px;
  gap: 10px;
  margin-bottom: 22px;
}

body.logistics-theme .seg-chip-v4,
body.logistics-theme .seg-chip-v4.b2c,
body.logistics-theme .seg-chip-v4.b2b {
  padding: 12px 16px;
  border: 1px solid var(--landing-line);
  border-radius: 14px;
  background: #fff;
  color: #67717d;
}

body.logistics-theme .seg-chip-v4 b,
body.logistics-theme .seg-chip-v4.b2c b,
body.logistics-theme .seg-chip-v4.b2b b {
  color: var(--landing-accent);
}

body.cleaning-theme .price-grid-v4,
body.logistics-theme .price-grid-v4 {
  gap: 14px;
}

body.cleaning-theme .price-card-v4,
body.logistics-theme .price-card-v4 {
  border: 1px solid #e2e7ed !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.cleaning-theme .price-card-v4 .pch,
body.logistics-theme .price-card-v4 .pch {
  padding: 17px 18px !important;
  border-bottom: 1px solid #e8ebef;
  background: #fff !important;
}

body.cleaning-theme .price-card-v4 .pch-ton,
body.logistics-theme .price-card-v4 .pch-ton {
  color: #252c36 !important;
  font-size: 15px;
  font-weight: 720;
}

body.cleaning-theme .price-card-v4 .pch-ton::before,
body.logistics-theme .price-card-v4 .pch-ton::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--landing-accent);
}

body.cleaning-theme .price-card-v4 .pcr-price,
body.logistics-theme .price-card-v4 .pcr-price {
  color: var(--landing-accent) !important;
  font-weight: 740;
}

body.cleaning-theme .price-note-v4,
body.logistics-theme .price-guide-note-v5 {
  border: 0 !important;
  background: transparent !important;
  color: #7d8692;
  text-align: left;
  box-shadow: none !important;
}

body.cleaning-theme .intro-reviews-v4 .review-card,
body.logistics-theme .intro-reviews-v4 .review-card {
  min-height: 126px;
  padding: 22px !important;
  border: 1px solid #e3e8ee !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(24, 35, 55, .045) !important;
}

/* Agreement rows are controls, not standalone cards. */
body.logistics-theme.quote-mode .agree-section {
  padding: 18px !important;
}

body.logistics-theme.quote-mode .agree-all {
  width: 100%;
  padding: 0 0 15px !important;
  margin: 0 !important;
  box-sizing: border-box;
}

body.logistics-theme.quote-mode .agree-items {
  gap: 0;
}

body.logistics-theme.quote-mode .agree-item {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 18px;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 11px 0 !important;
  box-sizing: border-box;
  gap: 11px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.logistics-theme.quote-mode .agree-item + .agree-item {
  border-top: 1px solid #e4e9ef !important;
}

body.logistics-theme.quote-mode .agree-box {
  width: 18px;
  height: 18px;
  margin: 0;
  box-sizing: border-box;
  justify-self: start;
}

body.logistics-theme.quote-mode .agree-item-lbl {
  min-width: 0;
  line-height: 1.45;
  text-align: left;
}

body.logistics-theme.quote-mode .agree-arrow {
  justify-self: end;
}

@media (max-width: 899px) {
  body.cleaning-theme .hero-sub,
  body.logistics-theme .hero-sub {
    padding: 20px 14px 8px !important;
  }

  body.cleaning-theme .hero-sub .intro-hero,
  body.logistics-theme .hero-sub .intro-hero {
    min-height: 280px;
    padding: 38px 28px !important;
    border-radius: 24px !important;
  }

  body.cleaning-theme .intro-hero h1,
  body.logistics-theme .intro-hero h1 {
    font-size: clamp(32px, 9vw, 42px) !important;
  }

  body.cleaning-theme .service-intro > .intro-sect,
  body.logistics-theme .service-intro > .intro-sect {
    padding: 52px 18px !important;
  }

  body.cleaning-theme .service-intro > .intro-sect:nth-child(2),
  body.logistics-theme .service-intro > .intro-sect:nth-child(2) {
    margin: 0 14px;
    padding: 32px 18px !important;
    border-radius: 22px !important;
  }
}

@media (max-width: 639px) {
  body.cleaning-theme .intro-hero h1,
  body.logistics-theme .intro-hero h1 {
    font-size: 31px !important;
  }

  body.cleaning-theme .intro-hero p,
  body.logistics-theme .intro-hero p {
    font-size: 14px !important;
  }

  body.cleaning-theme .intro-sect-title,
  body.logistics-theme .intro-sect-title {
    font-size: 27px !important;
  }

  body.cleaning-theme .clean-card-v4,
  body.logistics-theme .logi-card-v4,
  body.logistics-theme .logi-card-v4.b2b {
    padding: 23px 20px !important;
  }

  body.logistics-theme.quote-mode .agree-section {
    padding: 16px !important;
  }
}

@media (max-width: 639px) {
  .moving-theme .move-compare-heading { margin: 24px 0 12px; align-items: flex-start; }
  .moving-theme .move-compare-heading strong { font-size: 17px; }
  .moving-theme .move-compare-legend { display: none; }
  .moving-theme .move-compare-wrap { display: none; }
  .moving-theme .move-compare-mobile { display: grid; gap: 10px; }
  .moving-theme .move-scope-card {
    position: relative;
    overflow: hidden;
    padding: 18px;
    border: 1px solid #DCE5F4;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0 9px 22px rgba(49,76,135,.08), inset 0 1px 0 #fff;
  }
  .moving-theme .move-scope-card.featured {
    border-color: #91AFF0;
    background: linear-gradient(145deg,#EDF3FF,#FFFFFF 64%);
    box-shadow: 0 14px 28px rgba(59,111,232,.14), inset 0 1px 0 #fff;
  }
  .moving-theme .move-scope-card.featured::after {
    content: '추천';
    position: absolute;
    top: 14px;
    right: 14px;
    padding: 5px 9px;
    border-radius: 999px;
    background: #3269E3;
    color: #FFFFFF;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
  }
  .moving-theme .move-scope-head { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 9px; margin-bottom: 14px; }
  .moving-theme .move-scope-step {
    grid-row: 1 / span 2;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #E9F1FF;
    color: #3269E3;
    font-size: 10px;
    font-weight: 900;
  }
  .moving-theme .move-scope-head h3 { margin: 0; color: #1C2D46; font-size: 16px; letter-spacing: -.25px; }
  .moving-theme .move-scope-head em { color: #7A879A; font-size: 10.5px; font-style: normal; }
  .moving-theme .move-scope-card dl { margin: 0; display: grid; }
  .moving-theme .move-scope-card dl > div { display: grid; grid-template-columns: 82px 1fr; gap: 10px; padding: 10px 0; border-top: 1px solid #EDF1F7; }
  .moving-theme .move-scope-card dt { color: #748299; font-size: 11.5px; font-weight: 700; }
  .moving-theme .move-scope-card dd { margin: 0; color: #3D4D63; font-size: 11.5px; font-weight: 700; text-align: right; line-height: 1.5; }
  .moving-theme .move-scope-card .scope-yes { color: #205AC9; }
  .moving-theme .move-scope-card .scope-partial { color: #94600D; }
  .moving-theme .move-scope-card .scope-none { color: #9AA5B4; }
  .moving-theme .compare-note { padding: 13px 14px 13px 48px; }
  .moving-theme .compare-note::before { left: 14px; top: 13px; }
}

@media (max-width: 420px) {
  #shared-main-header .smh-phone { font-size: 11px; width: auto; height: 38px; padding: 0 9px; gap: 4px; justify-content: center; letter-spacing: -.35px; }
  #shared-main-header .smh-phone svg { width: 17px; height: 17px; }
  .mobile-drawer { width: calc(100% - 8px); max-width: calc(100% - 8px); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}