/**
 * WordPress'e özel CSS eklentileri.
 * ÖNEMLİ: Bu dosya assets/css/main.css'in İÇİNE YAZILMAZ — main.css statik siteden
 * senkronize edildiğinde bu dosya ETKİLENMEZ. wp_nav_menu()'nün ürettiği <ul>/<li>
 * ve alt menü (sub-menu) yapısı gibi, sadece WordPress'te var olan şeyler buraya yazılır.
 *
 * @package TolgaCelik
 */

/* ---------- masaüstü nav-menu: WordPress'in <ul><li> yapısı için ---------- */
.nav-menu{ display:flex; align-items:center; }
.nav-menu > ul{ display:flex; align-items:center; gap:26px; list-style:none; margin:0; padding:0; }
.nav-menu li{ list-style:none; position:relative; }
.nav-menu a{ position:relative; font-size:.92rem; font-weight:700; }
.nav-menu a::after{ content:''; position:absolute; left:0; right:100%; bottom:-8px; height:3px; background:var(--lime-dark); transition:right .18s ease; }
.nav-menu a:hover::after,.nav-menu a.active::after,.nav-menu .current-menu-item > a::after,.nav-menu .current_page_item > a::after,.nav-menu .current-menu-ancestor > a::after,.nav-menu .current_page_ancestor > a::after{ right:0; }

/* ---------- masaüstü: alt menü (Hizmetler dropdown) — WordPress'in native .sub-menu yapısı ---------- */
.nav-menu li.menu-item-has-children > a{ display:flex; align-items:center; gap:5px; }
.nav-menu li.menu-item-has-children > a::before{ content:'▾'; font-size:.65em; order:2; }
.nav-menu .sub-menu{ position:absolute; top:100%; left:50%; transform:translate(-50%,-6px); margin-top:16px; background:var(--white); border:1px solid var(--line); border-radius:10px; box-shadow:var(--shadow); padding:8px; min-width:230px; list-style:none; opacity:0; visibility:hidden; transition:opacity .18s ease, transform .18s ease, visibility .18s; z-index:60; }
.nav-menu li.menu-item-has-children:hover .sub-menu,
.nav-menu li.menu-item-has-children:focus-within .sub-menu{ opacity:1; visibility:visible; transform:translate(-50%,0); }
.nav-menu .sub-menu li{ position:static; }
.nav-menu .sub-menu a{ display:block; padding:10px 14px; border-radius:6px; font-size:.86rem; font-weight:600; white-space:nowrap; }
.nav-menu .sub-menu a::after{ content:none; }
.nav-menu .sub-menu a:hover{ background:var(--paper); color:var(--lime-dark); }

/* ---------- mobil nav: WordPress'in <ul><li> yapısı için ---------- */
.mobile-nav ul{ list-style:none; margin:0; padding:0; }
.mobile-nav li{ list-style:none; }
.mobile-nav a{ color:var(--white); font-weight:900; font-size:1.2rem; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.12); display:block; }
.mobile-nav a:hover{ color:var(--lime); }

