/* One Home Care — quiet, practical, photography-led brand design.
   data-ui hooks are added by tools/design-upgrade.cjs. Original React handlers stay intact. */
:root { --ink:#203a34; --muted:#68736d; --paper:#f5f4ef; --line:#dce1d9; --green:#245747; --white:#fff; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; background:var(--paper); color:var(--ink); -webkit-font-smoothing:antialiased; }
[data-ui="home"] { font-family:'Noto Sans KR',sans-serif!important; background:var(--paper)!important; color:var(--ink); padding-bottom:72px; }
[data-ui="home"] *, [data-ui] { text-shadow:none!important; -webkit-text-stroke:0!important; }
[data-ui="home"] :is(h1,h2,h3,p) { word-break:keep-all; overflow-wrap:break-word; }
[data-ui="home"] :is(h1,h2,h3) { letter-spacing:-.055em; }
[data-ui="home"] :is(a,button) { -webkit-tap-highlight-color:transparent; }
[data-ui="home"] :is(a,button,input,textarea):focus-visible { outline:3px solid #a07942; outline-offset:4px; }
[data-ui="home"] :is(button,a) { box-shadow:none!important; text-decoration:none; }
[data-ui="home"] button { cursor:pointer; }
[data-ui="home"] :is(a,button):hover, [data-ui="home"] :is(a,button):active { box-shadow:none!important; filter:none!important; transform:none!important; }
[data-ui="home"] :is(a,button)::before, [data-ui="home"] :is(a,button)::after { box-shadow:none!important; filter:none!important; }
[data-ui="home"] > section { padding:88px 32px!important; background:var(--paper)!important; border:0!important; color:var(--ink)!important; }
[data-ui="home"] > section:nth-of-type(even) { background:#fff!important; }
[data-ui="home"] > section > [class*="max-w-"] { max-width:1120px!important; margin-left:auto; margin-right:auto; }
[data-ui="home"] section :is(h2,h3,p,span) { color:inherit; }
[data-ui="home"] h2 { font-size:clamp(26px,3.1vw,38px)!important; line-height:1.35!important; font-weight:700!important; color:var(--ink)!important; margin-bottom:20px!important; white-space:normal!important; }
[data-ui="home"] h2 span { color:inherit!important; }
[data-ui="home"] h3 { font-weight:700!important; font-size:19px!important; line-height:1.5; }
[data-ui="home"] section p { line-height:1.8; }
[data-ui="home"] section :is(.text-gray-400,.text-gray-300,.text-gray-500,.text-blue-300,.text-blue-200) { color:var(--muted)!important; }
[data-ui="home"] section :is(.text-white,.text-blue-700,.text-cyan-300) { color:var(--ink); }
[data-ui="home"] [class*="rounded"] { border-radius:4px; }
[data-ui="home"] [class*="hero-anim"] { animation:none!important; opacity:1!important; transform:none!important; }

/* Navigation */
[data-ui="nav"] { height:80px!important; background:rgba(245,244,239,.97)!important; color:var(--ink)!important; border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
[data-ui="h497"] { max-width:1240px; padding:0 40px; }
[data-ui="brand"] { font-size:21px!important; letter-spacing:-.06em; font-weight:800!important; color:var(--ink)!important; display:flex; align-items:center; gap:11px; }
[data-ui="brand"]::before { content:'1'; display:grid; place-items:center; width:30px; height:33px; background:var(--green); color:#fff; font-family:Georgia,serif; font-weight:400; font-size:27px; border-radius:14px 14px 2px 2px; }
[data-ui="h501"], [data-ui="h506"] { color:var(--ink)!important; }
[data-ui="h499"] { gap:36px; }
[data-ui="h501"] { font-weight:500; }
[data-ui="h501"]:hover { color:#8b6b3e!important; }
[data-ui="nav-spacer"] { height:80px!important; }
[data-ui="nav"] > div:not([data-ui="h497"]) { background:var(--paper)!important; border-color:var(--line)!important; }
[data-ui="nav"] a { color:var(--ink)!important; }

/* Hero: copy and a real job photograph, with no decorative backdrop. */
[data-ui="home"] > [data-ui="hero"] { min-height:0!important; padding:62px 40px 68px!important; background:var(--paper)!important; overflow:hidden; }
[data-ui="hero"] > :is(img,.absolute) { display:none!important; }
[data-ui="hero-layout"] { padding:0!important; min-height:0!important; max-width:1160px; margin:auto; display:grid!important; grid-template-columns:1.08fr 1fr; gap:72px!important; align-items:center!important; }
[data-ui="hero-copy"] { width:100%!important; padding:12px 0; }
[data-ui="hero-eyebrow"] { gap:0!important; margin-bottom:26px!important; }
[data-ui="hero-eyebrow"] > span { display:none; }
[data-ui="hero-eyebrow"] > span:first-child { display:block; background:none!important; border:0!important; padding:0; color:var(--green)!important; font-size:12px!important; letter-spacing:.06em; font-weight:600!important; }
[data-ui="hero-eyebrow"] > span:first-child::before { content:''; display:inline-block; width:6px; height:6px; background:#8d9c77; margin-right:9px; vertical-align:middle; border-radius:50%; }
[data-ui="hero-heading"] { margin-bottom:26px!important; }
[data-ui="hero-title"], [data-ui="hero-title-accent"] { font-size:clamp(30px,4.2vw,53px)!important; color:var(--ink)!important; font-weight:700!important; white-space:normal!important; line-height:1.32!important; letter-spacing:-.065em!important; }
[data-ui="hero-title-accent"] { color:var(--green)!important; }
[data-ui="hero-description"] { color:var(--ink)!important; font-size:15px!important; font-weight:500!important; margin-bottom:8px!important; }
[data-ui="hero-location"] { color:var(--muted)!important; font-size:13px!important; font-weight:400!important; }
[data-ui="hero-detail"] { color:var(--muted)!important; font-size:12px!important; font-weight:400!important; max-width:420px; margin-top:6px; }
[data-ui="hero-checks"] { margin:14px 0 28px!important; gap:7px 18px!important; max-width:370px; }
[data-ui="h581"] { font-size:12px!important; color:var(--muted)!important; font-weight:400!important; }
[data-ui="h582"] { color:var(--green)!important; font-weight:500!important; }
[data-ui="hero-actions"] { display:grid!important; grid-template-columns:1fr 1.15fr; gap:10px!important; }
[data-ui="price-link"], [data-ui="call-link"] { min-height:64px; padding:12px!important; border-radius:3px!important; transition:background .2s!important; transform:none!important; }
[data-ui="price-link"] { background:transparent!important; border:1px solid #9aa79c!important; color:var(--ink)!important; }
[data-ui="price-link"] span { font-size:13px!important; font-weight:600!important; white-space:normal!important; }
[data-ui="price-link"] span::after { content:' ↗'; margin-left:6px; }
[data-ui="call-link"] { background:var(--green)!important; border:1px solid var(--green)!important; color:#fff!important; justify-content:center; gap:8px!important; }
[data-ui="h596"], [data-ui="h605"] { display:none!important; }
[data-ui="h604"] { color:#d4e2d9!important; font-size:11px!important; font-weight:400!important; }
[data-ui="h607"] { font-size:16px!important; font-weight:600!important; color:#fff!important; }
[data-ui="hero-actions"] > [data-ui="h253"] { grid-column:1/-1; }
[data-ui="naver-button"] { padding:14px 18px!important; min-height:48px; border:1px solid #03c75a!important; border-radius:3px!important; background:#03c75a!important; color:#fff!important; font-weight:600!important; transform:none!important; }
[data-ui="naver-button"] :is(span,svg) { color:#fff!important; }
[data-ui="naver-button"]:hover { background:#02b351!important; border-color:#02b351!important; }
[data-ui="naver-button"]:focus-visible { outline:3px solid #185b38; outline-offset:3px; }
[data-ui="h262"] { font-size:14px!important; white-space:normal!important; gap:10px!important; color:inherit!important; }
[data-ui="h268"] { margin-left:8px; font-size:10px!important; }
[data-ui="h274"] { gap:10px!important; }
[data-ui="h276"] { background:#fff!important; border:1px solid #c9d3c4!important; border-radius:3px!important; padding:18px 12px!important; color:var(--ink)!important; box-shadow:none!important; }
[data-ui="h284"] { color:var(--green)!important; font-size:11px!important; font-weight:500!important; }
[data-ui="h285"] { color:var(--ink)!important; font-size:14px!important; font-weight:600!important; }
[data-ui="h286"] { background:#edf1e7!important; color:var(--green)!important; border:0!important; border-radius:2px!important; margin-top:5px; font-size:10px!important; font-weight:500!important; }
[data-ui="hero-photo"] { position:relative; display:flex!important; width:100%!important; min-height:0!important; max-height:none!important; height:568px; flex:none!important; }
[data-ui="hero-image"] { height:100%!important; width:100%; min-height:0!important; max-height:none!important; object-position:center 30%!important; border:0!important; border-radius:160px 4px 4px 4px!important; box-shadow:none!important; }
[data-ui="hero-photo"]::after { content:'ONE HOME CARE  /  실제 작업 현장'; position:absolute; bottom:22px; left:24px; padding:10px 13px; background:rgba(245,244,239,.94); color:var(--ink); font-size:10px; letter-spacing:.07em; }

/* Compact evidence strip */
[data-ui="home"] > [data-ui="work-intro"] { background:#fff!important; border-top:1px solid var(--line)!important; }
[data-ui="work-intro-layout"] { max-width:1120px; margin:auto; display:grid; grid-template-columns:1fr 1.1fr; gap:70px; align-items:start; }
[data-ui="work-kicker"] { font-size:11px; letter-spacing:.08em; color:var(--green); margin-bottom:16px; }
[data-ui="work-intro-copy"] h2 { margin-bottom:24px!important; }
[data-ui="work-description"] { font-size:15px; color:var(--muted); max-width:420px; margin-bottom:28px; }
[data-ui="work-explanations"] { list-style:none; counter-reset:work-point; padding:0; margin:0 0 28px; }
[data-ui="work-explanations"] li { counter-increment:work-point; position:relative; padding:18px 0 18px 34px; border-top:1px solid var(--line); }
[data-ui="work-explanations"] li::before { content:counter(work-point,decimal-leading-zero); position:absolute; top:20px; left:0; font-size:12px; color:#819276; font-family:Georgia,serif; }
[data-ui="work-explanations"] strong { font-size:15px; font-weight:600; }
[data-ui="work-explanations"] p { margin-top:6px; font-size:13px; color:var(--muted); }
[data-ui="work-price-link"] { display:inline-flex; align-items:center; min-height:48px; padding:12px 18px; background:var(--green); color:#fff!important; border-radius:3px; font-size:13px; }
[data-ui="work-intro-media"] { display:grid; gap:20px; }
[data-ui="work-intro-media"] figure { margin:0; }
[data-ui="work-intro-video"] video { display:block; width:100%; aspect-ratio:4/3; object-fit:contain; background:#182721; border-radius:3px; }
[data-ui="work-intro-video"] figcaption { margin-top:12px; font-size:11px; color:var(--muted); }
[data-ui="work-intro-photo"] { display:grid; grid-template-columns:160px 1fr; gap:22px; align-items:center; background:var(--paper); }
[data-ui="work-intro-photo"] img { width:160px; height:150px; object-fit:cover; border-radius:3px; }
[data-ui="work-intro-photo"] figcaption { padding:16px 20px 16px 0; }
[data-ui="work-intro-photo"] strong { display:block; font-size:14px; font-weight:600; }
[data-ui="work-intro-photo"] p { font-size:12px; color:var(--muted); margin-top:8px; }
[data-ui="home"] > [data-ui="stats"] { padding:28px 32px!important; background:#e9ede5!important; border-top:1px solid var(--line)!important; border-bottom:1px solid var(--line)!important; }
[data-ui="h363"] { background:none!important; border:0!important; border-right:1px solid #cbd3c8!important; border-radius:0!important; padding:8px!important; }
[data-ui="h363"]:last-child { border-right:0!important; }
[data-ui="h365"] { display:none!important; }
[data-ui="h369"] { color:var(--ink)!important; font-size:32px!important; font-weight:600!important; }
[data-ui="h372"] { color:var(--muted)!important; font-size:12px!important; font-weight:400!important; margin-top:8px; }

/* Editorial section introductions */
[data-ui="symptoms"] h2 { font-size:28px!important; }
[data-ui="h637"] { gap:0!important; margin-top:32px; }
[data-ui="h646"] { background:transparent!important; border:0!important; border-bottom:1px solid var(--line)!important; padding:18px 12px!important; }
[data-ui="h646"] span { color:var(--ink)!important; font-size:14px!important; font-weight:500!important; }
[data-ui="h646"] span:first-child { width:12px; font-size:0!important; }
[data-ui="h646"] span:first-child::before { content:'—'; font-size:14px; color:#8a967f; }
[data-ui="h660"], [data-ui="h910"] { background:none!important; border:0!important; padding:0!important; font-size:11px!important; color:var(--muted)!important; letter-spacing:.12em; }
[data-ui="h660"] span, [data-ui="h910"] span { color:var(--green)!important; font-size:11px!important; font-weight:500!important; }
[data-ui="h659"], [data-ui="h909"] { text-align:left!important; padding:0!important; margin-bottom:36px!important; }
[data-ui="h668"] { justify-content:flex-start!important; }
[data-ui="h668"] > span { background:none!important; border:0!important; color:var(--muted)!important; border-radius:0!important; padding:0 18px 0 0!important; font-weight:400!important; }

/* Work gallery retains every image, video, expand control and lightbox. */
[data-ui="h657"] { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:14px; }
[data-ui="h657"] > * { grid-column:1/-1; margin-bottom:0; min-width:0; }
[data-ui="h681"] { grid-column:1/8; }
[data-ui="h688"] { grid-column:8/13; }
[data-ui="h681"] video, [data-ui="h689"] img { width:100%; height:310px!important; object-fit:cover!important; }
[data-ui="h703"] { gap:14px!important; margin:0!important; }
[data-ui="gallery"] img { border-radius:3px; box-shadow:none!important; }
[data-ui="gallery"] :is([data-ui="h698"],[data-ui="h723"]) { color:#fff!important; }
[data-ui="gallery"] [class*="grid-cols-"] { gap:14px!important; }
[data-ui="gallery"] [class*="grid-cols-2"] { grid-template-columns:repeat(4,minmax(0,1fr)); }
[data-ui="gallery"] [class*="grid-cols-2"] img { height:190px!important; object-fit:cover!important; }
[data-ui="gallery"] [class*="grid-cols-3"] img { height:210px!important; object-fit:cover!important; }
[data-ui="gallery"] button { background:transparent!important; color:var(--ink)!important; border:1px solid #aab5a8!important; border-radius:3px!important; padding:14px 28px!important; font-size:14px!important; font-weight:500!important; min-height:48px; transform:none!important; }
[data-ui="gallery"] button span { color:inherit!important; }

/* Six steps, numbered rather than illustrated with emoji. */
/* The existing work media is featured near the top; the rest stays in a compact gallery. */
[data-ui="home"] > :is([data-ui="gallery-feature"],[data-ui="gallery"]) { padding:44px 32px 48px!important; background:#fff!important; }
:is([data-ui="gallery-feature"],[data-ui="gallery"]) [data-ui="h657"] { gap:8px!important; }
[data-ui="gallery-feature"] [data-ui="h659"] { margin-bottom:16px!important; }
[data-ui="gallery-feature"] [data-ui="h666"] { max-width:740px; font-size:15px!important; margin-bottom:12px!important; }
[data-ui="gallery-feature"] [data-ui="h681"] { grid-column:1/5; border-radius:3px; background:#162a23; }
[data-ui="gallery-feature"] [data-ui="h688"] { grid-column:9/13; border-radius:3px; }
[data-ui="wall-clean-video"] { grid-column:5/9; position:relative; overflow:hidden; border-radius:3px; background:#162a23; }
[data-ui="wall-clean-video"] video { display:block; width:100%; height:460px; object-fit:contain; }
[data-ui="wall-clean-video"] > span { position:absolute; top:14px; left:14px; pointer-events:none; color:white!important; font-size:11px!important; padding:6px 10px; background:#203e34e8; }
[data-ui="gallery-feature"] [data-ui="h681"] video { display:block; width:100%; height:460px!important; max-height:none!important; object-fit:contain!important; background:#162a23; }
[data-ui="gallery-feature"] [data-ui="h689"] img { display:block; height:460px!important; max-height:none!important; object-fit:cover!important; }
[data-ui="gallery-feature"] [data-ui="h683"] { pointer-events:none; justify-content:flex-start; padding:14px; background:none!important; }
[data-ui="gallery-feature"] [data-ui="h684"] { color:white!important; font-size:11px!important; font-weight:500!important; letter-spacing:.02em!important; background:#203e34e8; padding:6px 10px; border-radius:2px; }
[data-ui="gallery-feature"] [data-ui="h703"] { gap:8px!important; }
[data-ui="gallery-feature"] [data-ui="h709"] { aspect-ratio:auto!important; height:230px!important; }
[data-ui="gallery"] [class*="grid-cols-"] > div { aspect-ratio:auto!important; }
[data-ui="gallery-feature"] [data-ui="h703"] img { display:block; height:230px!important; width:100%; object-fit:cover!important; }
[data-ui="gallery-feature"] :is([data-ui="h698"],[data-ui="h723"]) { color:#fff!important; }
[data-ui="work-explainer"] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; padding:22px 0 0; }
/* Automatic production update verified: onehomecare-20261009. */
[data-ui="parts-gallery"] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; scroll-margin-top:90px; }
[data-ui="parts-gallery"] figure { position:relative; margin:0!important; min-width:0; overflow:hidden; border-radius:3px; background:#e8ece7; }
[data-ui="parts-gallery"] a { display:block; height:250px; }
[data-ui="parts-gallery"] img { display:block; width:100%; height:100%!important; max-height:none!important; object-fit:contain; }
[data-ui="parts-gallery"] figcaption { position:absolute; bottom:0; left:0; right:0; padding:22px 10px 10px; color:#fff!important; font-size:12px!important; font-weight:600; text-align:center; pointer-events:none; background:linear-gradient(transparent,rgba(15,31,25,.82)); }
[data-ui="worker-gallery"] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; scroll-margin-top:90px; }
[data-ui="worker-gallery"] figure { position:relative; margin:0!important; min-width:0; overflow:hidden; border-radius:3px; background:#e8ece7; }
[data-ui="worker-gallery"] a { display:block; height:250px; }
[data-ui="worker-gallery"] img { display:block; width:100%; height:100%!important; max-height:none!important; object-fit:cover; }
[data-ui="worker-gallery"] figcaption { position:absolute; bottom:0; left:0; right:0; padding:24px 10px 10px; color:#fff!important; font-size:12px!important; font-weight:600; text-align:center; pointer-events:none; background:linear-gradient(transparent,rgba(15,31,25,.82)); }
[data-ui="work-explainer"] > div { border-top:1px solid var(--line); padding-top:16px; }
[data-ui="work-explainer"] strong { font-size:14px; font-weight:600; }
[data-ui="work-explainer"] p { font-size:13px; color:var(--muted); margin-top:8px; }
[data-ui="gallery-more-heading"] { padding:0 0 18px; }
[data-ui="gallery-more-heading"] p { color:var(--muted); font-size:14px; }
[data-ui="gallery"] [class*="grid-cols-"] { gap:8px!important; }
[data-ui="gallery"] [data-ui="h885"] { margin-top:20px; }
@media(max-width:767px) {
  [data-ui="h1572"] { width:100%; min-width:0; gap:6px!important; }
  [data-ui="h1572"] input { flex:1 1 0; width:0!important; min-width:0; padding-inline:6px!important; }
  [data-ui="worker-gallery"] { grid-template-columns:1fr; gap:6px; }
  [data-ui="worker-gallery"] a { height:230px; }
  [data-ui="parts-gallery"] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  [data-ui="parts-gallery"] a { height:190px; }
  [data-ui="parts-gallery"] figcaption { font-size:10px!important; padding:20px 6px 8px; }
  [data-ui="home"] > :is([data-ui="gallery-feature"],[data-ui="gallery"]) { padding:32px 20px 36px!important; }
  [data-ui="gallery-feature"] [data-ui="h659"] { margin-bottom:12px!important; }
  [data-ui="gallery-feature"] [data-ui="h666"] { font-size:14px!important; }
  [data-ui="gallery-feature"] :is([data-ui="h681"],[data-ui="h688"],[data-ui="wall-clean-video"]) { grid-column:1/-1; }
  [data-ui="wall-clean-video"] video { height:360px; }
  [data-ui="gallery-feature"] [data-ui="h681"] video { height:360px!important; }
  [data-ui="gallery-feature"] [data-ui="h689"] img { height:230px!important; }
  [data-ui="gallery-feature"] [data-ui="h703"] { gap:6px!important; }
  [data-ui="gallery-feature"] [data-ui="h709"] { height:120px!important; }
  [data-ui="gallery-feature"] [data-ui="h703"] img { height:120px!important; }
  [data-ui="gallery-feature"] [data-ui="h723"] { font-size:10px!important; }
  [data-ui="work-explainer"] { grid-template-columns:1fr; gap:14px; padding-top:16px; }
  [data-ui="work-explainer"] > div { padding-top:14px; }
  [data-ui="gallery"] [class*="grid-cols-"] { gap:6px!important; }
}
[data-ui="h923"] { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px!important; counter-reset:care-step; }
[data-ui="h986"] { counter-increment:care-step; min-width:0; }
[data-ui="h988"] { padding:24px 0!important; border:0!important; border-top:1px solid #b7c3b4!important; background:transparent!important; border-radius:0!important; display:block!important; }
[data-ui="h993"] { display:block!important; margin-bottom:22px; }
[data-ui="h994"] { display:none!important; }
[data-ui="h993"] > span { color:var(--green)!important; font-size:11px!important; letter-spacing:.12em; }
[data-ui="h1009"] { margin-bottom:10px; }
[data-ui="h1010"], [data-ui="h1012"] { color:var(--ink)!important; }
[data-ui="h1012"] { font-size:13px!important; font-weight:500!important; }
[data-ui="h1013"] { font-size:13px!important; }
[data-ui="h1018"] { display:none!important; }
[data-ui="process"] [data-ui="h253"] { max-width:360px; margin:24px auto 0; }

/* Trust information, without glowing cards. */
[data-ui="experience"] span { color:var(--ink)!important; }
[data-ui="h1107"], [data-ui="h1116"] { background:#edf0e9!important; border:1px solid var(--line)!important; border-radius:3px!important; }
[data-ui="h1107"] span:first-child { display:none; }
[data-ui="h1120"] { color:var(--ink)!important; }
[data-ui="experience"] img { object-fit:cover; box-shadow:none!important; }
[data-ui="h1090"] span { color:var(--green)!important; }
[data-ui="h1172"] { background:var(--green)!important; color:white!important; border-radius:2px!important; font-size:12px!important; }
[data-ui="h1193"] { background:#edf0e9!important; border:0!important; color:var(--ink)!important; font-size:13px!important; }
[data-ui="h1210"] { gap:0 36px!important; counter-reset:difference; }
[data-ui="h1219"] { background:none!important; border:0!important; border-top:1px solid var(--line)!important; border-radius:0!important; padding:25px 0!important; counter-increment:difference; }
[data-ui="h1220"] { font-size:0!important; width:25px; }
[data-ui="h1220"]::before { content:counter(difference,decimal-leading-zero); font-family:Georgia,serif; color:#829074; font-size:22px; }
[data-ui="h1222"] { color:var(--ink)!important; font-size:17px!important; font-weight:600!important; }
[data-ui="h1223"] { color:var(--muted)!important; font-size:14px!important; line-height:1.85!important; }

/* Pricing: clear product, price and scope, using the original amounts. */
[data-ui="h1233"] { display:flex; flex-direction:column; }
[data-ui="h1235"] { order:4; display:flex; flex-wrap:wrap; align-items:center; gap:6px 24px; background:#e9ede5!important; border:0!important; border-radius:3px!important; margin:28px 0 0!important; padding:24px!important; text-align:left!important; }
[data-ui="h1236"] { font-size:15px!important; font-weight:600!important; color:var(--ink)!important; }
[data-ui="h1239"] { font-size:13px!important; font-weight:400!important; color:var(--muted)!important; }
[data-ui="h1242"] { background:var(--green)!important; color:white!important; margin:0 0 0 auto!important; padding:12px 18px!important; border-radius:3px!important; font-size:13px!important; }
[data-ui="h1248"] { text-align:left!important; margin-bottom:32px!important; }
[data-ui="h1248"]::before { content:'SERVICE & PRICE'; display:block; font-size:11px; letter-spacing:.14em; font-weight:500; color:var(--muted); margin-bottom:12px; }
[data-ui="h1251"] { gap:20px!important; }
[data-ui="h1261"] { border:1px solid var(--line)!important; border-radius:3px!important; background:white!important; padding:18px; }
[data-ui="h1262"] { background:#f3f4f0!important; aspect-ratio:16/10!important; }
[data-ui="h1263"] { padding:12px!important; mix-blend-mode:multiply; }
[data-ui="h1265"] { background:none!important; text-align:left!important; padding:18px 0 6px!important; }
[data-ui="h1266"] { color:var(--ink)!important; font-size:15px!important; font-weight:500!important; white-space:normal!important; }
[data-ui="h1268"] { padding:0!important; gap:6px!important; }
[data-ui="h1269"] { color:var(--ink)!important; text-align:left!important; font-size:25px!important; font-weight:700!important; letter-spacing:-.04em; }
[data-ui="h1270"] { text-align:left!important; font-size:12px!important; white-space:normal!important; }
[data-ui="h1277"] { background:none!important; border:0!important; padding:16px 0!important; text-align:left!important; }
[data-ui="h1277"] p { color:var(--muted)!important; font-size:13px!important; }
[data-ui="pricing"] [data-ui="h253"] { max-width:390px; margin:16px auto 0; }
[data-ui="home"] > [data-ui="quote"] { background:#e9ede5!important; padding:40px 24px!important; }
[data-ui="quote"] a { min-height:52px; background:var(--green)!important; color:#fff!important; border:0!important; border-radius:3px!important; font-size:15px!important; }
[data-ui="quote"] a span { color:inherit!important; }

/* Comparisons and detailed service photographs */
[data-ui="h1348"] { gap:28px!important; }
[data-ui="h31"] { text-align:left!important; margin-bottom:8px; color:var(--ink)!important; }
[data-ui="h32"] { border-radius:3px!important; gap:4px!important; }
[data-ui="h32"] img { height:240px!important; object-fit:cover; }
[data-ui="h1361"] { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px!important; }
[data-ui="h1361"] img { width:100%; height:230px; object-fit:cover; }
[data-ui="home"] > [data-ui="statement"] { padding:32px 24px!important; background:#e9ede5!important; }
[data-ui="h1372"] { background:none!important; border:0!important; padding:0!important; }
[data-ui="h1373"] { font-size:20px!important; font-weight:500!important; color:var(--ink)!important; }
[data-ui="h1389"], [data-ui="h1417"] { gap:16px!important; margin-top:30px; }
[data-ui="system-process"] img, [data-ui="wall-process"] img, [data-ui="wall-process"] video { height:200px!important; object-fit:cover; }
[data-ui="system-process"] [class*="shadow"], [data-ui="wall-process"] [class*="shadow"] { box-shadow:none!important; }
[data-ui="h1400"], [data-ui="h1421"], [data-ui="h1430"], [data-ui="h1439"] { background:var(--green)!important; color:white!important; border-radius:0!important; font-size:10px!important; padding:5px 8px!important; }
[data-ui="h1402"], [data-ui="h1424"], [data-ui="h1433"], [data-ui="h1442"] { font-size:13px!important; margin-top:8px; }

/* A dark, calm brand promise section */
[data-ui="home"] > [data-ui="promise"] { background:#203e34!important; color:#fff!important; }
[data-ui="promise"] h2 { color:#fff!important; }
[data-ui="h1453"] { gap:0 36px!important; counter-reset:promise; }
[data-ui="h1462"] { background:none!important; border:0!important; border-top:1px solid #557264!important; border-radius:0!important; padding:28px 0!important; counter-increment:promise; }
[data-ui="h1463"] { font-size:0!important; margin-bottom:16px; }
[data-ui="h1463"]::before { content:counter(promise,decimal-leading-zero); color:#c1cbb3; font-family:Georgia,serif; font-size:25px; }
[data-ui="h1464"] { color:white!important; font-size:17px!important; }
[data-ui="h1465"] { color:#c7d3ca!important; font-size:14px!important; }

/* Reviews, local coverage and FAQ */
[data-ui="h105"] { display:grid!important; grid-template-columns:1fr 1fr; gap:24px!important; }
[data-ui="h106"], [data-ui="h109"] { border:1px solid var(--line); border-radius:3px!important; box-shadow:none!important; background:white; }
[data-ui="h119"], [data-ui="h155"] { background:var(--green)!important; color:#fff!important; border:0!important; font-size:14px!important; font-weight:500!important; border-radius:3px!important; transform:none!important; min-height:48px; }
[data-ui="h1481"] span { background:transparent!important; border:1px solid var(--line)!important; border-radius:3px!important; color:var(--ink)!important; font-size:14px!important; padding:12px 20px!important; }
[data-ui="h1486"] { background:#e9ede5!important; border:0!important; }
[data-ui="h1487"] { color:var(--muted)!important; font-size:14px!important; font-weight:400!important; }
[data-ui="h1496"] { gap:0!important; }
[data-ui="h1505"] { background:none!important; border:0!important; border-bottom:1px solid var(--line)!important; border-radius:0!important; padding:24px 0!important; }
[data-ui="h1506"] { color:var(--ink)!important; font-size:15px!important; font-weight:600!important; }
[data-ui="h1507"] { font-size:14px!important; }

/* Contact and inquiry preserve the supplied form and validation. */
[data-ui="home"] > [data-ui="contact"] { background:#203e34!important; color:white!important; }
[data-ui="contact"] h2, [data-ui="contact"] a { color:white!important; }
[data-ui="contact"] p { color:#c7d3ca!important; }
[data-ui="contact"] > a span:first-child { color:white!important; font-size:clamp(30px,5vw,54px)!important; font-weight:500!important; letter-spacing:-.04em; }
[data-ui="contact"] > a span { color:#c7d3ca!important; }
[data-ui="contact"] div a { background:transparent!important; border:1px solid #9aafa0!important; border-radius:3px!important; font-size:15px!important; }
[data-ui="contact"] div a span { color:inherit!important; }
[data-ui="inquiry"] > div { max-width:640px!important; }
[data-ui="inquiry"] input:not([type=checkbox]), [data-ui="inquiry"] textarea { font-size:16px!important; min-height:48px; background:#fafbf8; border:1px solid #c9d1c5; border-radius:3px; padding:12px; }
[data-ui="inquiry"] textarea { min-height:150px; }
[data-ui="inquiry"] button[type=submit] { background:var(--green)!important; color:white!important; min-height:50px; border-radius:3px; }
[data-ui="inquiry"] input[type=checkbox] { width:20px; height:20px; accent-color:var(--green); }
[data-ui="inquiry"] label { font-size:14px; }
[data-ui="h1598"] { border-color:var(--line); background:#f0f2ec; }
[data-ui="home"] footer { background:#eef0e9!important; border-color:var(--line)!important; color:var(--muted)!important; padding-bottom:36px; }
[data-ui="home"] footer :is(a,span,p,div) { color:var(--muted)!important; }
[data-ui="desktop-bar"] { background:var(--paper)!important; color:var(--ink)!important; border-color:var(--line)!important; }
[data-ui="desktop-bar"] :is(a,span) { color:var(--ink)!important; }
[data-ui="desktop-bar"] a { font-weight:500; font-size:16px; min-height:54px; }

/* Mobile gets its own typography, image balance, grids and safe-area actions. */
@media (max-width:767px) {
  html { scroll-padding-top:76px; }
  [data-ui="home"] { padding-bottom:90px; }
  [data-ui="nav"] { height:64px!important; }
  [data-ui="nav-spacer"] { height:64px!important; }
  [data-ui="h497"] { padding:0 20px; }
  [data-ui="brand"] { font-size:18px!important; }
  [data-ui="brand"]::before { width:26px; height:28px; font-size:23px; }
  [data-ui="h506"] { min-width:44px; min-height:44px; display:grid; place-items:center; }
  [data-ui="home"] > section { padding:56px 20px!important; }
  [data-ui="home"] h2 { font-size:26px!important; line-height:1.4!important; margin-bottom:16px!important; }
  [data-ui="home"] > [data-ui="hero"] { padding:34px 20px 32px!important; }
  [data-ui="hero-layout"] { grid-template-columns:1fr; gap:28px!important; }
  [data-ui="hero-copy"] { padding:0; }
  [data-ui="hero-eyebrow"] { margin-bottom:20px!important; }
  [data-ui="hero-eyebrow"] > span:first-child { font-size:11px!important; letter-spacing:0; }
  [data-ui="hero-title"], [data-ui="hero-title-accent"] { font-size:clamp(27px,7.4vw,39px)!important; line-height:1.35!important; }
  [data-ui="hero-heading"] { margin-bottom:18px!important; }
  [data-ui="hero-description"] { font-size:13px!important; }
  [data-ui="hero-location"] { font-size:12px!important; }
  [data-ui="hero-detail"] { font-size:11px!important; margin-top:8px; }
  [data-ui="hero-checks"] { margin:12px 0 22px!important; }
  [data-ui="hero-actions"] { gap:8px!important; grid-template-columns:1fr 1.1fr; }
  [data-ui="price-link"], [data-ui="call-link"] { min-height:60px; padding:10px!important; }
  [data-ui="price-link"] span { font-size:12px!important; }
  [data-ui="h607"] { font-size:15px!important; }
  [data-ui="hero-photo"] { height:310px; }
  [data-ui="hero-image"] { border-radius:90px 3px 3px 3px!important; object-position:center 23%!important; }
  [data-ui="hero-photo"]::after { bottom:14px; left:14px; font-size:9px; }
  [data-ui="work-intro-layout"] { grid-template-columns:1fr; gap:28px; }
  [data-ui="work-intro-copy"] { display:contents; }
  [data-ui="work-kicker"] { margin-bottom:-16px; }
  [data-ui="work-intro-copy"] h2 { margin-bottom:-12px!important; }
  [data-ui="work-description"] { margin-bottom:0; font-size:14px; }
  [data-ui="work-intro-media"] { grid-row:4; gap:16px; }
  [data-ui="work-explanations"] { margin-bottom:0; }
  [data-ui="work-price-link"] { justify-self:start; }
  [data-ui="work-intro-photo"] { grid-template-columns:120px 1fr; gap:16px; }
  [data-ui="work-intro-photo"] img { width:120px; height:130px; }
  [data-ui="work-intro-photo"] figcaption { padding:12px 12px 12px 0; }
  [data-ui="work-intro-photo"] strong { font-size:13px; }
  [data-ui="home"] > [data-ui="stats"] { padding:22px 16px!important; }
  [data-ui="h369"] { font-size:25px!important; }
  [data-ui="h372"] { font-size:10px!important; }
  [data-ui="h637"] { grid-template-columns:1fr 1fr!important; margin-top:20px; }
  [data-ui="h646"] { padding:14px 4px!important; gap:6px!important; }
  [data-ui="h646"] span { font-size:12px!important; }
  [data-ui="h657"] { gap:8px; }
  [data-ui="h659"] { margin-bottom:20px!important; }
  [data-ui="h681"], [data-ui="h688"] { grid-column:1/-1; }
  [data-ui="h681"] video { height:230px!important; }
  [data-ui="h689"] img { height:240px!important; }
  [data-ui="gallery"] [class*="grid-cols-"] { gap:8px!important; }
  [data-ui="gallery"] [class*="grid-cols-2"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-ui="gallery"] [class*="grid-cols-2"] img { height:170px!important; }
  [data-ui="gallery"] [class*="grid-cols-3"] img { height:130px!important; }
  [data-ui="gallery"] [class*="grid-cols-3"] p { font-size:10px!important; }
  [data-ui="h923"] { grid-template-columns:1fr!important; gap:0!important; }
  [data-ui="h988"] { display:flex!important; gap:18px!important; padding:20px 0!important; }
  [data-ui="h993"] { min-width:44px; margin:2px 0 0; }
  [data-ui="h993"] > span { font-size:10px!important; }
  [data-ui="h1010"] { font-size:17px!important; }
  [data-ui="h1013"] { font-size:13px!important; }
  [data-ui="h1097"], [data-ui="h1148"] { gap:28px!important; }
  [data-ui="h1148"] > div { width:100%; }
  [data-ui="h1107"] { padding:18px 10px!important; }
  [data-ui="h1210"] { grid-template-columns:1fr!important; }
  [data-ui="h1251"] { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  [data-ui="h1261"] { padding:12px!important; }
  [data-ui="h1266"] { font-size:13px!important; }
  [data-ui="h1269"] { font-size:22px!important; }
  [data-ui="h1270"] { font-size:11px!important; }
  [data-ui="h1235"] { padding:20px!important; flex-direction:column; align-items:flex-start; }
  [data-ui="h1242"] { margin:12px 0 0!important; min-height:46px; }
  [data-ui="h32"] img { height:190px!important; }
  [data-ui="h1361"] { grid-template-columns:1fr!important; }
  [data-ui="h1361"] img { height:auto; max-height:420px; object-fit:contain; }
  [data-ui="h1389"] { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px 10px!important; }
  [data-ui="h1417"] { grid-template-columns:1fr!important; gap:24px!important; }
  [data-ui="system-process"] img { height:170px!important; }
  [data-ui="wall-process"] img, [data-ui="wall-process"] video { height:250px!important; }
  [data-ui="h1453"] { grid-template-columns:1fr 1fr!important; gap:0 20px!important; }
  [data-ui="h1464"] { font-size:15px!important; }
  [data-ui="h1465"] { font-size:12px!important; }
  [data-ui="h105"] { grid-template-columns:1fr!important; gap:16px!important; }
  [data-ui="h1481"] { gap:8px; }
  [data-ui="h1481"] span { font-size:12px!important; padding:10px 14px!important; }
  [data-ui="h1487"] { font-size:12px!important; }
  [data-ui="h1505"] { padding:20px 0!important; }
  [data-ui="contact"] > a span:first-child { font-size:33px!important; }
  [data-ui="contact"] div a { min-height:52px; }
  [data-ui="inquiry"] > div { padding:0!important; }
  [data-ui="mobile-bar"] { background:var(--paper)!important; border-top:1px solid #c9d1c5!important; padding-bottom:env(safe-area-inset-bottom); box-shadow:0 -4px 20px #203a340a!important; }
  [data-ui="mobile-bar"] > div { display:grid!important; grid-template-columns:1.15fr 1fr; gap:8px!important; padding:10px 14px!important; background:var(--paper)!important; height:auto!important; }
  [data-ui="mobile-bar"] a { min-height:48px; background:var(--green)!important; color:#fff!important; border:0!important; border-radius:3px!important; box-shadow:none!important; }
  [data-ui="mobile-bar"] a:last-child { background:#e5eadf!important; color:var(--ink)!important; }
  [data-ui="mobile-bar"] a span { color:inherit!important; font-size:12px!important; }
  [data-ui="mobile-bar"] svg { display:none; }
}
@media (min-width:768px) and (max-width:1023px) {
  [data-ui="hero-layout"] { gap:32px!important; }
  [data-ui="hero-photo"] { height:510px; }
  [data-ui="hero-title"], [data-ui="hero-title-accent"] { font-size:36px!important; }
  [data-ui="h607"] { font-size:14px!important; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  [data-ui="home"] *, [data-ui="home"] *::before, [data-ui="home"] *::after { animation:none!important; transition:none!important; }
}

/* Mobile service page: short introduction, then real video and field evidence. */
[data-ui="video-note"] { font-size:12px; color:var(--muted)!important; margin:4px 0 10px; }
@media(max-width:767px) {
  html { scroll-padding-top:76px; }
  [data-ui="home"] > [data-ui="hero"] { padding:24px 20px 20px!important; }
  [data-ui="hero-layout"] { display:block!important; }
  [data-ui="hero-photo"] { display:none!important; }
  [data-ui="hero-copy"] { padding:0!important; }
  [data-ui="hero-eyebrow"] { margin-bottom:12px!important; }
  [data-ui="hero-heading"] { margin-bottom:12px!important; }
  [data-ui="hero-title"], [data-ui="hero-title-accent"] { font-size:28px!important; line-height:1.35!important; letter-spacing:-.055em!important; }
  [data-ui="hero-description"] { font-size:14px!important; line-height:1.65!important; }
  [data-ui="hero-location"] { font-size:12px!important; }
  [data-ui="hero-detail"], [data-ui="hero-checks"] { display:none!important; }
  [data-ui="hero-actions"] { margin-top:16px!important; gap:8px!important; }
  [data-ui="price-link"], [data-ui="call-link"] { min-height:48px!important; padding:8px!important; }
  [data-ui="home"] > [data-ui="gallery-feature"] { padding:22px 20px 32px!important; }
  [data-ui="gallery-feature"] [data-ui="h659"] { order:0; margin:0 0 6px!important; }
  [data-ui="gallery-feature"] h2 { font-size:23px!important; line-height:1.4!important; margin:8px 0 10px!important; }
  [data-ui="gallery-feature"] [data-ui="h666"] { font-size:13px!important; line-height:1.7!important; margin-bottom:0!important; }
  [data-ui="gallery-feature"] [data-ui="h668"] { display:none!important; }
  [data-ui="gallery-feature"] [data-ui="h681"] { order:1; grid-column:1/7; }
  [data-ui="gallery-feature"] [data-ui="wall-clean-video"] { order:2; grid-column:7/13; }
  [data-ui="gallery-feature"] [data-ui="h681"] video,
  [data-ui="gallery-feature"] [data-ui="wall-clean-video"] video { height:auto!important; aspect-ratio:9/16; max-height:340px!important; object-fit:contain!important; }
  [data-ui="gallery-feature"] [data-ui="h683"] { padding:6px!important; }
  [data-ui="gallery-feature"] [data-ui="h684"], [data-ui="wall-clean-video"] > span { font-size:9px!important; padding:5px 6px!important; }
  [data-ui="wall-clean-video"] > span { top:6px; left:6px; }
  [data-ui="video-note"] { order:3; font-size:11px!important; line-height:1.6!important; margin:3px 0 10px!important; }
  [data-ui="worker-gallery"] { order:4; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  [data-ui="worker-gallery"] figure:last-child { grid-column:1/-1; }
  [data-ui="worker-gallery"] a { height:190px; }
  [data-ui="worker-gallery"] figure:last-child a { height:210px; }
  [data-ui="worker-gallery"] figcaption { font-size:11px!important; line-height:1.5; padding:24px 8px 8px; }
  [data-ui="work-explainer"] { order:5; gap:0; padding:8px 0 0; }
  [data-ui="work-explainer"] > div { padding:18px 0; }
  [data-ui="work-explainer"] strong { font-size:15px; line-height:1.6; }
  [data-ui="work-explainer"] p { font-size:13px; line-height:1.8!important; margin-top:7px; }
  [data-ui="gallery-feature"] [data-ui="h688"] { order:6; }
  [data-ui="gallery-feature"] [data-ui="h703"] { order:7; }
  [data-ui="parts-gallery"] { order:8; }
  [data-ui="home"] > section { padding-top:40px!important; padding-bottom:40px!important; }
  [data-ui="home"] input, [data-ui="home"] textarea { font-size:16px!important; }
  [data-ui="home"] { padding-bottom:calc(80px + env(safe-area-inset-bottom)); }
}

/* Prominent local service announcement on desktop and mobile. */
[data-ui="service-banner"] { background:#245747; color:#fff; padding:24px 24px 22px; text-align:center; }
[data-ui="service-banner"] > div { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px 22px; }
[data-ui="service-banner"] strong { color:#fff!important; font-size:34px; line-height:1.4; font-weight:800; letter-spacing:-.045em; }
[data-ui="service-banner"] > div > span { color:#ffe49a!important; font-size:36px; line-height:1.4; font-weight:800; letter-spacing:-.045em; }
[data-ui="service-banner"] p { margin:8px 0 0; color:#e0ede6!important; font-size:15px; line-height:1.6; }
[data-ui="hero-description"] { font-size:17px!important; }
@media(max-width:767px) {
  [data-ui="service-banner"] { padding:19px 16px 18px; }
  [data-ui="service-banner"] > div { gap:2px; flex-direction:column; }
  [data-ui="service-banner"] strong { font-size:25px; }
  [data-ui="service-banner"] > div > span { font-size:30px; }
  [data-ui="service-banner"] p { font-size:13px; max-width:290px; margin:7px auto 0; }
  [data-ui="hero-title"], [data-ui="hero-title-accent"] { font-size:30px!important; }
  [data-ui="hero-description"] { font-size:15px!important; }
  [data-ui="hero-location"] { font-size:14px!important; }
  [data-ui="hero-eyebrow"] > span:first-child { font-size:13px!important; }
  [data-ui="hero-photo"] { display:block!important; height:185px!important; margin-top:18px; overflow:hidden; border-radius:4px; }
  [data-ui="hero-image"] { width:100%!important; height:185px!important; border-radius:4px!important; object-fit:cover!important; object-position:center 40%!important; }
  [data-ui="hero-photo"]::after { content:'원HOME케어 실제 작업 현장'; bottom:10px; left:10px; padding:7px 10px; font-size:12px; font-weight:600; }
  [data-ui="gallery-feature"] h2 { font-size:25px!important; }
  [data-ui="gallery-feature"] [data-ui="h666"] { font-size:14px!important; }
  [data-ui="work-explainer"] p { font-size:14px!important; }
}
@media(max-width:359px) {
  [data-ui="service-banner"] strong { font-size:22px; }
  [data-ui="hero-title"], [data-ui="hero-title-accent"] { font-size:27px!important; }
}

/* Keep related videos and photo in one row; text cannot split their grid. */
[data-ui="work-media-row"] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; align-items:stretch; }
[data-ui="work-media-row"] > * { grid-column:auto!important; min-width:0; margin:0!important; }
[data-ui="work-media-row"] [data-ui="h689"] { height:100%; }
[data-ui="work-media-row"] [data-ui="h689"] img { height:460px!important; }
@media(max-width:767px) {
  [data-ui="work-media-row"] { order:1; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  [data-ui="work-media-row"] > [data-ui="h688"] { grid-column:1/-1!important; order:3; }
  [data-ui="work-media-row"] [data-ui="h689"] img { height:220px!important; width:100%; object-fit:cover!important; }
  [data-ui="video-note"] { order:2; }
}

/* Replace the mobile hero photograph with genuine cleaning footage. */
[data-ui="mobile-hero-video"] { display:none; }
@media(max-width:767px) {
  [data-ui="hero-photo"] { height:320px!important; background:#162a23; }
  [data-ui="hero-image"] { display:none!important; }
  [data-ui="mobile-hero-video"] { display:block; width:100%; height:320px; object-fit:contain; background:#162a23; }
  [data-ui="hero-photo"]::after { content:'벽걸이 에어컨 실제 청소 영상'; top:10px; bottom:auto; pointer-events:none; }
}

[data-ui="hero-sms"] { grid-column:1/-1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:62px; padding:12px 16px; border:1px solid #aebfb4!important; border-radius:3px; background:#e7eee8; color:#203a34!important; text-align:center; }
[data-ui="hero-sms"] strong { font-size:16px; font-weight:700; line-height:1.5; }
[data-ui="hero-sms"] span { color:#52675c!important; font-size:12px; line-height:1.5; }
[data-ui="hero-sms"]:hover { background:#dce8df; }
@media(max-width:767px) {
  [data-ui="hero-sms"] { min-height:62px; }
  [data-ui="hero-sms"] strong { font-size:15px; }
}

/* Consistent message symbol for every SMS action. */
[data-ui="home"] a[href^="sms:"] { position:relative; padding-left:48px!important; padding-right:16px!important; }
[data-ui="home"] a[href^="sms:"] > svg { display:none!important; }
[data-ui="home"] a[href^="sms:"]::before { content:''; position:absolute; left:16px; top:50%; transform:translateY(-50%); display:block; width:23px; height:23px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h2v3l5-3h7a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H5zm0 2h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-7.6L9 18.4V17H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm2 3v2h10V8H7zm0 4v2h7v-2H7z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h2v3l5-3h7a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H5zm0 2h14a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-7.6L9 18.4V17H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm2 3v2h10V8H7zm0 4v2h7v-2H7z'/%3E%3C/svg%3E") center/contain no-repeat; }
@media(max-width:767px) {
  [data-ui="service-banner"] { background:#184c3b; padding:20px 14px; }
  [data-ui="service-banner"] strong { color:#fff3c5!important; font-size:27px!important; font-weight:800; }
  [data-ui="service-banner"] > div { gap:10px; }
  [data-ui="service-banner"] > div > span { display:inline-block; background:#ffdf7c; color:#163f31!important; font-size:36px!important; line-height:1.3; padding:5px 22px 7px; border-radius:4px; }
  [data-ui="service-banner"] p { color:#fff!important; font-size:14px; margin-top:12px; }
  [data-ui="mobile-bar"] a[href^="sms:"] { padding-left:32px!important; padding-right:6px!important; }
  [data-ui="mobile-bar"] a[href^="sms:"]::before { left:10px; width:19px; height:19px; }
}
@media(max-width:359px) {
  [data-ui="service-banner"] strong { font-size:23px!important; }
}

/* Message icons scaled to their button sizes. */
[data-ui="home"] a[href^="sms:"] { padding-left:62px!important; }
[data-ui="home"] a[href^="sms:"]::before { width:32px; height:32px; left:18px; }
[data-ui="home"] [data-ui="hero-sms"]::before { width:36px; height:36px; left:18px; }
@media(max-width:767px) {
  [data-ui="home"] a[href^="sms:"] { padding-left:52px!important; padding-right:12px!important; }
  [data-ui="home"] a[href^="sms:"]::before { width:30px; height:30px; left:12px; }
  [data-ui="home"] [data-ui="hero-sms"]::before { width:34px; height:34px; left:12px; }
  [data-ui="home"] [data-ui="mobile-bar"] a[href^="sms:"] { padding-left:38px!important; padding-right:6px!important; }
  [data-ui="home"] [data-ui="mobile-bar"] a[href^="sms:"]::before { width:25px; height:25px; left:8px; }
}

/* Handset sized to the primary call button. */
:root { --phone-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.7 15.7 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.24c1.1.36 2.3.55 3.6.55a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.6 21 3 13.4 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.3.19 2.5.55 3.6a1 1 0 0 1-.24 1l-2.2 2.2z'/%3E%3C/svg%3E"); }
[data-ui="call-link"] { position:relative; padding-left:54px!important; padding-right:12px!important; }
[data-ui="call-link"]::before { content:''; position:absolute; left:15px; top:50%; transform:translateY(-50%); display:block; width:30px; height:30px; background:#fff; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.7 15.7 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.24c1.1.36 2.3.55 3.6.55a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.6 21 3 13.4 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.3.19 2.5.55 3.6a1 1 0 0 1-.24 1l-2.2 2.2z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.7 15.7 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.24c1.1.36 2.3.55 3.6.55a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.6 21 3 13.4 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.3.19 2.5.55 3.6a1 1 0 0 1-.24 1l-2.2 2.2z'/%3E%3C/svg%3E") center/contain no-repeat; }
@media(max-width:767px) {
  [data-ui="call-link"] { padding-left:35px!important; padding-right:6px!important; }
  [data-ui="call-link"]::before { left:8px; width:23px; height:23px; }
  [data-ui="call-link"] [data-ui="h607"] { font-size:13px!important; white-space:nowrap; }
}
@media(max-width:767px) {
  [data-ui="home"] a[href^="tel:"] { position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding-left:42px!important; padding-right:8px!important; }
  [data-ui="home"] a[href^="tel:"] > svg { display:none!important; }
  [data-ui="home"] a[href^="tel:"]::before { content:''; display:block; position:absolute; left:10px; top:50%; transform:translateY(-50%); width:26px; height:26px; background:currentColor; -webkit-mask:var(--phone-symbol) center/contain no-repeat; mask:var(--phone-symbol) center/contain no-repeat; }
  [data-ui="home"] [data-ui="call-link"] { padding-left:36px!important; padding-right:5px!important; }
  [data-ui="home"] [data-ui="call-link"]::before { left:7px; width:24px; height:24px; }
  [data-ui="home"] [data-ui="mobile-bar"] a[href^="tel:"] { display:flex; padding-left:38px!important; padding-right:6px!important; }
  [data-ui="home"] [data-ui="mobile-bar"] a[href^="tel:"]::before { left:8px; width:25px; height:25px; }
  [data-ui="home"] [data-ui="contact"] a[href^="tel:"]::before { width:30px; height:30px; }
}
