/* Isolated styling for hizmetler.html; shared site CSS/JS are not modified. */
:root{--svc-bg:#10100f;--svc-ink:#f5f3ee;--svc-muted:#b7b4ae;--svc-line:#ffffff30;--svc-cream:#f4f2ed}
body{background:var(--svc-bg);color:var(--svc-ink)}
.site-header{position:relative;background:#f3f0e9;color:#171613;border-bottom:1px solid #17161320}
.services-page{background:var(--svc-bg);color:var(--svc-ink);font-family:"DM Sans",Arial,sans-serif}
.services-page *{box-sizing:border-box}
.services-hero{min-height:285px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;border-bottom:1px solid var(--svc-line)}
.hero-copy{padding:48px 5.2% 38px;z-index:1;align-self:center}
.short-rule{display:inline-block;width:38px;height:1px;background:currentColor;vertical-align:middle}
.hero-copy h1{font-size:clamp(42px,5.6vw,70px);font-weight:400;line-height:.98;letter-spacing:-.035em;margin:25px 0 16px}
.hero-copy p{font-size:14px;line-height:1.55;color:var(--svc-muted);max-width:330px;margin:0}
.hero-photo{position:absolute;right:0;top:0;bottom:0;width:58%;background:linear-gradient(90deg,#10100f 0%,#10100f30 45%,transparent 100%),url("hizmet-hero.jpg") center 55%/cover no-repeat;opacity:.94}
.service-grid{position:relative;padding:16px 5.2% 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.service-card{border:1px solid var(--svc-line);padding:18px 20px 17px;min-height:190px}
.service-card svg{width:44px;height:44px;stroke:currentColor;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.service-card h2{font-family:"DM Sans",Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.35;margin:0 0 7px}
.service-card p{font-size:11.5px;line-height:1.52;color:var(--svc-muted);margin:0}
.service-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:360px}
.service-image{position:relative;display:block;overflow:hidden;border-right:1px solid #ffffff30;color:white}
.service-image:last-child{border-right:0}
.service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 43%)}
.service-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s}
.service-image:hover img{transform:scale(1.035)}
.service-image span{position:absolute;z-index:1;bottom:20px;left:22px;font-size:10px;font-weight:600;letter-spacing:.08em}
.service-process{background:var(--svc-cream);color:#171613;padding:34px 5.5% 38px}
.process-kicker{font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:13px;margin:0 0 15px;color:#49463f}
.service-process>h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(35px,4.4vw,54px);font-weight:400;letter-spacing:-.03em;margin:0 0 22px;line-height:1.1}
.process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.process-grid article{min-width:0;text-align:left}
.process-icon{width:54px;height:54px;border:1px solid #aaa49a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:25px;font-weight:300}
.process-grid h3{font-family:"DM Sans",Arial,sans-serif;font-size:12px;font-weight:600;line-height:1.4;margin:0 0 7px}
.process-grid p{font-size:11px;line-height:1.55;color:#625e57;margin:0}
.services-cta{min-height:185px;background:linear-gradient(90deg,rgba(16,16,15,.94) 0%,rgba(16,16,15,.78) 48%,rgba(16,16,15,.58) 100%),url("hizmet-malzeme.jpg") center 55%/cover no-repeat;padding:30px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative}
.services-cta h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(38px,4.8vw,58px);font-weight:400;line-height:1.02;letter-spacing:-.035em;margin:0}
.services-cta>a{border:1px solid #ffffff90;padding:15px 28px;min-width:195px;text-align:center;font-size:10px;letter-spacing:.08em}
.services-cta>a:hover{background:#f5f3ee;color:#171613}
.services-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#1c1c1a!important;border-top:1px solid #ffffff20;padding:24px clamp(24px,8.9vw,172px);color:#f4f1ea;font-size:9px}
.services-footer a,.services-footer span{color:#f4f1ea!important}
.services-footer img{filter:brightness(0) invert(1)!important}
@media(max-width:850px){.services-hero{min-height:250px}.hero-copy{padding:38px 5%}.hero-photo{width:62%}.service-grid{gap:10px;padding:14px 4% 24px}.service-card{padding:16px 14px;min-height:210px}.service-card p{font-size:11px}.service-gallery{height:310px}.process-grid{gap:15px}}
@media(max-width:600px){.services-hero{min-height:280px;grid-template-columns:1fr}.hero-copy{padding:36px 22px;align-self:end}.hero-copy h1{font-size:43px}.hero-copy p{max-width:250px}.hero-photo{width:100%;opacity:.43;background-image:linear-gradient(90deg,#10100f 0%,#10100f80 65%,#10100f30),url("hizmet-hero.jpg")}.service-grid{grid-template-columns:1fr;padding:12px 20px 24px;gap:10px}.service-card{min-height:0;padding:18px}.service-card p{font-size:12px}.service-gallery{grid-template-columns:1fr;height:auto}.service-image{height:245px;border-right:0;border-bottom:1px solid #ffffff30}.service-image span{left:20px;bottom:18px}.service-process{padding:32px 22px 35px}.service-process>h2{font-size:39px;margin-bottom:25px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.process-icon{margin:0 0 10px}.process-grid h3{font-size:13px}.process-grid p{font-size:11px}.services-cta{min-height:220px;align-items:flex-start;flex-direction:column;padding:32px 22px;justify-content:center}.services-cta h2{font-size:44px}.services-cta>a{width:100%}.services-footer{padding:18px 22px;flex-wrap:wrap}}

@media(min-width:601px){.services-cta>a{margin-right:1.5%;min-width:210px}}

/* Consistent line-art process icons */
.process-icon{font-size:0;line-height:0}
.process-icon svg{width:25px;height:25px;display:block;stroke:currentColor;fill:none;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}

.services-cta h2,.services-cta>a{position:relative;z-index:1}


/* Shared HAN header: consistent across all public pages */
.site-header{height:82px!important;min-height:82px;box-sizing:border-box;position:relative!important;inset:auto!important;z-index:100;background:#f4f1eb!important;color:#171613!important;border-bottom:1px solid rgba(23,22,19,.15)!important;padding:0 5.1%!important;display:grid!important;grid-template-columns:minmax(150px,1fr) auto minmax(130px,1fr);align-items:center!important;gap:24px!important}
.site-header .brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:0!important;min-width:0!important;margin:0!important;color:#171613!important;text-decoration:none!important;white-space:nowrap}
.site-header .brand-wordmark{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:36px;line-height:.9;letter-spacing:-2.8px;font-weight:400;color:#171613}
.site-header .brand small{display:block!important;font-size:7px!important;line-height:1.2;letter-spacing:.12em!important;margin-top:5px!important;color:#4e4a44!important;text-transform:none!important}
.site-header .nav{display:flex!important;align-items:center!important;justify-content:center;gap:clamp(15px,2.1vw,34px)!important;position:static!important;inset:auto!important;padding:0!important;margin:0!important;background:transparent!important;color:#171613!important;flex-direction:row!important;white-space:nowrap}
.site-header .nav a{font:500 10px/1.2 'DM Sans',Arial,sans-serif!important;letter-spacing:.035em!important;color:#302d28!important;text-decoration:none!important;position:relative;padding:8px 0!important}
.site-header .nav a:after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:#171613;transition:width .2s}
.site-header .nav a:hover:after,.site-header .nav a[aria-current="page"]:after{width:100%}
.site-header .lang-switch{justify-self:end!important;display:block!important;background:none!important;border:0!important;color:#171613!important;padding:8px 0!important;margin:0!important;font:500 10px/1.2 'DM Sans',Arial,sans-serif!important;white-space:nowrap;cursor:pointer}
.site-header .lang-switch span{opacity:.48}.site-header .lang-switch span.active{opacity:1;color:#171613}
.site-header .menu-toggle{display:flex!important;justify-self:end;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:30px;height:34px;padding:5px!important;margin-left:-12px;background:transparent!important;border:0!important;color:#171613!important;cursor:pointer}
.site-header .menu-toggle span{display:block!important;width:23px;height:1px;background:#171613!important;transition:transform .2s,opacity .2s}
.site-header .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(6px) rotate(45deg)}.site-header .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.site-header .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1050px){.site-header{grid-template-columns:minmax(115px,1fr) auto auto auto;gap:14px!important;padding:0 4%!important}.site-header .brand-wordmark{font-size:32px}.site-header .nav{gap:clamp(10px,1.4vw,18px)!important}.site-header .nav a{font-size:9px!important}}
@media(max-width:760px){.site-header{height:70px!important;min-height:70px;grid-template-columns:1fr auto auto;gap:12px!important;padding:0 5%!important}.site-header .brand-wordmark{font-size:30px}.site-header .brand small{font-size:6px!important}.site-header .nav{display:none!important;position:absolute!important;top:69px!important;left:0!important;right:0!important;padding:23px 5% 27px!important;background:#f4f1eb!important;border-bottom:1px solid #17161324;box-shadow:0 12px 25px #17161312;flex-direction:column!important;align-items:flex-start!important;gap:19px!important;white-space:normal;z-index:110}.site-header .nav.open{display:flex!important}.site-header .nav a{font-size:11px!important}.site-header .lang-switch{justify-self:end!important}.site-header .menu-toggle{margin-left:0!important}}

/* Hizmetler footer: ana sayfa ile bire bir */
footer.footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px clamp(24px, 8.9vw, 172px);
  background: #1c1c1a !important;
  color: #f4f1ea !important;
  font-size: 9px;
}
footer.footer a,
footer.footer span {
  color: #f4f1ea !important;
}
footer.footer .brand-logo {
  display: block;
  width: 230px;
  height: 68px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1) !important;
}
@media (max-width: 600px) {
  footer.footer {
    padding: 20px;
    gap: 16px;
    flex-wrap: wrap;
  }
}