/* ---------- mobil: alt menü açma/kapama (ayrı, erişilebilir düğme) ---------- */
.mobile-nav li.menu-item-has-children{ position:relative; border-bottom:1px solid rgba(255,255,255,.12); }
.mobile-nav li.menu-item-has-children > a{ border-bottom:0; padding-right:46px; }
.mobile-nav .submenu-toggle{ position:absolute; top:5px; right:0; width:40px; height:40px; padding:0; border:0; border-radius:4px; background:rgba(255,255,255,.06); color:var(--lime); cursor:pointer; }
.mobile-nav .submenu-toggle span{ display:block; transition:transform .2s ease; }
.mobile-nav .submenu-toggle[aria-expanded="true"] span{ transform:rotate(180deg); }
.mobile-nav .submenu-toggle:focus-visible{ outline:2px solid var(--lime); outline-offset:2px; }
.mobile-nav .sub-menu{ display:none; flex-direction:column; padding:0 0 14px 14px; gap:2px; }
.mobile-nav li.menu-item-has-children.tc-open > .sub-menu{ display:flex; }
.mobile-nav .sub-menu a{ color:#C7CBCD; font-weight:600; font-size:.98rem; padding:9px 0; border-bottom:0; }
.mobile-nav .sub-menu a:hover{ color:var(--lime); }

/* ---------- footer menüsü: WordPress'in <ul><li> yapısı için ---------- */
.footer-col ul{ display:flex; flex-direction:column; gap:12px; list-style:none; margin:0; padding:0; }
.footer-col li{ list-style:none; }

/* ---------- WordPress içerik (the_content) temel stilleri ---------- */
.entry-content{ color:var(--muted); font-size:1.02rem; line-height:1.75; }
.entry-content p{ margin-bottom:1.3em; }
.entry-content h2{ font-size:1.6rem; margin:1.6em 0 .6em; color:var(--text); }
.entry-content h3{ font-size:1.25rem; margin:1.4em 0 .5em; color:var(--text); }
.entry-content ul,.entry-content ol{ margin:0 0 1.3em; padding-left:22px; }
.entry-content li{ margin-bottom:.5em; }
.entry-content a{ color:var(--text); text-decoration:underline; text-decoration-color:var(--lime); }
.entry-content img{ border-radius:12px; margin:1.4em 0; }
.entry-content strong{ color:var(--text); }

/* ---------- ÖNEMLİ: main.css'teki "mobilde masaüstü menüsünü gizle" kuralını burada TEKRAR
   ETMEMİZ GEREKİYOR. Bu dosya main.css'ten SONRA yüklendiği için, yukarıdaki .nav-menu{display:flex}
   kuralı (media query'siz) aksi halde mobildeki gizleme kuralını ezip masaüstü menüsünün burger
   menüyle birlikte ikisinin de görünmesine sebep olur. ---------- */
@media (max-width:880px){
  .nav-menu,.header-right .btn{ display:none; }
  .nav-toggle{ display:flex; }
}

/* ============================================================
   EĞİTİMLER — satış odaklı kurs kartları (Shopier linkli)
   Statik sitede karşılığı yok, WordPress'e özel yeni bir bölüm.
   ============================================================ */
.egitim-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.egitim-card{ display:block; background:var(--white); border:1px solid var(--line); border-radius:14px; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }
.egitim-card:hover{ transform:translateY(-4px); box-shadow:0 18px 44px rgba(0,0,0,.1); }
.egitim-media{ position:relative; aspect-ratio:16/10; background:linear-gradient(135deg,#23282d,#0a0c0d); overflow:hidden; }
.egitim-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.egitim-media-fallback{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.egitim-media-fallback span{ font-family:var(--f); font-weight:900; font-size:2.6rem; color:rgba(255,255,255,.14); }
.egitim-level{ position:absolute; top:14px; left:14px; z-index:2; background:var(--lime); color:var(--black); font-family:var(--f-mono); font-size:.66rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:5px 11px; border-radius:20px; }
.egitim-body{ padding:22px 22px 20px; }
.egitim-meta-line{ font-family:var(--f-mono); font-size:.7rem; color:var(--muted); letter-spacing:.03em; margin-bottom:10px; text-transform:uppercase; }
.egitim-card h3{ font-size:1.15rem; margin-bottom:8px; line-height:1.3; }
.egitim-card p{ color:var(--muted); font-size:.9rem; margin-bottom:0; line-height:1.5; }
.egitim-footer{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 22px 20px; border-top:1px solid var(--line); margin-top:16px; }
.egitim-price{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.egitim-price-now{ font-size:1.3rem; font-weight:900; color:var(--text); }
.egitim-price-old{ font-size:.85rem; color:var(--muted); text-decoration:line-through; }
.egitim-cta{ display:inline-flex; align-items:center; gap:6px; background:var(--black); color:var(--white) !important; font-weight:700; font-size:.8rem; padding:9px 15px; border-radius:6px; transition:background .18s ease; white-space:nowrap; }
.egitim-cta svg{ width:13px; height:13px; }
.egitim-card:hover .egitim-cta{ background:var(--lime-dark); color:var(--black) !important; }
@media (max-width:900px){ .egitim-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .egitim-grid{ grid-template-columns:1fr; } .egitim-footer{ flex-wrap:wrap; } }

/* ---------- tekil eğitim ---------- */
.course-summary{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-bottom:34px; background:var(--line); border:1px solid var(--line); }
.course-summary > span{ display:block; padding:18px; background:var(--paper); font-weight:900; }
.course-summary small{ display:block; margin-bottom:4px; color:var(--muted); font-family:var(--f-mono); font-size:.66rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.course-summary del{ color:var(--muted); font-size:.82em; font-weight:600; }
.course-actions{ display:flex; flex-wrap:wrap; gap:12px; }
@media (max-width:640px){ .course-summary{ grid-template-columns:1fr; } .course-actions .btn{ width:100%; } }

/* ============================================================
   1.2 — DAKTİLO, ÖZELLEŞTİRİLEBİLİR HERO VE HİZMETLER TASARIMI
   ============================================================ */

/* Daktilo animasyonu: metin boyu değişirken satır yüksekliğini korur. */
.typewriter-wrap{ display:inline-block; position:relative; vertical-align:baseline; }
.typewriter{ display:inline-block; min-width:1ch; white-space:nowrap; }
.js .typewriter::after{ content:''; display:inline-block; width:3px; height:.82em; margin-left:.08em; background:currentColor; vertical-align:-.04em; animation:tc-caret-blink .78s steps(1,end) infinite; }
@keyframes tc-caret-blink{ 0%,48%{ opacity:1; } 49%,100%{ opacity:0; } }
@media (prefers-reduced-motion:reduce){ .js .typewriter::after{ animation:none; opacity:1; } }

/* Hero kartına isteğe bağlı görsel. */
.hero-card.has-visual{ padding:0; overflow:hidden; display:block; }
.hero-card-image{ width:100%; aspect-ratio:16/10; object-fit:cover; border-bottom:1px solid rgba(255,255,255,.12); }
.hero-card-content{ position:relative; z-index:1; }
.hero-card.has-visual .hero-card-content{ padding:28px; }

/* İç sayfa hero arka plan görseli. */
.page-hero.has-background-image{ isolation:isolate; }
.page-hero.has-background-image::before{ content:''; position:absolute; inset:0; z-index:-2; background-image:linear-gradient(90deg,rgba(11,13,15,.96) 0%,rgba(11,13,15,.82) 52%,rgba(11,13,15,.48) 100%),var(--page-hero-image); background-size:cover; background-position:center; }
.page-hero.has-background-image::after{ content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,transparent 60%,rgba(11,13,15,.72)); pointer-events:none; }

/* ---------- Hizmetler liste sayfası ---------- */
.services-index-section{ background:linear-gradient(180deg,var(--white) 0%,var(--paper) 100%); }
.services-index-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:48px; }
.services-index-head .section-head{ margin-bottom:0; }
.services-count{ flex:0 0 auto; min-width:150px; padding:18px 20px; border-left:4px solid var(--lime); background:var(--black); color:var(--white); }
.services-count strong{ display:block; font-size:2.4rem; line-height:1; letter-spacing:-.05em; }
.services-count span{ display:block; margin-top:8px; color:#B9BDC0; font-family:var(--f-mono); font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; }
.services-list-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.service-list-card{ min-width:0; }
.service-list-link{ height:100%; display:grid; grid-template-columns:minmax(180px,.82fr) minmax(0,1.18fr); background:var(--white); border:1px solid var(--line); border-radius:18px; overflow:hidden; box-shadow:0 16px 42px rgba(11,13,15,.06); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.service-list-link:hover{ transform:translateY(-5px); border-color:rgba(184,209,41,.7); box-shadow:0 22px 54px rgba(11,13,15,.12); }
.service-list-media{ position:relative; min-height:290px; overflow:hidden; display:flex; align-items:flex-end; justify-content:flex-start; padding:22px; background:radial-gradient(circle at 30% 20%,rgba(var(--lime-rgb),.2),transparent 42%),linear-gradient(145deg,#262c31,#080a0b); }
.service-list-media::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72)); pointer-events:none; }
.service-list-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.service-list-link:hover .service-list-media img{ transform:scale(1.045); }
.service-list-number{ position:absolute; top:18px; left:20px; z-index:2; color:rgba(255,255,255,.66); font-family:var(--f-mono); font-size:.72rem; letter-spacing:.1em; }
.service-list-code{ position:relative; z-index:2; max-width:100%; color:var(--lime); font-size:clamp(1.25rem,2.3vw,1.85rem); font-weight:900; letter-spacing:.04em; line-height:1.05; overflow-wrap:anywhere; }
.service-list-content{ display:flex; flex-direction:column; align-items:flex-start; padding:30px; min-width:0; }
.service-list-tag{ display:inline-flex; margin-bottom:18px; padding:6px 10px; border-radius:999px; background:rgba(var(--lime-rgb),.22); color:#687600; font-family:var(--f-mono); font-size:.66rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.service-list-content h3{ font-size:clamp(1.35rem,2.2vw,1.9rem); margin-bottom:12px; }
.service-list-content p{ color:var(--muted); font-size:.94rem; line-height:1.62; }
.service-list-cta{ display:inline-flex; align-items:center; gap:8px; margin-top:auto; padding-top:22px; color:var(--text); font-family:var(--f-mono); font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.service-list-cta b{ display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--black); color:var(--lime); transition:transform .2s ease,background .2s ease; }
.service-list-link:hover .service-list-cta b{ transform:rotate(45deg); background:var(--lime); color:var(--black); }
@media (max-width:1020px){
  .services-list-grid{ grid-template-columns:1fr; }
  .service-list-link{ grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr); }
}
@media (max-width:700px){
  .services-index-head{ align-items:flex-start; flex-direction:column; margin-bottom:34px; }
  .services-count{ min-width:0; width:100%; display:flex; align-items:center; gap:14px; }
  .services-count span{ margin-top:0; }
  .service-list-link{ grid-template-columns:1fr; }
  .service-list-media{ min-height:220px; aspect-ratio:16/9; }
  .service-list-content{ padding:24px; }
}
@media (max-width:420px){
  .service-list-media{ min-height:190px; }
  .service-list-content{ padding:21px; }
}

/* ---------- Hizmet detay sayfası ---------- */
.service-detail-section{ background:var(--paper); }
.service-detail-layout{ display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,330px); gap:56px; align-items:start; }
.service-detail-main{ min-width:0; }
.service-detail-featured,.service-detail-fallback{ margin:0 0 38px; border-radius:20px; overflow:hidden; box-shadow:0 20px 50px rgba(11,13,15,.1); }
.service-detail-featured img{ width:100%; aspect-ratio:16/9; object-fit:cover; }
.service-detail-fallback{ min-height:360px; position:relative; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 72% 20%,rgba(var(--lime-rgb),.22),transparent 35%),linear-gradient(145deg,#242a2f,#080a0b); }
.service-detail-fallback span{ position:absolute; top:24px; left:28px; color:rgba(255,255,255,.24); font-size:4rem; font-weight:900; letter-spacing:-.06em; }
.service-detail-fallback b{ color:var(--lime); font-size:clamp(2rem,5vw,4rem); letter-spacing:.06em; }
.service-entry-content{ padding:8px 0 10px; font-size:1.06rem; }
.service-entry-content > :first-child{ margin-top:0; }
.service-entry-content h2{ font-size:clamp(1.6rem,3vw,2.2rem); }
.service-entry-content h3{ position:relative; padding-left:20px; }
.service-entry-content h3::before{ content:''; position:absolute; left:0; top:.2em; bottom:.2em; width:4px; background:var(--lime-dark); }
.service-entry-content ul{ display:grid; gap:10px; padding-left:0; list-style:none; }
.service-entry-content li{ position:relative; padding:14px 16px 14px 44px; margin:0; border:1px solid var(--line); background:var(--white); border-radius:10px; color:var(--text); }
.service-entry-content li::before{ content:'✓'; position:absolute; left:16px; top:13px; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--lime); color:var(--black); font-size:.72rem; font-weight:900; }
.service-detail-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:36px; }
.service-detail-aside{ position:sticky; top:112px; }
.admin-bar .service-detail-aside{ top:144px; }
.service-summary-card{ position:relative; overflow:hidden; padding:30px; border-radius:18px; background:var(--black); color:var(--white); box-shadow:0 20px 50px rgba(11,13,15,.18); }
.service-summary-card::after{ content:''; position:absolute; width:200px; height:200px; border-radius:50%; right:-90px; top:-95px; background:var(--lime); opacity:.22; filter:blur(30px); }
.service-summary-kicker{ position:relative; z-index:1; display:block; color:var(--lime); font-family:var(--f-mono); font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
.service-summary-number{ position:relative; z-index:1; display:block; margin:18px 0 28px; color:rgba(255,255,255,.16); font-size:5.4rem; line-height:.8; letter-spacing:-.08em; }
.service-summary-card dl{ position:relative; z-index:1; margin:0 0 26px; }
.service-summary-card dl div{ padding:14px 0; border-top:1px solid rgba(255,255,255,.13); }
.service-summary-card dt{ margin-bottom:5px; color:#8F9599; font-family:var(--f-mono); font-size:.65rem; text-transform:uppercase; letter-spacing:.07em; }
.service-summary-card dd{ margin:0; color:var(--white); font-weight:800; overflow-wrap:anywhere; }
.service-summary-card .btn{ position:relative; z-index:1; width:100%; }
.service-sibling-nav{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:48px; padding-top:30px; border-top:1px solid var(--line); }
.service-sibling-link{ min-height:116px; display:flex; flex-direction:column; justify-content:center; padding:20px 22px; border:1px solid var(--line); border-radius:12px; background:var(--white); transition:border-color .2s ease,transform .2s ease; }
.service-sibling-link:hover{ transform:translateY(-3px); border-color:var(--lime-dark); }
.service-sibling-link small{ margin-bottom:7px; color:var(--muted); font-family:var(--f-mono); font-size:.65rem; text-transform:uppercase; letter-spacing:.06em; }
.service-sibling-link strong{ line-height:1.35; }
.service-sibling-next{ text-align:right; }
@media (max-width:920px){
  .service-detail-layout{ grid-template-columns:1fr; gap:34px; }
  .service-detail-aside{ position:static; grid-row:auto; }
  .service-summary-card{ display:grid; grid-template-columns:1fr auto; align-items:end; gap:18px 30px; }
  .service-summary-number{ margin:12px 0 0; }
  .service-summary-card dl{ grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:0; }
  .service-summary-card .btn{ grid-column:2; grid-row:1/3; align-self:end; min-width:220px; }
}
@media (max-width:640px){
  .service-detail-featured,.service-detail-fallback{ margin-bottom:28px; border-radius:14px; }
  .service-detail-fallback{ min-height:230px; }
  .service-summary-card{ display:block; padding:25px; }
  .service-summary-number{ margin:18px 0 26px; font-size:4.5rem; }
  .service-summary-card dl{ display:block; margin-bottom:24px; }
  .service-summary-card .btn{ min-width:0; }
  .service-sibling-nav{ grid-template-columns:1fr; }
  .service-sibling-next{ text-align:left; }
}

/* ============================================================
   1.3 — KISA / DÖNÜŞÜM ODAKLI ANA SAYFA + KREATİF HERO
   ============================================================ */
.hero-grid-creative{ grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); gap:48px; }
.hero-points-compact{ max-width:640px; }
.hero-showcase{ display:grid; gap:18px; }
.hero-spotlight{ position:relative; overflow:hidden; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:22px; min-height:320px; box-shadow:0 24px 60px rgba(0,0,0,.2); }
.hero-spotlight.has-cover::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(11,13,15,.14),rgba(11,13,15,.92)); }
.hero-spotlight-cover{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-spotlight-inner{ position:relative; z-index:1; height:100%; display:flex; flex-direction:column; padding:28px; }
.hero-spotlight-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:16px; }
.hero-spotlight-badge{ display:inline-flex; align-items:center; min-height:34px; padding:8px 12px; border-radius:999px; background:rgba(215,242,58,.14); color:var(--lime); font-family:var(--f-mono); font-size:.64rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.hero-spotlight strong{ display:block; max-width:11ch; margin-bottom:12px; color:var(--white); font-size:clamp(1.7rem,2.8vw,2.45rem); line-height:1.03; }
.hero-spotlight p{ max-width:42ch; color:#CAD0D3; font-size:.95rem; line-height:1.6; }
.hero-pill-row{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 22px; }
.hero-pill-row span{ display:inline-flex; align-items:center; min-height:36px; padding:9px 13px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); color:var(--white); font-family:var(--f-mono); font-size:.67rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.hero-inline-link{ display:inline-flex; align-items:center; gap:6px; margin-top:auto; color:var(--white); font-weight:800; }
.hero-inline-link:hover{ color:var(--lime); }
.hero-metric-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.hero-metric-card{ padding:18px 16px; background:rgba(255,255,255,.96); color:var(--text); border-radius:18px; box-shadow:0 14px 34px rgba(0,0,0,.14); }
.hero-metric-card strong{ display:block; margin-bottom:7px; font-size:1.9rem; line-height:.95; }
.hero-metric-card span{ display:block; color:var(--muted); font-family:var(--f-mono); font-size:.66rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.hero-mini-links{ display:grid; grid-template-columns:1fr; gap:12px; }
.hero-mini-link{ display:grid; grid-template-columns:auto 1fr; gap:4px 16px; align-items:start; padding:18px 18px 17px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:18px; transition:transform .2s ease, border-color .2s ease, background .2s ease; }
.hero-mini-link:hover{ transform:translateY(-3px); border-color:rgba(215,242,58,.36); background:rgba(255,255,255,.1); }
.hero-mini-link small{ grid-row:1 / span 2; color:rgba(255,255,255,.38); font-family:var(--f-mono); font-size:.72rem; font-weight:700; letter-spacing:.1em; }
.hero-mini-link strong{ color:var(--white); font-size:1rem; }
.hero-mini-link span{ color:#C7CCCF; font-size:.82rem; line-height:1.48; }
.section-head-compact{ margin-bottom:34px; }
.section-head-no-margin{ margin-bottom:22px; }
.section-meta-note{ display:inline-flex; align-items:center; gap:10px; margin-top:10px; padding:10px 14px; border-radius:999px; background:rgba(215,242,58,.12); color:#697500; font-family:var(--f-mono); font-size:.69rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.section-meta-note-light{ background:rgba(215,242,58,.14); color:var(--lime); }
.home-services-compact{ background:var(--white); }
@media (max-width:980px){
  .hero-grid-creative{ grid-template-columns:1fr; }
}
@media (max-width:700px){
  .hero-spotlight-inner{ padding:22px; }
  .hero-metric-grid{ grid-template-columns:1fr; }
  .hero-metric-card{ padding:16px 16px; }
  .hero-spotlight-head{ flex-direction:column; align-items:flex-start; }
  .hero-mini-link{ padding:16px; }
  .section-head-compact{ margin-bottom:28px; }
}

/* ============================================================
   1.3.1 — HERO: TEK PARÇA CREATIVE STUDIO BOARD
   ============================================================ */
.hero-v2{ min-height:0; }
.hero-v2-container{ position:relative; z-index:2; padding:34px 0 42px; }
.hero-composition{ overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:28px; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); box-shadow:0 32px 90px rgba(0,0,0,.26); backdrop-filter:blur(8px); }
.hero-topline{ min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 24px; border-bottom:1px solid rgba(255,255,255,.1); }
.hero-kicker-v2{ margin:0; font-size:.68rem; }
.hero-availability{ display:inline-flex; align-items:center; gap:9px; flex:0 0 auto; color:#D8DCDE; font-family:var(--f-mono); font-size:.66rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.hero-availability i{ width:8px; height:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 6px rgba(215,242,58,.12); animation:tc-status-pulse 2.2s ease-in-out infinite; }
@keyframes tc-status-pulse{ 0%,100%{ box-shadow:0 0 0 4px rgba(215,242,58,.08); } 50%{ box-shadow:0 0 0 9px rgba(215,242,58,.02); } }
.hero-core{ display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); gap:26px; align-items:stretch; padding:26px; }
.hero-copy-v2{ display:flex; flex-direction:column; justify-content:center; min-width:0; padding:12px 10px 10px 8px; }
.js .hero-copy-v2{ opacity:0; transform:translateY(14px); }
.js .hero-copy-v2.hero-copy-ready{ opacity:1; transform:none; transition:opacity .55s ease,transform .55s ease; }
.hero-copy-index{ color:rgba(255,255,255,.38); font-family:var(--f-mono); font-size:.66rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.hero-v2 h1{ max-width:18ch; margin:14px 0 17px; font-size:clamp(2.35rem,3.8vw,3.65rem); line-height:1.015; letter-spacing:-.045em; }
.hero-lead-v2{ max-width:61ch; margin-bottom:22px; font-size:clamp(.96rem,1.35vw,1.08rem); line-height:1.62; }
.hero-buttons-v2{ margin-bottom:20px; }
.hero-credentials{ display:flex; flex-wrap:wrap; gap:9px; margin:0; }
.hero-credentials li{ display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:8px 11px; border:1px solid rgba(255,255,255,.11); border-radius:999px; background:rgba(255,255,255,.05); color:#DCE0E2; font-family:var(--f-mono); font-size:.62rem; font-weight:700; letter-spacing:.035em; }
.hero-credentials li::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--lime); }
.hero-visual-v2{ position:relative; isolation:isolate; min-height:405px; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:22px; background:radial-gradient(circle at 74% 22%,rgba(215,242,58,.22),transparent 28%),linear-gradient(145deg,#23282D 0%,#111416 58%,#090B0C 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
.hero-visual-v2::before{ content:''; position:absolute; z-index:-1; width:320px; height:320px; right:-135px; bottom:-155px; border-radius:50%; border:1px solid rgba(215,242,58,.3); box-shadow:0 0 0 38px rgba(215,242,58,.04),0 0 0 76px rgba(215,242,58,.025); }
.hero-visual-v2.has-cover::after{ content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(110deg,rgba(8,10,11,.94) 0%,rgba(8,10,11,.76) 54%,rgba(8,10,11,.42) 100%); }
.hero-visual-cover{ position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }
.hero-visual-grid{ position:absolute; inset:0; z-index:-1; opacity:.3; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(110deg,#000 0%,rgba(0,0,0,.75) 58%,transparent 100%); }
.hero-visual-top{ position:absolute; top:20px; left:22px; right:22px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.hero-visual-top span,.hero-visual-top small{ font-family:var(--f-mono); font-size:.64rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.hero-visual-top span{ color:var(--lime); }
.hero-visual-top small{ color:rgba(255,255,255,.42); }
.hero-visual-center{ position:absolute; left:24px; bottom:91px; z-index:2; max-width:61%; }
.hero-visual-center small{ display:block; margin-bottom:9px; color:#AEB5B8; font-family:var(--f-mono); font-size:.64rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.hero-visual-center strong{ display:block; margin-bottom:11px; color:var(--white); font-size:clamp(1.8rem,2.8vw,2.65rem); line-height:1.02; letter-spacing:-.04em; }
.hero-visual-center p{ margin:0; color:#C8CED1; font-size:.88rem; line-height:1.55; }
.hero-visual-stack{ position:absolute; top:82px; right:25px; width:145px; height:182px; }
.hero-stack-card{ position:absolute; right:0; display:grid; place-items:center; width:126px; height:70px; border-radius:14px; border:1px solid rgba(255,255,255,.16); font-family:var(--f-mono); font-size:.68rem; font-weight:800; letter-spacing:.12em; box-shadow:0 16px 30px rgba(0,0,0,.22); }
.hero-stack-card-1{ top:0; transform:rotate(7deg); background:var(--lime); color:var(--black); }
.hero-stack-card-2{ top:52px; right:18px; transform:rotate(-5deg); background:#F5F5F1; color:var(--black); }
.hero-stack-card-3{ top:104px; right:-4px; transform:rotate(4deg); background:#15191C; color:var(--white); }
.hero-visual-footer{ position:absolute; left:22px; right:22px; bottom:20px; display:flex; align-items:flex-end; justify-content:space-between; gap:14px; }
.hero-visual-tags{ display:flex; flex-wrap:wrap; gap:7px; }
.hero-visual-tags span{ padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); color:#E0E4E6; font-family:var(--f-mono); font-size:.58rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.hero-visual-link{ flex:0 0 auto; color:var(--white); font-size:.82rem; font-weight:800; }
.hero-visual-link:hover{ color:var(--lime); }
.hero-bottom-rail{ min-height:78px; display:flex; align-items:stretch; justify-content:space-between; border-top:1px solid rgba(255,255,255,.1); background:rgba(0,0,0,.13); }
.hero-rail-metrics{ flex:1 1 auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.hero-rail-metric{ display:flex; align-items:center; gap:12px; padding:15px 22px; border-right:1px solid rgba(255,255,255,.1); }
.hero-rail-metric strong{ color:var(--white); font-size:1.65rem; line-height:1; }
.hero-rail-metric span{ color:#9EA5A8; font-family:var(--f-mono); font-size:.61rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.hero-rail-link{ flex:0 0 275px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 22px; color:var(--white); font-size:.82rem; font-weight:800; }
.hero-rail-link b{ display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--lime); color:var(--black); font-size:1rem; transition:transform .2s ease; }
.hero-rail-link:hover b{ transform:rotate(45deg); }
@media (max-width:980px){
  .hero-core{ grid-template-columns:1fr; }
  .hero-v2 h1{ max-width:20ch; }
  .hero-visual-v2{ min-height:330px; }
  .hero-visual-center{ max-width:58%; }
}
@media (max-width:760px){
  .hero-v2-container{ padding:20px 0 28px; }
  .hero-composition{ border-radius:20px; }
  .hero-topline{ align-items:flex-start; flex-direction:column; gap:10px; padding:15px 17px; }
  .hero-kicker-v2{ line-height:1.45; }
  .hero-core{ gap:18px; padding:17px; }
  .hero-copy-v2{ padding:5px 1px 2px; }
  .hero-v2 h1{ max-width:none; margin:11px 0 14px; font-size:clamp(2.15rem,10.5vw,3rem); }
  .hero-lead-v2{ display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin-bottom:18px; font-size:.94rem; }
  .hero-buttons-v2{ margin-bottom:16px; }
  .hero-credentials{ gap:7px; }
  .hero-credentials li{ padding:7px 10px; font-size:.58rem; }
  .hero-visual-v2{ min-height:252px; border-radius:17px; }
  .hero-visual-center{ left:18px; bottom:78px; max-width:62%; }
  .hero-visual-center strong{ font-size:1.72rem; }
  .hero-visual-center p{ font-size:.79rem; }
  .hero-visual-stack{ top:67px; right:14px; transform:scale(.79); transform-origin:top right; }
  .hero-visual-footer{ left:18px; right:18px; bottom:16px; }
  .hero-visual-tags span:nth-child(3){ display:none; }
  .hero-bottom-rail{ display:block; }
  .hero-rail-metrics{ min-height:68px; }
  .hero-rail-metric{ display:block; padding:14px 12px; }
  .hero-rail-metric strong{ display:block; margin-bottom:5px; font-size:1.4rem; }
  .hero-rail-metric span{ display:block; font-size:.52rem; line-height:1.35; }
  .hero-rail-link{ display:none; }
}
@media (max-width:470px){
  .hero-credentials li:nth-child(3){ display:none; }
  .hero-visual-center{ max-width:58%; }
  .hero-visual-center p{ display:none; }
  .hero-visual-stack{ transform:scale(.68); }
  .hero-visual-tags span:nth-child(2){ display:none; }
  .hero-visual-link{ font-size:.74rem; }
}
@media (prefers-reduced-motion:reduce){
  .hero-availability i{ animation:none; }
  .js .hero-copy-v2{ opacity:1; transform:none; }
}

/* ============================================================
   1.3.2 — HERO GENİŞLİK, HİZALAMA VE SABİT DAKTİLO ALANI
   ============================================================ */
.hero-v2-container{
  width:min(calc(100% - 56px),1460px);
  margin-inline:auto;
  padding:30px 0 38px;
}
.hero-composition{ width:100%; margin-inline:auto; }
.hero-core{
  grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);
  gap:30px;
  padding:28px;
}
.hero-copy-v2{ padding:14px 14px 12px 10px; }
.hero-v2 h1{ max-width:19ch; }

/* En uzun daktilo ifadesi görünmez ölçü olarak yer tutar. Böylece kelime
   silinirken/yazılırken satır kırılması ve hero yüksekliği değişmez. */
.typewriter-wrap{
  display:inline-grid;
  grid-template-areas:'typewriter-word';
  vertical-align:baseline;
}
.typewriter-wrap .typewriter-measure,
.typewriter-wrap .typewriter{
  grid-area:typewriter-word;
  align-self:baseline;
  white-space:nowrap;
}
.typewriter-measure{ visibility:hidden; pointer-events:none; }
.typewriter-measure::after{
  content:'';
  display:inline-block;
  width:3px;
  height:.82em;
  margin-left:.08em;
  vertical-align:-.04em;
}

@media (max-width:980px){
  .hero-v2-container{ width:min(calc(100% - 36px),900px); }
  .hero-core{ grid-template-columns:1fr; }
  .hero-v2 h1{ max-width:21ch; }
}
@media (max-width:760px){
  .hero-v2-container{ width:calc(100% - 24px); padding:16px 0 24px; }
  .hero-core{ padding:16px; }
  .hero-v2 h1{ max-width:none; }
}

/* ============================================================
   1.3.3 — HERO İLE KOORDİNELİ FLOATING HEADER / MENÜ
   ============================================================ */
.topbar{
  background:var(--black);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.topbar .container{ min-height:34px; }
.topbar-links,.topbar-icons{ opacity:.82; }

.site-header{
  background:rgba(11,13,15,.96);
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:none;
  padding:10px 0;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.site-header.is-scrolled{
  background:rgba(11,13,15,.9);
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}
.header-inner{
  min-height:68px;
  padding:8px 9px 8px 15px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:
    radial-gradient(circle at 85% 0,rgba(var(--lime-rgb),.11),transparent 34%),
    rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.site-header.is-scrolled .header-inner{
  border-color:rgba(255,255,255,.14);
  box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
}
.brand{ gap:11px; color:var(--white); }
.brand-mark{
  width:42px;
  height:42px;
  border-radius:13px;
  transform:none;
  background:var(--lime);
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 10px 24px rgba(var(--lime-rgb),.12);
}
.brand-mark span{ transform:none; font-size:1.35rem; }
.brand .custom-logo{ max-height:46px; }
.brand-text strong{ color:var(--white); font-size:1.08rem; }
.brand-text small{ color:#969CA0; margin-top:5px; }

.nav-menu{
  padding:5px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  background:rgba(0,0,0,.2);
}
.nav-menu > ul{ gap:3px; }
.nav-menu > ul > li > a{
  display:flex;
  align-items:center;
  min-height:40px;
  padding:9px 13px;
  border-radius:10px;
  color:#D9DCDE;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:-.01em;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.nav-menu > ul > li > a::after{ content:none; }
.nav-menu > ul > li > a:hover{
  color:var(--white);
  background:rgba(255,255,255,.075);
  transform:translateY(-1px);
}
.nav-menu > ul > li.current-menu-item > a,
.nav-menu > ul > li.current_page_item > a,
.nav-menu > ul > li.current-menu-ancestor > a,
.nav-menu > ul > li.current_page_ancestor > a{
  color:var(--black);
  background:var(--lime);
  box-shadow:0 8px 18px rgba(var(--lime-rgb),.12);
}
.nav-menu li.menu-item-has-children > a::before{
  color:currentColor;
  opacity:.7;
  font-size:.58em;
  margin-left:2px;
}
.nav-menu .sub-menu{
  top:calc(100% + 2px);
  margin-top:12px;
  min-width:255px;
  padding:9px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  background:rgba(20,23,26,.98);
  box-shadow:0 24px 56px rgba(0,0,0,.4);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.nav-menu .sub-menu::before{
  content:'';
  position:absolute;
  left:50%;
  top:-6px;
  width:12px;
  height:12px;
  transform:translateX(-50%) rotate(45deg);
  border-left:1px solid rgba(255,255,255,.11);
  border-top:1px solid rgba(255,255,255,.11);
  background:#14171A;
}
.nav-menu .sub-menu a{
  position:relative;
  z-index:1;
  padding:11px 13px;
  border-radius:10px;
  color:#CFD3D5;
  font-size:.82rem;
  font-weight:700;
}
.nav-menu .sub-menu a:hover,
.nav-menu .sub-menu .current-menu-item > a{
  color:var(--black);
  background:var(--lime);
}

.header-right{ gap:10px; }
.header-cta{
  min-height:48px;
  padding:12px 18px;
  border-radius:13px;
  font-size:.84rem;
  box-shadow:0 10px 22px rgba(var(--lime-rgb),.12);
}
.header-cta::after{
  content:'→';
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(11,13,15,.12);
  font-size:.86rem;
}
.nav-toggle{
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  background:rgba(255,255,255,.06);
}
.nav-toggle:hover{ background:rgba(255,255,255,.1); }

.mobile-nav{
  width:min(88vw,390px);
  padding:28px 22px 24px;
  background:
    radial-gradient(circle at 100% 0,rgba(var(--lime-rgb),.16),transparent 30%),
    linear-gradient(180deg,#14171A 0%,#0B0D0F 100%);
  border-left:1px solid rgba(255,255,255,.1);
  box-shadow:-26px 0 70px rgba(0,0,0,.48);
}
.mobile-nav-head{
  min-height:78px;
  padding:5px 58px 18px 4px;
  border-bottom:1px solid rgba(255,255,255,.1);
  margin-bottom:18px;
}
.mobile-nav-kicker{
  display:block;
  margin-bottom:5px;
  color:var(--lime);
  font-family:var(--f-mono);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.mobile-nav-head strong{ display:block; color:var(--white); font-size:1.28rem; }
.mobile-nav-head small{
  display:block;
  margin-top:4px;
  color:#8F9599;
  font-family:var(--f-mono);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.mobile-close{
  top:25px;
  right:22px;
  width:44px;
  height:44px;
  border-color:rgba(255,255,255,.12);
  border-radius:13px;
  background:rgba(255,255,255,.055);
  color:var(--lime);
}
.mobile-nav > ul.menu{ display:flex; flex-direction:column; gap:8px; }
.mobile-nav li{ border:0; }
.mobile-nav > ul.menu > li > a,
.mobile-nav li.menu-item-has-children > a{
  min-height:54px;
  display:flex;
  align-items:center;
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:13px;
  background:rgba(255,255,255,.035);
  color:#E6E8E9;
  font-size:1rem;
  font-weight:800;
}
.mobile-nav > ul.menu > li > a:hover,
.mobile-nav > ul.menu > li.current-menu-item > a,
.mobile-nav > ul.menu > li.current_page_item > a,
.mobile-nav > ul.menu > li.current-menu-ancestor > a{
  border-color:rgba(var(--lime-rgb),.4);
  background:rgba(var(--lime-rgb),.11);
  color:var(--lime);
}
.mobile-nav li.menu-item-has-children{
  position:relative;
  border:0;
}
.mobile-nav li.menu-item-has-children > a{ padding-right:56px; }
.mobile-nav .submenu-toggle{
  top:7px;
  right:7px;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(255,255,255,.05);
}
.mobile-nav .sub-menu{
  margin:7px 0 2px;
  padding:7px;
  gap:3px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:13px;
  background:rgba(0,0,0,.18);
}
.mobile-nav .sub-menu a{
  padding:10px 11px;
  border-radius:9px;
  color:#AEB4B7;
  font-size:.86rem;
}
.mobile-nav .sub-menu a:hover,
.mobile-nav .sub-menu .current-menu-item > a{
  background:rgba(255,255,255,.06);
  color:var(--lime);
}
.mobile-nav-footer{
  margin-top:auto;
  padding-top:22px;
}
.mobile-nav-cta{
  width:100%;
  justify-content:space-between;
  border-radius:13px;
}
.mobile-nav-email{
  display:block!important;
  padding:15px 4px 0!important;
  border:0!important;
  color:#8F9599!important;
  font-family:var(--f-mono);
  font-size:.7rem!important;
  font-weight:700!important;
  text-align:center;
}
.nav-backdrop{ background:rgba(3,4,5,.68); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); }

@media (max-width:1050px){
  .nav-menu > ul > li > a{ padding-inline:10px; font-size:.78rem; }
  .header-cta{ padding-inline:14px; }
}
@media (max-width:880px){
  .site-header{ padding:8px 0; }
  .header-inner{ min-height:62px; padding:7px 7px 7px 12px; border-radius:17px; }
  .brand-mark{ width:39px; height:39px; border-radius:12px; }
  .brand-text strong{ font-size:1rem; }
  .brand-text small{ font-size:.57rem; }
}
@media (max-width:600px){
  .topbar{ display:none; }
  .site-header{ top:0; }
  .admin-bar .site-header{ top:46px; }
  .header-inner{ width:min(calc(100% - 20px),var(--container)); }
}
@media (max-width:380px){
  .brand-text small{ display:none; }
  .mobile-nav{ width:94vw; }
}


/* ============================================================
   1.3.4 — MOBİL MENÜ KATMAN / VIEWPORT DÜZELTMESİ
   ============================================================ */
.mobile-nav{
  z-index:10002;
  max-height:100dvh;
  height:100dvh;
  overscroll-behavior:contain;
  isolation:isolate;
}
.nav-backdrop{
  z-index:10001;
  height:100dvh;
}
body.nav-open{
  overflow:hidden;
  touch-action:none;
}
@media (max-width:880px){
  .site-header{ z-index:10000; }
  .mobile-nav,.nav-backdrop{ position:fixed; top:0; bottom:0; }
}

/* ============================================================
   1.3.5 — KOMPAKT MOBİL MENÜ + TASARIM SİSTEMİYLE UYUMLU TOPBAR
   ============================================================ */
.topbar{
  padding:7px 0 3px;
  background:var(--black);
  color:#C9CED1;
}
.topbar-shell{
  min-height:40px;
  padding:5px 7px 5px 10px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:14px;
  background:
    radial-gradient(circle at 84% 0,rgba(var(--lime-rgb),.08),transparent 34%),
    rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.topbar-links,
.topbar-icons{
  gap:7px;
}
.topbar-info-item,
.topbar-social-item{
  min-height:29px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 9px;
  border:1px solid transparent;
  border-radius:9px;
  color:#BFC4C7;
  line-height:1;
  transition:color .18s ease,background .18s ease,border-color .18s ease;
}
.topbar-info-item:hover,
.topbar-social-item:hover{
  border-color:rgba(var(--lime-rgb),.22);
  background:rgba(var(--lime-rgb),.075);
  color:var(--lime);
}
.topbar-info-icon{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  flex:0 0 23px;
  border-radius:7px;
  background:rgba(255,255,255,.055);
  color:var(--lime);
}
.topbar-info-icon svg{
  width:13px;
  height:13px;
}
.topbar-social-item{
  padding:5px 9px 5px 7px;
  color:#BFC4C7;
}
.topbar-social-item svg{
  width:16px;
  height:16px;
  color:var(--lime);
}
.topbar-social-item span{
  color:inherit;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.035em;
}

/* Mobil çekmece daha dar, daha kısa ve daha az görsel alan kaplar. */
.mobile-nav{
  width:min(82vw,320px);
  padding:18px 14px 15px;
}
.mobile-nav-head{
  min-height:58px;
  padding:2px 46px 12px 2px;
  margin-bottom:10px;
}
.mobile-nav-kicker{
  margin-bottom:3px;
  font-size:.58rem;
}
.mobile-nav-head strong{
  font-size:1.08rem;
}
.mobile-nav-head small{
  margin-top:3px;
  font-size:.56rem;
}
.mobile-close{
  top:16px;
  right:14px;
  width:36px;
  height:36px;
  border-radius:10px;
  font-size:.98rem;
}
.mobile-nav > ul.menu{
  gap:5px;
}
.mobile-nav > ul.menu > li > a,
.mobile-nav li.menu-item-has-children > a{
  min-height:44px;
  padding:9px 12px;
  border-radius:10px;
  font-size:.88rem;
}
.mobile-nav li.menu-item-has-children > a{
  padding-right:48px;
}
.mobile-nav .submenu-toggle{
  top:5px;
  right:5px;
  width:34px;
  height:34px;
  border-radius:8px;
}
.mobile-nav .sub-menu{
  margin:5px 0 1px;
  padding:5px;
  border-radius:10px;
}
.mobile-nav .sub-menu a{
  padding:8px 9px;
  border-radius:7px;
  font-size:.78rem;
}
.mobile-nav-footer{
  padding-top:13px;
}
.mobile-nav-cta,
.mobile-nav-cta:visited,
.mobile-nav-cta:hover,
.mobile-nav-cta:focus,
.mobile-nav-cta span{
  color:var(--black)!important;
}
.mobile-nav-cta{
  min-height:44px;
  padding:10px 13px!important;
  border:0!important;
  border-radius:10px;
  font-size:.78rem!important;
}
.mobile-nav-email{
  padding:10px 2px 0!important;
  font-size:.62rem!important;
}

@media (max-width:600px){
  .topbar{
    display:block;
    padding:5px 0 0;
  }
  .topbar-shell{
    width:min(calc(100% - 20px),var(--container));
    min-height:34px;
    padding:4px 6px;
    border-radius:12px;
  }
  .topbar-links{
    display:flex;
  }
  .topbar-address{
    display:none;
  }
  .topbar-info-item{
    min-height:25px;
    padding:2px;
    border:0;
  }
  .topbar-info-item > span:last-child{
    display:none;
  }
  .topbar-info-icon{
    width:25px;
    height:25px;
    flex-basis:25px;
  }
  .topbar-icons{
    gap:4px;
  }
  .topbar-social-item{
    width:27px;
    height:27px;
    min-height:27px;
    justify-content:center;
    padding:0;
    border-radius:8px;
  }
  .topbar-social-item span{
    display:none;
  }
  .topbar-social-item svg{
    width:15px;
    height:15px;
  }
  .site-header{
    padding-top:6px;
  }
}
@media (max-width:380px){
  .mobile-nav{
    width:min(86vw,305px);
  }
}
@media (max-height:690px) and (max-width:880px){
  .mobile-nav-head{
    min-height:50px;
    margin-bottom:7px;
    padding-bottom:8px;
  }
  .mobile-nav > ul.menu{
    gap:3px;
  }
  .mobile-nav > ul.menu > li > a,
  .mobile-nav li.menu-item-has-children > a{
    min-height:40px;
    padding-block:7px;
  }
  .mobile-nav-footer{
    padding-top:9px;
  }
  .mobile-nav-email{
    display:none!important;
  }
}
.topbar .topbar-shell{
  justify-content:space-between;
  flex-wrap:nowrap;
}

/* ============================================================
   1.3.7 — TOPBAR KALDIRILDI, HEADER HERO DIŞ ÇİZGİSİNE HİZALANDI
   ============================================================ */
.topbar{ display:none!important; }
.site-header{
  padding:12px 0 10px;
  border-bottom:0;
}
.home .header-inner{
  width:min(calc(100% - 56px),1460px);
  max-width:none;
  margin-inline:auto;
}
@media (max-width:980px){
  .home .header-inner{
    width:min(calc(100% - 36px),900px);
  }
}
@media (max-width:760px){
  .site-header{ padding:8px 0; }
  .home .header-inner{
    width:calc(100% - 24px);
  }
}

/* ============================================================
   1.3.8 — SENKRON HERO MODLARI + SABİT GÜVEN ŞERİDİ
   ============================================================ */
.hero-synced .hero-v2-container{ padding:24px 0 26px; }
.hero-synced .hero-core{
  grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);
  gap:28px;
  padding:24px;
}
.hero-synced .hero-copy-v2{ padding:10px 12px 8px 8px; }
.hero-synced-heading{
  display:block;
  max-width:none!important;
  min-height:2.08em;
  max-height:2.08em;
  overflow:visible;
  margin:12px 0 16px!important;
  font-size:clamp(2.65rem,4.15vw,4.15rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}
.hero-heading-prefix{ display:block; }
.hero-synced-heading .typewriter-wrap{
  display:grid;
  grid-template-areas:'synced-word';
  width:max-content;
  max-width:100%;
  min-height:1.04em;
  line-height:1.04;
  overflow:visible;
}
.hero-synced-heading .typewriter-measure,
.hero-synced-heading .typewriter{
  grid-area:synced-word;
  display:block;
  align-self:baseline;
  white-space:nowrap;
}
.hero-synced-heading .typewriter-measure{ visibility:hidden; pointer-events:none; }
.hero-synced-heading .typewriter-measure::after{
  content:'';
  display:inline-block;
  width:3px;
  height:.82em;
  margin-left:.08em;
  vertical-align:-.04em;
}
.hero-synced .hero-lead-v2{ max-width:58ch; margin-bottom:20px; }
.hero-synced .hero-buttons-v2{ margin-bottom:0; }
.hero-synced .hero-visual-v2{
  min-height:350px;
  background:
    radial-gradient(circle at 76% 20%,rgba(215,242,58,.2),transparent 30%),
    linear-gradient(145deg,#22282d 0%,#111416 58%,#090b0c 100%);
  transition:background .35s ease,border-color .35s ease;
}
.hero-synced .hero-visual-v2.hero-mode-2{
  background:
    radial-gradient(circle at 75% 18%,rgba(255,255,255,.13),transparent 30%),
    radial-gradient(circle at 90% 75%,rgba(215,242,58,.12),transparent 28%),
    linear-gradient(145deg,#20262b 0%,#101416 62%,#090b0c 100%);
}
.hero-synced .hero-visual-v2.hero-mode-3{
  background:
    radial-gradient(circle at 78% 19%,rgba(215,242,58,.24),transparent 28%),
    radial-gradient(circle at 24% 82%,rgba(215,242,58,.08),transparent 32%),
    linear-gradient(145deg,#20251c 0%,#101412 58%,#080a09 100%);
}
.hero-synced .hero-visual-center{
  bottom:86px;
  max-width:64%;
  min-height:142px;
}
.hero-synced .hero-visual-center small{ min-height:1.2em; }
.hero-synced .hero-visual-center strong{
  min-height:2.04em;
  display:flex;
  align-items:flex-end;
}
.hero-synced .hero-visual-center p{
  min-height:2.8em;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.hero-synced .hero-stack-card{ overflow:hidden; padding:8px; text-align:center; }
.hero-synced .hero-visual-tags span[hidden]{ display:none; }
.hero-synced .is-mode-changing [data-hero-sync],
.hero-synced .is-mode-changing [data-hero-sync-link]{ animation:tc-mode-enter .38s ease both; }
.hero-synced .is-mode-changing .hero-stack-card-2{ animation-delay:.04s; }
.hero-synced .is-mode-changing .hero-stack-card-3{ animation-delay:.08s; }
@keyframes tc-mode-enter{
  from{ opacity:.18; }
  to{ opacity:1; }
}

/* Beğenilen 3. varyasyon: ikon + kısa metin, animasyonsuz güven şeridi. */
.trust-strip{
  position:relative;
  z-index:2;
  overflow:hidden;
  background:var(--black);
  padding:0 0 26px;
}
.trust-strip-container{
  width:min(calc(100% - 56px),1460px);
  margin-inline:auto;
}
.trust-strip-panel{
  min-height:58px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.trust-strip-item{
  position:relative;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  padding:11px 20px;
  color:var(--white);
}
.trust-strip-item:not(:last-child)::after{
  content:'';
  position:absolute;
  top:50%;
  right:-3px;
  width:6px;
  height:6px;
  margin-top:-3px;
  border-radius:50%;
  background:var(--lime);
  box-shadow:0 0 0 5px rgba(215,242,58,.05);
}
.trust-strip-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  color:var(--lime);
}
.trust-strip-icon svg{ width:100%; height:100%; display:block; }
.trust-strip-item strong{
  overflow:hidden;
  color:var(--white);
  font-family:var(--f-mono);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.045em;
  line-height:1.2;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

@media (max-width:980px){
  .hero-synced .hero-core{ grid-template-columns:1fr; }
  .hero-synced-heading{ min-height:2.08em; max-height:2.08em; max-width:15ch!important; }
  .hero-synced .hero-visual-v2{ min-height:305px; }
  .trust-strip-container{ width:min(calc(100% - 36px),900px); }
}
@media (max-width:760px){
  .hero-synced .hero-v2-container{ width:calc(100% - 24px); padding:14px 0 18px; }
  .hero-synced .hero-core{ gap:16px; padding:16px; }
  .hero-synced-heading{
    min-height:2.08em;
    max-height:2.08em;
    max-width:none!important;
    margin:10px 0 13px!important;
    font-size:clamp(2.25rem,10.5vw,3rem)!important;
  }
  .hero-synced .hero-lead-v2{ margin-bottom:16px; }
  .hero-synced .hero-visual-v2{ min-height:230px; }
  .hero-synced .hero-visual-center{ left:18px; bottom:69px; max-width:62%; min-height:111px; }
  .hero-synced .hero-visual-center strong{ min-height:2em; font-size:1.56rem; }
  .hero-synced .hero-visual-center p{ min-height:0; font-size:.76rem; }
  .hero-synced .hero-visual-stack{ top:59px; right:12px; transform:scale(.68); transform-origin:top right; }
  .hero-synced .hero-visual-footer{ bottom:14px; }
  .trust-strip{ padding:0 0 20px; }
  .trust-strip-container{ width:calc(100% - 24px); }
  .trust-strip-panel{ min-height:96px; grid-template-columns:repeat(2,minmax(0,1fr)); border-radius:14px; }
  .trust-strip-item{ min-height:48px; justify-content:flex-start; gap:10px; padding:10px 14px; }
  .trust-strip-item:nth-child(odd){ border-right:1px solid rgba(255,255,255,.09); }
  .trust-strip-item:nth-child(-n+2){ border-bottom:1px solid rgba(255,255,255,.09); }
  .trust-strip-item::after{ display:none; }
  .trust-strip-icon{ width:21px; height:21px; flex-basis:21px; }
  .trust-strip-item strong{ font-size:.61rem; white-space:normal; }
}
@media (max-width:470px){
  .hero-synced .hero-visual-center{ max-width:59%; }
  .hero-synced .hero-visual-center p{ display:none; }
  .hero-synced .hero-visual-tags span:nth-child(2),
  .hero-synced .hero-visual-tags span:nth-child(3){ display:none; }
}
@media (prefers-reduced-motion:reduce){
  .hero-synced .is-mode-changing [data-hero-sync],
  .hero-synced .is-mode-changing [data-hero-sync-link]{ animation:none; }
}

/* 1.3.10 — Masaüstünde hero yüksekliğini 30px artırır. */
@media (min-width:981px){
  .hero-synced .hero-visual-v2{ min-height:380px; }
  .hero-synced .hero-core{ align-items:stretch; }
  .hero-synced .hero-copy-v2{ display:flex; flex-direction:column; justify-content:center; }
}

/* 1.3.11 — Masaüstünde hero alanını aşağı doğru daha dolu gösterir. */
@media (min-width:981px){
  .hero-synced .hero-core{ padding-top:30px; padding-bottom:30px; }
  .hero-synced .hero-visual-v2{ min-height:420px; }
}


/* 1.3.12 — Mobilde hero kartını kompakt ve daha kısa hale getirir. */
@media (max-width:760px){
  .hero-topline{ gap:8px; padding:14px 16px 12px; }
  .hero-kicker-v2{ max-width:18ch; line-height:1.38; }
  .hero-availability{ font-size:.61rem; }
  .hero-synced .hero-core{ gap:14px; padding:16px 16px 18px; }
  .hero-synced .hero-copy-v2{ padding:2px 0 0; }
  .hero-synced .hero-lead-v2{
    max-width:30ch;
    margin-bottom:16px;
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
  }
  .hero-synced .hero-buttons-v2{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .hero-synced .hero-buttons-v2 .btn{
    width:100%;
    justify-content:center;
    padding-inline:14px;
  }
  .hero-synced .hero-visual-v2{
    min-height:290px;
    border-radius:18px;
  }
  .hero-synced .hero-visual-top{
    top:16px;
    left:16px;
    right:16px;
  }
  .hero-synced .hero-visual-top small{ display:none; }
  .hero-synced .hero-visual-grid{ opacity:.24; }
  .hero-synced .hero-visual-center{
    left:16px;
    right:126px;
    bottom:76px;
    max-width:none;
    min-height:0;
  }
  .hero-synced .hero-visual-center small{
    margin-bottom:7px;
    font-size:.58rem;
    line-height:1.4;
  }
  .hero-synced .hero-visual-center strong{
    min-height:0;
    margin-bottom:0;
    font-size:1.9rem;
    line-height:1.02;
  }
  .hero-synced .hero-visual-center p{ display:none; }
  .hero-synced .hero-visual-stack{
    top:66px;
    right:10px;
    width:112px;
    height:142px;
    transform:none;
  }
  .hero-synced .hero-stack-card{
    width:96px;
    height:54px;
    padding:6px;
    border-radius:12px;
    font-size:.57rem;
  }
  .hero-synced .hero-stack-card-2{ top:40px; right:10px; }
  .hero-synced .hero-stack-card-3{ top:82px; right:-2px; }
  .hero-synced .hero-visual-footer{
    left:16px;
    right:16px;
    bottom:16px;
    align-items:center;
  }
  .hero-synced .hero-visual-tags span:nth-child(n+2){ display:none; }
  .hero-synced .hero-visual-tags span{
    padding:6px 10px;
    font-size:.56rem;
  }
  .hero-synced .hero-visual-link{ font-size:.84rem; }
}
@media (max-width:420px){
  .hero-synced .hero-buttons-v2{ grid-template-columns:1fr; }
  .hero-synced .hero-visual-v2{ min-height:278px; }
  .hero-synced .hero-visual-center{
    right:118px;
    bottom:72px;
  }
  .hero-synced .hero-visual-center strong{ font-size:1.72rem; }
  .hero-synced .hero-visual-link{ font-size:.8rem; }
}


/* 1.3.13 — Mobil hero gerçek kompakt düzen ve tam kelime geçişi. */
@media (max-width:760px){
  .hero-synced .hero-v2-container{ padding:10px 0 14px; }
  .hero-composition{ border-radius:18px; }
  .hero-topline{
    min-height:46px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:10px 14px;
  }
  .hero-kicker-v2{
    max-width:none;
    min-width:0;
    display:block;
    overflow:hidden;
    margin:0;
    font-size:.58rem;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .hero-kicker-v2 > span{ display:inline-block; width:18px; margin-right:8px; vertical-align:middle; }
  .hero-availability{
    gap:7px;
    font-size:.52rem;
    letter-spacing:.045em;
    white-space:nowrap;
  }
  .hero-availability i{ width:6px; height:6px; box-shadow:0 0 0 4px rgba(215,242,58,.1); }
  .hero-synced .hero-core{ gap:12px; padding:14px; }
  .hero-copy-index{ font-size:.55rem; }
  .hero-synced-heading{
    min-height:1.96em;
    max-height:1.96em;
    margin:8px 0 11px!important;
    font-size:clamp(2rem,9.6vw,2.62rem)!important;
    line-height:.98!important;
  }
  .hero-synced-heading .typewriter-wrap{ min-height:.98em; line-height:.98; }
  .hero-synced .hero-lead-v2{
    max-width:none;
    margin-bottom:13px;
    font-size:.91rem;
    line-height:1.48;
    -webkit-line-clamp:2;
  }
  .hero-synced .hero-buttons-v2,
  .hero-synced .hero-buttons-v2:not(:empty){
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .hero-synced .hero-buttons-v2 .btn{
    min-height:44px;
    padding:10px 8px;
    font-size:.77rem;
    white-space:nowrap;
  }
  .hero-synced .hero-visual-v2{
    min-height:238px;
    border-radius:16px;
  }
  .hero-synced .hero-visual-v2::before{
    width:220px;
    height:220px;
    right:-92px;
    bottom:-108px;
    box-shadow:0 0 0 26px rgba(215,242,58,.035),0 0 0 52px rgba(215,242,58,.02);
  }
  .hero-synced .hero-visual-top{ top:14px; left:14px; right:14px; }
  .hero-synced .hero-visual-top span{ font-size:.57rem; }
  .hero-synced .hero-visual-center{
    left:14px;
    right:106px;
    bottom:61px;
    max-width:none;
    min-height:0;
  }
  .hero-synced .hero-visual-center small{ display:none; }
  .hero-synced .hero-visual-center strong{
    min-height:0;
    margin:0;
    font-size:1.6rem;
    line-height:1.02;
  }
  .hero-synced .hero-visual-stack{
    top:51px;
    right:7px;
    width:94px;
    height:120px;
  }
  .hero-synced .hero-stack-card{
    width:82px;
    height:46px;
    padding:5px;
    border-radius:10px;
    font-size:.5rem;
  }
  .hero-synced .hero-stack-card-1{ top:0; }
  .hero-synced .hero-stack-card-2{ top:34px; right:8px; }
  .hero-synced .hero-stack-card-3{ top:68px; right:-1px; }
  .hero-synced .hero-visual-footer{ left:14px; right:14px; bottom:12px; gap:8px; }
  .hero-synced .hero-visual-tags span{ padding:5px 8px; font-size:.5rem; }
  .hero-synced .hero-visual-link{ font-size:.73rem; white-space:nowrap; }
}
@media (max-width:380px){
  .hero-availability{ display:none; }
  .hero-topline{ grid-template-columns:1fr; }
  .hero-synced .hero-buttons-v2,
  .hero-synced .hero-buttons-v2:not(:empty){ grid-template-columns:1fr 1fr; }
  .hero-synced .hero-buttons-v2 .btn{ font-size:.7rem; }
  .hero-synced .hero-visual-center{ right:96px; }
  .hero-synced .hero-visual-center strong{ font-size:1.48rem; }
}