/* Mevcut site.css ve inline stil bloğundan SONRA yükleyin. */
:root { --tekel-header-height: 88px; }
html { scroll-padding-top: calc(var(--tekel-header-height) + 16px); }
body { overflow-x: visible; }
#main-content { min-width: 0; }
#main-content [id] { scroll-margin-top: 0; }
#main-content .grid > *, #main-content .flex > * { min-width: 0; }
#main-content img, #main-content iframe { max-width: 100%; }
#main-content :is(h1,h2,h3,p,a,button,label) { overflow-wrap: anywhere; }
#main-content :is(input,select,textarea) { min-width: 0; max-width: 100%; }

/* Birleştirme sırasında eski katman kalırsa dahi ekranı kapatamaz. */
#loading-screen { display: none !important; }

#navbar { position: sticky; top: 0; z-index: 50; width: 100%; padding: 0;
  background: #0f172a; color: #fff; box-shadow: 0 4px 18px #0f172a18;
  transition: none; backdrop-filter: none; }
#navbar .tekel-nav { max-width: 1280px; min-height: 88px; margin: auto;
  padding: 12px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
#navbar .tekel-brand { display: flex; flex-direction: column; min-width: 0; flex-shrink: 1;
  font-size: clamp(18px,2vw,24px); font-weight: 800; line-height: 1.2; color: #fff; text-decoration: none; }
#navbar .tekel-brand span { font-size: 12px; line-height: 1.7; color: #7dd3fc; letter-spacing: .12em; }
#navbar .tekel-desktop-links { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
#navbar .tekel-desktop-links a { display: inline-flex; align-items: center; min-height: 44px;
  color: #e2e8f0; font-size: 15px; font-weight: 600; text-decoration: none; }
#navbar .tekel-desktop-links a:hover { color: #fff; text-decoration: underline; text-underline-offset: 5px; }
#navbar .tekel-desktop-links .tekel-nav-cta { background: #1d4ed8; color: #fff; padding: 10px 20px; border-radius: 8px; }
#navbar a:focus-visible, #navbar button:focus-visible, #mobile-menu :is(a,button):focus-visible {
  outline: 3px solid #7dd3fc; outline-offset: 4px; }
#mobile-menu-btn { display: none; align-items: center; justify-content: center;
  width: 48px; height: 48px; flex: 0 0 48px; color: #fff; border: 1px solid #64748b;
  background: transparent; border-radius: 8px; cursor: pointer; }
#mobile-menu-btn svg, #close-mobile-menu svg { width: 24px; height: 24px; }
#mobile-menu { position: fixed; inset: 0; width: min(440px,calc(100% - 32px));
  height: fit-content; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px);
  padding: 24px; margin: auto; border: 1px solid #475569; border-radius: 16px;
  background: #0f172a; color: #fff; overflow-y: auto; overscroll-behavior: contain; }
#mobile-menu:not([open]) { display: none; }
#mobile-menu[open] { display: block; }
#mobile-menu::backdrop { background: #020617b8; }
#mobile-menu .tekel-menu-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
#mobile-menu h2 { font-size: 22px; font-weight: 700; margin: 0; }
#close-mobile-menu { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;
  color: #fff; background: transparent; border: 1px solid #64748b; border-radius: 8px; cursor: pointer; }
#mobile-menu nav { display: grid; gap: 12px; }
#mobile-menu a { display: block; padding: 12px 16px; min-height: 48px; color: #fff;
  border-radius: 8px; font-size: 19px; text-decoration: none; overflow-wrap: anywhere; }
#mobile-menu a:hover { background: #1e293b; }
#mobile-menu a.tekel-nav-cta { background: #1d4ed8; }

/* JS kapalı veya desteklenmiyorsa tüm içerik ve normal menü görünür. */
.reveal, .reveal.active { opacity: 1; transform: none; transition: none; }
.service-card { transition: box-shadow 180ms ease; }
.service-card:hover { transform: none; }
#home { min-height: calc(100svh - var(--tekel-header-height)); padding-top: 48px; padding-bottom: 48px; }
#home > .container { width: 100%; max-width: 1280px; grid-template-columns: minmax(0,1fr); gap: 32px; }
#home h1 { font-size: clamp(34px,4.3vw,62px); line-height: 1.12; }
#home .tekel-hero-image { display: block; width: 100%; height: auto; aspect-ratio: 4/3;
  object-fit: cover; transform: none; border: 0; border-radius: 24px; box-shadow: 0 16px 40px #0f172a1f; }
#home .tekel-hero-actions { display: flex; flex-wrap: wrap; gap: 16px; }
#home .tekel-hero-actions a { display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; max-width: 100%; text-align: center; }
@media(min-width:900px) { #home > .container { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 48px; } }
@media(max-width:1099px) {
  #navbar .tekel-nav { flex-wrap: wrap; gap: 12px; }
  #navbar .tekel-desktop-links { width: 100%; gap: 8px 20px; }
  .tekel-menu-ready #navbar .tekel-desktop-links { display: none; }
  .tekel-menu-ready #mobile-menu-btn { display: inline-flex; }
}
@media(max-width:640px) {
  #navbar .tekel-nav { padding-inline: 16px; min-height: 76px; }
  #home { padding-block: 32px; }
  #home > .container { padding-inline: 20px; }
  #home .tekel-hero-actions { flex-direction: column; align-items: stretch; }
  #home .tekel-hero-actions a { width: 100%; padding-inline: 16px; }
  #main-content section:not(#home) { padding-block: 48px; }
  #main-content section .p-12 { padding: 28px 20px; border-radius: 24px; }
  #main-content :is(.text-5xl,.text-6xl,.text-7xl) { font-size: clamp(28px,8vw,40px); }
  #main-content a[href^="tel:"] { white-space: normal; overflow-wrap: anywhere; }
  #main-content iframe { width: 100%; }
}
@media(prefers-reduced-motion:reduce) {
  html, body { scroll-behavior: auto !important; }
  .reveal,.service-card,#main-content img,.whatsapp-float-anim { animation: none !important; transition: none !important; transform: none !important; }
}