/*
 * İletişim sayfası yeni düzeni (07.10.2026). Şablon template-parts/contact-pro.php (.ct-*).
 * Ana sayfa / Hakkımızda ile aynı yeşil, yazı tipleri ve kart çerçeveleri; zemin beyaz, genişlik logo hizası (en çok 1600 px).
 */
.ct-page{--ct-green:#087d43;--ct-green-dark:#056b39;--ct-deep:#0d3b23;--ct-soft:#eef7f1;--ct-ink:#10191a;--ct-copy:#4a5652;--ct-muted:#6c7873;--ct-line:#e3e9e5;--ct-shadow:0 10px 30px rgba(16,42,27,.06);color:var(--ct-ink);background:#fff;font-family:Manrope,system-ui,sans-serif}
.ct-page *,.ct-page *::before,.ct-page *::after{box-sizing:border-box}
.ct-wrap{width:min(100% - 24px,1600px);margin-inline:auto}
.ct-page h1,.ct-page h2,.ct-page h3,.ct-page p,.ct-page ul,.ct-page address{margin:0}
.ct-page ul{padding:0;list-style:none}
.ct-page address{font-style:normal}
.ct-icon{display:block;flex:0 0 auto;width:22px;height:22px}
.ct-icon-sm{display:inline-block;width:17px;height:17px;vertical-align:-3px}
.ct-arrow{display:inline-block;transition:transform .2s ease}
a:hover>.ct-arrow,button:hover>.ct-arrow{transform:translateX(3px)}
.ct-page a:focus-visible,.ct-page button:focus-visible,.ct-page summary:focus-visible{outline:3px solid rgba(8,125,67,.35);outline-offset:3px}
.ct-section{padding:44px 0}
.ct-eyebrow{display:flex;align-items:center;gap:12px;color:var(--ct-green);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ct-eyebrow::before{width:30px;height:2px;background:currentColor;content:""}

.ct-actions{display:flex;flex-wrap:wrap;gap:12px}
.ct-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:10px;font-size:15.5px;font-weight:800;line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.ct-button:hover{transform:translateY(-2px)}
.ct-button-primary{color:#fff;background:var(--ct-green);box-shadow:0 10px 22px rgba(8,125,67,.18)}
.ct-button-primary:hover{background:var(--ct-green-dark)}
.ct-button-secondary{border-color:#cfd9d3;color:var(--ct-ink);background:#fff}
.ct-button-secondary:hover{border-color:var(--ct-green)}
.ct-button-light{color:var(--ct-ink);background:#fff}
.ct-button-ghost{border-color:rgba(255,255,255,.7);color:#fff;background:transparent}
.ct-button-ghost:hover{background:rgba(255,255,255,.12)}
/* U-TEK'in satır içi a:hover{color:#000!important} kuralı dolu düğmelerde yazıyı kaybettirmesin. */
html:not(.dark) .ilimera-pro-page.ct-page a.ct-button-primary:hover,html:not(.dark) .ilimera-pro-page.ct-page a.ct-button-ghost:hover{color:#fff!important}
html:not(.dark) .ilimera-pro-page.ct-page a.ct-button-secondary:hover,html:not(.dark) .ilimera-pro-page.ct-page a.ct-button-light:hover,html:not(.dark) .ilimera-pro-page.ct-page a.ct-help-card:hover{color:var(--ct-ink)!important}
html:not(.dark) .ilimera-pro-page.ct-page a.ct-strong-link:hover,html:not(.dark) .ilimera-pro-page.ct-page a.ct-directions:hover{color:var(--ct-green)!important}

/* ---------------- Üst bölüm ---------------- */
.ct-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--ct-line);background:radial-gradient(ellipse at 78% 90%,#e6f3ea 0,rgba(230,243,234,0) 55%),#fff}
.ct-hero-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:24px;min-height:400px;padding:30px 0 0}
.ct-hero-copy{max-width:620px;padding-bottom:40px}
.ct-hero-copy h1{margin-top:14px!important;color:var(--ct-ink);font:800 clamp(44px,4.6vw,68px)/1.04 Sora,Manrope,sans-serif;letter-spacing:-.06em}
.ct-hero-text{max-width:560px;margin-top:18px!important;color:var(--ct-copy);font-size:18px;line-height:1.6}
.ct-hero-copy .ct-actions{margin-top:28px}
.ct-hero-products{display:flex;align-items:flex-end;align-self:end;justify-content:center;padding-bottom:26px}
.ct-hero-products .ilimera-trim{position:relative;display:block;flex:0 0 auto;height:var(--trim-h);margin-left:-12px;filter:drop-shadow(0 18px 18px rgba(10,30,18,.24))}
.ct-hero-products .ilimera-trim img{position:absolute;display:block;max-width:none;height:auto}
.ct-hero-products .ilimera-trim:first-child{margin-left:0}
.ct-hero-item.is-frigolive{--trim-h:220px;z-index:3}
.ct-hero-item.is-shalteron{--trim-h:240px;z-index:2}
.ct-hero-item.is-board{--trim-h:118px;z-index:4;margin-left:-34px!important}
.ct-hero-item.is-neurotrack{--trim-h:110px;z-index:4;margin-left:-6px!important}
.ct-hero-item.is-akilli-gecis-sistemi{--trim-h:280px;z-index:1;margin-left:-4px!important}

/* ---------------- Nasıl yardımcı olabiliriz ---------------- */
.ct-help-grid{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(4,minmax(0,1fr));align-items:stretch;gap:16px}
.ct-help-intro{align-self:center;padding-right:16px}
.ct-help-intro h2,.ct-heading h2,.ct-form-side h2,.ct-faq h2{color:var(--ct-ink);font:700 clamp(26px,2.4vw,34px)/1.18 Sora,Manrope,sans-serif;letter-spacing:-.045em}
.ct-help-intro p,.ct-heading p{margin-top:10px!important;color:var(--ct-copy);font-size:16px;line-height:1.6}
.ct-help-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px 22px 52px;border:1px solid var(--ct-line);border-radius:16px;color:var(--ct-ink);background:#fff;box-shadow:var(--ct-shadow);text-decoration:none;transition:border-color .2s,transform .2s}
.ct-help-card:hover{border-color:#c9dccf;transform:translateY(-3px)}
.ct-help-icon{display:grid;width:52px;height:52px;margin-bottom:8px;place-items:center;border-radius:14px;color:var(--ct-green);background:var(--ct-soft)}
.ct-help-icon .ct-icon{width:26px;height:26px}
.ct-help-card strong{font:700 19px/1.25 Sora,Manrope,sans-serif;letter-spacing:-.03em}
.ct-help-text{color:var(--ct-copy);font-size:15px;line-height:1.55}
.ct-help-go{position:absolute;bottom:20px;left:22px;color:var(--ct-green);font-size:19px;font-weight:700;transition:transform .2s}
.ct-help-card:hover .ct-help-go{transform:translateX(4px)}

/* ---------------- İletişim bilgileri: ofis + büyük harita ---------------- */
.ct-heading{margin-bottom:22px}
.ct-office-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ct-office{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);overflow:hidden;border:1px solid var(--ct-line);border-radius:20px;background:#fff;box-shadow:var(--ct-shadow)}
.ct-office-body{display:flex;flex-direction:column;gap:18px;padding:26px}
.ct-office-head{display:flex;align-items:center;gap:14px}
.ct-office-icon{display:grid;flex:0 0 50px;width:50px;height:50px;place-items:center;border-radius:14px;color:var(--ct-green);background:var(--ct-soft)}
.ct-office-head h3{font:700 21px/1.2 Sora,Manrope,sans-serif;letter-spacing:-.03em}
.ct-office-head p{margin-top:3px!important;color:var(--ct-green);font-size:15px;font-weight:700}
.ct-office-lines{display:grid;gap:14px}
.ct-office-lines li{display:flex;align-items:flex-start;gap:12px;color:var(--ct-copy);font-size:15.5px;line-height:1.55}
.ct-office-lines .ct-icon{width:20px;height:20px;margin-top:2px;color:var(--ct-green)}
.ct-strong-link{color:var(--ct-ink);font-weight:800;text-decoration:none;word-break:break-word}
.ct-strong-link:hover{color:var(--ct-green)}
.ct-directions{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--ct-green);font-size:15.5px;font-weight:800;text-decoration:none}
.ct-map{position:relative;min-height:380px;background:#eef2ef}
.ct-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------------- Form + SSS ---------------- */
.ct-form-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:22px}
.ct-form-side,.ct-form-card,.ct-faq{padding:30px;border:1px solid var(--ct-line);border-radius:20px;background:#fff;box-shadow:var(--ct-shadow)}
.ct-form-side{background:linear-gradient(180deg,#f4faf6,#fff)}
.ct-form-side>p,.ct-faq>p{margin-top:10px!important;color:var(--ct-copy);font-size:15.5px;line-height:1.6}
.ct-points{display:grid;gap:18px;margin-top:26px!important}
.ct-points li{display:flex;gap:14px}
.ct-point-icon{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border-radius:12px;color:var(--ct-green);background:#fff;box-shadow:inset 0 0 0 1px var(--ct-line)}
.ct-points strong,.ct-points small{display:block}
.ct-points strong{color:var(--ct-green);font-size:16px;font-weight:800}
.ct-points small{margin-top:3px;color:var(--ct-muted);font-size:14.5px;line-height:1.5}
.ct-message{margin-bottom:18px}
.ct-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ct-fields p{display:grid;gap:7px}
.ct-fields .ct-wide{grid-column:1/-1}
.ct-fields label{color:var(--ct-ink);font-size:14.5px;font-weight:700}
.ct-fields label span{color:#c0392b}
.ct-fields input,.ct-fields select,.ct-fields textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid #d6ded9;border-radius:10px;color:var(--ct-ink);background:#fff;font:500 15.5px Manrope,sans-serif;transition:border-color .2s,box-shadow .2s}
.ct-fields textarea{min-height:150px;resize:vertical}
.ct-fields input:focus,.ct-fields select:focus,.ct-fields textarea:focus{border-color:var(--ct-green);outline:0;box-shadow:0 0 0 3px rgba(8,125,67,.12)}
.ct-consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;color:var(--ct-copy);font-size:14.5px;line-height:1.5;cursor:pointer}
.ct-consent input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:var(--ct-green)}
.ct-consent a{color:var(--ct-green);font-weight:700}
.ct-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;border:0;border-radius:12px;color:#fff;background:var(--ct-green);font:800 16px Manrope,sans-serif;cursor:pointer;transition:background .2s}
.ct-submit:hover{background:var(--ct-green-dark)}
.ct-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;color:var(--ct-muted);font-size:13.5px}
.ct-faq-list{display:grid;gap:10px;margin-top:20px}
.ct-faq-list details{border:1px solid var(--ct-line);border-radius:12px;background:#fff}
.ct-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:var(--ct-ink);font-size:15px;font-weight:700;line-height:1.4;list-style:none;cursor:pointer}
.ct-faq-list summary::-webkit-details-marker{display:none}
.ct-faq-list summary span{flex:0 0 auto;color:var(--ct-green);font-size:20px;font-weight:600;transition:transform .2s}
.ct-faq-list details[open] summary span{transform:rotate(45deg)}
.ct-faq-list details p{padding:0 16px 16px;color:var(--ct-copy);font-size:15px;line-height:1.6}

/* ---------------- Çağrı bandı ---------------- */
.ct-band{margin-top:20px;color:#fff;background-color:#0d4a2a;background-image:linear-gradient(110deg,#0a3a21 0%,#0d4a2a 55%,#0b5a31 100%)}
.ct-band-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 40px;padding:46px 0}
.ct-band-eyebrow{color:#9ddfb6;font-size:13px;font-weight:800;letter-spacing:.14em}
.ct-band h2{margin-top:8px!important;color:#fff;font:700 clamp(28px,3vw,40px)/1.15 Sora,Manrope,sans-serif;letter-spacing:-.045em}
.ct-band p:not(.ct-band-eyebrow){margin-top:10px!important;color:rgba(255,255,255,.85);font-size:17px;line-height:1.6}

/* ---------------- Duyarlı ---------------- */
@media (max-width:1280px){
  .ct-help-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ct-help-intro{grid-column:1/-1;padding:0 0 6px}
  .ct-office{grid-template-columns:1fr}
  .ct-map{min-height:320px}
  .ct-form-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}
  .ct-faq{grid-column:1/-1}
}
@media (max-width:1100px){
  .ct-hero-inner{grid-template-columns:1fr 1fr}
  .ct-hero-item.is-akilli-gecis-sistemi{display:none}
}
@media (max-width:900px){
  .ct-hero-inner{grid-template-columns:1fr;min-height:0}
  .ct-hero-copy{padding-bottom:10px}
  .ct-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ct-office-grid{grid-template-columns:1fr}
  .ct-form-grid{grid-template-columns:1fr}
  .ct-band-inner{grid-template-columns:1fr}
}
@media (max-width:600px){
  .ct-hero-copy h1{font-size:42px}
  .ct-hero-text{font-size:16.5px}
  .ct-hero-copy .ct-actions,.ct-band .ct-actions{flex-direction:column;align-items:stretch}
  .ct-hero-item.is-frigolive{--trim-h:140px}.ct-hero-item.is-shalteron{--trim-h:150px}.ct-hero-item.is-board{--trim-h:76px}.ct-hero-item.is-neurotrack{--trim-h:70px}
  .ct-section{padding:32px 0}
  .ct-help-grid{grid-template-columns:1fr;gap:12px}
  .ct-help-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:2px 14px;padding:16px}
  .ct-help-icon{grid-row:1/3;width:44px;height:44px;margin:0;border-radius:12px}
  .ct-help-icon .ct-icon{width:22px;height:22px}
  .ct-help-card strong{grid-column:2;font-size:17px}
  .ct-help-text{grid-column:2;font-size:14px;line-height:1.45}
  .ct-help-go{position:static;grid-column:3;grid-row:1/3}
  .ct-office-body,.ct-form-side,.ct-form-card,.ct-faq{padding:22px 18px}
  .ct-map{min-height:260px}
  .ct-fields{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.ct-button,.ct-arrow,.ct-help-card,.ct-help-go{transition:none}}
/* Üst bölüm ortak ölçüleri (10.10.2026): Hakkımızda ile aynı yükseklik (masaüstünde 432 px, 1100 px altında 450 px); Ürünler aynı yapının kısa hâli. */
.ct-hero-inner{min-height:432px}
@media (max-width:1100px){
  .ct-hero-inner{min-height:450px}
}
@media (max-width:900px){
  .ct-hero-inner{min-height:0}
}
@media (max-width:600px){
  .ct-hero-item.is-frigolive{--trim-h:118px}.ct-hero-item.is-shalteron{--trim-h:126px}.ct-hero-item.is-board{--trim-h:62px}.ct-hero-item.is-neurotrack{--trim-h:58px}
}