/* Town and service landing pages (/aircon-cleaning/pagadian). Server-rendered by the worker. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f2f4f8;color:#111318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;overflow-wrap:anywhere}
a{color:#06736a}
.tp-header{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid #e7eced}
.tp-header nav{width:min(1120px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;min-height:64px;padding:8px 0}
.tp-logo{display:inline-flex;align-items:center;gap:8px;font-size:21px;font-weight:900;letter-spacing:-1px;color:#111318;text-decoration:none}.tp-logo b{color:#06978c}.tp-logo img{border-radius:8px}
.tp-nav{display:flex;flex-wrap:wrap;gap:4px}
.tp-nav a{padding:8px 12px;border-radius:999px;color:#3b4044;text-decoration:none;font-weight:700;font-size:14px;white-space:nowrap}
.tp-nav a:hover{background:#e6f6f4;color:#06736a}
.tp-nav .tp-login{background:linear-gradient(135deg,#17a092,#06736a);color:#fff}.tp-nav .tp-login:hover{color:#fff;background:#06736a}
.tp-main{width:min(1120px,calc(100% - 32px));margin:20px auto 48px}
.tp-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 14px;padding:0;font-size:13px;color:#747984}
.tp-crumbs li+li::before{content:"›";margin-right:6px;color:#a3a8b0}
.tp-crumbs a{color:#06736a;text-decoration:none;font-weight:600}.tp-crumbs a:hover{text-decoration:underline}
.tp-hero,.tp-section,.tp-empty,.tp-how{background:#fff;border:1px solid #e7eced;border-radius:22px;padding:clamp(18px,4vw,34px);box-shadow:0 14px 48px rgba(31,38,52,.06);margin-bottom:18px}
.tp-hero{background:linear-gradient(135deg,#ffffff 0%,#f0faf8 100%)}
.tp-eyebrow{font-size:12px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:#06978c;margin:0}
h1{font-size:clamp(28px,5vw,42px);letter-spacing:-1.2px;line-height:1.12;margin:8px 0 12px}
h2{font-size:clamp(19px,2.6vw,23px);letter-spacing:-.4px;margin:0 0 12px}
.tp-lead{font-size:17px;color:#4b5058;max-width:720px;margin:0}
.tp-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.tp-btn{display:inline-block;padding:12px 20px;border-radius:999px;font-weight:800;text-decoration:none;background:linear-gradient(135deg,#17a092,#06736a);color:#fff;border:1px solid transparent}
.tp-btn:hover{background:#06736a}
.tp-btn-ghost{background:#fff;color:#06736a;border-color:#bfe5e0}.tp-btn-ghost:hover{background:#e6f6f4}
.tp-count{margin:-6px 0 14px;color:#747984;font-size:14px}
.tp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.tp-card a{display:flex;flex-direction:column;gap:6px;height:100%;padding:16px;border:1px solid #e7eced;border-radius:16px;background:#fafcfc;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.tp-card a:hover{border-color:#9fd8d1;box-shadow:0 8px 24px rgba(6,115,106,.10)}
.tp-card h3{font-size:16px;line-height:1.35;margin:0;color:#111318}
.tp-kind{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:#e6f6f4;color:#06736a}
.tp-kind-task{background:#eef1fb;color:#3b4c8f}
.tp-price{margin:0;font-weight:800;color:#06736a}
.tp-meta{margin:auto 0 0;display:grid;gap:2px;font-size:13px;color:#747984}
.tp-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tp-chips a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid #d9efec;background:#f6fbfa;color:#06736a;font-weight:700;font-size:14px;text-decoration:none}
.tp-chips a:hover{background:#e6f6f4}
.tp-chips span{min-width:22px;text-align:center;padding:0 6px;border-radius:999px;background:#06978c;color:#fff;font-size:12px}
.tp-missing .tp-chips{margin-top:18px}
.tp-empty{text-align:center;border-style:dashed}
.tp-empty p{color:#747984;margin:0 auto;max-width:520px}
.tp-empty .tp-cta{justify-content:center}
.tp-how ol{margin:0;padding-left:22px;display:grid;gap:8px;color:#3b4044}
.tp-how b{color:#111318}
.tp-footer{text-align:center;color:#747984;font-size:13px;padding:8px 16px 40px}
.tp-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-bottom:10px}
.tp-footer small{display:block;color:#9aa0a8}
@media (max-width:640px){
 .tp-header nav{justify-content:center}
 .tp-nav{justify-content:center}
 .tp-nav a{padding:7px 10px;font-size:13px}
 .tp-main{margin-top:14px}
 .tp-lead{font-size:16px}
 .tp-cta .tp-btn{flex:1 1 auto;text-align:center}
 .tp-grid{grid-template-columns:1fr}
}