/* Hizmet detayı (/hizmetler/<slug>) — ana sütun blokları, özellik plakası, görseller, diğer hizmetler. Yalnız token kullanır. */

/* Ana sütun: metin → öne çıkanlar → görseller. Blok başlıkları metindeki h2 ile aynı ölçüdedir. */
.service-main {
  display: grid;
  gap: clamp(2.75rem, 2rem + 3vw, 4.5rem);
  align-content: start;
  min-width: 0;
}

.service-block { display: grid; gap: var(--s-5); min-width: 0; }

/* Metin başlıkla açılıyorsa giriş paragrafı onun ardındaki paragraftır (prose--lead yalnız ilk öğe paragrafsa işler) */
.service-prose > h2:first-child + p,
.service-prose > h3:first-child + p { color: var(--text); font-size: var(--fs-lead); line-height: 1.6; }
.service-label { counter-increment: sec; }          /* "01 —" numarası bölüm sayacını sürdürür */
.service-block__title { font-size: clamp(1.625rem, 1.3rem + 1.5vw, 2.5rem); }
.service-block__titles { display: grid; gap: var(--s-4); }

.service-block__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--s-2) var(--s-5);
}

/* Öne çıkanlar: üst kenarında cetvel taksimatı olan künye plakası */
.service-plate {
  position: relative;
  padding: calc(var(--s-5) + 10px) var(--s-5) var(--s-5);
  border: 1px solid var(--line-2);
  background: linear-gradient(180deg, var(--surface-2), var(--surface) 9rem);
}

.service-plate__ruler { position: absolute; inset: 0 0 auto; }
.service-plate .check-list { margin-top: var(--s-2); }

/* Görseller: adede göre 1 / 2 / 3 sütun; tek sayıda görselde dar ekranda ilki tam genişlik */
.service-shots {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s-5) var(--gap);
}

.service-shots--1 { grid-template-columns: minmax(0, 1fr); }

@media (max-width: 639.98px) {
  .service-shots--odd > :first-child { grid-column: 1 / -1; }
}

@media (min-width: 640px) {
  .service-shots--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .service-plate { padding: calc(var(--s-6) + 10px) var(--s-6) var(--s-6); }
}

/* Tek sütunlu (tablet) düzende metin, plaka ve form aynı okuma genişliğinde kalır */
@media (max-width: 1023.98px) {
  .service-main,
  .service-aside { max-width: 44rem; }
}

/* Dar yan sütunda (1024–1199) form satırları tek sütun: iki satıra kırılan etiketler girişleri kaydırmasın */
@media (min-width: 1024px) and (max-width: 1199.98px) {
  .service-aside .form__row { grid-template-columns: minmax(0, 1fr); }
}

/* İlgili tezgâhlar: iki sütunlu (tablet) düzende tek kalan son kart gizlenir */
@media (min-width: 600px) and (max-width: 1023.98px) {
  .service-machines--odd .machine-card:last-child { display: none; }
}

/* Diğer hizmetler: dört kart geniş ekranda tek sıra */
@media (min-width: 1024px) {
  .service-others--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}