/* contact.blade.php sayfa stilleri (blade <style> blogundan tasindi; cs2.css ustune) */
/* İletişim sayfasına özel ek stiller, cs2.css üstüne */
.ct-hero { padding: 80px 0 56px; background: var(--navy); position: relative; overflow: hidden; }
.ct-hero::before {
    content: "";
    position: absolute; inset: 0;
    background: radial-gradient(600px 400px at 110% -10%, rgba(61,90,254,.28), transparent 60%),
                radial-gradient(480px 340px at -8% 108%, rgba(14,165,164,.18), transparent 60%);
}
.ct-hero .wrap { position: relative; text-align: center; }
.ct-hero h1 { color: #fff; font-size: clamp(38px, 5vw, 58px); letter-spacing: -.04em; line-height: 1.06; margin-top: 22px; }
.ct-hero h1 .u-cookie { color: var(--cookie); }
.ct-hero p { color: rgba(255,255,255,.8); font-size: 17.5px; max-width: 580px; margin: 18px auto 0; line-height: 1.7; }
.ct-live {
    display: inline-flex; align-items: center; gap: 9px;
    background: rgba(16,185,129,.12); border: 1px solid rgba(16,185,129,.3);
    border-radius: 999px; padding: 9px 18px; font-size: 14px; font-weight: 600;
    color: rgba(255,255,255,.88); margin-top: 26px;
}
.ct-live .dot {
    width: 8px; height: 8px; border-radius: 50%; background: var(--green);
    box-shadow: 0 0 0 4px rgba(16,185,129,.22); animation: pl 2.4s infinite;
}

/* Kanal kartları */
.ct-channels { padding: 64px 0 56px; background: var(--paper); }
.ct-ch-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
@media(max-width: 860px) { .ct-ch-grid { grid-template-columns: 1fr; } }
.ct-ch-card {
    background: #fff; border: 1px solid var(--line); border-radius: var(--r);
    padding: 28px; text-align: center; transition: transform .3s var(--ease), box-shadow .3s;
    box-shadow: var(--sh-s);
}
.ct-ch-card:hover { transform: translateY(-5px); box-shadow: var(--sh); }
.ct-ch-icon {
    width: 60px; height: 60px; border-radius: 16px; display: grid; place-items: center;
    margin: 0 auto 18px; font-size: 26px;
}
.ct-ch-icon.red { background: var(--cookie-soft); }
.ct-ch-icon.blue { background: var(--a11y-soft); }
.ct-ch-icon.green { background: var(--green-soft); }
.ct-ch-card h3 { font-size: 17px; font-weight: 800; color: var(--ink); margin-bottom: 9px; }
.ct-ch-card p { color: var(--mut); font-size: 14px; line-height: 1.65; margin-bottom: 14px; }
.ct-ch-link { font-weight: 800; font-size: 15px; text-decoration: none; font-family: 'Mulish', sans-serif; }

/* Form bölümü */
.ct-main { padding: 80px 0; background: var(--paper-2); border-top: 1px solid var(--cream-line); }
.ct-main-grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 52px; align-items: start; }
@media(max-width: 940px) { .ct-main-grid { grid-template-columns: 1fr; gap: 44px; } }

/* Form kart */
.ct-form-card {
    background: #fff; border: 1px solid var(--line); border-radius: 24px;
    padding: 36px; box-shadow: var(--sh);
}
.ct-form-card .shead { margin-bottom: 28px; }
.ct-form-card .shead h2 { font-size: clamp(24px, 3vw, 32px); }

