/* Reference layout with the existing contact page palette. */
.kq-contact { --ink:#0f172a; --ink-soft:#475569; --paper:#F7F9FC; --card:#fff; --line:#e2e8f0; --muted:#64748b; --accent:#4f76da; --accent-deep:#4f76da; --accent-tint:rgba(79,118,218,.1); --danger:#dc3545; --danger-tint:rgba(220,53,69,.06); --gradient:linear-gradient(135deg,#4f76da,#765bdb); --radius:20px; --font-body:'Inter',sans-serif; --font-display:var(--font-body); --font-mono:var(--font-body); background:var(--paper); color:var(--ink); font-family:var(--font-body); padding-bottom:80px; }
.kq-contact * { box-sizing:border-box; }
.kq-contact .wrap { max-width:1160px; padding:0 32px; margin:0 auto; }
.kq-contact h1,.kq-contact h2,.kq-contact h3,.kq-contact h4 { margin:0; font-family:inherit; color:var(--ink); letter-spacing:-.025em; }
.kq-contact a { color:inherit; text-decoration:none; }
.kq-contact button { font-family:inherit; }
.kq-contact [hidden] { display:none !important; }
.kq-contact .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .15s ease, background .15s ease, border-color .15s ease;white-space:nowrap;}
.kq-contact .btn:active{transform:scale(0.98);}
.kq-contact .btn-primary{background:var(--accent);color:#fff;}
.kq-contact .btn-primary:hover{background:var(--accent-deep);}
.kq-contact .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line);}
.kq-contact .btn-ghost:hover{border-color:var(--ink-soft);}
.kq-contact .btn-dark{background:var(--ink);color:#fff;}
.kq-contact .btn-dark:hover{background:#000;}
.kq-contact .crumb{background:#fff;border-bottom:1px solid var(--line);}
.kq-contact .crumb .wrap{padding:14px 32px;display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);}
.kq-contact .crumb a:hover{color:var(--accent-deep);}
.kq-contact .crumb .sep{color:var(--muted);}
.kq-contact .crumb .current{color:var(--ink);font-weight:500;}
.kq-contact .hero{background:var(--ink);color:#fff;padding:56px 0 0;position:relative;}
.kq-contact .eyebrow{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.kq-contact .eyebrow::before{content:"";width:8px;height:8px;background:var(--accent);border-radius:2px;display:inline-block;}
.kq-contact .hero h1{font-size:38px;line-height:1.15;max-width:560px;font-weight:600;}
.kq-contact .hero p.lead{font-size:15.5px;color:var(--muted);max-width:520px;margin:16px 0 40px;line-height:1.65;}
.kq-contact .main-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:-1px;position:relative;z-index:2;}
.kq-contact .form-card{background:var(--card);border:1px solid var(--line);border-radius:20px 20px 0 0;padding:40px;}
.kq-contact .form-card h2{font-size:20px;margin-bottom:6px;}
.kq-contact .form-card > p{font-size:14px;color:var(--muted);margin:0 0 28px;}
.kq-contact .cat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px;}
.kq-contact .cat-opt{border:1px solid var(--line);border-radius:10px;padding:14px 12px;text-align:center;cursor:pointer;transition:border-color .15s ease, background .15s ease;}
.kq-contact .cat-opt input{display:none;}
.kq-contact .cat-opt svg{color:var(--muted);margin-bottom:8px;}
.kq-contact .cat-opt span{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);}
.kq-contact .cat-opt.is-checked{border-color:var(--accent);background:var(--accent-tint);}
.kq-contact .cat-opt.is-checked svg,.kq-contact .cat-opt.is-checked span{color:var(--accent-deep);}
.kq-contact .field{margin-bottom:18px;}
.kq-contact .field label{display:block;font-size:13px;font-weight:500;color:var(--ink-soft);margin-bottom:7px;}
.kq-contact .field input,.kq-contact .field textarea{
  width:100%;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:12px 14px;
  color:var(--ink);font-size:14px;font-family:var(--font-body);outline:none;transition:border-color .15s ease, background .15s ease;
}
.kq-contact .field input:focus,.kq-contact .field textarea:focus{border-color:var(--accent);background:#fff;}
.kq-contact .field.has-error input,.kq-contact .field.has-error textarea{border-color:var(--danger);background:var(--danger-tint);}
.kq-contact .field .err{font-size:12.5px;color:var(--danger);margin-top:6px;display:none;}
.kq-contact .field.has-error .err{display:block;}
.kq-contact .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.kq-contact textarea{resize:vertical;min-height:120px;}
.kq-contact .hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;}
.kq-contact .msg-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px;}
.kq-contact .submit-row{display:flex;align-items:center;gap:16px;margin-top:8px;}
.kq-contact .submit-row .hint{font-size:12.5px;color:var(--muted);}
.kq-contact .form-success{display:none;text-align:center;padding:50px 20px;}
.kq-contact .form-success svg{color:var(--accent);}
.kq-contact .form-success h2{font-size:20px;margin:16px 0 8px;}
.kq-contact .form-success p{font-size:14px;color:var(--muted);margin:0;}
.kq-contact .side{display:flex;flex-direction:column;gap:16px;}
.kq-contact .side-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;}
.kq-contact .status-row{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
.kq-contact .status-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none;}
.kq-contact .status-dot.closed{background:var(--danger);}
.kq-contact .status-row span{font-size:13.5px;font-weight:600;}
.kq-contact .status-row .sub{font-weight:400;color:var(--muted);}
.kq-contact .hours-row{display:flex;justify-content:space-between;font-size:13.5px;padding:8px 0;border-top:1px solid var(--line);}
.kq-contact .hours-row:first-of-type{border-top:none;}
.kq-contact .hours-row .d{color:var(--ink-soft);}
.kq-contact .hours-row .t{color:var(--muted);font-family:var(--font-mono);font-size:12.5px;}
.kq-contact .contact-line{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line);}
.kq-contact .contact-line:first-of-type{border-top:none;padding-top:0;}
.kq-contact .contact-line .cicon{width:36px;height:36px;border-radius:9px;background:var(--paper);display:flex;align-items:center;justify-content:center;color:var(--accent-deep);flex:none;}
.kq-contact .contact-line h4{font-size:13px;color:var(--muted);font-weight:500;margin:0 0 3px;}
.kq-contact .contact-line a,.kq-contact .contact-line span.val{font-size:14.5px;font-weight:600;color:var(--ink);}
.kq-contact .wa-card{background:var(--ink);color:#fff;}
.kq-contact .wa-card h3{font-size:15.5px;margin-bottom:6px;}
.kq-contact .wa-card p{font-size:13px;color:var(--muted);margin:0 0 16px;line-height:1.6;}
.kq-contact .map-wrap{margin-top:24px;border-radius:0 0 20px 20px;overflow:hidden;border:1px solid var(--line);border-top:none;background:var(--card);}
.kq-contact .map-frame{width:100%;height:340px;border:0;filter:grayscale(0.15);}
.kq-contact .map-caption{padding:18px 40px;font-size:13.5px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.kq-contact section.block{padding:80px 0;}


.kq-contact .hero { padding:76px 0 18px; color:var(--ink); background:radial-gradient(ellipse at 85% 20%,rgba(118,91,219,.07),transparent 55%),var(--paper); }
.kq-contact .hero h1 { font-size:clamp(32px,4.2vw,50px); font-weight:800; max-width:700px; letter-spacing:-.04em; text-wrap:balance; }
.kq-contact .hero p.lead { max-width:610px; font-size:16px; line-height:1.8; }
.kq-contact .eyebrow { display:inline-flex; background:#fff; border:1px solid var(--line); padding:9px 14px; border-radius:100px; font-weight:600; }
.kq-contact .eyebrow::before { background:var(--gradient); }
.kq-contact .crumb .wrap { flex-wrap:wrap; }
.kq-contact .main-grid { align-items:start; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
.kq-contact .form-card { border-radius:24px; box-shadow:0 12px 36px rgba(15,23,42,.04); }
.kq-contact .form-card h2 { font-size:24px; font-weight:700; }
.kq-contact .form-card > p { line-height:1.7; margin-top:10px; }
.kq-contact .cat-opt { position:relative; border-radius:14px; padding:18px 10px; }
.kq-contact .cat-opt input { display:block; position:absolute; opacity:0; width:1px; height:1px; }
.kq-contact .cat-opt:focus-within { outline:3px solid var(--accent); outline-offset:3px; }
.kq-contact .field input:focus,.kq-contact .field textarea:focus { box-shadow:0 0 0 3px var(--accent-tint); }
.kq-contact .field textarea { min-height:145px; }
.kq-contact .field-row > * { min-width:0; }
.kq-contact .btn { min-height:44px; white-space:normal; }
.kq-contact .btn-primary,.kq-contact .btn-primary:hover,.kq-contact .btn-dark,.kq-contact .btn-dark:hover { background:var(--gradient); color:#fff; box-shadow:0 8px 22px rgba(79,118,218,.18); }
.kq-contact .btn-ghost { color:var(--ink); }
.kq-contact .btn:disabled { opacity:.65; cursor:wait; }
.kq-contact .submit-row { flex-wrap:wrap; }
.kq-contact .side { gap:20px; }
.kq-contact .side-card { padding:28px; border-radius:22px; box-shadow:0 6px 24px rgba(15,23,42,.035); }
.kq-contact .status-dot { box-shadow:0 0 0 5px var(--accent-tint); }
.kq-contact .status-dot.closed { box-shadow:0 0 0 5px var(--danger-tint); }
.kq-contact .hours-row { gap:14px; line-height:1.7; }
.kq-contact .contact-line { padding:20px 0; }
.kq-contact .contact-line:last-child { padding-bottom:0; }
.kq-contact .contact-line .cicon { width:42px; height:42px; background:var(--accent-tint); border-radius:13px; }
.kq-contact .contact-line > div { min-width:0; }
.kq-contact .contact-line .val { line-height:1.7; }
.kq-contact .contact-line a { overflow-wrap:anywhere; }
.kq-contact .wa-card { color:var(--ink); background:var(--paper); border:1px solid var(--accent); }
.kq-contact .wa-card h3 { font-size:19px; font-weight:700; }
.kq-contact .wa-card p { margin-top:10px; line-height:1.75; }
.kq-contact .map-wrap { border:1px solid var(--line); border-radius:24px; box-shadow:0 8px 28px rgba(15,23,42,.035); }
.kq-contact .map-frame { display:block; }
.kq-contact .form-success { display:block; }
.kq-contact .send-error { padding:14px 16px; color:var(--danger); background:var(--danger-tint); border-radius:12px; font-size:14px; line-height:1.6; margin-top:18px; }
.kq-contact a:focus-visible,.kq-contact button:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
@media(max-width:1000px) {
 .kq-contact .main-grid { grid-template-columns:1fr; }
}
@media(max-width:640px) {
 .kq-contact .wrap { padding-left:20px; padding-right:20px; }
 .kq-contact .hero { padding-top:48px; }
 .kq-contact .cat-row,.kq-contact .field-row { grid-template-columns:1fr; }
 .kq-contact .cat-opt { display:flex; align-items:center; gap:12px; text-align:left; padding:14px 16px; }
 .kq-contact .cat-opt svg { margin-bottom:0; }
 .kq-contact .form-card,.kq-contact .side-card { padding:24px; }
 .kq-contact .map-caption { padding:20px; }
 .kq-contact .hours-row { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) {
 .kq-contact * { transition:none !important; animation:none !important; }
 .kq-contact .btn:active { transform:none; }
}

/* Contact page polish. */
.kq-contact .hero { overflow:hidden; isolation:isolate; padding-top:88px; }
.kq-contact .hero::after { content:''; position:absolute; z-index:-1; pointer-events:none; width:320px; height:320px; right:max(-160px,calc((100% - 1160px)/2 - 80px)); top:30px; border:1px solid rgba(79,118,218,.1); border-radius:50%; box-shadow:0 0 0 42px rgba(79,118,218,.025),0 0 0 84px rgba(118,91,219,.02); }
.kq-contact .hero h1 { max-width:750px; line-height:1.12; }
.kq-contact .hero p.lead { margin-top:24px; margin-bottom:42px; }
.kq-contact .eyebrow { margin-bottom:22px; font-size:11px; box-shadow:0 4px 14px rgba(15,23,42,.03); }
.kq-contact .main-grid { gap:28px; }
.kq-contact .form-card { position:relative; overflow:hidden; padding:42px; border-radius:28px; box-shadow:0 16px 44px rgba(15,23,42,.045); }
.kq-contact .form-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--gradient); }
.kq-contact .form-card h2 { font-size:26px; letter-spacing:-.035em; }
.kq-contact .form-card > p { margin-bottom:30px; }
.kq-contact .cat-row { gap:12px; }
.kq-contact .cat-opt { background:var(--paper); padding:20px 12px; border-radius:16px; }
.kq-contact .cat-opt svg { width:24px; height:24px; margin-bottom:12px; }
.kq-contact .cat-opt.is-checked { background:var(--accent-tint); box-shadow:0 4px 14px rgba(79,118,218,.08); }
.kq-contact .field { margin-bottom:22px; }
.kq-contact .field label { font-weight:600; margin-bottom:9px; }
.kq-contact .field input,.kq-contact .field textarea { border-radius:12px; padding:13px 15px; }
.kq-contact .field input { min-height:48px; }
.kq-contact .field textarea { min-height:160px; line-height:1.75; }
.kq-contact .msg-foot { margin-top:9px; }
.kq-contact .submit-row { border-top:1px solid var(--line); padding-top:24px; gap:14px; }
.kq-contact .submit-row .btn { padding:13px 24px; border-radius:12px; }
.kq-contact .submit-row .hint { max-width:200px; line-height:1.6; }
.kq-contact .side-card { padding:30px; border-radius:24px; }
.kq-contact .status-row { margin-bottom:22px; padding:0 4px; flex-wrap:wrap; }
.kq-contact .status-row .sub { display:inline-block; line-height:1.7; }
.kq-contact .hours-row { padding:12px 0; }
.kq-contact .contact-line { gap:16px; padding:22px 0; }
.kq-contact .contact-line .cicon { width:46px; height:46px; border-radius:14px; }
.kq-contact .contact-line h4 { font-size:12px; margin-bottom:6px; }
.kq-contact .contact-line a { font-size:16px; }
.kq-contact .contact-line a:hover { color:var(--accent); }
.kq-contact .wa-card { position:relative; overflow:hidden; background:radial-gradient(ellipse at top right,rgba(118,91,219,.07),transparent 70%),var(--paper); }
.kq-contact .wa-card h3 { font-size:21px; letter-spacing:-.03em; }
.kq-contact .wa-card p { max-width:330px; margin-bottom:22px; }
.kq-contact .wa-card .btn { border-radius:12px; padding:12px 20px; }
.kq-contact .map-wrap { margin-top:32px; border-radius:28px; }
.kq-contact .map-frame { height:360px; filter:none; }
.kq-contact .map-caption { padding:24px 30px; gap:20px; line-height:1.7; }
.kq-contact .map-caption > span { max-width:550px; }
.kq-contact .map-caption .btn { padding:12px 22px; border-radius:12px; flex-shrink:0; }
.kq-contact .btn { transition:transform .2s ease,box-shadow .2s ease; }
@media(hover:hover) {
 .kq-contact .btn:hover { transform:translateY(-2px); }
 .kq-contact .cat-opt:hover { border-color:var(--accent); }
}
@media(max-width:640px) {
 .kq-contact .hero { padding-top:48px; }
 .kq-contact .hero::after { display:none; }
 .kq-contact .form-card,.kq-contact .side-card { padding:26px 22px; }
 .kq-contact .cat-opt { padding:15px 16px; }
 .kq-contact .cat-opt svg { margin:0; }
 .kq-contact .submit-row .btn { width:100%; }
 .kq-contact .submit-row .hint { max-width:none; text-align:center; width:100%; }
 .kq-contact .map-frame { height:280px; }
 .kq-contact .map-caption { padding:22px; }
 .kq-contact .map-caption .btn { width:100%; }
}
@media(prefers-reduced-motion:reduce) {
 .kq-contact .btn:hover { transform:none; }
}

/* Turkish title casing, including headings and badges populated dynamically. */
.kq-contact h1,
.kq-contact h2,
.kq-contact h3,
.kq-contact h4,
.kq-contact h5,
.kq-contact h6,
.kq-contact summary,
.kq-contact .eyebrow,
.kq-contact .badge,
.kq-contact .pbadge,
.kq-contact .hero-badge,
.kq-contact .hero-tag,
.kq-contact .tag,
.kq-contact .tag2,
.kq-contact .section-head-tag,
.kq-contact .sector,
.kq-contact .cat,
.kq-contact .chip,
.kq-contact .filter-chip,
.kq-contact .platform-chip { text-transform:capitalize !important; }
