/* modema-uk-web — Hakkımızda, İletişim, SSS (8 Ekim 2026). Yalnız bu üç sayfada yüklenir (Tema::SAYFALAR_CSS), site.css'ten
   sonra. Renk yalnız site.css 1. bölümdeki tokenlarla; sabit hex yok (SayfalarStilTest). Düzen ana sayfanın editoryal
   ızgarasıdır: .sec__grid 3/12 etiket + 9/12 içerik. Hareket: yalnız transform/opacity, ≤ 300 ms, hover yalnız hover:hover. */

/* ===== 1. Ortak sayfa başı: menüden 48 px, hero hizası (.wrap kenarı) ===== */
.ph { padding-block: var(--s7) var(--s7); }
.ph .bc ol { margin-bottom: var(--s6); }
.ph__grid { display: grid; gap: var(--s5); }
.ph__h { margin: 0; }
.ph__lead { margin: 0; }
@media (min-width: 64em) {
  .ph { padding-bottom: var(--s8); }
  .ph__grid { grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: var(--s5) var(--s7); }
  .ph__main { grid-column: 1 / -1; }
  .ph__intro { grid-column: 2; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
}

/* ===== 2. Akordeon — <details>/<summary>, JS'siz. Açılışta yalnız opacity + transform (200 ms) ===== */
.acc { border-bottom: 1px solid var(--line); }
.acc__item { border-top: 1px solid var(--line); }
.acc__sum { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto 20px; gap: var(--s3); align-items: baseline; min-height: 44px; padding: var(--s5) 0; cursor: pointer; list-style: none; -webkit-tap-highlight-color: transparent; }
.acc__sum::-webkit-details-marker { display: none; }
.acc__sum:focus-visible { outline-offset: 4px; }
.acc__n { font-size: 0.75rem; color: var(--muted); }
.acc__q { margin: 0; font: 300 1.1875rem/1.35 var(--font-display); letter-spacing: -0.005em; color: var(--ink); text-wrap: pretty; }
.acc__meta { font-size: 0.8125rem; color: var(--muted); }
.acc__ic { grid-column: 4; align-self: center; position: relative; width: 20px; height: 20px; }
.acc__ic::before, .acc__ic::after { content: ""; position: absolute; left: 3px; right: 3px; top: 50%; border-top: 1px solid var(--ink); }
.acc__ic::after { transform: rotate(90deg); transition: transform var(--dur-menu) var(--ease-out); }
.acc__item[open] .acc__ic::after { transform: rotate(0deg); }
.acc__a { padding: 0 0 var(--s6); }
.acc__item[open] .acc__a { animation: acc-gir var(--dur-menu) var(--ease-out); }
@keyframes acc-gir { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (hover: hover) {
  .acc__sum:hover .acc__q { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em; text-decoration-color: var(--line-strong); }
}
@media (min-width: 48em) {
  .acc__sum { grid-template-columns: 40px minmax(0, 1fr) auto 20px; gap: var(--s4); }
  .acc__a { padding-left: calc(40px + var(--s4)); padding-right: calc(20px + var(--s4)); }
  .acc__q { font-size: 1.3125rem; }
}
@media (prefers-reduced-motion: reduce) { .acc__item[open] .acc__a { animation: none; } }

/* ===== 3. Hakkımızda ===== */
.facts--sayfa { padding-top: 0; } /* sayfa başının alt dolgusu ayrımı verir */
.story { display: grid; gap: var(--s6); }
.story__media { margin: 0; min-width: 0; }
.story__ph { aspect-ratio: 4 / 5; overflow: hidden; background: var(--plate); }
.story__ph img { width: 100%; height: 100%; object-fit: cover; }
.vm { display: grid; gap: var(--s7); }
.vm__item, .why__row { border-top: 1px solid var(--line-strong); padding-top: var(--s4); }
.vm__h { margin: 0 0 var(--s4); font: 500 0.75rem/1.3 var(--font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }
.vm__text p { margin: 0; font: 300 clamp(1.125rem, 1.08rem + 0.19vw, 1.25rem)/1.55 var(--font-display); color: var(--ink); }
.pol { list-style: none; margin: 0; padding: 0; }
.pol li { position: relative; padding: var(--s3) 0 var(--s3) var(--s6); border-top: 1px solid var(--line); break-inside: avoid; }
.pol li:first-child { border-top: 0; padding-top: 0; }
.pol li::before { content: ""; position: absolute; left: 0; top: calc(var(--s3) + 0.8em); width: 12px; border-top: 1px solid var(--accent); }
.pol li:first-child::before { top: 0.8em; }
.why { display: grid; gap: var(--s7); justify-items: start; }
.why__stmt p { margin: 0; font: 300 clamp(1.75rem, 1.4rem + 1.5vw, 2.75rem)/1.15 var(--font-display); letter-spacing: -0.015em; color: var(--ink); text-wrap: balance; }
.why__row { justify-self: stretch; }
.why__text p { margin: 0; }
@media (min-width: 48em) {
  .vm { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s6); }
}
@media (min-width: 64em) {
  .story--foto { grid-template-columns: minmax(0, 5fr) minmax(0, 4fr); gap: var(--s8); align-items: start; }
  .story__media { position: sticky; top: var(--s5); }
  .why__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--s6); }
  .why__row .vm__h { margin: 0; }
}
@media (min-width: 90em) {
  .pol { columns: 2; column-gap: var(--s7); }
  .pol li:first-child { border-top: 1px solid var(--line); padding-top: var(--s3); }
  .pol li:first-child::before { top: calc(var(--s3) + 0.8em); }
}

/* ===== 4. İletişim: solda bilgiler, sağda form ===== */
.ct { display: grid; gap: var(--s8); padding-bottom: var(--s9); }
.ct__list { margin: 0; border-bottom: 1px solid var(--line); }
.ct__list > div { display: grid; gap: var(--s2); padding: var(--s4) 0 var(--s5); border-top: 1px solid var(--line); }
.ct__list > div:first-child { border-top-color: var(--line-strong); }
.ct__list dt { font: 500 0.75rem/1.3 var(--font-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); }
.ct__list dd { margin: 0; color: var(--ink); }
.ct__big { font: 300 1.5rem/1.2 var(--font-display); overflow-wrap: anywhere; }
.ct__big a { color: var(--ink); text-decoration: none; }
.ct__dir { margin-top: var(--s4); }
.ct__sample { margin-top: var(--s6); }
.ct__sample .eyebrow { margin-bottom: var(--s3); }
.ct__form { min-width: 0; border-top: 1px solid var(--line-strong); padding-top: var(--s4); }
.ct__h { margin: 0 0 var(--s6); }
@media (hover: hover) { .ct__big a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em; } }
@media (min-width: 64em) {
  .ct { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s9); }
  .ct__big { font-size: 1.75rem; }
}

/* ===== 5. SSS ===== */
.faq__aside { gap: var(--s2); order: 2; } /* mobilde sorulardan sonra; 1024+ solda */
.faq__aside .eyebrow { margin: 0 0 var(--s2); }
.faq__aside .t-small { margin: var(--s2) 0 0; }
.faq__tel { font: 300 1.5rem/1.2 var(--font-display); color: var(--ink); text-decoration: none; }
.faq__mail { color: var(--ink); }
.faq__giris { margin-bottom: var(--s6); }
@media (min-width: 64em) { .faq__aside { order: 0; } }
@media (hover: hover) { .faq__tel:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em; } }