/* Halaman Tukang Cat (home service) — melengkapi landing.min.css */
.tc-trust{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.tc-trust li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:100px;padding:7px 13px;font-size:12.5px;font-weight:600}
.tc-swatches{display:flex;gap:6px;margin-top:22px}
.tc-swatches span{flex:1;height:10px;border-radius:6px;max-width:64px}
.tc-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
@media(min-width:760px){.tc-areas{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tc-area{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow-soft)}
.tc-area h3{margin:0 0 6px;font:700 15px 'Poppins',sans-serif;color:var(--ink)}
.tc-area p{margin:0 0 8px;font-size:12.5px;line-height:1.6;color:var(--muted)}
.tc-area a{font-size:12.5px;font-weight:700;color:var(--green-800)}
.tc-steps{display:grid;gap:12px;margin-top:16px;counter-reset:tc}
.tc-steps article{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow-soft)}
.tc-steps article::before{counter-increment:tc;content:counter(tc);flex:none;width:34px;height:34px;border-radius:50%;background:var(--green-950);color:var(--gold);display:flex;align-items:center;justify-content:center;font:700 14px 'Poppins',sans-serif}
.tc-steps h3{margin:0 0 4px;font:700 15px 'Poppins',sans-serif;color:var(--ink)}
.tc-steps p{margin:0;font-size:13.5px;line-height:1.65;color:var(--muted)}
.tc-note{margin-top:14px;padding:12px 14px;border-left:3px solid var(--gold);background:var(--cream);border-radius:8px;font-size:13px;line-height:1.65;color:var(--ink)}
.tc-factors{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.tc-factors li{background:#fff;border:1px solid var(--line);border-radius:100px;padding:7px 13px;font-size:12.5px;color:var(--ink)}
#mainContent .lp-breadcrumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:16px 20px 12px;font-size:12px;color:var(--muted);background:transparent}
#mainContent .lp-breadcrumb a{color:var(--green-800);text-decoration:none}
#mainContent .lp-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}
#mainContent .lp-breadcrumb [aria-current="page"]{color:var(--ink);font-weight:700}
.lp-card h3{font-family:'Poppins',sans-serif;font-weight:700}
/* ---- struktur 14 section ala landing layanan ---- */
.tc-head{margin-bottom:14px}.tc-head .eyebrow{color:var(--gold-dark);margin-bottom:6px}.tc-head h2{margin:0 0 6px}.tc-head .sub{margin:0}
#layanan,#jenis-cat,#palet-warna,#area-layanan{background:#fff}
.tc-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}
.tc-ghost{display:inline-block;color:#fff;font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:10px 4px}
.tc-feats,.tc-svcs,.tc-classes,.tc-choices,.tc-palettes{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:700px){.tc-feats,.tc-svcs,.tc-classes,.tc-palettes{grid-template-columns:repeat(3,minmax(0,1fr))}.tc-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tc-feat,.tc-svc,.tc-class,.tc-choice,.tc-pal,.tc-region,.tc-tip{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow-soft)}
#layanan .tc-svc,#jenis-cat .tc-choice,#palet-warna .tc-pal,#area-layanan .tc-region{background:var(--cream);box-shadow:none}
.tc-feat h3,.tc-svc h3,.tc-class h3,.tc-choice h3,.tc-pal h3,.tc-region h3,.tc-tip h3{margin:0 0 6px;font:700 15px 'Poppins',sans-serif;color:var(--ink)}
.tc-feat p,.tc-svc p,.tc-choice>p,.tc-pal p,.tc-tip p{margin:0;font-size:13.5px;line-height:1.65;color:var(--muted)}
.tc-ico{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--green-950);color:var(--gold);margin-bottom:10px}
.tc-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tc-bar{display:block;width:44px;height:6px;border-radius:6px;margin-bottom:12px}
.tc-tag{display:inline-block;font:800 11px 'Inter',sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:var(--gold-dark);background:rgba(36,30,53,.06);border-radius:100px;padding:4px 9px;margin-bottom:8px}
.tc-class ul,.tc-pc ul{margin:0 0 10px;padding-left:18px;font-size:13px;line-height:1.65;color:var(--ink)}
.tc-price{margin:auto 0 0;padding-top:10px;border-top:1px dashed var(--line);font-weight:700;font-size:13px;color:var(--green-800)}
.tc-class{display:flex;flex-direction:column}
.tc-pc{display:grid;gap:8px;margin-top:10px}
.tc-pros li::marker{color:#4f8a3a;content:"+ "}.tc-cons li::marker{color:#b0562f;content:"– "}
.tc-pros,.tc-cons{list-style:inside}
.tc-tips{display:grid;gap:10px}
.tc-tip{display:flex;gap:12px}
.tc-num{flex:none;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--green-950);display:flex;align-items:center;justify-content:center;font:800 13px 'Poppins',sans-serif}
.tc-pal .tc-strip{display:flex;height:46px;border-radius:10px;overflow:hidden;margin-bottom:10px;border:1px solid rgba(0,0,0,.06)}
.tc-strip span{flex:1}
.tc-hex{font:600 11.5px 'Inter',sans-serif!important;letter-spacing:.3px;color:var(--ink)!important;margin-bottom:4px!important}
.tc-brands{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.tc-brands li{background:#fff;border:1px solid var(--line);border-radius:100px;padding:8px 15px;font-weight:700;font-size:13px;color:var(--ink)}
.tc-cover{display:grid;gap:12px}
@media(min-width:700px){.tc-cover{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tc-region h3 a{color:var(--ink);text-decoration:none}.tc-region h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.tc-chips{display:flex;flex-wrap:wrap;gap:6px}
.tc-chips span{background:#fff;border:1px solid var(--line);border-radius:100px;padding:5px 10px;font-size:12px;color:var(--ink)}

/* ---- v45: desain bergambar (hero, layanan, palet, baca juga) ---- */
.tc-hero{padding:0}
.tc-hero::after{display:none}
.tc-hero-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--green-950)}
.tc-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.tc-hero-img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to top,var(--green-950),rgba(18,52,74,0))}
.tc-hero-body{padding:20px 22px 34px;position:relative}
@media(min-width:700px){.tc-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch}.tc-hero-img{aspect-ratio:auto;min-height:100%}.tc-hero-img::after{left:auto;top:0;height:auto;width:35%;background:linear-gradient(to left,var(--green-950),rgba(18,52,74,0))}.tc-hero-body{padding:40px 32px;align-self:center}}
.tc-svc.tc-svc--img{padding:0;overflow:hidden;display:flex;flex-direction:column}
.tc-svc-img{aspect-ratio:4/3;overflow:hidden;background:var(--green-100)}
.tc-svc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.tc-svc--img:hover .tc-svc-img img{transform:scale(1.04)}
.tc-svc-body{padding:14px 16px 18px}
.tc-pal-img{aspect-ratio:4/3;overflow:hidden;border-radius:10px;margin-bottom:10px;background:var(--green-100)}
.tc-pal-img img{width:100%;height:100%;object-fit:cover;display:block}
.tc-blogs{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:700px){.tc-blogs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tc-blog{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-soft);display:flex;flex-direction:column}
.tc-blog-img{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--green-100)}
.tc-blog-img img{width:100%;height:100%;object-fit:cover;display:block}
.tc-blog-body{padding:14px 16px 18px}
.tc-blog-body h3{margin:0 0 6px;font:700 15px 'Poppins',sans-serif;line-height:1.35}
.tc-blog-body h3 a{color:var(--ink);text-decoration:none}
.tc-blog-body h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.tc-blog-body p{margin:0;font-size:13px;line-height:1.65;color:var(--muted)}
.tc-gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:700px){.tc-gal{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}
.tc-gal-item{margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:12px;background:var(--green-100);box-shadow:var(--shadow-soft)}
.tc-gal-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.tc-gal-item:hover img{transform:scale(1.04)}
.tc-price-big{margin:2px 0 10px;font:800 26px 'Poppins',sans-serif;line-height:1.1;color:var(--ink)}
.tc-price-big small{font:600 13px 'Inter',sans-serif;color:var(--muted)}
.tc-class--pick{border-color:var(--gold);box-shadow:0 10px 26px rgba(36,30,53,.14)}
.tc-badge{display:inline-block;margin:0 0 8px 6px;background:var(--gold-dark);color:#fff;font:800 11px 'Inter',sans-serif;letter-spacing:1px;text-transform:uppercase;border-radius:100px;padding:4px 10px}
.tc-class>div:first-child{display:flex;flex-wrap:wrap;align-items:center}
