/* İletişim — yeni çerçeve üstünde sayfa katmanı (body.mania-hz.hz-t-iletisim). Yükleme sırası: sayfanın kendi stili → vitrin.css → hizmet.css → cerceve.css → bu dosya.
   İşaretleme değişmez (Klasik Editör gövdesi); buradaki her kural eski sınıfları yeniden düzenler. Tek vurgu turkuaz (WhatsApp yeşili ve teklif moru kalktı), cam paneller Hakkımızda ile aynı. */

/* ---------- giriş: tam genişlik başlık; altında solda açıklama, sağda çalışma saati rozeti ---------- */
.hz-t-iletisim .phd{padding-bottom:clamp(36px,4vw,64px);border-bottom:0}
.hz-t-iletisim .phd .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"crumb crumb" "kas kas" "bas bas" "acik durum";column-gap:clamp(40px,5.5vw,96px);align-items:start}
.hz-t-iletisim .phd .crumb{grid-area:crumb}
.hz-t-iletisim .phd .eyebrow{grid-area:kas;margin-bottom:18px}
.hz-t-iletisim .phd h1{grid-area:bas;font-size:clamp(44px,5.2vw,84px);line-height:.98;letter-spacing:-.05em;max-width:none;margin:0 0 clamp(36px,4.4vw,64px)}
.hz-t-iletisim .phd .lead{grid-area:acik;margin:0;padding-top:clamp(22px,2.4vw,32px);border-top:1px solid var(--hair-strong);font-size:clamp(16px,1.25vw,18.5px);max-width:52ch}
.hz-t-iletisim .phd .durum{grid-area:durum;justify-self:start;align-self:start;margin:clamp(22px,2.4vw,32px) 0 0;padding:12px 18px;border-radius:999px;
	border:1px solid rgba(0,214,205,.38);background:linear-gradient(160deg,rgba(0,214,205,.12),rgba(0,214,205,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);font-size:14.5px;font-family:var(--f);display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;line-height:1.45}
.hz-t-iletisim .phd .durum[hidden]{display:none}
.hz-t-iletisim .phd .durum span{font-family:var(--f);letter-spacing:0}
.hz-t-iletisim .phd .durum .mono{font-family:var(--m);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--acc)}

/* ---------- kanallar: üç cam panel, tek vurgu ---------- */
.hz-t-iletisim .knl{gap:clamp(14px,1.4vw,20px)}
.hz-t-iletisim .knl-k{--k:#00D6CD !important;--k-rgb:0,214,205 !important;border:1px solid rgba(0,214,205,.38);border-radius:20px;
	background:linear-gradient(160deg,rgba(0,214,205,.11),rgba(0,214,205,.025) 55%,rgba(9,21,22,.35));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 70px -40px rgba(0,214,205,.5);
	padding:clamp(26px,2.6vw,36px);transition:border-color .3s,transform .3s cubic-bezier(.16,1,.3,1)}
.hz-t-iletisim .knl-k:hover{border-color:rgba(0,214,205,.7);transform:translateY(-3px)}
.hz-t-iletisim .knl-k::before,.hz-t-iletisim .knl-k::after{content:none}
.hz-t-iletisim .knl-rz{width:52px;height:52px;border-radius:14px;background:rgba(0,214,205,.08);border:1px solid rgba(0,214,205,.32);color:#00D6CD}
.hz-t-iletisim .knl-rz svg{width:24px;height:24px}
.hz-t-iletisim .knl-ne{font-family:var(--m);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--acc);margin-top:24px}
.hz-t-iletisim .knl-k h3{font-size:clamp(24px,2.1vw,30px);letter-spacing:-.035em;margin:8px 0 12px}
.hz-t-iletisim .knl-k p{font-size:15.5px;line-height:1.65;color:var(--fg-dim)}
.hz-t-iletisim .knl-sure{font-family:var(--m);font-size:12px;letter-spacing:0;color:var(--muted)}

/* ---------- ofis: harita + yan bilgi panelleri ---------- */
.hz-t-iletisim .hrt{gap:clamp(14px,1.4vw,20px)}
.hz-t-iletisim .hrt-cerceve{border:1px solid rgba(0,214,205,.38);border-radius:20px;overflow:hidden;background:var(--bg-2);box-shadow:0 30px 70px -40px rgba(0,214,205,.5)}
.hz-t-iletisim .hrt-fig{margin:0;height:100%}
.hz-t-iletisim .hrt-fig iframe{display:block;width:100%;height:100%;min-height:clamp(380px,40vw,560px);border:0;filter:grayscale(.35) contrast(1.05)}
.hz-t-iletisim .hrt-fig figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hz-t-iletisim .adr-k{border:1px solid rgba(0,214,205,.3);border-radius:18px;background:linear-gradient(160deg,rgba(0,214,205,.09),rgba(0,214,205,.02) 60%,rgba(9,21,22,.35));
	box-shadow:inset 0 1px 0 rgba(255,255,255,.07);padding:clamp(20px,2vw,28px)}
