/* Ana sayfa bölümleri (Faz 2). css/et-tema.css ve css/et-kart.css'ten sonra yüklenir. */

/* ---------- Bölüm başlığı ---------- */
.et-h2 { font: 500 clamp(36px, 4.2vw, 56px)/1.05 var(--font-display); letter-spacing: -.01em; color: var(--ink); margin: 0; }
.et-etiket { margin: 0 0 18px; font: 500 12px/1.3 var(--font-body); letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }
.et-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 40px; margin: 0 0 36px; }
.et-ust__not { margin: 14px 0 0; max-width: 46ch; color: var(--muted); }
@media (max-width: 859px) { .et-ust { flex-direction: column; align-items: flex-start; margin-bottom: 24px; } }

/* ---------- Hero ---------- */
.et-hero { position: relative; height: min(72vh, 680px); min-height: 520px; overflow: hidden; background: var(--ink); color: var(--on-dark); }
.et-hero__arka { position: absolute; inset: 0; }
.et-hero__arka::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(18, 18, 18, .35), rgba(18, 18, 18, 0)) bottom / 100% 200px no-repeat, linear-gradient(90deg, rgba(18, 18, 18, .60) 0%, rgba(18, 18, 18, .35) 45%, rgba(18, 18, 18, .10) 75%); }
.et-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.2s ease-out; }
.et-hero__img.is-on { opacity: 1; }
.et-hero__ic { text-shadow: 0 1px 24px rgba(0, 0, 0, .4), 0 0 2px rgba(0, 0, 0, .25); position: relative; z-index: 1; box-sizing: border-box; height: 100%; max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gutter) 72px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; }
.et-hero__ic > * { max-width: 620px; }
.et-hero__etiket { margin: 0 0 20px; font: 500 13px/1.5 var(--font-body); letter-spacing: .12em; text-transform: uppercase; color: #E4E0D8; }
.et-hero__baslik { margin: 0 0 20px; font: 500 68px/1.05 var(--font-display); letter-spacing: -.01em; color: #fff; }
.et-hero__metin { max-width: 520px; margin: 0 0 28px; font-size: 18px; line-height: 1.6; color: #EDEAE4; }
.et-hero__dugmeler { display: flex; flex-wrap: wrap; gap: 14px; margin: 0; }
.et-hero__dugmeler .et-btn { min-height: 48px; }
.et-hero :focus-visible, .et-iletisim :focus-visible { outline-color: var(--on-dark); }
@media (max-width: 1023px) { .et-hero__baslik { font-size: 52px; } }
@media (max-width: 859px) {
  .et-hero { height: min(70vh, 560px); min-height: 460px; }
  .et-hero__arka::after { background: linear-gradient(to top, rgba(18, 18, 18, .65), rgba(18, 18, 18, .30) 60%, rgba(18, 18, 18, .25)); }
  .et-hero__ic { padding-bottom: 40px; }
  .et-hero__metin { font-size: 16px; margin-bottom: 24px; }
}
@media (max-width: 599px) { .et-hero__baslik { font-size: 38px; } }
/* Slayt başlıkları üst üste durur, görselle birlikte yumuşakça değişir (en çok 2 satır) */
.et-hero__baslik { display: grid; max-width: 760px; }
.et-hero__t { grid-area: 1 / 1; opacity: 0; transition: opacity 1.2s ease-out; }
.et-hero__t.is-on { opacity: 1; }
/* ---------- Güven şeridi ---------- */
.et-guven { padding: 36px 0; border-bottom: 1px solid var(--line); }
.et-guven__ic { display: flex; align-items: baseline; justify-content: space-between; gap: 16px 56px; flex-wrap: wrap; }
.et-guven__ofis { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 32px; margin: 0; color: var(--muted); font-size: 15px; }
.et-logolar { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 14px 36px; }
.et-logolar img { display: block; width: auto; filter: grayscale(1); opacity: .78; }
.et-logo--kw { height: 34px; } .et-logo--remax { height: 20px; } .et-logo--cb { height: 32px; } .et-logo--turyap { height: 24px; } .et-logo--lux { height: 34px; }

.et-guven__ozet { margin: 0; font-size: 15px; font-weight: 500; color: var(--ink); }
@media (max-width: 859px) { .et-guven { padding: 28px 0; } .et-logolar { gap: 12px 28px; } }
.et-nb { white-space: nowrap; } /* "İstanbul'un her ilçesi" bölünmez: satır kırılırsa tamamı alt satıra iner */
@media (max-width: 859px) {
  .et-guven__ofis { gap: 12px; }
  .et-logolar { flex-wrap: nowrap; justify-content: space-between; width: 100%; gap: 8px; }
  .et-logolar li { min-width: 0; }
  .et-logolar img { max-width: 100%; }
  .et-logo--kw { height: 22px; } .et-logo--remax { height: 13px; } .et-logo--cb { height: 22px; } .et-logo--turyap { height: 16px; } .et-logo--lux { height: 24px; }
  /* Öne çıkan çalışmalar başlığı: etiket gizlenir, başlık ve "Tüm çalışmalar" tek satırda */
  #portfolio .et-etiket { display: none; }
  #portfolio .et-ust { flex-direction: row; align-items: baseline; justify-content: space-between; flex-wrap: nowrap; gap: 12px; }
  #portfolio .et-ust > div { min-width: 0; }
  #portfolio .et-ust .et-h2 { font-size: 28px; white-space: nowrap; }
  #portfolio .et-ust .et-link { font-size: 14px; }
  #portfolio .et-ust .et-say { display: none; }
}
@media (max-width: 359px) {
  .et-logo--kw { height: 19px; } .et-logo--remax { height: 11px; } .et-logo--cb { height: 19px; } .et-logo--turyap { height: 14px; } .et-logo--lux { height: 21px; }
  #portfolio .et-ust .et-link { display: none; }
}

/* Güven şeridinden hemen sonraki bölüm: 160 px yerine daha sıkı */
.et-guven + .et-bolum { padding-top: 48px; }
@media (max-width: 859px) { .et-guven + .et-bolum { padding-top: 28px; } }

/* ---------- Seçilmiş çalışmalar: hizalı satırlar (1 / 2 / 3), kaydırma yok ---------- */
.et-secili { display: flex; flex-direction: column; gap: 72px; }
.et-secili__satir { display: grid; grid-template-columns: repeat(var(--n, 1), minmax(0, 1fr)); gap: 24px; align-items: start; }
.et-secili__satir--1 .et-kart__yer { font-size: clamp(26px, 2.8vw, 36px); }
.et-secili__satir--2 .et-kart__yer { font-size: clamp(25px, 2.3vw, 30px); }
.et-secili__satir--3 .et-kart__yer { font-size: clamp(24px, 2vw, 26px); }
@media (max-width: 859px) {
  .et-secili { gap: 44px; }
  .et-secili__satir { grid-template-columns: 1fr; gap: 44px; }
  .et-secili .et-kart__img { aspect-ratio: 4 / 3 !important; }
  .et-secili .et-kart__yer { font-size: 24px !important; }
}
/* ---------- Hizmetler ---------- */
.et-hizmet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 24px; }
.et-hizmet__foto { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--stone); margin: 0 0 24px; }
.et-hizmet__foto img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.et-hizmet li:hover .et-hizmet__foto img { transform: scale(1.03); }
.et-hizmet__no { margin: 0 0 8px; font: 500 14px/1 var(--font-body); color: var(--accent); }
.et-hizmet__baslik { margin: 0 0 12px; font: 500 32px/1.15 var(--font-display); color: var(--ink); }
.et-hizmet__metin { margin: 0 0 20px; max-width: 38ch; }
@media (max-width: 859px) { .et-hizmet { grid-template-columns: 1fr; } .et-hizmet__baslik { font-size: 30px; } }

/* ---------- Düzenleme ---------- */

.et-duzen__ic { display: grid; grid-template-columns: repeat(12, 1fr); gap: 32px 24px; align-items: end; }
.et-duzen__sol { grid-column: 1 / span 6; }
.et-duzen__sag { grid-column: 8 / span 5; }
.et-duzen__sag p { margin: 0 0 20px; font-size: 18px; line-height: 1.7; color: var(--ink-2); }
.et-duzen__fiyat { font: 500 14px/1.4 var(--font-body); color: var(--ink); }
.et-duzen__fiyat strong { font: 500 32px/1 var(--font-display); margin-right: 8px; }
@media (max-width: 859px) { .et-duzen__sol, .et-duzen__sag { grid-column: 1 / -1; } }

/* ---------- Süreç ---------- */
.et-surec { background: var(--stone); padding: 64px 0; margin: 8px 0; }
.et-adimlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 32px; counter-reset: adim; }
.et-adimlar li { counter-increment: adim; padding-top: 24px; border-top: 1px solid var(--ink); }
.et-adimlar li::before { content: counter(adim, decimal-leading-zero); display: block; margin: 0 0 24px; font: 400 40px/1 var(--font-body); font-variant-numeric: lining-nums tabular-nums; letter-spacing: -.02em; color: var(--accent); }
.et-adimlar h3 { margin: 0 0 10px; font: 500 28px/1.15 var(--font-display); color: var(--ink); }
.et-adimlar p { margin: 0; font-size: 16px; color: var(--ink-2); }
@media (max-width: 1023px) { .et-adimlar { grid-template-columns: 1fr 1fr; } }
@media (max-width: 599px) { .et-adimlar { grid-template-columns: 1fr; } }

