.service-detail-page{
  min-height:100vh;
  background:#050607;
  color:#fff;
}
.service-detail-hero{
  position:relative;
  min-height:680px;
  padding:160px 0 78px;
  overflow:hidden;
}
.service-detail-hero img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.36) saturate(.88);
}
.service-detail-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.52) 46%,rgba(0,0,0,.16)),
    radial-gradient(circle at 78% 22%,rgba(111,143,175,.18),transparent 28%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,auto,74px 74px,74px 74px;
}
.service-detail-hero .container{position:relative;z-index:2}
.service-kicker{
  display:inline-block;
  margin-bottom:20px;
  color:#87909b;
  font-size:11px;
  font-weight:850;
  letter-spacing:.26em;
  text-transform:uppercase;
}
.service-title{
  max-width:820px;
  margin:0;
  font-size:clamp(34px,4vw,56px);
  line-height:1.04;
  font-weight:780;
  letter-spacing:-.048em;
}
.service-lead{
  max-width:720px;
  margin:22px 0 0;
  color:#c6ccd4;
  font-size:15px;
  line-height:1.68;
  font-weight:560;
}
.service-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.anadolu-service-actions a{
  max-width:100%;
  white-space:normal;
  text-align:center;
  line-height:1.25;
}
.anadolu-service-actions .service-long-cta{
  min-width:min(100%,320px);
}
.service-section{
  position:relative;
  padding:84px 0 100px;
  background:linear-gradient(180deg,#060708,#0b0f13 52%,#050607);
}
.service-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 10%,rgba(184,170,148,.075),transparent 24%),radial-gradient(circle at 84% 20%,rgba(111,143,175,.075),transparent 28%);
  pointer-events:none;
}
.service-layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(360px,.75fr);
  gap:26px;
  align-items:start;
}
.service-panel,.service-card,.service-map-card{
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.032));
  box-shadow:0 30px 92px rgba(0,0,0,.38);
  backdrop-filter:blur(22px);
}
.service-panel{padding:32px}
.service-panel h2{
  margin:0 0 16px;
  color:#fff;
  font-size:clamp(26px,2.4vw,36px);
  line-height:1.08;
  font-weight:760;
  letter-spacing:-.04em;
}
.service-panel p{margin:0 0 18px;color:#b9c0c9;font-size:14.5px;line-height:1.68}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.service-card{padding:22px;min-height:150px;transition:transform .3s cubic-bezier(.22,.61,.36,1),border-color .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s cubic-bezier(.22,.61,.36,1)}
.service-card:hover{transform:translateY(-6px);border-color:rgba(184,170,148,.3);box-shadow:0 42px 110px rgba(0,0,0,.5)}
.service-card small{display:block;color:#8d96a1;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.service-card strong{display:block;color:#fff;font-size:20px;line-height:1.12;letter-spacing:-.035em}
.service-card p{margin:10px 0 0;color:#aeb6c0;font-size:14px;line-height:1.6}
.service-map-card{overflow:hidden}
.service-map-card iframe{width:100%;height:270px;border:0;filter:grayscale(.65) invert(.86) brightness(.75)}
.service-map-body{padding:24px}
.service-map-body h3{margin:0 0 10px;font-size:24px;line-height:1.12;letter-spacing:-.04em}
.service-map-body p,.service-map-body a,.service-map-body li{color:#b9c0c9;font-size:14px;line-height:1.6}
.service-map-body ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.corporate-footer{padding:58px 0 28px;background:#000;border-top:1px solid rgba(255,255,255,.08)}
.corporate-footer .footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:28px}
.corporate-footer p,.corporate-footer a{color:#a3a3a3}
.corporate-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.corporate-footer h4{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:980px){.service-layout{grid-template-columns:1fr}.service-detail-hero{min-height:620px}}
@media(max-width:640px){.service-detail-hero{padding:130px 0 64px}.service-title{font-size:34px}.service-grid,.corporate-footer .footer-grid{grid-template-columns:1fr}.service-panel{padding:23px;border-radius:23px}}
@media(max-width:640px){.anadolu-service-actions{align-items:stretch}.anadolu-service-actions a{width:100%}}

/* Service detail star content surface */
.service-detail-page.service-star-page .service-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:84px 0 104px;
  background:#f7f7f5;
  border-top:1px solid rgba(17,17,17,.08);
}
.service-detail-page.service-star-page .service-section:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:url("/images/gulsoy/mercedes-star-wall.png");
  background-size:min(980px,64vw) auto;
  background-position:center top;
  background-repeat:repeat;
  opacity:.46;
  filter:brightness(.92) contrast(1.18) saturate(.85);
}
.service-detail-page.service-star-page .service-section:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(247,247,245,.9) 0%,rgba(247,247,245,.78) 42%,rgba(247,247,245,.66) 100%);
}
.service-detail-page.service-star-page .service-layout{
  z-index:1;
}
.service-detail-page.service-star-page .service-panel,
.service-detail-page.service-star-page .service-card,
.service-detail-page.service-star-page .service-map-card{
  border-color:rgba(17,17,17,.14);
  background:rgba(255,255,255,.88);
  box-shadow:0 24px 70px rgba(0,0,0,.11);
  backdrop-filter:blur(8px);
}
.service-detail-page.service-star-page .service-panel h2,
.service-detail-page.service-star-page .service-card strong,
.service-detail-page.service-star-page .service-map-body h3{
  color:#171717;
}
.service-detail-page.service-star-page .service-panel p,
.service-detail-page.service-star-page .service-card p,
.service-detail-page.service-star-page .service-map-body p,
.service-detail-page.service-star-page .service-map-body a,
.service-detail-page.service-star-page .service-map-body li{
  color:#565d66;
}
.service-detail-page.service-star-page .service-card small{
  color:#717984;
}
.service-detail-page.service-star-page .service-card:hover{
  border-color:rgba(17,17,17,.28);
  box-shadow:0 34px 84px rgba(0,0,0,.16);
}
.service-detail-page.service-star-page .service-map-card iframe{
  filter:grayscale(.22) contrast(.95) brightness(.96);
}
.service-detail-page.service-star-page .service-map-body .quick-white,
.service-detail-page.service-star-page .service-map-body a.quick-white{
  color:#111;
}
@media(max-width:980px){
  .service-detail-page.service-star-page .service-section{
    padding:72px 0 92px;
  }
  .service-detail-page.service-star-page .service-section:before{
    background-size:820px auto;
  }
}
@media(max-width:640px){
  .service-detail-page.service-star-page .service-section{
    padding:58px 0 76px;
  }
  .service-detail-page.service-star-page .service-section:before{
    background-size:680px auto;
    opacity:.38;
  }
}

#hasar-hizmetleri{
  scroll-margin-top:96px;
}
@media (max-width:768px){
  #hasar-hizmetleri{
    scroll-margin-top:76px;
  }
}

/* Service display title font: hero and major content panel headings only. */
:is(
  .service-title,
  .service-panel h2
){
  font-family:"MBCorpoATitleCond","Times New Roman",serif;
  font-weight:400;
  font-style:normal;
  font-synthesis:none;
}
