/* ═══════════════════════════════════════════════════════════════
   Zirve Teknik Servis — POLISH (kurumsal son katman)
   inner/home sonrası yüklenir; modern.css ondan da sonra gelir.
   Süreç, rehber, koyu band, hizmet kartları, form ince ayarları.
   Header/hero/phead/cta/sticky düğmeler: layout.css, home.css, modern.css.
   ═══════════════════════════════════════════════════════════════ */

/* ── Genel ritim ── */
.zt-section{padding-block:clamp(40px,5vw,60px)}
.zt-section--gray{background:linear-gradient(180deg,var(--gray) 0%,var(--steel-soft) 160%)}
:is(h2,.zt-h2){letter-spacing:-.015em}
.zt-eye{color:var(--navy);letter-spacing:.16em}
.zt-eye::before{width:28px;height:3px;border-radius:2px}

/* ── Butonlar ── */
.zt-btn{border-radius:var(--radius-btn);font-weight:700;letter-spacing:.005em}
.zt-btn--primary{box-shadow:0 6px 18px var(--red-30)}
.zt-btn--primary:hover{box-shadow:0 10px 26px var(--red-30)}
.zt-btn--wa{background:var(--wa);border-color:var(--wa);color:var(--white)}
.zt-btn--wa:hover{background:var(--wa-deep);border-color:var(--wa-deep);color:var(--white)}

/* ═══ SÜREÇ ═══ */
.zt-steps__head h2,.zt-guide__copy h2,.zt-area__copy h2,.zt-faq__copy h2{font-size:clamp(1.9rem,3.2vw,2.6rem)}
.zt-steps__track{gap:clamp(16px,2vw,28px)}
.zt-steps__track::before{top:24px;background:linear-gradient(90deg,var(--navy) 0,var(--steel-soft) 100%);height:2px}
.zt-steps__num{background:var(--navy);color:var(--white);border:4px solid var(--white);box-shadow:0 0 0 1px var(--navy-15),0 8px 18px rgba(34,60,108,.28);width:50px;height:50px}
.zt-steps__item{padding:0 4px;transition:transform var(--tr) var(--ease)}
.zt-steps__item:hover{transform:translateY(-4px)}
.zt-steps__item h3{font-size:1.2rem;margin-top:6px}

/* ═══ REHBER ═══ */
.zt-guide__media{position:relative}
.zt-guide__media::before{
  content:'';position:absolute;inset:18px -18px -18px 18px;z-index:0;
  border-radius:20px;background:var(--navy-grad);opacity:.92;
}
.zt-guide__media img,.zt-guide__media .zt-noimg{position:relative;z-index:1;border-radius:20px;box-shadow:var(--shadow-lift);aspect-ratio:4/3.3;object-fit:cover}
@media (max-width:899.98px){.zt-guide__media::before{inset:12px -8px -12px 8px}}
details.zt-acc{border-radius:12px;border-color:var(--navy-10);box-shadow:0 1px 2px rgba(24,43,79,.04);transition:box-shadow var(--tr-fast) var(--ease),border-color var(--tr-fast) var(--ease)}
details.zt-acc[open]{border-color:var(--navy-15);box-shadow:var(--shadow-soft)}
.zt-acc summary{font-weight:700}
.zt-acc summary:hover{background:var(--navy-06);border-radius:12px}

/* ═══ KOYU BAND ═══ */
.zt-dark-band{
  position:relative;isolation:isolate;
  background:var(--navy-grad);
}
.zt-dark-band::before{content:'';position:absolute;inset:0;z-index:-1;background:url("../images/deco/topo.svg") left -60px top -30px/min(560px,55%) no-repeat;opacity:.8}
.zt-dark-band .zt-container{padding-block:clamp(40px,5vw,60px)}
.zt-dark-band__card{
  padding:0;overflow:hidden;border-radius:18px;
  background:rgba(255,255,255,.05);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.14);
  transition:transform var(--tr) var(--ease),border-color var(--tr) var(--ease);
}
.zt-dark-band__card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.3)}
.zt-dark-band__card>*:not(.zt-img){margin-inline:clamp(20px,2.4vw,30px)}
.zt-dark-band__card>.zt-btn--link{margin-bottom:clamp(20px,2.4vw,30px)}
.zt-dark-band__card .zt-img{--ar:16/10;border-radius:0;margin-bottom:6px}
.zt-dark-band__card .zt-img img{transition:transform .9s var(--ease)}
.zt-dark-band__card:hover .zt-img img{transform:scale(1.05)}
.zt-dark-band__card h3{font-size:1.4rem;margin-top:8px}

/* ═══ ÇALIŞMA ALANI ═══ */
.zt-area__card{border-radius:18px;border-color:var(--navy-10);box-shadow:var(--shadow-lift)}
.zt-area__map{border-radius:18px;box-shadow:var(--shadow-soft)}
.zt-area__row>.zt-ico{padding:8px;width:36px;height:36px;border-radius:10px;background:var(--navy-06);color:var(--navy);margin-top:0}

/* ═══ HİZMET KARTLARI (liste + diğer) ═══ */
.zt-services__grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:clamp(18px,2vw,28px)}
.zt-services__card{border-radius:16px;border-color:var(--navy-10);box-shadow:var(--shadow-soft)}
.zt-services__card:hover{box-shadow:var(--shadow-lift)}
.zt-services__card .zt-img{border-radius:0}
.zt-services__card .zt-img img{transition:transform .9s var(--ease)}
.zt-services__card:hover .zt-img img{transform:scale(1.06)}
.zt-services__list a{border-bottom:1px solid var(--line)}

/* ═══ HİZMET DETAY ═══ */
.zt-service{gap:clamp(24px,3vw,48px)}
.zt-service__cover{margin:0 0 var(--sp-4);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lift);aspect-ratio:16/8.5}
.zt-service__cover img{width:100%;height:100%;object-fit:cover}
.zt-service__num{background:var(--navy);color:var(--white)}
.zt-service__steps li{border-left-color:var(--navy-15)}
.zt-side{border-radius:18px;border-color:var(--navy-10);box-shadow:var(--shadow-lift);overflow:hidden}
.zt-side::before{height:6px;background:linear-gradient(90deg,var(--navy),var(--red))}

/* ═══ KURUMSAL ═══ */
.zt-about__media{position:relative}
.zt-about__media::before{content:'';position:absolute;inset:16px -16px -16px 16px;border-radius:20px;background:var(--navy-grad);opacity:.92}
.zt-about__media .zt-img{position:relative;z-index:1;border-radius:20px;box-shadow:var(--shadow-lift)}
.zt-ilke{border-radius:16px;border-color:var(--navy-10);box-shadow:var(--shadow-soft)}
.zt-ilke__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--navy);color:var(--white)}
.zt-ilke__icon .zt-ico{width:24px;height:24px}
.zt-about__scope__col{padding:var(--sp-3);border:1px solid var(--navy-10);border-radius:16px;background:var(--white);box-shadow:var(--shadow-soft)}
.zt-about__scope li+li{border-top:1px solid var(--line)}

/* ═══ FORM ═══ */
.zt-form input:not([type="checkbox"]):not([type="hidden"]),.zt-form select,.zt-form textarea{border-radius:10px;border-color:rgba(33,25,43,.16)}
.zt-contact__info,.zt-contact form{min-width:0}

/* ═══ Mobil ═══ */
@media (max-width:639.98px){
  .zt-service__cover{aspect-ratio:4/3}
}

/* Dekor katmanları yatay kaydırma üretmesin */
main{overflow-x:clip}
