.ct-ofis { margin-top: 14px; display: grid; gap: 6px; font-size: 14px; color: var(--fg-2); }
.ct-ofis a { color: var(--fg); text-decoration: none; }
.ct-ofis .etiket { font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--fg-3); margin-right: 8px; }

.durdur-dugme {
  position: fixed; left: 16px; bottom: max(16px, env(safe-area-inset-bottom)); z-index: 60;
  display: inline-flex; align-items: center; gap: 9px;
  font: 600 12px/1 var(--font-mono, monospace); letter-spacing: .08em; text-transform: uppercase;
  color: rgba(255,255,255,.75); background: rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.25); border-radius: 999px; padding: 9px 14px; cursor: pointer; backdrop-filter: blur(4px);
}
.durdur-dugme:hover, .durdur-dugme:focus-visible { color: #fff; border-color: #fff; }
.durdur-dugme .ikon { width: 9px; height: 10px; border-left: 3px solid currentColor; border-right: 3px solid currentColor; }
.is-paused .durdur-dugme .ikon { width: 0; height: 0; border-right: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 9px solid currentColor; }
.is-paused *, .is-paused *::before, .is-paused *::after { animation-play-state: paused !important; }

@media (max-width: 640px) {
  .durdur-dugme { width: 40px; height: 40px; padding: 0; gap: 0; justify-content: center; left: 12px; bottom: max(12px, env(safe-area-inset-bottom)); }
  .p-breadcrumb a { display: inline-block; padding: 5px 0; }
  .durdur-dugme .metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .p-breadcrumb, .p-breadcrumb .ara, .p-breadcrumb .here, .p-breadcrumb a, .p-hero-meta .l, .cap-num,
  .char-brain-head, .char-brain-head .live, .char-card-head, .char-spec .tag, .char-tag, .chat-head .status, .uc-tag,
  .lbl, .pillar-tag, .ix, .dna-head, .dna-foot, .pulse, .active-label, .tag,
  .ct-tab, .field label, .field-hint, .live, .mail-foot, .mail-foot .l { font-size: 11px !important; }
}

@media (max-width: 360px) {
  h1, h2, h3 { overflow-wrap: anywhere; hyphens: auto; }
  .p-hero h1 { font-size: clamp(28px, 10.5vw, 40px) !important; }
  :is(.se-sections, .ct-body, .ab-hero-grid, .ab-team-head, .p-char-grid, .u-ikili, .sec-list, .sec-list > li) > * { min-width: 0; }
  .sec-list > li > * { overflow-wrap: anywhere; }
}