/* Lanse Yapım — içerik tasarımı (6. tur): hizmet alanı kartları, bir bakışta şeridi, içerik blokları, süreç kartları, makale tipografisi */

/* ---------- Hizmetler: alan kartları ---------- */
.alan-kartlari { display: grid; gap: 16px; margin: 0 0 40px; }
.alan-karti { position: relative; display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 22px 20px 18px; border-radius: 20px; background: #fff; border: 1px solid var(--kenar); box-shadow: var(--golge); color: var(--metin); overflow: hidden; transition: transform .3s, box-shadow .3s, border-color .3s; }
.alan-karti::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--turuncu), var(--altin)); transform: scaleX(0); transform-origin: left; transition: transform .4s; }
.alan-karti::after { content: ""; position: absolute; right: -44px; bottom: -44px; width: 130px; height: 130px; border-radius: 50%; background: radial-gradient(circle, rgba(244, 130, 35, .16), transparent 70%); transition: transform .5s; }
.alan-karti:hover { transform: translateY(-5px); border-color: rgba(244, 130, 35, .45); box-shadow: var(--golge-buyuk); color: var(--metin); }
.alan-karti:hover::before { transform: scaleX(1); }
.alan-karti:hover::after { transform: scale(1.7); }
.alan-karti__ikon { width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: var(--antrasit); color: #fff; margin-bottom: 8px; transition: transform .35s, background .35s, color .35s; }
.alan-karti__ikon .ikon { width: 24px; height: 24px; }
.alan-karti:hover .alan-karti__ikon { background: var(--turuncu); color: #1d1e20; transform: rotate(-8deg) scale(1.08); }
.alan-karti strong { font-family: var(--font-baslik); font-size: 1.1rem; color: var(--antrasit); line-height: 1.25; }
.alan-karti small { font-size: .86rem; line-height: 1.55; color: var(--metin); }
.alan-karti em { margin-top: auto; padding-top: 10px; display: inline-flex; align-items: center; gap: 6px; font-style: normal; font-size: .84rem; font-weight: 700; color: var(--turuncu-koyu); position: relative; z-index: 1; }
.alan-karti em .ikon { width: 16px; height: 16px; transition: transform .3s; }
.alan-karti:hover em .ikon { transform: translateX(4px); }

/* ---------- Hizmet detay: bir bakışta şeridi ---------- */
.bakista { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 26px; }
.bakista li { display: flex; flex-direction: column; gap: 4px; padding: 16px 16px 14px; border-radius: 16px; background: linear-gradient(160deg, #fff, var(--krem)); border: 1px solid #f6e3c8; transition: transform .3s, box-shadow .3s; }
.bakista li:hover { transform: translateY(-3px); box-shadow: var(--golge); }
.bakista li > span { width: 36px; height: 36px; border-radius: 11px; display: flex; align-items: center; justify-content: center; background: var(--turuncu); color: #1d1e20; margin-bottom: 6px; }
.bakista .ikon { width: 19px; height: 19px; }
.bakista strong { font-family: var(--font-baslik); font-size: .98rem; line-height: 1.25; color: var(--antrasit); }
.bakista small { font-size: .8rem; line-height: 1.45; color: var(--metin); }

/* ---------- Hizmet detay: içerik blokları ---------- */
.icerik-blok { overflow: hidden; padding: 30px 30px 26px; }
.icerik-blok::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: linear-gradient(180deg, var(--turuncu), var(--altin)); opacity: .85; }
.icerik-blok__no { position: static; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 28px; padding: 0 12px; margin-bottom: 12px; border-radius: 999px; background: var(--antrasit); color: #fff; font-size: .8rem; font-weight: 700; letter-spacing: .08em; line-height: 1; }
.icerik-blok h2 { padding-right: 0; }
.icerik-blok p { font-size: 1.02rem; line-height: 1.8; }
.detay__ana > .icerik-blok:nth-of-type(even) { background: linear-gradient(180deg, #fffdf9, #fff); }
.detay__ana > .icerik-blok:nth-of-type(even) .icerik-blok__no { background: var(--turuncu); color: #1d1e20; }
.madde-izgara li { border: 1px solid transparent; }
.madde-izgara li:hover { border-color: rgba(244, 130, 35, .35); }

/* ---------- Hizmet detay: süreç kartları ---------- */
.zaman--tek { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0; margin-top: 18px; }
.zaman--tek::before, .zaman--tek::after { display: none; }
.zaman--tek .zaman__adim, .zaman--tek .zaman__adim:nth-child(even) { margin: 0; width: auto; padding: 20px 20px 20px 80px; min-height: 110px; background: linear-gradient(160deg, #fff, #fdfcfb); }
.zaman--tek .zaman__adim:last-child:nth-child(odd) { grid-column: 1 / -1; }
.zaman--tek .zaman__no, .zaman--tek .zaman__adim:nth-child(even) .zaman__no { left: 20px; right: auto; top: 20px; width: 46px; height: 46px; border: 0; box-shadow: 0 6px 16px rgba(43, 44, 46, .18); background: var(--antrasit); color: #fff; font-size: 1.1rem; }
.zaman--tek .zaman__adim.aktif .zaman__no { background: var(--turuncu); color: #1d1e20; box-shadow: 0 0 0 6px rgba(244, 130, 35, .16); }
.zaman--tek .zaman__adim h3 { font-size: 1.08rem; }

/* ---------- Makale (rehber detay) tipografisi ---------- */
.makale__metin > p:first-of-type { font-size: 1.2rem; line-height: 1.75; color: var(--antrasit); font-weight: 500; }
.makale__metin h2 { padding-left: 16px; border-left: 4px solid var(--turuncu); scroll-margin-top: calc(var(--ust-yukseklik) + 20px); }
.makale__metin h3 { scroll-margin-top: calc(var(--ust-yukseklik) + 20px); }
.makale__metin ul { list-style: none; padding-left: 0; }
.makale__metin ul > li { position: relative; padding-left: 26px; }
.makale__metin ul > li::before { content: ""; position: absolute; left: 4px; top: .72em; width: 9px; height: 9px; border-radius: 3px; background: var(--turuncu); transform: rotate(45deg); }
.makale__metin blockquote { margin: 1.6em 0; padding: 18px 22px; border-left: 4px solid var(--turuncu); border-radius: 0 16px 16px 0; background: var(--krem); color: var(--antrasit); font-weight: 500; }
.makale__metin table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: .95rem; display: block; overflow-x: auto; }
.makale__metin th, .makale__metin td { padding: 10px 14px; border: 1px solid var(--kenar); text-align: left; }
.makale__metin th { background: var(--kursun-acik); color: var(--antrasit); }
.makale__metin img { border-radius: 16px; }
.icindekiler { border: 1px solid #f6e3c8; background: linear-gradient(160deg, #fffaf2, var(--krem)); }

/* ---------- Sosyal medya simgeleri (ayarlarda hesap varsa gösterilir) ---------- */
.sosyal { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.sosyal a { width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .08); color: #fff; border: 1px solid rgba(255, 255, 255, .14); transition: background .25s, color .25s, transform .25s; }
.sosyal a:hover { background: var(--turuncu); color: #1d1e20; transform: translateY(-3px); }
.sosyal .ikon { width: 20px; height: 20px; }

/* ---------- Kartlarda ortak dokunuşlar ---------- */
.hizmet-karti__gorsel img { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.hizmet-karti__baglanti:hover .hizmet-karti__gorsel img { transform: scale(1.07); }

@media (max-width: 900px) {
  .bakista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .alan-kartlari { gap: 12px; }
  .alan-karti { padding: 18px 16px 14px; }
  .alan-karti small { display: none; }
  .zaman--tek { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .bakista { gap: 10px; }
  .bakista li { padding: 14px 12px 12px; }
  .icerik-blok { padding: 24px 18px 20px 22px; }
  .zaman--tek .zaman__adim, .zaman--tek .zaman__adim:nth-child(even) { padding: 16px 16px 16px 72px; }
  .zaman--tek .zaman__no, .zaman--tek .zaman__adim:nth-child(even) .zaman__no { left: 16px; top: 16px; width: 42px; height: 42px; }
}
/* ---------- Ekran genişliğine göre düzen dengesi ---------- */
.kap { padding-inline: clamp(18px, 3.2vw, 36px); }
@media (min-width: 1680px) { :root { --kap: 1360px; } }
@media (min-width: 2200px) { :root { --kap: 1480px; } html { font-size: 106.25%; } }
h1, h2, h3, .alan-karti strong, .bakista strong { text-wrap: balance; }
.makale__metin p, .icerik-blok p, .sayfa-basligi__metin, .bolum__baslik p { text-wrap: pretty; }
.madde-izgara li:last-child:nth-child(odd), .form__izgara > :last-child:nth-child(odd) { grid-column: 1 / -1; }

/* Dokunmatik ekranlarda küçük bağlantılar için rahat dokunma alanı */
@media (max-width: 900px), (pointer: coarse) {
  .alan__tumu, .alt__iletisim a { min-height: 44px; }
  .alt__sutun a, .alt__alt a, .alt__yazilar a { min-height: 40px; }
  .alt__iletisim a { align-items: center; }
  .alt__alt ul { gap: 0 22px; }
  .alt__yazilar li { margin-bottom: 8px; padding-bottom: 8px; }
}

/* ---------- Kart ızgaraları: son satırdaki yetim kartlar ortalanır (her ekran genişliğinde) ---------- */
@media (min-width: 1101px) {
  .izgara--4 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .izgara--4 > * { grid-column: span 2; min-width: 0; }
  .izgara--4 > :last-child:nth-child(4n + 1) { grid-column: 4 / span 2; }
  .izgara--4 > :nth-last-child(2):nth-child(4n + 1) { grid-column: 3 / span 2; }
  .izgara--4 > :last-child:nth-child(4n + 2) { grid-column: 5 / span 2; }
  .izgara--4 > :nth-last-child(3):nth-child(4n + 1) { grid-column: 2 / span 2; }
  .izgara--4 > :nth-last-child(2):nth-child(4n + 2) { grid-column: 4 / span 2; }
  .izgara--4 > :last-child:nth-child(4n + 3) { grid-column: 6 / span 2; }
  .paketler--4 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .paketler--4 > * { grid-column: span 2; min-width: 0; }
  .paketler--4 > :last-child:nth-child(4n + 1) { grid-column: 4 / span 2; }
  .paketler--4 > :nth-last-child(2):nth-child(4n + 1) { grid-column: 3 / span 2; }
  .paketler--4 > :last-child:nth-child(4n + 2) { grid-column: 5 / span 2; }
  .paketler--4 > :nth-last-child(3):nth-child(4n + 1) { grid-column: 2 / span 2; }
  .paketler--4 > :nth-last-child(2):nth-child(4n + 2) { grid-column: 4 / span 2; }
  .paketler--4 > :last-child:nth-child(4n + 3) { grid-column: 6 / span 2; }
  .paketler--8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .paketler--8 > * { grid-column: span 2; min-width: 0; }
  .paketler--8 > :last-child:nth-child(4n + 1) { grid-column: 4 / span 2; }
  .paketler--8 > :nth-last-child(2):nth-child(4n + 1) { grid-column: 3 / span 2; }
  .paketler--8 > :last-child:nth-child(4n + 2) { grid-column: 5 / span 2; }
  .paketler--8 > :nth-last-child(3):nth-child(4n + 1) { grid-column: 2 / span 2; }
  .paketler--8 > :nth-last-child(2):nth-child(4n + 2) { grid-column: 4 / span 2; }
  .paketler--8 > :last-child:nth-child(4n + 3) { grid-column: 6 / span 2; }
  .alan-kartlari { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .alan-kartlari > * { grid-column: span 2; min-width: 0; }
  .alan-kartlari > :last-child:nth-child(4n + 1) { grid-column: 4 / span 2; }
  .alan-kartlari > :nth-last-child(2):nth-child(4n + 1) { grid-column: 3 / span 2; }
  .alan-kartlari > :last-child:nth-child(4n + 2) { grid-column: 5 / span 2; }
  .alan-kartlari > :nth-last-child(3):nth-child(4n + 1) { grid-column: 2 / span 2; }
  .alan-kartlari > :nth-last-child(2):nth-child(4n + 2) { grid-column: 4 / span 2; }
  .alan-kartlari > :last-child:nth-child(4n + 3) { grid-column: 6 / span 2; }
  .secim { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .secim > * { grid-column: span 2; min-width: 0; }
  .secim > :last-child:nth-child(4n + 1) { grid-column: 4 / span 2; }
  .secim > :nth-last-child(2):nth-child(4n + 1) { grid-column: 3 / span 2; }
  .secim > :last-child:nth-child(4n + 2) { grid-column: 5 / span 2; }
  .secim > :nth-last-child(3):nth-child(4n + 1) { grid-column: 2 / span 2; }
  .secim > :nth-last-child(2):nth-child(4n + 2) { grid-column: 4 / span 2; }
  .secim > :last-child:nth-child(4n + 3) { grid-column: 6 / span 2; }
  .secim--3 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .secim--3 > * { grid-column: span 2; min-width: 0; }
  .secim--3 > :last-child:nth-child(3n + 1) { grid-column: 3 / span 2; }
  .secim--3 > :nth-last-child(2):nth-child(3n + 1) { grid-column: 2 / span 2; }
  .secim--3 > :last-child:nth-child(3n + 2) { grid-column: 4 / span 2; }
  .deger-izgara { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .deger-izgara > * { grid-column: span 2; min-width: 0; }
  .deger-izgara > :last-child:nth-child(3n + 1) { grid-column: 3 / span 2; }
  .deger-izgara > :nth-last-child(2):nth-child(3n + 1) { grid-column: 2 / span 2; }
  .deger-izgara > :last-child:nth-child(3n + 2) { grid-column: 4 / span 2; }
  .izgara--3 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .izgara--3 > * { grid-column: span 2; min-width: 0; }
  .izgara--3 > :last-child:nth-child(3n + 1) { grid-column: 3 / span 2; }
  .izgara--3 > :nth-last-child(2):nth-child(3n + 1) { grid-column: 2 / span 2; }
  .izgara--3 > :last-child:nth-child(3n + 2) { grid-column: 4 / span 2; }
}
@media (min-width: 801px) and (max-width: 1100px) {
  .izgara--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .izgara--4 > * { grid-column: span 2; min-width: 0; }
  .izgara--4 > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .paketler--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .paketler--4 > * { grid-column: span 2; min-width: 0; }
  .paketler--4 > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .paketler--8 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .paketler--8 > * { grid-column: span 2; min-width: 0; }
  .paketler--8 > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .alan-kartlari { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .alan-kartlari > * { grid-column: span 2; min-width: 0; }
  .alan-kartlari > :last-child:nth-child(3n + 1) { grid-column: 3 / span 2; }
  .alan-kartlari > :nth-last-child(2):nth-child(3n + 1) { grid-column: 2 / span 2; }
  .alan-kartlari > :last-child:nth-child(3n + 2) { grid-column: 4 / span 2; }
  .secim { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .secim > * { grid-column: span 2; min-width: 0; }
  .secim > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .secim--3 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .secim--3 > * { grid-column: span 2; min-width: 0; }
  .secim--3 > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .deger-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .deger-izgara > * { grid-column: span 2; min-width: 0; }
  .deger-izgara > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .izgara--3 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .izgara--3 > * { grid-column: span 2; min-width: 0; }
  .izgara--3 > :last-child:nth-child(3n + 1) { grid-column: 3 / span 2; }
  .izgara--3 > :nth-last-child(2):nth-child(3n + 1) { grid-column: 2 / span 2; }
  .izgara--3 > :last-child:nth-child(3n + 2) { grid-column: 4 / span 2; }
}
@media (min-width: 641px) and (max-width: 800px) {
  .izgara--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .izgara--4 > * { grid-column: span 2; min-width: 0; }
  .izgara--4 > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .paketler--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .paketler--4 > * { grid-column: span 2; min-width: 0; }
  .paketler--4 > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .paketler--8 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .paketler--8 > * { grid-column: span 2; min-width: 0; }
  .paketler--8 > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .alan-kartlari { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .alan-kartlari > * { grid-column: span 2; min-width: 0; }
  .alan-kartlari > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .secim { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .secim > * { grid-column: span 2; min-width: 0; }
  .secim > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .secim--3 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .secim--3 > * { grid-column: span 2; min-width: 0; }
  .secim--3 > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .deger-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .deger-izgara > * { grid-column: span 2; min-width: 0; }
  .deger-izgara > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .izgara--3 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .izgara--3 > * { grid-column: span 2; min-width: 0; }
  .izgara--3 > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
}
@media (max-width: 640px) {
  .izgara--3 { grid-template-columns: minmax(0, 1fr); }
  .izgara--3 > * { grid-column: auto !important; }
  .izgara--4 { grid-template-columns: minmax(0, 1fr); }
  .izgara--4 > * { grid-column: auto !important; }
  .paketler--4 { grid-template-columns: minmax(0, 1fr); }
  .paketler--4 > * { grid-column: auto !important; }
  .paketler--8 { grid-template-columns: minmax(0, 1fr); }
  .paketler--8 > * { grid-column: auto !important; }
  .alan-kartlari { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .alan-kartlari > * { grid-column: span 2; min-width: 0; }
  .alan-kartlari > :last-child:nth-child(2n + 1) { grid-column: 2 / span 2; }
  .secim { grid-template-columns: minmax(0, 1fr); }
  .secim > * { grid-column: auto !important; }
  .secim--3 { grid-template-columns: minmax(0, 1fr); }
  .secim--3 > * { grid-column: auto !important; }
  .deger-izgara { grid-template-columns: minmax(0, 1fr); }
  .deger-izgara > * { grid-column: auto !important; }
}

@media (prefers-reduced-motion: reduce) {
  .alan-karti, .alan-karti::before, .alan-karti::after, .alan-karti__ikon, .bakista li, .hizmet-karti__gorsel img { transition: none; }
}