.cf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 18px; }
@media(max-width: 620px) { .cf-row { grid-template-columns: 1fr; } }
.cf-field { margin-bottom: 18px; }
.cf-label {
    display: block; font-family: 'Mulish', sans-serif; font-size: 13px;
    font-weight: 700; color: var(--ink); margin-bottom: 8px; letter-spacing: .01em;
}
.cf-label .req { color: var(--cookie); margin-left: 2px; }
.cf-input, .cf-textarea, .cf-select {
    width: 100%; padding: 13px 16px;
    border: 1.6px solid var(--line); border-radius: 12px;
    font-size: 15px; color: var(--ink); background: #fff;
    font-family: 'Inter', system-ui, sans-serif;
    transition: border-color .2s, box-shadow .2s;
    appearance: none; -webkit-appearance: none;
}
.cf-input:focus, .cf-textarea:focus, .cf-select:focus {
    outline: none; border-color: var(--cookie);
    box-shadow: 0 0 0 3px rgba(61,90,254,.12);
}
.cf-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7082' stroke-width='2.2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 16px; padding-right: 40px; cursor: pointer; }
.cf-textarea { resize: vertical; min-height: 130px; line-height: 1.6; }
.cf-kvkk { display: flex; align-items: flex-start; gap: 11px; }
.cf-kvkk input[type="checkbox"] { margin-top: 3px; width: 16px; height: 16px; accent-color: var(--cookie); flex-shrink: 0; cursor: pointer; }
.cf-kvkk label { font-size: 13px; color: var(--mut); line-height: 1.55; cursor: pointer; }
.cf-kvkk a { color: var(--cookie); text-decoration: underline; text-underline-offset: 2px; font-weight: 700; }
.cf-submit { margin-top: 24px; }
.cf-submit .btn { width: 100%; justify-content: center; padding: 16px; font-size: 16px; }
.cf-privacy { margin-top: 14px; text-align: center; font-size: 12.5px; color: var(--mut); display: flex; align-items: center; justify-content: center; gap: 6px; }
.cf-privacy svg { width: 14px; height: 14px; color: var(--green-d); flex-shrink: 0; }

