/* Ana sayfadan ayrılan iç sayfalar: Nasıl çalışır, Üreticiler, İletişim.
   Bölümlerin kendi görünümü home.css'te duruyor; burada yalnızca o bölümler
   tek başına bir sayfa olunca gereken düzeltmeler var. */

/* Bölüm başlığı artık sayfa başlığı: h2 ölçeğini h1'de de kullan. */
.sc-head h1 { font-size: clamp(30px, 4vw, 44px); letter-spacing: -.02em; margin: 12px 0 14px }
.sec-head h1 { font-size: clamp(30px, 3.8vw, 42px); letter-spacing: -.015em; margin: 12px 0 14px }

/* Bölüm bandı ile üst menü arasında nefes payı; ana sayfada bunu önceki
   bölüm sağlıyordu. */
main > section:first-of-type { padding-top: 56px }
main > .showcase:first-of-type { padding-top: 62px }
#oem .sec-head h1 { color: #fff }

/* Üst menüdeki "bulunduğun sayfa" işareti theme.css'te; burada yalnızca alt
   menüdeki karşılığı var. */
.foot-nav a[aria-current="page"] { color: #fff }

/* İletişim: kurucuların doğrudan hatları. Koyu kartlar, sayfanın geri
   kalanındaki açık kartlardan ayrılsın diye bilerek ters kontrastta. */
.founder-contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px }
.founder-contact {
  position: relative; padding: 28px 30px; border-radius: 18px; color: #fff; overflow: hidden;
  background: linear-gradient(158deg, var(--navy-2) 0%, var(--navy) 62%, #07203F 100%);
}
/* Monogramdaki düğüm motifi kartın köşesinde dokunun devamı gibi durur. */
.founder-contact::after {
  content: ""; position: absolute; inset-inline-end: -34px; top: -34px; width: 150px; height: 150px;
  background: url("/assets/brand-mark.png") center / contain no-repeat;
  opacity: .09; pointer-events: none;
}
.founder-avatar {
  width: 62px; height: 62px; border-radius: 50%; object-fit: cover; object-position: center 32%;
  border: 2px solid rgba(255,255,255,.22); margin-bottom: 14px;
}
.founder-avatar-sabri { object-position: center 40% }
.founder-field { font-size: 13px; color: #9FB6D4; margin: -12px 0 18px }
.founder-contact h3 { font-size: 20px; color: #fff; margin-bottom: 4px }
.founder-contact .role { font-size: 13.5px; font-weight: 700; color: var(--blue-light); margin-bottom: 14px }
.founder-contact dl { display: flex; flex-direction: column; gap: 10px }
.founder-contact dl > div { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap }
.founder-contact dt { flex: 0 0 auto; font-size: 12.5px; color: #9FB6D4 }
.founder-contact dd { font-size: 15px; font-weight: 600; word-break: break-word }
.founder-contact a { color: #fff; border-bottom: 1px solid rgba(255,255,255,.35); padding-bottom: 1px }
.founder-contact a:hover { border-color: #fff }
.founder-contact a:focus-visible { outline: 2px solid #fff; outline-offset: 3px }
@media(max-width:620px) { .founder-contact { padding: 22px } .founder-contact dd { font-size: 14px } }

/* İletişim: ziyaretçiyi yazmadan önce doğru sayfaya yönlendiren üçlü. */
.topic-head { margin: 56px 0 24px }
.topic-head h2 { font-size: clamp(22px, 2.4vw, 28px); letter-spacing: -.01em; margin-bottom: 10px }
.topic-head p { color: var(--ink-2); font-size: 15.5px }
.topic-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px }
.topic {
  display: block; padding: 24px; border: 1.5px solid var(--line); border-radius: var(--r);
  background: var(--card); transition: border-color .18s, transform .18s, box-shadow .18s;
}
.topic:hover {
  border-color: var(--blue); transform: translateY(-3px);
  box-shadow: 0 16px 34px -22px rgba(var(--shadow), .3);
}
.topic .n { font-family: var(--mono); font-size: 12px; letter-spacing: .12em; color: var(--ink-3) }
.topic h3 { font-size: 17px; margin: 10px 0 6px }
.topic p { font-size: 14px; line-height: 1.6; color: var(--ink-3) }
#contact .kvkk-note { margin-top: 26px; max-width: 70ch }

/* Sayfa sonu: sıradaki adımlar. */
.inner-next { background: var(--paper); border-top: 1px solid var(--line) }
.inner-next .sec-head { margin-bottom: 26px }
.inner-links { display: flex; flex-wrap: wrap; gap: 12px }
.inner-links a {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 22px; border: 1.5px solid var(--line); border-radius: 999px;
  background: var(--card); color: var(--ink); font-size: 14.5px; font-weight: 600;
  transition: border-color .16s, transform .16s, box-shadow .16s;
}
.inner-links a::after { content: "→"; color: var(--ink-3) }
.inner-links a:hover {
  border-color: var(--blue); transform: translateY(-2px);
  box-shadow: 0 12px 26px -18px rgba(var(--shadow), .35);
}

/* Bu sayfalarda sepet bir bağlantı; ana sayfadaki çekmece düğmesi değil. */
nav .cart-btn { text-decoration: none }

@media(max-width:620px) {
  main > section:first-of-type, main > .showcase:first-of-type { padding-top: 40px }
  .inner-links a { padding: 11px 18px; font-size: 13.5px }
}

/* Kurucuların dış bağlantıları: GitHub ve kişisel site. */
.founder-links { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; position: relative }
.founder-links a {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px;
  border: 1px solid rgba(255,255,255,.22); border-radius: 999px;
  background: rgba(255,255,255,.07); color: #fff; font-size: 13px; font-weight: 600;
  transition: background .16s, border-color .16s, transform .16s;
}
.founder-links a:hover { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.4); transform: translateY(-2px) }
.founder-links svg { width: 15px; height: 15px; flex: 0 0 auto; fill: currentColor }
.founder-links a:focus-visible { outline: 2px solid #fff; outline-offset: 3px }
@media(max-width:620px) { .founder-links a { padding: 7px 12px; font-size: 12.5px } }

/* ===================== Üreticiler: lisans başvuru formu ================= */
.oem-card .field-group {
  margin: 26px 0 14px; padding-bottom: 9px; border-bottom: 1px solid rgba(255,255,255,.14);
  font-family: var(--mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
  color: #8FB8F2;
}
.oem-card .field-group:first-of-type { margin-top: 20px }
.oem-card .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px }
@media(max-width:520px) { .oem-card .row2 { grid-template-columns: 1fr; gap: 0 } }
.oem-card .field-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 9px; color: #C9DCF3 }
.check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px }
@media(max-width:520px) { .check-grid { grid-template-columns: 1fr } }
.check-grid label, .consent {
  display: flex; align-items: flex-start; gap: 9px; padding: 10px 12px;
  border: 1.5px solid rgba(255,255,255,.18); border-radius: 10px;
  background: rgba(255,255,255,.05); font-size: 13.5px; line-height: 1.45;
  cursor: pointer; transition: border-color .16s, background .16s;
}
.check-grid label:hover, .consent:hover { border-color: var(--cool); background: rgba(255,255,255,.09) }
.check-grid label:has(:checked) { border-color: var(--cool); background: rgba(101,188,229,.16) }
.check-grid input, .consent input { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 1px; accent-color: var(--blue-light) }
.consent { margin: 18px 0 4px }
.oem-card .form-reply { margin-top: 14px; font-size: 12.5px; line-height: 1.6; color: #A9B9CC; text-align: center }
.oem-card :focus-visible { outline: 2px solid var(--cool); outline-offset: 2px }