/* hizmet-detay.css — 6 hizmet detay sayfasının ortak stilleri */
.detay{padding:3.5rem 1rem 4rem}

.detay__ust{display:grid;gap:2rem;align-items:start;grid-template-columns:1fr}
.detay__gorsel img{border-radius:var(--radius);box-shadow:var(--shadow-2);width:100%}
.detay__giris{font-size:1.12rem;font-weight:700;line-height:1.7;color:var(--clr-ink);
  border-left:4px solid var(--clr-primary);padding-left:1rem;margin:0 0 1.25rem}
.detay__metin p{line-height:1.8;color:var(--clr-ink-70);margin:0 0 1.1rem}

.detay__h2{font-size:clamp(1.35rem,1.1rem + 1.3vw,1.8rem);text-transform:uppercase;margin:0 0 1.5rem;
  display:flex;align-items:center;gap:.75rem}
.detay__h2::after{content:"";flex:1;height:2px;background:var(--clr-line)}

.detay__ozellikler{margin-top:3.5rem}
.detay__ozellik-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
.detay__ozellik{background:var(--clr-soft);border-radius:var(--radius);padding:1.5rem}
.detay__ozellik-ikon{display:inline-flex;width:52px;height:52px;border-radius:14px;background:#fff;
  color:var(--clr-primary);align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:.9rem;
  box-shadow:var(--shadow-1)}
.detay__ozellik h3{font-size:1.02rem;margin:0 0 .4rem}
.detay__ozellik p{margin:0;font-size:.92rem;color:var(--clr-ink-70);line-height:1.6}

.detay__genis{margin-top:3.5rem;max-width:860px}
.detay__genis p{line-height:1.85;color:var(--clr-ink-70);margin:0 0 1.15rem}
.detay__genis-baslik{margin-top:2.4rem}
.detay__genis-baslik:first-child{margin-top:0}
.detay__vurgu{display:flex;gap:1rem;align-items:flex-start;background:var(--clr-primary-soft);
  border-left:4px solid var(--clr-amber);border-radius:var(--radius);padding:1.35rem 1.5rem;margin:1.5rem 0 1.6rem}
.detay__vurgu i{color:var(--clr-primary);font-size:1.25rem;margin-top:.25rem}
.detay__vurgu p{margin:0;color:var(--clr-ink);line-height:1.75;font-weight:600}

.detay__kimler{margin-top:3.5rem}
.detay__chip-liste{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem}
.detay__chip-liste li{display:inline-flex;align-items:center;gap:.5rem;background:var(--clr-primary-soft);
  color:var(--clr-primary-dark);font-weight:700;font-size:.92rem;border-radius:999px;padding:.55rem 1.1rem}
.detay__chip-liste i{font-size:.8em}

.detay__sss{margin-top:3.5rem}
.detay__akordiyon .accordion-item{border:1px solid var(--clr-line);border-radius:var(--radius)!important;margin-bottom:.75rem;overflow:hidden}
.detay__akordiyon .accordion-button{font-weight:700;font-family:var(--font-display);padding:1.1rem 1.25rem;background:#fff;color:var(--clr-ink)}
.detay__akordiyon .accordion-button:not(.collapsed){background:var(--clr-primary-soft);color:var(--clr-primary-dark);box-shadow:none}
.detay__akordiyon .accordion-button:focus{box-shadow:0 0 0 3px rgba(238,169,43,.5)}
.detay__akordiyon .accordion-body{color:var(--clr-ink-70);line-height:1.7}

.detay__cta{margin-top:3.5rem;background:linear-gradient(120deg,var(--clr-primary-dark),var(--clr-primary));
  color:#fff;border-radius:var(--radius);padding:2.5rem 1.5rem;text-align:center}
.detay__cta h2{font-size:clamp(1.35rem,1.1rem + 1.4vw,1.9rem);text-transform:uppercase;margin:0 0 .5rem}
.detay__cta p{color:rgba(255,255,255,.88);margin:0 0 1.4rem}
.detay__cta-butonlar{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.detay__cta .btn-cta{background:#fff;color:var(--clr-primary-dark);border-color:#fff}
.detay__cta .btn-cta:hover{background:var(--clr-soft);border-color:var(--clr-soft);color:var(--clr-primary-dark)}
.detay__cta .btn-cta--wa{background:#1a8531;border-color:#1a8531;color:#fff}
.detay__cta .btn-cta--wa:hover{background:#136b26;border-color:#136b26;color:#fff}

.detay__diger{margin-top:3.5rem}
.detay__diger-liste{list-style:none;padding:0;margin:0;display:grid;gap:.75rem;grid-template-columns:1fr}
.detay__diger-liste a{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border:1px solid var(--clr-line);
  border-radius:var(--radius);color:var(--clr-ink);font-weight:700;text-decoration:none;transition:border-color .2s,background .2s}
.detay__diger-liste a:hover{border-color:var(--clr-primary);background:var(--clr-primary-soft);color:var(--clr-primary-dark)}
.detay__diger-liste i{color:var(--clr-primary);width:1.4rem;text-align:center}

@media (min-width:480px){
  .detay__diger-liste{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:768px){
  .detay__ozellik-grid{grid-template-columns:repeat(2,1fr)}
  .detay__cta{padding:3rem 2rem}
}
@media (min-width:1200px){
  .detay__ust{grid-template-columns:1.1fr 1fr;gap:3rem}
  .detay__ozellik-grid{grid-template-columns:repeat(4,1fr)}
  .detay__diger-liste{grid-template-columns:repeat(3,1fr)}
}