.city-service-page{background:#f5efe3;color:#211d17}.city-hero{position:relative;min-height:720px;display:flex;align-items:flex-end;background:#26211c;overflow:hidden}.city-hero-media{position:absolute;z-index:0;inset:0 0 0 43%;overflow:hidden}.city-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.city-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#26211c 0%,rgba(38,33,28,.86) 16%,rgba(38,33,28,.38) 52%,rgba(38,33,28,.08) 100%)}.city-hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(38,33,28,1) 0%,rgba(38,33,28,.97) 35%,rgba(38,33,28,.74) 51%,rgba(38,33,28,.10) 76%,rgba(38,33,28,0) 100%);pointer-events:none}.city-hero:after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:3px;background:url('../images/gold-metal-texture.png') center/cover}.city-hero .container{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:80px}.city-hero-copy{max-width:820px}.city-hero h1{color:#fff8e9;font-size:clamp(46px,6vw,86px);line-height:.95;margin:14px 0 24px;text-shadow:0 3px 24px rgba(0,0,0,.42)}.city-hero p{max-width:760px;color:#eee5d5;font-size:18px;line-height:1.75}.breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#d4bd8b;margin-bottom:30px}.breadcrumbs a{color:#f1e4c8;text-decoration:none}.breadcrumbs strong{color:#fff}.city-intro,.city-plan,.city-related,.city-closing{padding:95px 0}.city-two-col{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:70px;align-items:start}.city-two-col.reverse{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:center}.city-two-col.reverse>div:first-child{order:2}.city-two-col.reverse>.city-plan-image{order:1}.city-intro h2,.city-plan h2{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,4.2vw,62px);line-height:1.02;margin:10px 0 26px}.city-intro p,.city-plan p,.city-closing p{font-size:16px;line-height:1.85;color:#5e5549;margin:0 0 18px}.city-quote{background:#211d17;color:#f4ead8;padding:38px 34px;border:1px solid rgba(183,139,62,.5);position:sticky;top:120px;box-shadow:0 24px 60px rgba(56,43,21,.12)}.city-quote:before{content:"";display:block;height:3px;margin:-38px -34px 28px;background:url('../images/gold-metal-texture.png') center/cover}.city-quote span{font-size:12px;letter-spacing:.18em;color:#d9bb77}.city-quote strong{display:block;font-family:'Cormorant Garamond',serif;font-size:34px;line-height:1.06;margin:12px 0 16px}.city-quote p{color:#cfc5b4;font-size:14px;line-height:1.7}.city-quote a{display:inline-flex;margin-top:12px;color:#f1d78f;text-decoration:none;font-weight:700}.city-features{padding:95px 0;background:#fffaf1}.city-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(155,113,36,.35);border-left:1px solid rgba(155,113,36,.35)}.city-feature-card{padding:34px 28px 30px;border-right:1px solid rgba(155,113,36,.35);border-bottom:1px solid rgba(155,113,36,.35);min-height:240px}.city-feature-num{display:inline-block;font-size:12px;letter-spacing:.16em;font-weight:700;color:#9b722d;margin-bottom:50px}.city-feature-card h3{font-family:'Cormorant Garamond',serif;font-size:30px;margin:0 0 12px}.city-feature-card p{color:#6b6257;line-height:1.7;font-size:14px}.city-plan{background:#efe5d3}.city-plan-image{display:flex;align-items:center;justify-content:center}.city-plan-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;box-shadow:0 24px 60px rgba(41,31,16,.12)}.city-steps{padding:95px 0;background:#f8f2e7}.city-step-list{border-top:1px solid rgba(155,113,36,.35)}.city-step{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid rgba(155,113,36,.28)}.city-step>span{font-family:'Cormorant Garamond',serif;font-size:32px;color:#a47a32}.city-step h3{font-family:'Cormorant Garamond',serif;font-size:28px;margin:0 0 5px}.city-step p{margin:0;color:#6c6256;line-height:1.6}.city-gallery{background:#241f19}.city-gallery .section-head h2,.city-gallery .section-head p{color:#f5ecdc}.city-gallery .kicker{color:#d8b45f}.city-videos{background:#f2eadc}.city-related{background:#fffaf1}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.related-service{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 20px;padding:28px 30px;background:#f4ecdf;border:1px solid rgba(155,113,36,.32);text-decoration:none;color:#211d17}.related-service span{grid-column:1;font-size:12px;letter-spacing:.12em;color:#9b722d;text-transform:uppercase}.related-service strong{grid-column:1;font-family:'Cormorant Garamond',serif;font-size:31px}.related-service em{grid-column:2;grid-row:1/3;font-style:normal;font-size:30px;color:#9b722d}.city-faq{padding-top:95px;padding-bottom:95px}.city-closing{background:#211d17;text-align:center}.city-closing-inner{max-width:880px}.city-closing h2{font-family:'Cormorant Garamond',serif;color:#fff7e8;font-size:clamp(42px,5vw,70px);line-height:1;margin:10px auto 22px}.city-closing p{color:#d5cbbb;max-width:760px;margin:0 auto 28px}.city-closing .btn-ghost{border-color:#d0b16d;color:#fff}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:50;padding:13px 18px;border-radius:999px;background:#1f8f55;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.22)}
@media(max-width:1050px){.city-feature-grid{grid-template-columns:repeat(2,1fr)}.city-two-col,.city-two-col.reverse{grid-template-columns:1fr;gap:38px}.city-two-col.reverse>div:first-child,.city-two-col.reverse>.city-plan-image{order:initial}.city-quote{position:relative;top:auto}.city-plan-image img{height:auto}}
@media(max-width:700px){.city-hero{min-height:680px;align-items:flex-end}.city-hero-media{inset:0}.city-hero-media:after{background:linear-gradient(180deg,rgba(38,33,28,.12) 0%,rgba(38,33,28,.55) 48%,#26211c 88%,#26211c 100%)}.city-hero:before{background:linear-gradient(180deg,rgba(38,33,28,.18) 0%,rgba(38,33,28,.45) 40%,rgba(38,33,28,.94) 78%,#26211c 100%)}.city-hero .container{padding-top:120px;padding-bottom:50px}.city-hero h1{font-size:48px}.city-hero p{font-size:15px}.city-intro,.city-plan,.city-related,.city-closing,.city-features,.city-steps,.city-faq{padding:65px 0}.city-feature-grid{grid-template-columns:1fr}.city-feature-card{min-height:auto}.city-feature-num{margin-bottom:22px}.city-plan-image img{height:auto}.city-step{grid-template-columns:58px 1fr}.related-grid{grid-template-columns:1fr}.floating-wa{right:14px;bottom:14px;font-size:14px;padding:11px 15px}.breadcrumbs{margin-bottom:20px}.city-quote strong{font-size:30px}}

/* =========================================================
   MOBILE CITY HERO REFINEMENT
   Keeps hero copy away from screen edges and presents the
   Canlı / Planlı / Esnek strip as one balanced premium row.
   ========================================================= */
@media(max-width:700px){
  .city-hero{
    min-height:620px;
  }

  .city-hero .container{
    width:100%;
    max-width:var(--max);
    padding:104px 22px 26px;
    margin:0 auto;
  }

  .city-hero-copy{
    max-width:none;
    width:100%;
  }

  .city-hero .breadcrumbs{
    gap:7px;
    margin:0 0 18px;
    font-size:12px;
    line-height:1.45;
  }

  .city-hero .eyebrow{
    gap:9px;
    font-size:10px;
    line-height:1.65;
    letter-spacing:2.2px;
  }

  .city-hero .eyebrow:before{
    width:28px;
    flex:0 0 28px;
  }

  .city-hero h1{
    font-size:clamp(38px,11.5vw,48px);
    line-height:.98;
    letter-spacing:-.7px;
    margin:14px 0 20px;
    max-width:100%;
  }

  .city-hero p{
    max-width:none;
    font-size:14px;
    line-height:1.7;
    margin-bottom:20px;
  }

  .city-hero .actions{
    gap:10px;
  }

  .city-hero .actions .btn{
    min-height:48px;
    padding:12px 18px;
  }

  .city-hero .hero-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    width:100%;
    margin-top:24px;
    border:1px solid rgba(217,184,117,.30);
    border-top:2px solid transparent;
    border-radius:12px;
    overflow:hidden;
    background:rgba(18,15,12,.34);
    backdrop-filter:blur(4px);
    position:relative;
  }

  .city-hero .hero-stats:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:2px;
    background:url('../images/gold-metal-texture.png') center/cover;
  }

  .city-hero .stat,
  .city-hero .stat + .stat,
  .city-hero .stat:nth-child(3){
    margin:0 !important;
    padding:16px 8px 14px !important;
    min-width:0;
    text-align:center;
    border-left:0 !important;
  }

  .city-hero .stat + .stat{
    border-left:1px solid rgba(217,184,117,.20) !important;
  }

  .city-hero .stat strong{
    font-size:22px;
    line-height:1;
  }

  .city-hero .stat span{
    font-size:10px;
    line-height:1.3;
    margin-top:6px;
    color:#d5ccbd;
    white-space:normal;
  }
}

@media(max-width:380px){
  .city-hero .container{padding-left:18px;padding-right:18px}
  .city-hero h1{font-size:38px}
  .city-hero .stat strong{font-size:20px}
  .city-hero .stat span{font-size:9px}
}

/* =========================================================
   RESPONSIVE CITY HERO — DESKTOP / TABLET / MOBILE
   One layout system across all widths.
   ========================================================= */
.city-hero{
  min-height:700px;
  align-items:flex-end;
}
.city-hero .container{
  width:min(var(--max),calc(100% - 64px));
  margin:0 auto;
  padding:150px 0 58px;
}
.city-hero-copy{
  width:100%;
  max-width:760px;
}
.city-hero h1{
  font-size:clamp(52px,5.4vw,82px);
  line-height:.96;
  margin:16px 0 22px;
}
.city-hero p{
  max-width:700px;
  margin:0 0 26px;
}
.city-hero .actions{
  gap:12px;
}
.city-hero .hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:min(620px,100%);
  margin-top:34px;
  border-top:1px solid rgba(217,184,117,.34);
}
.city-hero .stat,
.city-hero .stat + .stat,
.city-hero .stat:nth-child(3){
  margin:0;
  padding:18px 22px 0;
  min-width:0;
}
.city-hero .stat:first-child{padding-left:0}
.city-hero .stat + .stat{border-left:1px solid rgba(217,184,117,.20)}
.city-hero .stat strong{font-size:25px}
.city-hero .stat span{font-size:11px;line-height:1.35}

@media(max-width:1050px){
  .city-hero{min-height:660px}
  .city-hero-media{inset:0 0 0 36%}
  .city-hero .container{
    width:min(var(--max),calc(100% - 48px));
    padding:132px 0 46px;
  }
  .city-hero-copy{max-width:700px}
  .city-hero h1{font-size:clamp(48px,7vw,70px)}
  .city-hero p{font-size:16px;max-width:650px}
  .city-hero .hero-stats{width:min(580px,100%)}
}

@media(max-width:700px){
  .city-hero{
    min-height:620px;
  }
  .city-hero-media{inset:0}
  .city-hero .container{
    width:calc(100% - 36px);
    max-width:none;
    padding:104px 0 26px;
    margin:0 auto;
  }
  .city-hero-copy{max-width:none}
  .city-hero h1{
    font-size:clamp(38px,11.5vw,48px);
    line-height:.98;
    margin:14px 0 20px;
  }
  .city-hero p{
    font-size:14px;
    line-height:1.7;
    margin-bottom:20px;
  }
  .city-hero .actions{gap:10px}
  .city-hero .actions .btn{
    min-height:48px;
    padding:12px 18px;
  }
  .city-hero .hero-stats{
    width:100%;
    margin-top:24px;
    border:1px solid rgba(217,184,117,.30);
    border-top:2px solid transparent;
    border-radius:12px;
    overflow:hidden;
    background:rgba(18,15,12,.34);
    backdrop-filter:blur(4px);
    position:relative;
  }
  .city-hero .hero-stats:before{
    content:"";
    position:absolute;
    top:0;left:0;right:0;height:2px;
    background:url('../images/gold-metal-texture.png') center/cover;
  }
  .city-hero .stat,
  .city-hero .stat + .stat,
  .city-hero .stat:nth-child(3){
    padding:16px 8px 14px !important;
    text-align:center;
  }
  .city-hero .stat:first-child{padding-left:8px !important}
  .city-hero .stat strong{font-size:22px}
  .city-hero .stat span{font-size:10px;line-height:1.3;margin-top:6px}
}

@media(max-width:380px){
  .city-hero .container{width:calc(100% - 28px)}
  .city-hero h1{font-size:38px}
  .city-hero .stat strong{font-size:20px}
  .city-hero .stat span{font-size:9px}
}