/* Durum mesajları */
.ct-alert { border-radius: 14px; padding: 16px 20px; margin-bottom: 22px; display: flex; gap: 13px; align-items: flex-start; }
.ct-alert.success { background: var(--green-soft); border: 1px solid rgba(16,185,129,.35); }
.ct-alert.error { background: #fde8ea; border: 1px solid rgba(61,90,254,.25); }
.ct-alert .ai { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; }
.ct-alert.success .ai { background: var(--green); color: #fff; }
.ct-alert.error .ai { background: var(--cookie); color: #fff; }
.ct-alert .ai svg { width: 17px; height: 17px; }
.ct-alert strong { display: block; font-family: 'Mulish', sans-serif; font-weight: 800; font-size: 14.5px; margin-bottom: 3px; }
.ct-alert.success strong { color: var(--green-d); }
.ct-alert.error strong { color: var(--cookie-d); }
.ct-alert p, .ct-alert ul { font-size: 13.5px; line-height: 1.6; }
.ct-alert.error ul { padding-left: 16px; list-style: disc; }

/* Sağ kol */
.ct-side { display: flex; flex-direction: column; gap: 22px; }
.ct-side-card {
    background: #fff; border: 1px solid var(--line); border-radius: var(--r);
    padding: 26px; box-shadow: var(--sh-s);
}
.ct-side-card .sc-title {
    font-family: 'Mulish', sans-serif; font-size: 14px; font-weight: 800;
    color: var(--ink); margin-bottom: 16px; display: flex; align-items: center; gap: 8px;
}
.ct-side-card .sc-title svg { width: 17px; height: 17px; }

/* Demo CTA kart */
.ct-demo-cta {
    background: linear-gradient(135deg, var(--cookie) 0%, #2536C4 100%);
    border-radius: var(--r); padding: 28px; color: #fff;
}
.ct-demo-cta h3 { font-size: 20px; font-weight: 800; margin-bottom: 9px; font-family: 'Mulish', sans-serif; color: #fff; }
.ct-demo-cta p { font-size: 14px; opacity: .9; line-height: 1.65; margin-bottom: 18px; }
.ct-demo-cta ul { display: grid; gap: 7px; margin-bottom: 20px; }
.ct-demo-cta li { font-size: 13px; display: flex; align-items: center; gap: 8px; opacity: .92; }
.ct-demo-cta li svg { width: 15px; height: 15px; flex-shrink: 0; }
.ct-demo-cta .btn-ghost {
    display: block; text-align: center; background: rgba(255,255,255,.15);
    color: #fff; padding: 12px; border-radius: 11px; font-family: 'Mulish', sans-serif;
    font-weight: 800; font-size: 14.5px; border: 1.6px solid rgba(255,255,255,.35);
    transition: background .2s;
}
.ct-demo-cta .btn-ghost:hover { background: rgba(255,255,255,.26); }

/* Kimlik + saatler */
.ct-info-block { background: var(--paper); border: 1px solid var(--cream-line); border-radius: 12px; padding: 14px 16px; font-size: 13.5px; line-height: 1.85; color: var(--body); }
.ct-info-block strong { color: var(--ink); }
.ct-hours { list-style: none; padding: 0; margin: 0; }
.ct-hours li { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid var(--line); font-size: 14px; color: var(--body); }
.ct-hours li:last-child { border-bottom: none; }
.ct-hours b { color: var(--ink); font-weight: 700; }
.ct-note { margin-top: 12px; background: var(--green-soft); border-radius: 9px; padding: 10px 13px; font-size: 12.5px; color: var(--green-d); font-weight: 600; }

/* Hızlı yollar bölümü */
.ct-paths { padding: 80px 0; background: var(--paper); border-top: 1px solid var(--cream-line); }
.ct-path-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 44px; }
@media(max-width: 960px) { .ct-path-grid { grid-template-columns: 1fr 1fr; } }
@media(max-width: 580px) { .ct-path-grid { grid-template-columns: 1fr; } }
.ct-path-card {
    background: #fff; border: 1px solid var(--line); border-radius: var(--r);
    padding: 24px; border-top-width: 4px; box-shadow: var(--sh-s);
    transition: transform .3s var(--ease), box-shadow .3s;
}
.ct-path-card:hover { transform: translateY(-4px); box-shadow: var(--sh); }
.ct-path-card .pi { font-size: 28px; margin-bottom: 12px; display: block; }
.ct-path-card h4 { font-size: 16px; font-weight: 800; color: var(--ink); margin-bottom: 8px; font-family: 'Mulish', sans-serif; }
.ct-path-card p { font-size: 13.5px; color: var(--mut); line-height: 1.6; margin-bottom: 14px; }
.ct-path-card a { font-family: 'Mulish', sans-serif; font-weight: 800; font-size: 13.5px; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; }
.ct-path-card a svg { width: 14px; height: 14px; transition: transform .25s; }
.ct-path-card a:hover svg { transform: translateX(3px); }

/* SSS */
.ct-faq { padding: 80px 0; background: var(--paper-2); border-top: 1px solid var(--cream-line); }
.ct-faq .faq-wrap { max-width: 820px; margin: 44px auto 0; }

/* Final CTA */
.ct-final { padding: 80px 0; background: var(--navy); position: relative; overflow: hidden; text-align: center; }
.ct-final::before {
    content: "";
    position: absolute; inset: 0;
    background: radial-gradient(500px 320px at 80% 110%, rgba(14,165,164,.26), transparent 55%),
                radial-gradient(400px 260px at 20% -10%, rgba(61,90,254,.2), transparent 55%);
}
.ct-final .wrap { position: relative; }
.ct-final h2 { color: #fff; font-size: clamp(28px, 3.8vw, 42px); letter-spacing: -.03em; }
.ct-final p { color: rgba(255,255,255,.78); font-size: 16.5px; max-width: 520px; margin: 16px auto 32px; }

/* Inline style -> class donusumleri */
.ct-kick-hero{color:var(--cookie-soft);justify-content:center}
.ct-strong-white{color:#fff}
.shead.ct-head-gap{margin-bottom:40px}
.ct-link-cookie{color:var(--cookie)}
.ct-link-a11y{color:var(--a11y)}
.ct-link-green{color:var(--green-d)}
.ct-link-amber{color:#b45309}
.ct-wa-row{margin-top:8px;font-size:13px;color:var(--mut)}
.ct-wa-link{color:var(--mut);text-decoration:underline}
.ct-chat-btn{font-size:14px;padding:11px 22px;margin-top:6px}
p.ct-form-note{font-size:15px;margin-top:12px;color:var(--mut)}
.ct-demo-ic{font-size:30px;margin-bottom:10px}
.ct-mut{color:var(--mut)}
.ct-mt20{margin-top:20px}
.ct-side-loc{text-align:center;border:1px solid var(--cream-line);background:var(--paper)}
.ct-loc-ic{font-size:38px;margin-bottom:10px}
.ct-loc-name{display:block;font-family:'Mulish',sans-serif;font-size:16px;font-weight:800;color:var(--ink);margin-bottom:5px}
.ct-loc-sub{font-size:13.5px;color:var(--mut)}
.ct-top-cookie{border-top-color:var(--cookie)}
.ct-top-a11y{border-top-color:var(--a11y)}
.ct-top-green{border-top-color:var(--green)}
.ct-top-amber{border-top-color:#f59e0b}
.ct-cta-actions{justify-content:center}