/* ===================================================================
   Hüsnü Duran — Shane teması üzerine özel eklemeler
   (marka renkleri, hero overlay, kurumlar kartları, iletişim, WhatsApp)
   =================================================================== */

/* ---------- Preloader: siyah yerine marka turuncusu ---------- */
/* İlk girişten sonra (aynı oturumda) hiç gösterme — flash bile olmasın */
.hd-nopre #preloader { display: none !important; }
#preloader:before, #preloader:after { background-color: #f7941d !important; }
.loader_line:before, .loader_line:after { background-color: #fff !important; }

/* ---------- TİPOGRAFİ: zarif, inceli-kalınlı ---------- */
body, p, .shane_tm_about .text p, .shane_tm_skills .text p,
input, textarea, button, .job, .anchor_nav a, .hd_fam p,
.shane_tm_news .details .date, .mobile_title span {
  font-family: "Jost", "Mulish", sans-serif;
  font-weight: 300;
  letter-spacing: .01em;
}
h1, h2, h3, h4, h5, h6,
.shane_tm_title h3, .shane_tm_title span,
.shane_tm_about .shane_tm_title h3, .shane_tm_skills .shane_tm_title h3,
.shane_tm_business_video .content h3, .shane_tm_talk .talk_inner h3,
.contact_title h3, .hd_fam h4, .shane_tm_news .title a,
.mobile_title h3, .testimonials_inner h3 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700;
  letter-spacing: -.01em;
}
/* İnceli-kalınlı etki: başlıklarda light + bold karışımı için ince varyant */
.shane_tm_title h3 b, .shane_tm_title h3 strong { font-weight: 700; }
/* Bölüm etiketleri (eyebrow) ince, aralıklı sans */
.shane_tm_title span {
  font-family: "Jost", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: .18em; text-transform: uppercase; font-size: 13px;
}
.shane_tm_title h3 { font-size: clamp(28px, 4vw, 46px); line-height: 1.15; }
/* İmge (kıvılcım) istenmeyen eyebrow */
.shane_tm_title span.hd-nomark::before { display: none !important; }
/* Başlık altı destek metni */
.shane_tm_title .hd-lead { max-width: 100%; margin: 16px 0 0; color: var(--c-muted, #6b7280); font-size: 17px; line-height: 1.7; }
/* h3 içinde light vurgu */
/* h3 içinde "bütüncül bir yaklaşım": başlıkla AYNI font/punto, sadece regular ağırlık — eyebrow stilinden arındır */
.shane_tm_title h3 .hd-light {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  background: none !important;
  padding: 0 !important;
  color: inherit !important;
  display: inline !important;
}
.shane_tm_title h3 .hd-light::before { display: none !important; content: none !important; }

/* ---------- Uzmanlık kartları: görsel üstte, başlık+metin altında ---------- */
.shane_tm_portfolio .portfolio_list ul.hd-cards {
  display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 34px;
  list-style: none; margin: 0; padding: 0;
}
.shane_tm_portfolio ul.hd-cards li { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; }
.shane_tm_portfolio ul.hd-cards .entry { border-radius: 16px; overflow: hidden; box-shadow: 0 12px 30px rgba(20,30,50,.08); position: relative; }
/* Her görsele bir renk aksanı — sol dikey çubuk (kırmızı/turuncu/yeşil) */
.shane_tm_portfolio ul.hd-cards .entry::after {
  content: ""; position: absolute; left: 18px; right: 18px; bottom: 18px;
  height: 5px; border-radius: 5px; z-index: 3;
}
.shane_tm_portfolio ul.hd-cards li:nth-child(1) .entry::after { background: #ef4136; }
.shane_tm_portfolio ul.hd-cards li:nth-child(2) .entry::after { background: #f7941d; }
.shane_tm_portfolio ul.hd-cards li:nth-child(3) .entry::after { background: #4285F4; }
.shane_tm_portfolio ul.hd-cards .hd-cap { padding: 22px 4px 0; }
.shane_tm_portfolio ul.hd-cards .hd-cap h3 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 21px; margin: 0 0 10px; color: var(--brand-ink, #414042); }
.shane_tm_portfolio ul.hd-cards .hd-cap p { color: var(--c-muted, #6b7280); font-size: 15px; line-height: 1.66; margin: 0; }
@media (max-width: 900px) { .shane_tm_portfolio .portfolio_list ul.hd-cards { grid-template-columns: 1fr; } }

/* Kıvılcım motifi kaldırıldı (zorlama duruyordu) */

/* ===== HERO: tam ekran video + köşe yerleşimi ===== */
.shane_tm_hero { position: relative; background: #ffffff; overflow: hidden; }
/* Köşe yerleşimi hero'ya göre olsun; container/content sarmalını sıfırla */
.shane_tm_hero > .container { position: static; max-width: none; width: 100%; padding: 0; margin: 0; }
.shane_tm_hero .content { position: absolute; inset: 0; z-index: 3; }

/* Video/görsel TÜM ekranı kaplar */
.shane_tm_hero[data-style="one"] .background {
  clip-path: none !important;
  left: 0 !important; right: 0 !important; width: 100% !important;
}
/* Video ekranı TAM doldurur; 200px yukarı kaydırılır ama alt hep kapalı kalır
   (fazladan yükseklik + üstten kaydırma → boşluk yok) */
.shane_tm_hero .background .hd_hero_video {
  position: absolute !important;
  top: -200px !important; height: calc(100% + 400px) !important;
  left: 0 !important; right: 0 !important; width: 100% !important;
  object-fit: cover; object-position: center; z-index: 1;
  opacity: .25; filter: saturate(1.1) contrast(1.03);
}

/* Üstte çok hafif beyaz degrade — logo/menü rahat okunsun */
.shane_tm_hero::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 160px;
  z-index: 2; pointer-events: none;
  background: linear-gradient(to bottom, rgba(255,255,255,.72) 0%, rgba(255,255,255,0) 100%);
}

/* Sol blok — logo + alt yazı + metin birlikte, dikeyde ortalı, ~200px soldan */
.shane_tm_hero .hd_hero_left {
  position: absolute; left: 200px; top: 50%; transform: translateY(-50%);
  z-index: 4; max-width: min(540px, 46vw);
}
/* Logo — metin bloğunun üstünde */
.shane_tm_hero .hd_hero_logo { margin: 0 0 4px -2px; }
.shane_tm_hero .hd_hero_logo img {
  width: min(360px, 52vw); height: auto; display: block;
}
/* Alt yazı — logo hizasında, light, FON YOK; metinden 20px üstte */
.shane_tm_hero .job_wrap { margin: 0 0 20px; }
.shane_tm_hero .job_wrap .job {
  display: inline-block;
  font-family: "Jost", sans-serif; font-weight: 300;
  font-size: clamp(16px, 1.7vw, 22px); letter-spacing: .03em;
  color: #414042; text-transform: none;
}

/* Tanıtım metni — Dr. Zeka stili */
.shane_tm_hero .hd_hero_copy { position: static; }
/* Metinler sırayla aşağıdan yukarı belirir */
@keyframes hdRise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
.shane_tm_hero .hd_hero_copy > * { opacity: 0; transform: translateY(24px); }
/* Görünür olunca adım adım süzülerek gelir */
.shane_tm_hero .hd_hero_copy.in-view > * { animation: hdRise .7s cubic-bezier(.2,.7,.2,1) forwards; }
.shane_tm_hero .hd_hero_copy.in-view .kicker      { animation-delay: .10s; }
.shane_tm_hero .hd_hero_copy.in-view h1           { animation-delay: .35s; }
.shane_tm_hero .hd_hero_copy.in-view .lead        { animation-delay: .65s; }
.shane_tm_hero .hd_hero_copy.in-view .hd_hero_cta { animation-delay: .95s; }
/* Animasyon çalışamazsa (reduced-motion) metin yine de görünür */
@media (prefers-reduced-motion: reduce) {
  .shane_tm_hero .hd_hero_copy > * { opacity: 1 !important; transform: none !important; animation: none !important; }
}
/* JS hard-fallback ile görünür kılınır */
.shane_tm_hero .hd_hero_copy.hd-shown > * { opacity: 1; transform: none; }
.shane_tm_hero .hd_hero_copy .kicker {
  display: inline-block; font-family: "Jost", sans-serif; font-weight: 600;
  font-size: 13px; letter-spacing: .14em; text-transform: uppercase;
  color: #4285F4; margin: 0 0 16px;
}
.shane_tm_hero .hd_hero_copy h1 {
  font-family: "Montserrat", sans-serif; font-weight: 800;
  font-size: clamp(38px, 4.6vw, 66px); line-height: 1.06;
  color: #232427; margin: 0 0 20px;
}
/* Başlıkta 3 marka rengi */
.shane_tm_hero .hd_hero_copy h1 .c1 { color: #ef4136; }
.shane_tm_hero .hd_hero_copy h1 .c2 { color: #f7941d; }
.shane_tm_hero .hd_hero_copy h1 .c3 { color: #4285F4; font-weight: 700; }
.shane_tm_hero .hd_hero_copy .lead {
  font-family: "Mulish", sans-serif; font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.6; color: #5b6472; margin: 0 0 26px; max-width: 460px;
}
.shane_tm_hero .hd_hero_copy .hd_hero_cta {
  display: inline-flex; align-items: center; gap: 10px;
  background: #4285F4; color: #fff; font-family: "Poppins", sans-serif;
  font-weight: 600; font-size: 15px; letter-spacing: .02em;
  padding: 14px 30px; border-radius: 999px; text-decoration: none;
  box-shadow: 0 12px 28px rgba(66,133,244,.32); transition: transform .2s ease, box-shadow .2s ease;
}
.shane_tm_hero .hd_hero_copy .hd_hero_cta:hover { transform: translateY(-3px); box-shadow: 0 18px 36px rgba(66,133,244,.4); }

/* Kişi fotoğrafı — SAĞ ALT, en dipten başlar, küçük; iki yanı görünür (kenardan içeri) */
.shane_tm_hero .hd_hero_photo {
  position: absolute; right: 128px; bottom: 0; margin: 0; z-index: 3;
}
.shane_tm_hero .hd_hero_photo img {
  width: clamp(336px, 36vw, 624px); height: auto; display: block;
  filter: drop-shadow(0 16px 28px rgba(20,30,50,.18));
}

/* Alt bant kaldırıldı — tricolor artık menüde var */
.shane_tm_hero .hd_hero_bars { display: none !important; }
.shane_tm_hero .hd_hero_bars.x {
  position: absolute; top: auto; bottom: 0; left: 0;
  width: 100%; height: 12px;
  display: flex; flex-direction: row; gap: 0;
  z-index: 5; pointer-events: none;
}
.shane_tm_hero .hd_hero_bars span { flex: 1; height: 100%; border-radius: 0; }
.shane_tm_hero .hd_hero_bars span:nth-child(1) { background: #ef4136; }
.shane_tm_hero .hd_hero_bars span:nth-child(2) { background: #f7941d; }
.shane_tm_hero .hd_hero_bars span:nth-child(3) { background: #4285F4; }

/* Dekoratif kıvılcım — tam ekranda gerek yok */
.shane_tm_hero .hd_hero_mark { display: none; }
.shane_tm_hero .content::before { display: none; }

/* ---------- İnteraktif nokta alanı (video üstünde ince) ---------- */
.shane_tm_hero .hd_dots {
  position: absolute; inset: 0; z-index: 2;
  width: 100%; height: 100%; pointer-events: none;
}

@media (max-width: 900px) {
  .shane_tm_hero[data-style="one"] .background { clip-path: none !important; }
  .shane_tm_hero .hd_hero_logo { top: 20px; left: 20px; }
  .shane_tm_hero .hd_hero_logo img { width: 54vw; }
  .shane_tm_hero .job_wrap { top: 92px; left: 20px; }
  .shane_tm_hero .hd_hero_bars { height: 10px; }
  .shane_tm_hero .hd_hero_photo img { width: 74vw; }
}
@media (max-width: 768px) { .shane_tm_hero .hd_dots { display: none; } }

/* Kurumlar (çapraz siteler) kartları */
.shane_tm_partners .hd_family {
  display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px;
  width: 100%; max-width: 900px; margin: 40px auto 0; float: none;
}
.hd_fam {
  display: block; border-radius: 16px; padding: 34px 32px; color: #fff;
  position: relative; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease;
}
.hd_fam, .hd_fam * { text-decoration: none !important; }
.hd_fam:hover { transform: translateY(-6px); box-shadow: 0 18px 46px rgba(20,30,50,.22); }
.hd_fam.enderun { background: linear-gradient(135deg, #4285F4, #145a91); }
.hd_fam.drzeka  { background: linear-gradient(135deg, #f7941d, #ef4136); }
.hd_fam h4 { color: #fff; font-size: 20px; margin: 0 0 10px; font-family: "Poppins", sans-serif; font-weight: 700; }
.hd_fam p { color: rgba(255,255,255,.92); margin: 0 0 18px; }
.hd_fam .hd_link { font-weight: 600; font-family: "Poppins", sans-serif; border-bottom: 2px solid rgba(255,255,255,.6); padding-bottom: 2px; }

/* İletişim popup sağ panel bilgi listesi (google map yerine) */
.hd_contact_info ul { list-style: none; padding: 0; margin: 0; }
.hd_contact_info li { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid rgba(0,0,0,.08); font-size: 16px; }
.hd_contact_info li i { color: #4285F4; font-size: 20px; }
.hd_contact_info a { color: inherit; }
.hd_contact_info a:hover { color: #4285F4; }

/* Instagram yüzen buton */
.hd_ig {
  position: fixed; right: 52px; bottom: 58px; z-index: 120;
  width: 56px; height: 56px; border-radius: 50%;
  background: radial-gradient(circle at 30% 110%, #fdd76a 0%, #f77737 25%, #e1306c 55%, #c13584 75%, #833ab4 100%);
  display: grid; place-items: center; box-shadow: 0 10px 30px rgba(193,53,132,.42);
  transition: transform .2s ease;
}
.hd_ig:hover { transform: scale(1.08); }
.hd_ig svg { width: 28px; height: 28px; fill: #fff; }

/* Marka mavisi ince dokunuşlar (Shane 'blue' preset #4169e1 üstüne) */
.shane_tm_topbar .menu ul li.current a { color: #4285F4; }
/* Menü açılışta hemen görünsün, tepede de dursun (scroll'da yeniden animasyonla gelmesin) */
.shane_tm_topbar { transform: translateY(0) !important; }
/* Anasayfa menüsü de detay sayfalarla aynı: üst tricolor çizgi + beyaz bar */
.hd_home_tricolor {
  position: fixed; top: 0; left: 0; right: 0; height: 8px; z-index: 12;
  background: linear-gradient(90deg,#ef4136 0 33.33%,#f7941d 33.33% 66.66%,#4285F4 66.66% 100%);
}
.shane_tm_topbar { top: 8px !important; }
.shane_tm_topbar .topbar_inner { background: #fff !important; box-shadow: 0 0 30px rgba(0,0,0,.06); padding: 22px 50px !important; }
/* Menü aralıkları detay sayfalarla BİREBİR aynı olsun (inline-block boşluğu yerine flex gap) */
.shane_tm_topbar .menu ul { display: flex; align-items: center; gap: 25px; }
.shane_tm_topbar .menu ul li { margin: 0 !important; }
.shane_tm_topbar .menu ul li a, .hd_dtopbar .nav a { letter-spacing: .15px; }
/* Logo tıklanınca anasayfaya gider */
.shane_tm_topbar .logo a, .shane_tm_mobile_menu .logo a, .hd_dtopbar.logo, a.hd_dtopbar { cursor: pointer; }
/* Sticky menüde logo görünsün (SVG'nin intrinsic boyutu yok → açık genişlik) */
.shane_tm_topbar .topbar_inner .logo img { width: 150px !important; max-width: 150px; height: auto; }
.shane_tm_button a,
.shane_tm_contact_popup .shane_tm_button button { background-color: #4285F4; border-color: #4285F4; }
.shane_tm_button a:hover { background-color: transparent; color: #4285F4; }

/* Kurumlar responsive */
@media (max-width: 768px) {
  .hd_family { grid-template-columns: 1fr; }
}

/* ================= SÜREÇ ================= */
.hd_proc { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; max-width:1180px; margin:0 auto; padding:0 24px; }
.hd_proc .step { background:#fff; border:1px solid #e6e9ef; border-radius:16px; padding:30px 26px; position:relative; transition:.25s; }
.hd_proc .step:hover { transform:translateY(-6px); box-shadow:0 20px 44px rgba(20,30,50,.10); border-color:transparent; }
.hd_proc .step .n { width:44px; height:44px; border-radius:50%; background:#4285F4; color:#fff; font-family:"Montserrat",sans-serif; font-weight:700; display:grid; place-items:center; margin-bottom:18px; font-size:16px; }
.hd_proc .step:nth-child(2) .n { background:#4285F4; }
.hd_proc .step:nth-child(3) .n { background:#f7941d; }
.hd_proc .step:nth-child(4) .n { background:#ef4136; }
.hd_proc .step h3 { font-family:"Montserrat",sans-serif; font-weight:700; font-size:19px; color:#414042; margin:0 0 10px; }
.hd_proc .step p { color:#6b7280; font-size:15px; line-height:1.6; margin:0; }
@media(max-width:900px){ .hd_proc{ grid-template-columns:repeat(2,1fr);} }
@media(max-width:520px){ .hd_proc{ grid-template-columns:1fr;} }

/* ================= SSS ================= */
.hd_faq { max-width:860px; margin:0 auto; padding:0 24px; display:grid; gap:14px; }
.hd_faq details { background:#fff; border:1px solid #e6e9ef; border-radius:14px; padding:0 22px; }
.hd_faq summary { list-style:none; cursor:pointer; padding:20px 0; font-family:"Montserrat",sans-serif; font-weight:600; color:#414042; display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:16px; }
.hd_faq summary::-webkit-details-marker { display:none; }
.hd_faq summary::after { content:"+"; color:#4285F4; font-size:26px; font-weight:400; transition:.2s; line-height:1; }
.hd_faq details[open] summary::after { transform:rotate(45deg); }
.hd_faq p { color:#6b7280; font-size:15px; line-height:1.7; margin:0 0 20px; }

/* TALK bandı iptal (görsel gizli; iletişim popup tetikleyicisi JS ile çalışmaya devam) */
.shane_tm_talk { display: none !important; }

/* ================= SSS 2 kolon + görsel ================= */
.hd_faq_grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:44px; max-width:1180px; margin:0 auto; padding:0 24px; align-items:start; }
.hd_faq_grid .hd_faq { padding:0; margin:0; max-width:none; }
.hd_faq_img { position:sticky; top:100px; border-radius:20px; overflow:hidden; box-shadow:0 20px 50px rgba(20,30,50,.14); }
.hd_faq_img img, .hd_faq_img video { width:100%; aspect-ratio:4/5; object-fit:cover; display:block; }
.hd_faq_img img { animation: hd-kenburns 16s ease-in-out infinite alternate; will-change: transform; }
@media (prefers-reduced-motion: reduce){ .hd_faq_img img { animation: none; } }
.hd_faq_img .cap { position:absolute; left:18px; right:18px; bottom:18px; background:rgba(255,255,255,.95); border-radius:14px; padding:16px 18px; }
.hd_faq_img .cap b { display:block; font-family:"Montserrat",sans-serif; color:#4285F4; font-size:16px; }
.hd_faq_img .cap span { color:#6b7280; font-size:13px; }
@media(max-width:900px){ .hd_faq_grid{ grid-template-columns:1fr; } .hd_faq_img{ position:static; max-width:460px; margin:0 auto; } }

/* ================= ALT VİDEO BANDI ================= */
.hd_videoband { position:relative; overflow:hidden; }
.hd_videoband video { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; z-index:0; }
.hd_videoband .ov { position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(20,30,45,.72), rgba(20,30,45,.35)); }
.hd_videoband .inner { position:relative; z-index:2; max-width:1180px; margin:0 auto; padding:110px 24px; }
.hd_videoband h3 { font-family:"Montserrat",sans-serif; font-weight:800; color:#fff; font-size:clamp(26px,3.4vw,40px); max-width:640px; margin:0 0 22px; line-height:1.18; }
.hd_videoband .btn { display:inline-flex; align-items:center; gap:8px; padding:14px 28px; border-radius:999px; font-family:"Montserrat",sans-serif; font-weight:600; background:#fff; color:#4285F4; border:2px solid #fff; text-decoration:none; transition:.22s; }
.hd_videoband .btn:hover { background:transparent; color:#fff; }
/* Copyright — video bandının sol altında küçük */
.hd_videoband .hd_vb_copy { position:absolute; left:24px; bottom:16px; z-index:3; font-family:"Jost",sans-serif; font-size:12.5px; letter-spacing:.02em; color:rgba(255,255,255,.72); }
.hd_videoband .hd_vb_copy a { color:rgba(255,255,255,.9); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.4); }
.hd_videoband .hd_vb_copy a:hover { color:#fff; border-color:#fff; }

/* ================= DÜZELTMELER (float kaynaklı sağa kayma) ================= */
/* Tema .container ve .shane_tm_title öğelerini float:left yapıyor; grid bloklar
   (Süreç / SSS) float'ın yanına sıkışıp sağa kayıyordu → clear + gerçek ortalama */
#surec .shane_tm_title, #sss .shane_tm_title {
  float:none !important; margin-left:auto !important; margin-right:auto !important;
}
.hd_proc, .hd_faq_grid { clear:both; }
/* Kutucuklarla alt/üst bölüm arasına nefes boşluğu */
#surec, #sss.soft { padding-top:96px; padding-bottom:96px; }
@media(max-width:768px){ #surec, #sss.soft { padding-top:64px; padding-bottom:64px; } }

/* ================= UZMANLIK GÖRSELLERİ: canlandırma ================= */
/* Kartlardaki arka plan görselleri yavaşça nefes alır; hover'da yakınlaşır */
.shane_tm_portfolio ul.hd-cards .entry .main {
  transform: scale(1.04);
  animation: hd-kenburns 14s ease-in-out infinite alternate;
  transition: transform .6s ease;
  will-change: transform;
}
.shane_tm_portfolio ul.hd-cards li:nth-child(2) .entry .main { animation-delay: -4.6s; }
.shane_tm_portfolio ul.hd-cards li:nth-child(3) .entry .main { animation-delay: -9.2s; }
.shane_tm_portfolio ul.hd-cards .entry { transition: transform .3s ease, box-shadow .3s ease; }
.shane_tm_portfolio ul.hd-cards li:hover .entry {
  transform: translateY(-6px);
  box-shadow: 0 22px 46px rgba(20,30,50,.16);
}
.shane_tm_portfolio ul.hd-cards li:hover .entry .main { transform: scale(1.1); animation-play-state: paused; }
@keyframes hd-kenburns {
  0%   { transform: scale(1.04) translate3d(0,0,0); }
  100% { transform: scale(1.12) translate3d(-1.5%,-1.5%,0); }
}
@media (prefers-reduced-motion: reduce) {
  .shane_tm_portfolio ul.hd-cards .entry .main { animation: none; transform: none; }
}

/* ================= DR. ZEKA REHBER İÇERİKLERİ: renkli arka plan + maskot ================= */
/* Bölüm arka planını Dr. Zeka kimliğiyle renklendir (yumuşak mavi + renkli parıltılar) */
.shane_tm_news {
  position:relative; overflow:hidden;
  background:
    radial-gradient(620px 420px at 12% 8%, rgba(66,133,244,.16), transparent 60%),
    radial-gradient(520px 380px at 92% 4%, rgba(245,166,35,.14), transparent 60%),
    radial-gradient(560px 460px at 78% 100%, rgba(230,51,41,.10), transparent 62%),
    linear-gradient(180deg,#eaf2ff 0%, #f3f7ff 55%, #eef4ff 100%);
  padding:90px 0 96px;
}
.shane_tm_news .container { position:relative; z-index:2; }
.shane_tm_news .shane_tm_title span { color:#4285F4; }

/* Dr. Zeka maskot videosu: bölümün TÜM arka planı */
.shane_tm_news { position:relative; }
.shane_tm_news .hd_news_bg {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center; z-index:0; pointer-events:none;
}
/* Sol tarafı beyaza yaklaştırıp metni okunur kıl; sağdaki maskot açıkta kalsın */
.shane_tm_news .hd_news_bg_ov {
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(to right,
    rgba(244,248,255,.94) 0%,
    rgba(244,248,255,.8) 26%,
    rgba(244,248,255,.35) 46%,
    rgba(244,248,255,0) 62%);
}
.shane_tm_news .container { position:relative; z-index:2; }
.shane_tm_news .shane_tm_title { float:none !important; }

/* İçerik listesi arka planın üstünde, solda konumlanır */
.shane_tm_news .hd_news_list_over { clear:both; width:100% !important; max-width:600px !important; float:none !important; margin-top:8px; }
.hd_news_list_over ul { display:grid; gap:20px; margin:0; padding:0; list-style:none; }
.hd_news_list_over li { width:100% !important; float:none !important; margin:0 !important; }
@media (max-width:900px){
  .hd_news_list_over { max-width:none; }
  /* Mobilde metin okunurluğu için örtüyü tüm alana yay */
  .shane_tm_news .hd_news_bg_ov {
    background:linear-gradient(to bottom,
      rgba(244,248,255,.72) 0%,
      rgba(244,248,255,.9) 42%,
      rgba(244,248,255,.96) 100%);
  }
}

/* Kartlar sade beyaz; renkli zeminde okunur dursun */
.shane_tm_news .news_list li .list_inner {
  background:#fff; border-radius:16px; overflow:hidden;
  box-shadow:0 14px 34px rgba(30,50,90,.10);
  transition:transform .25s ease, box-shadow .25s ease;
  display:flex; align-items:stretch;
}
.shane_tm_news .news_list li .list_inner .image { width:40%; min-height:150px; flex:0 0 40%; }
.shane_tm_news .news_list li .list_inner .details { flex:1; display:flex; flex-direction:column; justify-content:center; }
.shane_tm_news .news_list li:hover .list_inner {
  transform:translateY(-6px); box-shadow:0 22px 48px rgba(30,50,90,.16);
}
.shane_tm_news .news_list li .details { padding:20px 24px; }
.shane_tm_news .news_list li:hover .title a { color:#4285F4; }
@media (max-width:520px){
  .shane_tm_news .news_list li .list_inner { flex-direction:column; }
  .shane_tm_news .news_list li .list_inner .image { width:100%; flex:none; height:170px; }
}

/* ===== İletişim popup — sitenin 3 rengi, canlı & radius ===== */
.shane_tm_modalbox .box_inner { border-radius: 22px; }
.shane_tm_modalbox .box_inner::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 7px; z-index: 5;
  border-radius: 22px 22px 0 0;
  background: linear-gradient(90deg,#ef4136 0 33.33%,#f7941d 33.33% 66.66%,#4285F4 66.66% 100%);
}
/* İçeriği aşağı it — üstte nefes boşluğu (alttaki boşluk üste taşındı) */
.shane_tm_modalbox .description_wrap { padding-top: 46px; }
.shane_tm_modalbox .wrapper { margin-bottom: 24px !important; }
.shane_tm_modalbox .short_info > ul > li { margin-bottom: 0 !important; }
.shane_tm_modalbox .contact_title h3 { color: #232427; }

/* Kapatma çarpısı — kutu içinde sağ üstte, canlı */
.shane_tm_modalbox .close { position: absolute !important; left: auto !important; right: 18px !important; top: 18px !important; margin: 0 !important; z-index: 20; }
.shane_tm_modalbox .close a {
  width: 42px !important; height: 42px !important; border: 0 !important; border-radius: 50% !important;
  background: #f1f3f8 !important; color: #444 !important; position: relative !important;
}
.shane_tm_modalbox .close a:hover { background: #ef4136 !important; color: #fff !important; }
/* Glyph tema tarafından absolute ile tam ortalanır; sadece boyut/hizayı garantiye al */
.shane_tm_modalbox .close a i { font-size: 17px !important; line-height: 1 !important; }
.shane_tm_modalbox .close a i::before { margin: 0 !important; }

/* Dr. Zeka bölümü arka plan videosu — zoom/scale yapmasın */
.shane_tm_news .hd_news_bg { transform: none !important; animation: none !important; }

/* Form alanları — radius + odak rengi */
.shane_tm_contact_popup .contact_form input,
.shane_tm_contact_popup .contact_form textarea {
  border-radius: 12px !important; border: 1.5px solid #e5e8ef !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.shane_tm_contact_popup .contact_form input:focus,
.shane_tm_contact_popup .contact_form textarea:focus {
  border-color: #4285F4 !important; box-shadow: 0 0 0 4px rgba(66,133,244,.14) !important; outline: none;
}

/* Gönder butonu — canlı, yuvarlak */
.shane_tm_contact_popup .shane_tm_button button {
  background: #4285F4 !important; border: 0 !important; color: #fff !important;
  border-radius: 999px !important; padding: 14px 36px !important;
  font-weight: 600; letter-spacing: .02em;
  box-shadow: 0 12px 26px rgba(66,133,244,.32);
  transition: transform .2s ease, box-shadow .2s ease;
}
.shane_tm_contact_popup .shane_tm_button button:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(66,133,244,.44); }

/* Sağ iletişim ikonları — 3 renk */
.hd_contact_info li:nth-child(1) i { color: #ef4136; }
.hd_contact_info li:nth-child(2) i { color: #f7941d; }
.hd_contact_info li:nth-child(3) i { color: #4285F4; }

/* Alt bilgi kutucukları — siyah yerine 3 marka rengi + radius */
.shane_tm_modalbox .short_info > ul > li .list_inner { border-radius: 16px !important; }
.shane_tm_modalbox .short_info > ul > li:nth-child(1) .list_inner { background: linear-gradient(135deg,#ef4136,#cf2f26) !important; }
.shane_tm_modalbox .short_info > ul > li:nth-child(2) .list_inner { background: linear-gradient(135deg,#f7941d,#df7f0b) !important; }
.shane_tm_modalbox .short_info > ul > li:nth-child(3) .list_inner { background: linear-gradient(135deg,#4285F4,#2c66cb) !important; }

/* Popup form/buton — doğru ata (.shane_tm_modalbox) ile hedefle */
.shane_tm_modalbox .contact_form input,
.shane_tm_modalbox .contact_form textarea {
  border-radius: 12px !important; border: 1.5px solid #e5e8ef !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.shane_tm_modalbox .contact_form input:focus,
.shane_tm_modalbox .contact_form textarea:focus {
  border-color: #4285F4 !important; box-shadow: 0 0 0 4px rgba(66,133,244,.14) !important; outline: none;
}
.shane_tm_modalbox .shane_tm_button button {
  background: #4285F4 !important; border: 0 !important; color: #fff !important;
  border-radius: 999px !important; padding: 14px 40px !important;
  font-family: "Poppins", sans-serif; font-weight: 600 !important; letter-spacing: .02em;
  box-shadow: 0 12px 26px rgba(66,133,244,.32);
  transition: transform .2s ease, box-shadow .2s ease;
}
.shane_tm_modalbox .shane_tm_button button span { color: #fff !important; }
.shane_tm_modalbox .shane_tm_button button:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(66,133,244,.44); }

/* ===== Uzmanlık kartı "Detaylı Bilgi" linki ===== */
.shane_tm_portfolio ul.hd-cards .hd-cap h3 a { color: inherit; text-decoration: none; transition: color .2s ease; }
.shane_tm_portfolio ul.hd-cards li:nth-child(1) .hd-cap h3 a:hover { color: #ef4136; }
.shane_tm_portfolio ul.hd-cards li:nth-child(2) .hd-cap h3 a:hover { color: #f7941d; }
.shane_tm_portfolio ul.hd-cards li:nth-child(3) .hd-cap h3 a:hover { color: #4285F4; }
.hd-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 14px; text-decoration: none; }
.hd-more span { transition: transform .2s ease; }
.hd-more:hover span { transform: translateX(4px); }
.shane_tm_portfolio ul.hd-cards li:nth-child(1) .hd-more { color: #ef4136; }
.shane_tm_portfolio ul.hd-cards li:nth-child(2) .hd-more { color: #f7941d; }
.shane_tm_portfolio ul.hd-cards li:nth-child(3) .hd-more { color: #4285F4; }
.hd-cardlink { display: block; }

/* ===================================================================
   UZMANLIK DETAY SAYFALARI
   =================================================================== */
.hd_dpage { background: #fff; color: #333; }
/* Anasayfadaki menüyle BİREBİR aynı görünüm */
.hd_dpage .hd_dtopbar {
  position: sticky; top: 0; z-index: 50; background: #ffffff;
  display: flex; align-items: center; justify-content: space-between; padding: 22px 50px;
  box-shadow: 0 0 30px rgba(0,0,0,.06);
}
.hd_dtopbar .logo img { width: 150px; height: auto; display: block; }
.hd_dtopbar .nav { display: flex; align-items: center; gap: 25px; }
.hd_dtopbar .nav a { color: #000; text-decoration: none; font-family: "Poppins", sans-serif; font-weight: 500; font-size: 15px; transition: color .3s ease; }
.hd_dtopbar .nav a:hover, .hd_dtopbar .nav a.current { color: #4285F4; }
@media (max-width: 860px){ .hd_dtopbar { padding: 18px 24px; } .hd_dtopbar .nav { gap: 16px; } .hd_dtopbar .nav a { font-size: 13px; } }

/* Sayfa hero */
.hd_dhero { position: relative; overflow: hidden; padding: 70px 5% 60px; background: linear-gradient(180deg,#f4f8ff 0%, #ffffff 100%); }
.hd_dhero .in { max-width: 1180px; margin: 0 auto; }
.hd_dhero .crumb { font-family: "Jost", sans-serif; font-size: 14px; color: #8a93a3; margin: 0 0 18px; }
.hd_dhero .crumb a { color: #8a93a3; text-decoration: none; }
.hd_dhero .kick { display: inline-block; font-family: "Jost", sans-serif; font-weight: 600; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 14px; }
.hd_dhero h1 { font-family: "Montserrat", sans-serif; font-weight: 800; font-size: clamp(32px, 4.4vw, 58px); line-height: 1.08; margin: 0 0 18px; color: #232427; }
.hd_dhero .lead { font-family: "Mulish", sans-serif; font-size: clamp(16px,1.4vw,19px); line-height: 1.7; color: #5b6472; max-width: 720px; margin: 0; }
.hd_dhero .accent { height: 6px; width: 132px; border-radius: 6px; margin: 26px 0 0; }

/* İçerik bloğu (2 kolon) */
.hd_dsec { max-width: 1180px; margin: 0 auto; padding: 64px 5%; }
.hd_two { display: grid; grid-template-columns: 1.05fr .95fr; gap: 54px; align-items: center; }
.hd_two.rev .pic { order: 2; }
.hd_two .pic img { width: 100%; border-radius: 20px; display: block; box-shadow: 0 22px 50px rgba(20,30,50,.12); }
.hd_two h2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: clamp(24px,2.6vw,36px); color: #232427; margin: 0 0 16px; line-height: 1.15; }
.hd_two p { font-size: 16px; line-height: 1.75; color: #5b6472; margin: 0 0 14px; }
.hd_checks { list-style: none; padding: 0; margin: 20px 0 0; display: grid; gap: 13px; }
.hd_checks li { display: flex; gap: 12px; align-items: flex-start; font-size: 15.5px; color: #414042; line-height: 1.5; }
.hd_checks li::before { content: "✓"; flex: 0 0 auto; width: 24px; height: 24px; border-radius: 50%; color: #fff; font-size: 13px; font-weight: 700; display: grid; place-items: center; margin-top: 1px; }

/* Fayda kartları */
.hd_dband { background: #f7f9fc; }
.hd_benefits { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 34px; }
.hd_benefit { background: #fff; border: 1px solid #eef1f6; border-radius: 16px; padding: 30px 26px; box-shadow: 0 10px 28px rgba(20,30,50,.05); }
.hd_benefit .ic { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; color: #fff; font-weight: 800; font-size: 20px; margin-bottom: 16px; }
.hd_benefit h3 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 18px; color: #232427; margin: 0 0 10px; }
.hd_benefit p { font-size: 14.5px; line-height: 1.65; color: #6b7280; margin: 0; }
.hd_sechead { text-align: center; max-width: 680px; margin: 0 auto; }
.hd_sechead .kick { display:inline-block; font-family:"Jost",sans-serif; font-weight:600; font-size:13px; letter-spacing:.14em; text-transform:uppercase; margin:0 0 12px; }
.hd_sechead h2 { font-family: "Montserrat", sans-serif; font-weight: 800; font-size: clamp(26px,3vw,40px); color: #232427; margin: 0 0 12px; }
.hd_sechead p { color: #6b7280; font-size: 16px; line-height: 1.7; margin: 0; }

/* SSS */
.hd_dfaq { max-width: 820px; margin: 34px auto 0; }
.hd_dfaq details { border: 1px solid #e9edf4; border-radius: 14px; padding: 18px 22px; margin-bottom: 12px; background: #fff; }
.hd_dfaq summary { cursor: pointer; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 16px; color: #232427; list-style: none; }
.hd_dfaq summary::-webkit-details-marker { display: none; }
.hd_dfaq p { color: #5b6472; font-size: 15px; line-height: 1.7; margin: 12px 0 0; }

/* CTA bandı */
.hd_ctaband { text-align: center; padding: 74px 5%; color: #fff; }
.hd_ctaband h2 { font-family: "Montserrat", sans-serif; font-weight: 800; font-size: clamp(26px,3.2vw,42px); margin: 0 0 14px; color: #fff; }
.hd_ctaband p { font-size: 17px; line-height: 1.6; margin: 0 auto 28px; max-width: 560px; color: rgba(255,255,255,.92); }
.hd_ctaband .btn { display: inline-flex; align-items: center; gap: 10px; background: #fff; padding: 15px 38px; border-radius: 999px; font-family: "Poppins", sans-serif; font-weight: 700; text-decoration: none; box-shadow: 0 14px 34px rgba(0,0,0,.18); transition: transform .2s ease; }
.hd_ctaband .btn:hover { transform: translateY(-3px); }

/* Alt bant üçlü renk */
.hd_tricolor { height: 8px; background: linear-gradient(90deg,#ef4136 0 33.33%,#f7941d 33.33% 66.66%,#4285F4 66.66% 100%); }
.hd_dfoot { text-align: center; padding: 30px 5%; color: #8a93a3; font-size: 14px; }
.hd_dfoot a { color: #8a93a3; text-decoration: none; }

@media (max-width: 860px){
  .hd_two { grid-template-columns: 1fr; gap: 30px; }
  .hd_two.rev .pic { order: 0; }
  .hd_benefits { grid-template-columns: 1fr; }
}

/* ============================================================
   MOBİL DÜZELTMELERİ (2026-07-16)
   Sorun: hero masaüstü için mutlak konumlu (metin left:200px, foto bottom:0)
   ve 100vh yükseklikte. Mobilde metin bloğu 179px'e sıkışıp kelimeleri bölüyor,
   hero'nun altı navbar yüksekliği kadar ekran dışında kalıp fotoğrafı kesiyordu.
   Çözüm: mobilde hero mutlak konumdan çıkar, dikey akar: metin üstte, foto altta.
   ============================================================ */
@media (max-width: 900px){
  /* hero artık içeriğe göre uzar, sabit 100vh değil */
  .shane_tm_hero{ height: auto !important; min-height: 0 !important; padding: 26px 0 0; }
  .shane_tm_hero > .container{ height: auto !important; }
  /* NOT: static elemanda z-index çalışmaz. Akışa alırken relative kullanılıyor ki
     metin, üstteki beyaz degradenin (::before, z-index:2) ALTINDA kalmasın. */
  .shane_tm_hero .content{ position: relative !important; inset: auto !important; z-index: 4; }

  /* metin bloğu: normal akışa girer, tam genişlik */
  .shane_tm_hero .hd_hero_left{
    position: relative !important; transform: none !important;
    left: auto; right: auto; top: auto;
    max-width: none; width: auto; padding: 0 18px;
    z-index: 5;   /* beyaz degradenin üstünde kalsın */
  }
  .shane_tm_hero .hd_hero_left h1{
    font-size: clamp(28px, 8.2vw, 40px); line-height: 1.14;
    overflow-wrap: normal; word-break: keep-all; hyphens: none;
  }
  .shane_tm_hero .hd_hero_left .lead{ font-size: 16px; line-height: 1.6; }
  .shane_tm_hero .hd_hero_logo img{ width: min(62vw, 260px); }

  /* fotoğraf: metnin altında, ortalı ve TAM görünür (artık kesilmiyor) */
  .shane_tm_hero .hd_hero_photo{
    position: relative !important; right: auto; bottom: auto;
    margin: 22px auto 0; display: block; width: min(76vw, 330px);
    z-index: 4;
  }
  .shane_tm_hero .hd_hero_photo img{ width: 100%; }

  /* arka plan videosu hero'yu kaplamaya devam etsin */
  .shane_tm_hero .background{ position: absolute !important; inset: 0 !important; z-index: 1; }
  /* degrade sadece en üst şeritte, metnin arkasında kalır */
  .shane_tm_hero::before{ height: 120px; z-index: 2;
    background: linear-gradient(to bottom, rgba(255,255,255,.85) 0%, rgba(255,255,255,0) 100%); }

  /* Mobil menü logosu: tema style.css:396'da max-width:70px ile kısıtlı ve SVG'nin
     intrinsic boyutu yok. Hamburger'in solunda net dursun diye ikisi de eziliyor. */
  .shane_tm_mobile_menu .logo{ display: block !important; visibility: visible !important; opacity: 1 !important; flex: none; }
  .shane_tm_mobile_menu .logo img{
    width: min(54vw, 210px) !important; max-width: min(54vw, 210px) !important;
    height: auto !important; display: block;
  }
  /* logo ile hamburger aynı satırda, karşılıklı */
  .shane_tm_mobile_menu .topbar_in{ display: flex; align-items: center; justify-content: space-between; gap: 14px; }
  /* hamburger-box inline-block olduğu için baseline'a hizalanıp 4px yukarıda kalıyordu;
     flex ile logonun tam dikey ortasına getiriliyor */
  .shane_tm_mobile_menu .my_trigger{ display: flex; align-items: center; }
  .shane_tm_mobile_menu .my_trigger .hamburger{ display: flex; align-items: center; padding: 0; }
  .shane_tm_mobile_menu .my_trigger .hamburger-box{ display: block; }

  /* Instagram butonu CTA'nın üstüne biniyordu */
  .hd_ig{ right: 16px; bottom: 16px; width: 46px; height: 46px; }
  .hd_ig svg{ width: 22px; height: 22px; }
}

@media (max-width: 560px){
  .shane_tm_hero .hd_hero_left{ padding: 0 18px; }
}

/* İletişim: adres satırı (telefon/mail ile aynı hizada) */
.hd_cinfo .hd_adres { font-style: normal; line-height: 1.6; color: #4a4e54; }

/* ============================================================
   SAĞ DİKEY MARKA ŞERİDİ (kardeş siteler)
   ============================================================ */
.hd_rail{
  position: fixed; right: 0; top: 50%; transform: translateY(-50%);
  z-index: 115; display: flex; flex-direction: column; gap: 6px;
  align-items: flex-end;   /* her öğe kendi genişliğinde: biri büyüyünce diğeri etkilenmesin */
}
.hd_rail a, .hd_rail span{
  writing-mode: vertical-rl; text-orientation: mixed;
  display: flex; align-items: center; justify-content: center;
  padding: 18px 9px; min-height: 118px;
  font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 13px;
  letter-spacing: .12em; text-transform: uppercase; text-decoration: none;
  color: #fff; border-radius: 10px 0 0 10px;
  box-shadow: 0 6px 22px rgba(20,30,50,.18);
  transition: padding .2s ease, filter .2s ease, box-shadow .2s ease;
}
/* Sadece üzerine gelinen öğe genişler. Şeridin align-items:flex-end olması sayesinde
   komşu öğe bundan etkilenmez (stretch olsaydı ikisi birden kayardı). */
.hd_rail a:hover{ padding-right: 17px; filter: saturate(1.15);
  box-shadow: 0 8px 26px rgba(20,30,50,.28); }
.hd_rail .r_drzeka{ background: #FF5A00; }          /* Dr. Zeka turuncusu */
.hd_rail .r_enderun{ background: #009444; }         /* Enderun yeşili */
.hd_rail .r_husnu{ background: #4285F4; }           /* Hüsnü Duran mavisi */
/* henüz yayında olmayan site: tıklanamaz */
.hd_rail .r_pasif{ opacity: .55; cursor: default; }
.hd_rail .r_pasif::after{ content: "YAKINDA"; font-size: 9px; letter-spacing: .1em;
  margin-top: 8px; opacity: .9; font-weight: 600; }

@media (max-width: 900px){
  .hd_rail{ gap: 4px; }
  .hd_rail a, .hd_rail span{ min-height: 96px; font-size: 11px; padding: 14px 7px; }
}
@media (max-width: 560px){
  .hd_rail{ display: none; }   /* dar ekranda içeriği kapatmasın */
}