/* ---------- Danışman yorumu (gerçek yorum gelene kadar render edilmez) ---------- */
.et-yorum blockquote { margin: 0; max-width: 28ch; font: italic 500 clamp(32px, 4vw, 56px)/1.2 var(--font-display); color: var(--ink); }
.et-yorum figcaption { margin-top: 24px; color: var(--muted); font-size: 15px; }

/* ---------- Fiyat özeti ---------- */
.et-fiyat { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.et-fiyat__kutu { padding: 40px 36px 44px; border: 1px solid var(--line); display: flex; flex-direction: column; min-height: 240px; }
.et-fiyat__kutu--koyu { background: var(--ink); border-color: var(--ink); color: var(--on-dark-2); }
.et-fiyat__ad { margin: 0 0 auto; font: 500 12px/1.3 var(--font-body); letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }
.et-fiyat__kutu--koyu .et-fiyat__ad { color: var(--on-dark-2); }
.et-fiyat__tutar { margin: 48px 0 10px; font: 500 clamp(44px, 4.4vw, 64px)/1 var(--font-display); color: var(--ink); }
.et-fiyat__kutu--koyu .et-fiyat__tutar { color: var(--on-dark); }
.et-fiyat__alt { margin: 0; min-height: 3.2em; font-size: 15px; }
.et-altlink { margin: 40px 0 0; }
@media (max-width: 859px) { .et-fiyat { grid-template-columns: 1fr; } .et-fiyat__kutu { min-height: 0; } }

/* ---------- Yazılar ---------- */
.et-yazilar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 32px; }
.et-yazilar a { display: block; color: inherit; text-decoration: none; padding-top: 24px; border-top: 1px solid var(--ink); }
.et-yazilar time { display: block; margin: 0 0 14px; font: 500 12px/1 var(--font-body); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.et-yazilar h3 { margin: 0 0 12px; font: 500 28px/1.2 var(--font-display); color: var(--ink); transition: color .25s var(--ease); }
.et-yazilar a:hover h3 { color: var(--accent); }
.et-yazilar p { margin: 0; font-size: 15px; color: var(--muted); }
@media (max-width: 859px) { .et-yazilar { grid-template-columns: 1fr; } }

/* ---------- İletişim ---------- */
.et-iletisim { background: var(--ink); color: var(--on-dark-2); padding: 72px 0 56px; }
.et-iletisim__ic { display: grid; grid-template-columns: repeat(12, 1fr); gap: 56px 24px; align-items: start; }
.et-iletisim__sol { grid-column: 1 / span 6; }
.et-iletisim__sag { grid-column: 8 / span 5; }
.et-iletisim .et-h2 { color: var(--on-dark); margin-bottom: 20px; font-size: clamp(34px, 4vw, 48px); }
.et-iletisim__sol p { margin: 0 0 32px; max-width: 44ch; font-size: 18px; }
.et-iletisim .contact-form { display: flex; flex-direction: column; gap: 22px; }
.et-iletisim .contact-form input,
.et-iletisim .contact-form textarea { width: 100%; padding: 14px 0; background: transparent; border: 0; border-bottom: 1px solid var(--on-dark-line); border-radius: 0; color: var(--on-dark); font: 400 16px/1.5 var(--font-body); transition: border-color .25s var(--ease); }
.et-iletisim .contact-form textarea { min-height: 120px; resize: vertical; }
.et-iletisim .contact-form input::placeholder,
.et-iletisim .contact-form textarea::placeholder { color: var(--on-dark-2); opacity: 1; }
.et-iletisim .contact-form input:focus,
.et-iletisim .contact-form textarea:focus { outline: 0; border-bottom-color: var(--on-dark); }
.et-iletisim .contact-form .message-container { display: flex; flex-direction: column; gap: 18px; }
.et-iletisim .contact-form button { align-self: flex-start; min-height: 48px; padding: 0 26px; border: 1px solid var(--paper); border-radius: 999px; background: var(--paper); color: var(--ink); font: 500 14px/1 var(--font-body); letter-spacing: .06em; cursor: pointer; transition: background-color .25s var(--ease), color .25s var(--ease); }
.et-iletisim .contact-form button:hover { background: transparent; color: var(--on-dark); }
.et-iletisim .contact-form button:disabled { opacity: .6; cursor: default; }
.et-iletisim .contact-form-message { display: none; margin: 0 0 14px; padding: 12px 14px; border: 1px solid var(--on-dark-line); font-size: 14px; color: var(--on-dark); background: transparent; }
.et-iletisim .contact-form-message.success, .et-iletisim .contact-form-message.error { display: block; background: transparent; color: var(--on-dark); }
.et-iletisim .contact-form-message.success { border-color: #6f9a8d; }
.et-iletisim .contact-form-message.error { border-color: #c98a7a; }
@media (max-width: 859px) { .et-surec { padding: 40px 0; margin: 4px 0; } .et-iletisim { padding: 44px 0 32px; } .et-iletisim__sol, .et-iletisim__sag { grid-column: 1 / -1; } }

@media (prefers-reduced-motion: reduce) {
  .et-hero__img, .et-hero__t { transition: none; }
  .et-hizmet__foto img { transition: none; }
  .et-hizmet li:hover .et-hizmet__foto img { transform: none; }
}
.et-fiyat__tutar--yazi { font-size: clamp(30px, 3vw, 40px); line-height: 1.15; }
.et-secili__alt { margin: 32px 0 0; text-align: right; }
@media (max-width: 859px) { .et-secili__alt { margin-top: 24px; } }