.hz-t-iletisim .adr-k h3{font-family:var(--m);font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--acc);margin-bottom:12px}
.hz-t-iletisim .adr-k p{font-size:16px;line-height:1.6;color:var(--fg-hi)}
.hz-t-iletisim .adr-k p span{color:var(--fg-dim)}
.hz-t-iletisim .ulasim li,.hz-t-iletisim .ulasim li *{font-family:var(--f);letter-spacing:0}
.hz-t-iletisim .ulasim li{font-size:15px}
.hz-t-iletisim .ulasim li b{font-weight:700;color:var(--fg-hi)}
.hz-t-iletisim .ulasim li>span:last-child{display:block;font-size:15px;margin-top:0;color:var(--fg-dim);letter-spacing:0}
.hz-t-iletisim .ulasim li>span:last-child span{display:block;font-family:var(--m);font-size:12px;color:var(--muted);margin-top:3px}
.hz-t-iletisim .ulasim .ik{background:rgba(0,214,205,.08);border-color:rgba(0,214,205,.3);color:#00D6CD}
.hz-t-iletisim .ulasim-not{font-family:var(--f) !important;font-size:14.5px !important;line-height:1.6;color:var(--fg-dim) !important;border-top-color:var(--hair) !important}

/* ---------- iki sütunlu bölümler: başlık solda (yapışkan), içerik sağda ---------- */
.hz-t-iletisim :is(#mesaj,#sss) .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,5.5vw,96px);align-items:start}
.hz-t-iletisim :is(#mesaj,#sss) .sec-head{position:sticky;top:120px;margin-bottom:0}
.hz-t-iletisim #mesaj .sec-head p{font-size:16px}

/* ---------- mesaj kurucu ---------- */
.hz-t-iletisim .msj{max-width:none;border:1px solid rgba(0,214,205,.38);border-radius:20px;background:linear-gradient(160deg,rgba(0,214,205,.1),rgba(0,214,205,.02) 55%,rgba(9,21,22,.4));
	box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 70px -40px rgba(0,214,205,.5);padding:clamp(24px,2.8vw,40px)}
.hz-t-iletisim .msj h3{font-size:clamp(22px,1.9vw,27px);letter-spacing:-.03em}
.hz-t-iletisim .msj-alan label{font-family:var(--m);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--fg-dim)}
.hz-t-iletisim .msj-alan :is(input,select,textarea){background:rgba(4,14,15,.6);border:1px solid rgba(214,240,238,.14);border-radius:12px;color:var(--fg-hi);font-family:var(--f);transition:border-color .2s,box-shadow .2s}
.hz-t-iletisim .msj-alan :is(input,select,textarea):focus{outline:0;border-color:#00D6CD;box-shadow:0 0 0 3px rgba(0,214,205,.18)}
.hz-t-iletisim .msj-onizleme{background:rgba(0,214,205,.05);border:1px dashed rgba(0,214,205,.35);border-radius:12px;color:var(--fg-dim)}
.hz-t-iletisim .msj-onay input{accent-color:#00D6CD}
.hz-t-iletisim .msj-onay a,.hz-t-iletisim .msj-alt a:not(.btn){color:var(--acc)}

/* ---------- SSS ---------- */
.hz-t-iletisim .sss{max-width:none;display:grid;gap:10px}
.hz-t-iletisim .sss details{border:1px solid rgba(0,214,205,.24);border-radius:16px;background:linear-gradient(160deg,rgba(0,214,205,.07),rgba(0,214,205,.015) 60%,rgba(9,21,22,.3));transition:border-color .25s}
.hz-t-iletisim .sss details[open],.hz-t-iletisim .sss details:hover{border-color:rgba(0,214,205,.55)}
.hz-t-iletisim .sss summary{font-size:17px;letter-spacing:-.015em}
.hz-t-iletisim .sss .cvp{font-size:15.5px;line-height:1.7;color:var(--fg-dim)}

/* ---------- kapanış bandı: altta boşluk kalmasın ---------- */
.hz-t-iletisim main>.sec:has(.band){padding-bottom:clamp(36px,4vw,64px) !important}

/* ---------- tablet ---------- */
@media (max-width:999px){
	.hz-t-iletisim .phd .wrap{grid-template-columns:1fr;grid-template-areas:"crumb" "kas" "bas" "acik" "durum"}
	.hz-t-iletisim .phd h1{margin-bottom:28px}
	.hz-t-iletisim .phd .lead{border-top:0;padding-top:0}
	.hz-t-iletisim .phd .durum{margin-top:24px}
	.hz-t-iletisim :is(#mesaj,#sss) .wrap{grid-template-columns:1fr}
	.hz-t-iletisim :is(#mesaj,#sss) .sec-head{position:static;margin-bottom:32px}
}
/* ---------- telefon ---------- */
@media (max-width:640px){
	.hz-t-iletisim .phd h1{font-size:clamp(36px,10.4vw,46px)}
	.hz-t-iletisim .hrt-fig iframe{min-height:320px}
	.hz-t-iletisim .phd .durum{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;border-radius:16px;font-size:14px}
	.hz-t-iletisim .phd .durum .mono{grid-column:2}
}