/* HIZMETLER - sayfa ozel stiller */

.page-hero{position:relative;min-height:62vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 3rem 4rem;border-bottom:1px solid var(--black);background:var(--black);overflow:hidden}
.page-hero-bg{position:absolute;inset:0;opacity:.35}
.page-hero-bg img{width:100%;height:100%;object-fit:cover}
.page-hero-content{position:relative;z-index:2}
.page-breadcrumb{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}
.page-breadcrumb a{color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}
.page-breadcrumb a:hover{color:rgba(255,255,255,.85)}
.page-title{font-family:var(--font-heading);font-size:clamp(2.8rem,8vw,8rem);font-weight:800;color:var(--white);line-height:.9;letter-spacing:-.03em;overflow:hidden}
.page-title .line{display:block;overflow:hidden}
.page-title .word{display:inline-block;transform:translateY(110%)}

.services-intro{display:grid;grid-template-columns:1.1fr .9fr;border-bottom:1px solid var(--black)}
.services-intro-left{padding:5rem 4rem;border-right:1px solid var(--black)}
.services-intro-left p{font-size:1rem;line-height:1.8;color:#444;max-width:720px}
.services-intro-left p.large{font-family:var(--font-heading);font-size:clamp(1.35rem,2.8vw,2.2rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin-bottom:1.6rem;color:var(--black)}
.services-intro-right{padding:5rem 4rem;background:var(--gray-100);display:flex;flex-direction:column;gap:1.5rem}
.services-intro-item{padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}
.services-intro-item:last-child{border-bottom:none}
.services-intro-item .k{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-400);margin-bottom:.4rem}
.services-intro-item .v{font-family:var(--font-heading);font-size:1.1rem;font-weight:700}

.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--black)}
.service-card{padding:3.2rem 3rem;border-right:1px solid var(--black);border-bottom:1px solid var(--black);display:flex;flex-direction:column;gap:1.2rem;min-height:320px;transition:background .3s}
.service-card:nth-child(2n){border-right:none}
.service-card:hover{background:var(--black)}
.service-no{font-family:var(--font-heading);font-size:.62rem;font-weight:700;letter-spacing:.14em;color:var(--gray-400);transition:color .3s}
.service-title{font-family:var(--font-heading);font-size:clamp(1.2rem,2.1vw,1.8rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;transition:color .3s}
.service-desc{font-size:.9rem;line-height:1.8;color:#555;transition:color .3s}
.service-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}
.service-tag{font-size:.56rem;letter-spacing:.13em;text-transform:uppercase;border:1px solid var(--gray-200);padding:.35rem .6rem;color:var(--gray-400);background:var(--white);transition:border-color .3s,color .3s,background .3s}
.service-card:hover .service-title,.service-card:hover .service-desc{color:var(--white)}
.service-card:hover .service-no{color:rgba(255,255,255,.4)}
.service-card:hover .service-tag{border-color:rgba(255,255,255,.25);background:transparent;color:rgba(255,255,255,.55)}

.process-section{border-bottom:1px solid var(--black)}
.process-head{padding:2.8rem 4rem;border-bottom:1px solid var(--black);display:flex;justify-content:space-between;align-items:center}
.process-head h2{font-family:var(--font-heading);font-size:.66rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gray-400)}
.process-row{display:grid;grid-template-columns:90px 1fr 1fr;border-bottom:1px solid var(--black)}
.process-row:last-child{border-bottom:none}
.process-num{padding:2.4rem 1.5rem;border-right:1px solid var(--black);font-family:var(--font-heading);font-size:.62rem;letter-spacing:.14em;color:var(--gray-400);display:flex;justify-content:center}
.process-main{padding:2.4rem;border-right:1px solid var(--black)}
.process-main h3{font-family:var(--font-heading);font-size:clamp(1.1rem,2.2vw,1.65rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}
.process-main p{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-400)}
.process-desc{padding:2.4rem;font-size:.9rem;line-height:1.8;color:#555}

.services-cta{padding:3rem 4rem;background:var(--black);border-bottom:1px solid var(--black);display:flex;justify-content:space-between;align-items:center;gap:2rem}
.services-cta-text{font-family:var(--font-heading);font-size:clamp(1.1rem,2.4vw,2rem);font-weight:800;color:var(--white);letter-spacing:-.01em}
.services-cta-btn{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--black);background:var(--white);border:none;padding:.8rem 1.9rem;cursor:none;transition:opacity .2s}
.services-cta-btn:hover{opacity:.8}

@media(max-width:1024px){
  .services-intro{grid-template-columns:1fr}
  .services-intro-left{border-right:none;border-bottom:1px solid var(--black)}
  .services-grid{grid-template-columns:1fr}
  .service-card{border-right:none}
  .process-row{grid-template-columns:64px 1fr}
  .process-desc{grid-column:2}
  .process-main{border-right:none}
}

@media(max-width:768px){
  .page-hero{padding:0 1.5rem 3rem;min-height:50vh}
  .services-intro-left,.services-intro-right{padding:3rem 1.5rem}
  .service-card{padding:2.2rem 1.5rem;min-height:auto}
  .process-head{padding:2rem 1.5rem}
  .process-main,.process-desc,.process-num{padding:1.5rem}
  .services-cta{padding:2.5rem 1.5rem;flex-direction:column;align-items:flex-start}
}