.izmir-service-area {
  position: relative;
  padding: 96px 60px;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 18%, rgba(46, 204, 113, .13), transparent 30%),
    linear-gradient(180deg, #202020 0%, #171717 100%);
  border-top: 1px solid rgba(255, 255, 255, .06);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.izmir-service-area__inner {
  max-width: 1240px;
  margin: 0 auto;
}

.izmir-service-area__head {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  gap: 56px;
  align-items: end;
  margin-bottom: 34px;
}

.izmir-service-area__eyebrow {
  display: block;
  margin-bottom: 12px;
  color: var(--green-light, #2ecc71);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.izmir-service-area h2 {
  margin: 0;
  color: var(--white, #f5f5f5);
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(2.7rem, 5vw, 4.7rem);
  line-height: 1;
  letter-spacing: 1.5px;
}

.izmir-service-area__head p {
  margin: 0;
  color: #b8b8b8;
  font-size: 1rem;
  line-height: 1.8;
}

.izmir-service-area__districts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.izmir-service-area__districts li {
  padding: 10px 14px;
  color: #e5e5e5;
  font-size: .86rem;
  font-weight: 600;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 999px;
}

.izmir-service-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.izmir-service-links a {
  min-height: 152px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  padding: 24px;
  color: var(--white, #f5f5f5);
  text-decoration: none;
  background: rgba(8, 8, 8, .38);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 16px;
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.izmir-service-links a:hover,
.izmir-service-links a:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(46, 204, 113, .45);
  background: rgba(39, 174, 96, .08);
  outline: none;
}

.izmir-service-links strong {
  font-size: 1rem;
  line-height: 1.45;
}

.izmir-service-links span {
  color: #9f9f9f;
  font-size: .83rem;
  line-height: 1.55;
}

.izmir-service-links em {
  color: var(--green-light, #2ecc71);
  font-size: .78rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .4px;
}

.izmir-local-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.izmir-local-proof > div {
  padding: 22px;
  background: rgba(255, 255, 255, .025);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 14px;
}

.izmir-local-proof strong {
  display: block;
  margin-bottom: 7px;
  color: var(--white, #f5f5f5);
  font-size: .92rem;
}

.izmir-local-proof p {
  margin: 0;
  color: #9f9f9f;
  font-size: .84rem;
  line-height: 1.65;
}

.izmir-local-proof a {
  color: var(--green-light, #2ecc71);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.izmir-faq {
  padding: 92px 60px;
  background: #1a1a1a;
}

.izmir-faq__inner {
  max-width: 1040px;
  margin: 0 auto;
}

.izmir-faq h2 {
  margin: 0 0 30px;
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(2.6rem, 5vw, 4.3rem);
  letter-spacing: 1.5px;
}

.izmir-faq details {
  margin-bottom: 10px;
  padding: 0 22px;
  background: rgba(255, 255, 255, .025);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
}

.izmir-faq details[open] {
  border-color: rgba(46, 204, 113, .3);
}

.izmir-faq summary {
  padding: 20px 34px 20px 0;
  color: #f5f5f5;
  font-size: .98rem;
  font-weight: 700;
  line-height: 1.45;
  cursor: pointer;
}

.izmir-faq details p {
  padding: 0 0 21px;
  color: #aaa;
  font-size: .9rem;
  line-height: 1.75;
}

@media (max-width: 1000px) {
  .izmir-service-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .izmir-service-area { padding: 72px 22px; }
  .izmir-faq { padding: 72px 22px; }
  .izmir-service-area__head { grid-template-columns: 1fr; gap: 18px; }
  .izmir-service-links,
  .izmir-local-proof { grid-template-columns: 1fr; }
  .izmir-service-links a { min-height: 132px; }
}