﻿/* contact.css - contact.html. Selectors prefixed ct- (no clashes with Bootstrap / style.css). */
.ct{--ct-bg:#f4f6f9;--ct-surface:#fff;--ct-ink:#142033;--ct-muted:#5b687c;--ct-line:#dde3ec;--ct-accent:#c2412d;--ct-soft:#e8eef6;--ct-good:#2f7d46;--ct-good-bg:#e8f3ec;background:var(--ct-bg);color:var(--ct-ink);font-size:16px;line-height:1.7}
.ct *{box-sizing:border-box}
.ct h1,.ct h2,.ct p{margin:0}
.ct a{color:inherit}
.ct :focus-visible{outline:3px solid var(--ct-accent);outline-offset:2px}
.ct-wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.ct-hero{background:#fff;border-bottom:1px solid var(--ct-line);padding:56px 0 40px;text-align:center}
.ct-hero h1{font-size:clamp(30px,5vw,44px);line-height:1.3;margin-bottom:8px}
.ct-hero p{color:var(--ct-muted);max-width:36em;margin:0 auto 22px}
.ct-promise{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;background:var(--ct-good-bg);color:var(--ct-good);border-radius:10px;padding:12px 18px;font-weight:500}
.ct-promise b{background:var(--ct-good);color:#fff;border-radius:4px;padding:0 10px;font-size:14px}
.ct-sec{padding:48px 0}
.ct-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ct-card{display:block;background:var(--ct-surface);border:1px solid var(--ct-line);border-top:4px solid var(--ct-accent);border-radius:12px;padding:22px;text-decoration:none!important;color:var(--ct-ink)}
.ct-card small{display:block;color:var(--ct-muted);font-size:13px;margin-bottom:4px}
.ct-card strong{display:block;font-size:22px;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ct-card span{display:block;font-size:13px;color:var(--ct-muted);margin-top:8px}
a.ct-card:hover{border-color:var(--ct-ink);border-top-color:var(--ct-accent)}
@media(max-width:820px){.ct-cards{grid-template-columns:1fr}}
.ct-two{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:stretch}
.ct-box{background:var(--ct-surface);border:1px solid var(--ct-line);border-radius:12px;overflow:hidden}
.ct-box h2{font-size:18px;padding:14px 20px;background:var(--ct-soft);border-bottom:1px solid var(--ct-line)}
.ct-row{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--ct-line);font-size:15px}
.ct-row span:first-child{color:var(--ct-muted)}
.ct-row span:last-child{text-align:right;font-variant-numeric:tabular-nums}
.ct-row small{display:block;color:var(--ct-muted);font-size:12px}
.ct-addr{padding:14px 20px;font-size:15px}
.ct-addr a{text-decoration:underline}
.ct-map{width:100%;height:100%;min-height:340px;border:0;display:block}
@media(max-width:820px){.ct-two{grid-template-columns:1fr}.ct-map{min-height:280px}}
.ct-cta{background:var(--ct-ink);color:#eef2f8;text-align:center;padding:48px 20px}
.ct-cta h2{font-size:clamp(24px,3.4vw,32px)}
.ct-cta p{color:#b8c4d6;margin-top:6px}
