/* Tukangpoles.id — halaman detail & kategori layanan (gaya terang, selaras beranda) */
.dt-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 16px;font-size:.85rem;color:#a1a1aa}
.dt-crumbs a{color:#e4e4e7;text-decoration:none}
.dt-crumbs a:hover{color:var(--o);text-decoration:underline}
.dt-crumbs>*+*:before{content:"/";margin-right:6px;color:#71717a}
.dt-crumbs [aria-current]{color:#fff}
.dt-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.dt-hero-cta .dt-line{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
.dt-hero-cta .dt-line:hover{border-color:var(--o);color:var(--o)}

.dt-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"intro side" "fig side" "rest side";gap:20px 40px;padding:36px 0 8px;align-items:start}
.dt-intro{grid-area:intro}.dt-fig{grid-area:fig}.dt-rest{grid-area:rest}
.dt-side{grid-area:side;position:sticky;top:92px}
.tp-page .dt-h2{font-size:1.45rem;font-weight:850;line-height:1.2;color:#111;margin:0 0 10px}
.tp-page .dt-intro p,.tp-page .dt-lead{margin:0;color:#3f3f46;font-size:1.04rem;line-height:1.65;max-width:65ch}
.dt-fig{margin:0;border-radius:16px;overflow:hidden;background:var(--soft);aspect-ratio:16/8}
.dt-fig img{display:block;width:100%;height:100%;object-fit:cover}
.dt-sec{margin-top:28px}.dt-sec:first-child{margin-top:12px}

.dt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.dt-card{background:var(--soft);border-radius:14px;padding:18px}
.tp-page .dt-card h3{font-size:1rem;font-weight:850;color:#111;margin:0 0 6px;line-height:1.3}
.tp-page .dt-card p{margin:0;font-size:.92rem;line-height:1.55;color:#3f3f46}
.dt-tick{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.dt-tick li{display:flex;gap:10px;align-items:flex-start;color:#18181b;font-weight:600}
.dt-tick i{color:#B45309;margin-top:4px}

.dt-steps{list-style:none;counter-reset:s;margin:14px 0 0;padding:0;display:grid;gap:10px}
.dt-steps li{counter-increment:s;display:flex;gap:14px;align-items:center;padding:13px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;color:#18181b;font-weight:600;line-height:1.4}
.dt-steps li:before{content:counter(s);flex:0 0 32px;height:32px;border-radius:50%;background:var(--o);color:#111;display:grid;place-items:center;font-weight:850}

.dt-faq{display:grid;gap:10px;margin-top:14px}
.tp-page .dt-read{margin:16px 0 0;font-size:.95rem;color:#3f3f46}
.dt-read i{color:#B45309;margin-right:8px}
.dt-read a{color:#9A4A00;font-weight:700}

.dt-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.dt-rel-card{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:#111;background:#fff}
.dt-rel-card:hover{border-color:var(--o)}
.dt-rel-card strong{font-size:1rem}
.dt-rel-card span{font-size:.88rem;line-height:1.45;color:var(--mut)}

/* kartu harga (kanan, menempel saat gulir) */
.dt-price{background:linear-gradient(135deg,#111113,#1c1c1f);color:#fff;border-radius:16px;padding:22px}
.tp-page .dt-price p{margin:0}
.tp-page .dt-price-k{color:#d4d4d8;font-size:.9rem}
.tp-page .dt-price-v{margin:4px 0 14px;font-size:2.2rem;font-weight:900;letter-spacing:-.03em;color:#fff;line-height:1.1}
.dt-price-v small{display:block;font-size:.8rem;font-weight:600;color:#d4d4d8;letter-spacing:0}
.dt-price-v span{font-size:1rem;font-weight:700;color:#d4d4d8;letter-spacing:0}
.tp-page .dt-price-v.dt-ask{font-size:1.3rem;line-height:1.25}
.dt-pt{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:12px}
.dt-pt th,.dt-pt td{padding:8px 6px;text-align:left;border-bottom:1px solid rgba(255,255,255,.14);color:#fff;font-weight:600}
.dt-pt thead th{color:var(--o);font-size:.78rem;font-weight:800}
.tp-page .dt-note{font-size:.85rem;color:#d4d4d8;line-height:1.5;margin-bottom:16px}
.dt-price .tp-btn{width:100%;justify-content:center}
.dt-link{display:block;text-align:center;margin-top:12px;color:var(--o);font-weight:700;font-size:.9rem}
.dt-assure{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:.9rem;color:#3f3f46}
.dt-assure li{display:flex;gap:10px;align-items:center}
.dt-assure i{color:#B45309;width:18px;text-align:center}

/* halaman kategori */
.dt-hub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px;align-items:center;padding:36px 0 8px}
.dt-children{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:14px 0 8px}
.dt-child{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--soft);border-radius:16px;text-decoration:none;color:#111;border:1px solid transparent}
.dt-child:hover{background:#fff;border-color:var(--o)}
.dt-child strong{font-size:1.15rem}
.dt-child span{font-size:.92rem;line-height:1.5;color:var(--mut)}
.dt-child em{font-style:normal;font-weight:800;color:#9A4A00}
.dt-child em.ask{color:var(--mut);font-weight:700}
.dt-child b{margin-top:auto;padding-top:8px;font-size:.9rem}
.tp-page>.tp-wrap>.tp-cta{margin:36px 0}

@media(max-width:900px){
 .dt-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "side" "fig" "rest";gap:18px;padding-top:26px}
 .dt-side{position:static}
 .dt-hub{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){.dt-cards,.dt-rel{grid-template-columns:minmax(0,1fr)}.tp-page .dt-h2{font-size:1.3rem}}
.dt-pt th:first-child{white-space:nowrap}
.dt-hub .dt-intro,.dt-hub .dt-fig{grid-area:auto}
.dt-hub .dt-fig{aspect-ratio:16/10;max-height:320px}
/* Poles Lantai: dokumentasi pengerjaan + hasil sebelum/sesudah */
.dt-docs,.dt-hasil{margin-top:36px}
.dt-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.dt-doc{margin:0;min-width:0}
.dt-doc-frame{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#27272a,#52525b)}
.dt-doc-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.dt-doc-ph{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.3);font-size:2rem}
.tp-page .dt-doc figcaption{margin-top:10px;font-weight:800;font-size:.98rem;color:#111;line-height:1.35}
.dt-hasil .tp-gal-hint{margin:14px 0 14px}
.dt-hasil .tp-gal{margin:0 auto}
@media(max-width:800px){.dt-doc-grid{grid-template-columns:minmax(0,1fr);gap:18px}}