/**
 * CONTENT YAPIM — Studio B/W v1.4.0
 * Oluşturma: 2026-08-20
 * Amaç: Stink Studios yaklaşımından ilham alan; kopya olmayan,
 * siyah/beyaz, proje odaklı, editoryal ve sinematik ziyaretçi teması.
 */

:root{
  --studio-black:#050505;
  --studio-ink:#101010;
  --studio-white:#ffffff;
  --studio-off:#f3f3ef;
  --studio-grey:#8a8a85;
  --studio-line:rgba(16,16,16,.16);
  --studio-line-dark:rgba(255,255,255,.18);
}

/* --------------------------------------------------------------------------
   GENEL
   -------------------------------------------------------------------------- */
html,body{
  background:var(--studio-white)!important;
  color:var(--studio-ink)!important;
}
body{
  background-image:none!important;
}
.section{
  background:var(--studio-white)!important;
  color:var(--studio-ink)!important;
}
.eyebrow{
  color:#777!important;
  letter-spacing:.16em!important;
}
.text-link{
  color:var(--studio-ink)!important;
  border-bottom:1px solid var(--studio-ink)!important;
  padding-bottom:4px!important;
}
.button{
  border-radius:0!important;
  min-height:48px!important;
  padding-inline:20px!important;
}
.button.light{
  background:var(--studio-white)!important;
  color:var(--studio-black)!important;
  border:1px solid var(--studio-white)!important;
}
.button.light:hover{
  background:transparent!important;
  color:var(--studio-white)!important;
}
.button.ghost{
  background:transparent!important;
  color:var(--studio-white)!important;
  border:1px solid rgba(255,255,255,.72)!important;
}
.button.ghost:hover{
  background:var(--studio-white)!important;
  color:var(--studio-black)!important;
}

/* --------------------------------------------------------------------------
   HEADER — HERO'NUN ÜSTÜNDE
   -------------------------------------------------------------------------- */
.site-header{
  position:fixed!important;
  inset:0 0 auto 0!important;
  z-index:1000!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  padding:18px var(--pad)!important;
}
.site-header .main-nav>a,
.site-header .lang-switch{
  color:#fff!important;
}
.site-header .main-nav>a:not(.nav-cta)::after{
  background:#fff!important;
  height:1px!important;
}
.site-header .nav-cta{
  color:#fff!important;
  border:1px solid rgba(255,255,255,.65)!important;
  background:transparent!important;
  border-radius:999px!important;
  padding:11px 18px!important;
}
.site-header .nav-cta:hover{
  background:#fff!important;
  color:#000!important;
}
.site-header .lang-switch a.active{
  color:#fff!important;
  opacity:1!important;
}
.site-header .menu-toggle span{
  background:#fff!important;
}
.site-header.scrolled{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--studio-line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px)!important;
  padding-block:10px!important;
}
.site-header.scrolled .main-nav>a,
.site-header.scrolled .lang-switch{
  color:#111!important;
}
.site-header.scrolled .main-nav>a:not(.nav-cta)::after{
  background:#111!important;
}
.site-header.scrolled .nav-cta{
  color:#111!important;
  border-color:#111!important;
}
.site-header.scrolled .nav-cta:hover{
  background:#111!important;
  color:#fff!important;
}
.site-header.scrolled .lang-switch a.active{
  color:#111!important;
}
.site-header.scrolled .menu-toggle span{
  background:#111!important;
}
.brand img{
 /* width:120px!important;
  height:46px!important;*/
  width:360px!important;
  height:134px!important;
}

/* --------------------------------------------------------------------------
   HERO — SİYAH / BEYAZ, TAM EKRAN, MENÜ ÜZERİNDE
   -------------------------------------------------------------------------- */
.hero{
  min-height:100svh!important;
  padding-top:0!important;
  background:#050505!important;
  color:#fff!important;
}
.hero::before{
  content:""!important;
  display:none!important;
}
.hero::after{
  background:linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.38) 52%,rgba(0,0,0,.18) 100%)!important;
}
.hero-slide::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.24) 58%,rgba(0,0,0,.10) 100%)!important;
  pointer-events:none!important;
}
.hero-media{
  opacity:.82!important;
  filter:grayscale(1) contrast(1.08)!important;
  mix-blend-mode:normal!important;
  transition:filter .6s ease,transform 6s ease!important;
}
.hero-slide.active .hero-media{
  transform:scale(1.015)!important;
}
.hero-content{
  width:min(1120px,calc(100% - (var(--pad) * 2)))!important;
  margin:0 var(--pad) clamp(64px,8vw,118px)!important;
}
.hero .eyebrow{
  color:rgba(255,255,255,.68)!important;
}
.hero h1{
  color:#fff!important;
  font-size:clamp(60px,9.2vw,154px)!important;
  line-height:.84!important;
  letter-spacing:-.075em!important;
  max-width:1100px!important;
  text-shadow:none!important;
}
.hero p{
  color:rgba(255,255,255,.80)!important;
  max-width:650px!important;
  font-size:clamp(16px,1.45vw,21px)!important;
}
.hero-actions{
  gap:10px!important;
}
.hero-actions .button{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.7)!important;
  color:#fff!important;
  padding:0 0 7px!important;
  min-height:auto!important;
}
.hero-actions .button:hover{
  background:transparent!important;
  color:#fff!important;
  border-bottom-color:#fff!important;
  transform:translateY(-2px)!important;
}
.hero-dots{
  z-index:4!important;
}
.hero-dots button{
  background:rgba(255,255,255,.35)!important;
}
.hero-dots button.active{
  background:#fff!important;
}
.scroll-mark{
  color:rgba(255,255,255,.72)!important;
}
.marquee{
  display:none!important;
}

/* --------------------------------------------------------------------------
   HİZMETLER — KART DEĞİL, EDİTORYAL SATIRLAR
   -------------------------------------------------------------------------- */
#services{
  background:#fff!important;
  color:#111!important;
}
#services .section-head{
  padding-bottom:24px!important;
  margin-bottom:0!important;
  border-bottom:1px solid #111!important;
}
#services .section-head h2{
  color:#111!important;
  max-width:980px!important;
}
#services .eyebrow{
  color:#777!important;
}
.service-grid{
  display:block!important;
  border:0!important;
}
.service-card,
.service-card:nth-child(n){
  min-height:0!important;
  padding:26px 0!important;
  display:grid!important;
  grid-template-columns:72px minmax(220px,.9fr) 1.1fr 56px!important;
  align-items:center!important;
  gap:20px!important;
  border:0!important;
  border-bottom:1px solid var(--studio-line)!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  transform:none!important;
}
.service-card::before{
  display:none!important;
}
.service-card:hover{
  background:#0a0a0a!important;
  color:#fff!important;
  transform:none!important;
  box-shadow:none!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
.service-number,
.service-card:hover .service-number{
  color:#777!important;
  font-size:11px!important;
}
.service-card h3,
.service-card:hover h3{
  color:inherit!important;
  margin:0!important;
  max-width:none!important;
  font-size:clamp(27px,3.1vw,48px)!important;
  line-height:.94!important;
}
.service-card p,
.service-card:hover p{
  color:#666!important;
  margin:0!important;
  max-width:650px!important;
}
.service-card:hover p{
  color:#aaa!important;
}
.circle-arrow,
.service-card:hover .circle-arrow{
  position:static!important;
  width:42px!important;
  height:42px!important;
  margin-left:auto!important;
  opacity:1!important;
  transform:none!important;
  border:1px solid currentColor!important;
  background:transparent!important;
  color:inherit!important;
}

/* --------------------------------------------------------------------------
   PROJELER — BÜYÜK GÖRSELLER, İŞ ODAKLI VİTRİN
   -------------------------------------------------------------------------- */
.projects-section{
  background:#fff!important;
  color:#111!important;
  border:0!important;
  padding-top:clamp(80px,10vw,150px)!important;
}
.projects-section .section-head{
  margin-bottom:50px!important;
}
.projects-section .section-head h2,
.projects-section .text-link{
  color:#111!important;
}
.projects-section .eyebrow{
  color:#777!important;
}
.project-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(48px,6vw,90px) clamp(18px,2vw,28px)!important;
}
.projects-section .project-card,
.project-grid.archive .project-card,
.project-card:nth-child(n){
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  color:#111!important;
  transform:none!important;
}
.projects-section .project-card:nth-child(5n+1){
  grid-column:1 / -1!important;
}
.project-card:hover{
  box-shadow:none!important;
  transform:none!important;
}
.project-media,
.project-media.fallback{
  border:0!important;
  border-radius:0!important;
  background:#111!important;
  aspect-ratio:16/10!important;
}
.projects-section .project-card:nth-child(5n+1) .project-media{
  aspect-ratio:16/7!important;
}
.project-media.has-image{
  background-position:center!important;
  background-size:cover!important;
  filter:grayscale(1)!important;
  transition:filter .35s ease,transform .5s ease!important;
}
.project-card:hover .project-media.has-image{
  filter:grayscale(0)!important;
}
.project-media::after{
  background:#fff!important;
  color:#111!important;
  border-radius:50%!important;
}
.project-monogram{
  color:rgba(255,255,255,.10)!important;
}
.project-card:hover .project-monogram{
  color:rgba(255,255,255,.14)!important;
}
.project-info{
  margin:0!important;
  padding:14px 0 0!important;
  border:0!important;
  color:#111!important;
}
.project-info span,
.project-info>div>span{
  color:#777!important;
  font-weight:600!important;
}
.project-info h3{
  color:#111!important;
  font-size:clamp(26px,3vw,46px)!important;
  line-height:.96!important;
  margin-top:7px!important;
}

/* --------------------------------------------------------------------------
   SHOWREEL — TEK GÜÇLÜ SİYAH BLOK
   -------------------------------------------------------------------------- */
.showreel{
  background:#050505!important;
  color:#fff!important;
  border:0!important;
}
.showreel .eyebrow{
  color:#777!important;
}
.showreel h2{
  color:#fff!important;
  font-size:clamp(70px,12vw,180px)!important;
  line-height:.82!important;
  letter-spacing:-.075em!important;
}
.showreel p{
  color:#aaa!important;
}
.play-button{
  background:transparent!important;
  border:1px solid #fff!important;
  color:#fff!important;
  border-radius:50%!important;
}
.play-button:hover{
  background:#fff!important;
  color:#000!important;
  border-color:#fff!important;
}

/* --------------------------------------------------------------------------
   SÜREÇ — BEYAZ, İNCE ÇİZGİLER
   -------------------------------------------------------------------------- */
.process{
  background:#fff!important;
  color:#111!important;
  border:0!important;
}
.process .eyebrow{
  color:#777!important;
}
.process h2{
  color:#111!important;
}
.process-grid{
  border-top:1px solid #111!important;
}
.process-grid article,
.process-grid article:nth-child(n){
  background:transparent!important;
  color:#111!important;
  box-shadow:none!important;
  border-color:var(--studio-line)!important;
}
.process-grid article>span{
  color:#777!important;
}
.process-grid h3{
  color:#111!important;
}
.process-grid p{
  color:#666!important;
}

/* --------------------------------------------------------------------------
   INSTAGRAM / MARKALAR — RENK BLOKLARI YERİNE MONOKROM
   -------------------------------------------------------------------------- */
.social-call{
  background:#f4f4f0!important;
  color:#111!important;
  border:0!important;
}
.social-call .eyebrow,
.social-call .instagram-card p{
  color:#666!important;
}
.social-call .social-big,
.social-call .section-head{
  color:#111!important;
}
.instagram-card{
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
}
.instagram-media{
  background:#111!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
}
.instagram-media img{
  filter:grayscale(1)!important;
  transition:filter .35s ease,transform .45s ease!important;
}
.instagram-card:hover .instagram-media img{
  filter:grayscale(0)!important;
}
.clients-strip{
  border-top:1px solid var(--studio-line)!important;
}
.client-grid{
  border-color:var(--studio-line)!important;
}
.client-item{
  background:transparent!important;
  color:#555!important;
  border-color:var(--studio-line)!important;
}
.client-item img{
  filter:grayscale(1)!important;
  opacity:.78!important;
}

/* --------------------------------------------------------------------------
   ALT SAYFALAR
   -------------------------------------------------------------------------- */
.page-hero{
  background:#050505!important;
  color:#fff!important;
  border:0!important;
  padding-top:clamp(180px,18vw,260px)!important;
}
.page-hero::before{
  display:none!important;
}
.page-hero .eyebrow{
  color:#777!important;
}
.page-hero h1{
  color:#fff!important;
}
.page-hero p{
  color:#aaa!important;
}
.page-hero + .section{
  background:#fff!important;
}
.page-hero + .section .richtext,
.richtext{
  color:#333!important;
}
.richtext h2,
.richtext h3{
  color:#111!important;
}
.values{
  background:#f4f4f0!important;
  color:#111!important;
  border-top:1px solid var(--studio-line)!important;
}
.values h2,
.values p{
  color:#111!important;
}

.service-list{
  border-top:1px solid #111!important;
}
.service-list>a{
  border-bottom:1px solid var(--studio-line)!important;
  color:#111!important;
}
.service-list>a:hover{
  background:#111!important;
  color:#fff!important;
}

.product-card,
.blog-card,
.photo-item,
.video-card{
  background:#fff!important;
  color:#111!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.product-card{
  border-top:1px solid var(--studio-line)!important;
}
.product-media,
.blog-media,
.video-poster,
.video-card>div{
  border-radius:0!important;
  background:#111!important;
}
.product-media img,
.blog-media img,
.photo-item img,
.video-poster img{
  filter:grayscale(1)!important;
  transition:filter .35s ease!important;
}
.product-card:hover img,
.blog-card:hover img,
.photo-item:hover img,
.video-card:hover img{
  filter:grayscale(0)!important;
}

.project-detail-visual{
  border-radius:0!important;
  filter:grayscale(1)!important;
}
.project-detail-grid{
  color:#111!important;
}
.project-detail-grid dt{
  color:#777!important;
}
.project-detail-grid dd{
  color:#111!important;
}

.form-card{
  background:#fff!important;
  color:#111!important;
  border:1px solid var(--studio-line)!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.form-card input,
.form-card select,
.form-card textarea{
  background:#fff!important;
  color:#111!important;
  border-color:#aaa!important;
  border-radius:0!important;
}
.form-card .button.light{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
}
.form-card .button.light:hover{
  background:#fff!important;
  color:#111!important;
}
.form-aside{
  background:#050505!important;
  color:#fff!important;
  border-radius:0!important;
}
.form-aside p{
  color:#aaa!important;
}
.contact-details>a{
  border-color:#111!important;
  color:#111!important;
}
.map-section{
  border-top:1px solid #111!important;
  filter:grayscale(1)!important;
}

.cookie-banner{
  background:#fff!important;
  color:#111!important;
  border:1px solid #111!important;
  border-radius:0!important;
  box-shadow:0 16px 50px rgba(0,0,0,.15)!important;
}
.whatsapp-fab{
  background:#111!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* --------------------------------------------------------------------------
   FOOTER
   -------------------------------------------------------------------------- */
.site-footer{
  background:#050505!important;
  color:#fff!important;
  border:0!important;
}
.footer-top p,
.footer-bottom{
  color:#8e8e88!important;
}
.footer-bottom{
  border-top:1px solid var(--studio-line-dark)!important;
}
.footer-cta .text-link{
  color:#fff!important;
  border-bottom-color:#fff!important;
}
.site-footer a:hover{
  color:#fff!important;
}

/* --------------------------------------------------------------------------
   MOBİL
   -------------------------------------------------------------------------- */
@media(max-width:900px){
  .site-header{
    padding:12px 18px!important;
  }
  .main-nav{
    background:#050505!important;
    color:#fff!important;
    border:0!important;
    padding-top:110px!important;
  }
  .main-nav>a,
  .site-header.scrolled .main-nav>a{
    color:#fff!important;
  }
  .main-nav .nav-cta,
  .site-header.scrolled .main-nav .nav-cta{
    color:#fff!important;
    border:0!important;
    padding:8px 0!important;
  }
  .menu-open .site-header .menu-toggle span,
  .menu-open .site-header.scrolled .menu-toggle span{
    background:#fff!important;
  }
  .menu-open .site-header .lang-switch,
  .menu-open .site-header.scrolled .lang-switch{
    color:#fff!important;
  }

  .hero h1{
    font-size:clamp(52px,13vw,92px)!important;
  }

  .service-card,
  .service-card:nth-child(n){
    grid-template-columns:48px 1fr 44px!important;
    gap:12px!important;
    padding:22px 0!important;
  }
  .service-card p{
    grid-column:2 / 3!important;
    margin-top:8px!important;
  }
  .circle-arrow{
    grid-column:3!important;
    grid-row:1 / span 2!important;
  }

  .project-grid,
  .project-grid.archive{
    grid-template-columns:1fr!important;
    gap:52px!important;
  }
  .projects-section .project-card:nth-child(5n+1){
    grid-column:auto!important;
  }
  .projects-section .project-card:nth-child(5n+1) .project-media{
    aspect-ratio:16/10!important;
  }
}

@media(max-width:680px){
  .hero-content{
    margin:0 20px 62px!important;
  }
  .hero p{
    max-width:92%!important;
  }
  .hero-actions{
    flex-wrap:wrap!important;
  }
  .section{
    padding-block:76px!important;
  }
  .service-card h3,
  .service-card:hover h3{
    font-size:30px!important;
  }
  .showreel h2{
    font-size:clamp(64px,22vw,110px)!important;
  }
  .instagram-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

/* CY UPGRADE v1.4.16 — MOBILE NAV START */
@media(max-width:900px){
  /* Klasik üç çizgili hamburger. Menü açıldığında X olur. */
  .menu-toggle span{
    left:8px!important;
    right:8px!important;
    height:1px!important;
    opacity:1!important;
    transform:none!important;
  }
  .menu-toggle span:nth-child(1){top:14px!important;}
  .menu-toggle span:nth-child(2){top:21px!important;}
  .menu-toggle span:nth-child(3){top:28px!important;}
  .menu-open .menu-toggle span:nth-child(1){top:21px!important;transform:rotate(45deg)!important;}
  .menu-open .menu-toggle span:nth-child(2){top:21px!important;opacity:0!important;}
  .menu-open .menu-toggle span:nth-child(3){top:21px!important;transform:rotate(-45deg)!important;}

  /* Mobil menü artık tam ekran değil: sağa doğru geniş, içeriği kadar yüksek kart. */
  .main-nav{
    inset:auto!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    width:88vw!important;
    max-width:460px!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100svh - 12px)!important;
    padding:104px 28px 38px!important;
    gap:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:translateY(calc(-100% - 18px))!important;
    opacity:0!important;
  }
  .main-nav.open{
    transform:translateY(0)!important;
    opacity:1!important;
  }

  /* Tüm mobil menü maddeleri hero'daki PROJELERİMİZ diliyle: küçük, net, kalın, büyük harf. */
  .main-nav>a,
  .site-header.scrolled .main-nav>a,
  .main-nav .nav-cta,
  .site-header.scrolled .main-nav .nav-cta{
    width:fit-content!important;
    max-width:100%!important;
    margin:0!important;
    padding:9px 0!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
    color:#fff!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .main-nav>a:not(.nav-cta)::after{
    bottom:4px!important;
  }
}

@media(max-width:680px){
  /* v1.4.15'teki 84x32 px logoya göre %70 büyütülmüş ölçü. */
  .brand img{
    width:143px!important;
    height:54px!important;
    transform:translate(-14px,-8px)!important;
    transform-origin:top left!important;
  }

  /* Menü kartı TEKLİF AL'dan yaklaşık iki satır sonra biter. */
  .main-nav{
    width:88vw!important;
    padding-top:96px!important;
    padding-right:24px!important;
    padding-bottom:36px!important;
    padding-left:24px!important;
  }

  /* Hero bağlantıları alt alta kalır. */
  .hero-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
  }
  .hero-actions .button{
    width:fit-content!important;
    max-width:100%!important;
  }
}
/* CY UPGRADE v1.4.16 — MOBILE NAV END */

/* CY UPGRADE v1.4.17 — MOBILE VIEWPORT FIX START */
/* Mobilde sağa/sola taşma ve beyaz kenar oluşmasını engeller. */
html,
body{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow-x:clip!important;
  overscroll-behavior-x:none!important;
}
body{
  position:relative!important;
}
@supports not (overflow:clip){
  html,body{overflow-x:hidden!important;}
}

@media(max-width:900px){
  /* Parmakla yatay sürükleme / pinch kaynaklı sayfa ölçek değişimini engeller; dikey kaydırma korunur. */
  html,body{
    touch-action:pan-y!important;
  }

  .site-header,
  .hero,
  .hero-slider,
  .hero-slide,
  main,
  .section,
  .site-footer{
    width:100%!important;
    max-width:100%!important;
  }

  /* 100svh bazı Android tarayıcılarda alt tarafta boşluk bırakabiliyor. */
  .hero.hero-slider{
    min-height:100dvh!important;
    height:100dvh!important;
  }
  .hero-slide{
    min-height:100dvh!important;
    height:100dvh!important;
  }

  /* Mobil menü viewport dışına taşmasın. */
  .main-nav{
    box-sizing:border-box!important;
    max-width:min(88vw,460px)!important;
  }

  /* Sabit WhatsApp düğmesi ekran dışına genişlik üretmesin. */
  .whatsapp-fab{
    max-width:calc(100vw - 28px)!important;
  }
}

@media(max-width:680px){
  .hero.hero-slider,
  .hero-slide{
    min-height:100dvh!important;
    height:100dvh!important;
  }
}
/* CY UPGRADE v1.4.17 — MOBILE VIEWPORT FIX END */

/* CY UPGRADE v1.4.18 — MOBILE MENU + STICKY HEADER START */
@media(max-width:900px){
  /* Açılan mobil menüde listeyi kartın sol kenarına yaklaştır. */
  .main-nav{
    align-items:flex-start!important;
    text-align:left!important;
    padding-left:14px!important;
  }
  .main-nav>a,
  .main-nav .nav-cta,
  .site-header.scrolled .main-nav>a,
  .site-header.scrolled .main-nav .nav-cta{
    align-self:flex-start!important;
    margin-left:0!important;
    margin-right:auto!important;
    text-align:left!important;
  }

  /* Sayfa aşağı kaydırıldığında mobil üst bar beyaza dönmesin. */
  .site-header.scrolled{
    background:rgba(5,5,5,.96)!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    box-shadow:none!important;
    backdrop-filter:blur(16px)!important;
  }

  /* Kaydırılmış durumda tüm üst bar yazıları ve hamburger beyaz kalsın. */
  .site-header.scrolled .main-nav>a,
  .site-header.scrolled .lang-switch,
  .site-header.scrolled .lang-switch a,
  .site-header.scrolled .lang-switch a.active{
    color:#fff!important;
  }
  .site-header.scrolled .menu-toggle span{
    background:#fff!important;
  }
  .site-header.scrolled .main-nav>a:not(.nav-cta)::after{
    background:#fff!important;
  }
  .site-header.scrolled .nav-cta{
    color:#fff!important;
    border-color:rgba(255,255,255,.65)!important;
    background:transparent!important;
  }
  .site-header.scrolled .nav-cta:hover{
    background:#fff!important;
    color:#000!important;
  }

  /* Menü açıkken de üst kontroller beyaz kalır. */
  .menu-open .site-header.scrolled .lang-switch,
  .menu-open .site-header.scrolled .lang-switch a,
  .menu-open .site-header.scrolled .lang-switch a.active{
    color:#fff!important;
  }
  .menu-open .site-header.scrolled .menu-toggle span{
    background:#fff!important;
  }
}

@media(max-width:680px){
  /* Telefon ekranında listeyi biraz daha sola yaklaştır. */
  .main-nav{
    padding-left:12px!important;
  }
}
/* CY UPGRADE v1.4.18 — MOBILE MENU + STICKY HEADER END */

/* CY UPGRADE v1.4.19 — MOBILE MENU RIGHT + BLACK STICKY HEADER START */
@media(max-width:900px){
  /* Açılan mobil menüde listeyi siyah kartın sağ tarafına taşı. */
  .main-nav{
    align-items:flex-end!important;
    text-align:right!important;
    padding-left:24px!important;
    padding-right:26px!important;
  }
  .main-nav>a,
  .main-nav .nav-cta,
  .site-header.scrolled .main-nav>a,
  .site-header.scrolled .main-nav .nav-cta{
    align-self:flex-end!important;
    margin-left:auto!important;
    margin-right:0!important;
    text-align:right!important;
  }

  /* Sayfa aşağı kaydırıldığında mobil üst bar beyaza dönmez. */
  .site-header.scrolled{
    background:rgba(5,5,5,.96)!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    box-shadow:none!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }

  /* Kaydırılmış durumda TR / EN, menü ve diğer üst bar yazıları beyaz kalır. */
  .site-header.scrolled .main-nav>a,
  .site-header.scrolled .lang-switch,
  .site-header.scrolled .lang-switch a,
  .site-header.scrolled .lang-switch a.active{
    color:#fff!important;
  }
  .site-header.scrolled .menu-toggle span{
    background:#fff!important;
  }
  .site-header.scrolled .main-nav>a:not(.nav-cta)::after{
    background:#fff!important;
  }
  .site-header.scrolled .nav-cta{
    color:#fff!important;
    border-color:rgba(255,255,255,.65)!important;
    background:transparent!important;
  }
  .site-header.scrolled .nav-cta:hover{
    background:#fff!important;
    color:#000!important;
  }

  /* Menü açıkken de sağ üst kontroller beyaz kalır. */
  .menu-open .site-header.scrolled .lang-switch,
  .menu-open .site-header.scrolled .lang-switch a,
  .menu-open .site-header.scrolled .lang-switch a.active{
    color:#fff!important;
  }
  .menu-open .site-header.scrolled .menu-toggle span{
    background:#fff!important;
  }
}

@media(max-width:680px){
  /* Telefonda listeyi sağ kenara biraz daha yaklaştır. */
  .main-nav{
    padding-left:22px!important;
    padding-right:18px!important;
  }
}
/* CY UPGRADE v1.4.19 — MOBILE MENU RIGHT + BLACK STICKY HEADER END */

/* CY UPGRADE v1.4.21 — MOBILE MENU HARD RIGHT START */
@media(max-width:900px){
  /* Önceki mobil menü konumlarını kesin olarak geçersiz kıl ve kartı sağ kenara sabitle. */
  .site-header .main-nav{
    position:fixed!important;
    inset:0 0 auto auto!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    margin:0!important;
    width:min(76vw,360px)!important;
    max-width:min(76vw,360px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 10px)!important;
    padding:92px 20px 28px 18px!important;
    box-sizing:border-box!important;
    align-items:flex-end!important;
    text-align:right!important;
    transform:translateY(calc(-100% - 18px))!important;
    opacity:0!important;
  }
  .site-header .main-nav.open,
  body.menu-open .site-header .main-nav.open{
    inset:0 0 auto auto!important;
    right:0!important;
    left:auto!important;
    margin-left:auto!important;
    margin-right:0!important;
    transform:translateY(0)!important;
    opacity:1!important;
  }
  .site-header .main-nav>a,
  .site-header .main-nav .nav-cta,
  .site-header.scrolled .main-nav>a,
  .site-header.scrolled .main-nav .nav-cta{
    align-self:flex-end!important;
    width:fit-content!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:0!important;
    text-align:right!important;
  }
}
@media(max-width:680px){
  .site-header .main-nav,
  .site-header .main-nav.open,
  body.menu-open .site-header .main-nav.open{
    inset:0 0 auto auto!important;
    right:0!important;
    left:auto!important;
    width:min(78vw,340px)!important;
    max-width:min(78vw,340px)!important;
    padding:88px 18px 26px 16px!important;
  }
}
/* CY UPGRADE v1.4.21 — MOBILE MENU HARD RIGHT END */

/* CY UPGRADE v1.4.23 — HERO TITLE SCALE FIX START */
.hero-slide .hero-content h1.hero-font-arial{font-family:Arial,Helvetica,sans-serif!important;}
.hero-slide .hero-content h1.hero-font-helvetica{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;}
.hero-slide .hero-content h1.hero-font-arial_black{font-family:"Arial Black",Arial,Helvetica,sans-serif!important;}
.hero-slide .hero-content h1.hero-font-impact{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif!important;}
.hero-slide .hero-content h1.hero-font-trebuchet{font-family:"Trebuchet MS",Arial,sans-serif!important;}
.hero-slide .hero-content h1.hero-font-verdana{font-family:Verdana,Geneva,sans-serif!important;}
.hero-slide .hero-content h1.hero-font-georgia{font-family:Georgia,"Times New Roman",serif!important;}
.hero-slide .hero-content h1.hero-font-times{font-family:"Times New Roman",Times,serif!important;}
.hero-slide .hero-content h1.hero-font-courier{font-family:"Courier New",Courier,monospace!important;}
@media(min-width:901px){
  .hero-slide .hero-content h1.hero-desktop-50{font-size:clamp(30px,4.6vw,77px)!important;}
  .hero-slide .hero-content h1.hero-desktop-55{font-size:clamp(33px,5.06vw,84.7px)!important;}
  .hero-slide .hero-content h1.hero-desktop-60{font-size:clamp(36px,5.52vw,92.4px)!important;}
  .hero-slide .hero-content h1.hero-desktop-65{font-size:clamp(39px,5.98vw,100.1px)!important;}
  .hero-slide .hero-content h1.hero-desktop-70{font-size:clamp(42px,6.44vw,107.8px)!important;}
  .hero-slide .hero-content h1.hero-desktop-75{font-size:clamp(45px,6.9vw,115.5px)!important;}
  .hero-slide .hero-content h1.hero-desktop-80{font-size:clamp(48px,7.36vw,123.2px)!important;}
  .hero-slide .hero-content h1.hero-desktop-85{font-size:clamp(51px,7.82vw,130.9px)!important;}
  .hero-slide .hero-content h1.hero-desktop-90{font-size:clamp(54px,8.28vw,138.6px)!important;}
  .hero-slide .hero-content h1.hero-desktop-95{font-size:clamp(57px,8.74vw,146.3px)!important;}
  .hero-slide .hero-content h1.hero-desktop-100{font-size:clamp(60px,9.2vw,154px)!important;}
  .hero-slide .hero-content h1.hero-desktop-105{font-size:clamp(63px,9.66vw,161.7px)!important;}
  .hero-slide .hero-content h1.hero-desktop-110{font-size:clamp(66px,10.12vw,169.4px)!important;}
  .hero-slide .hero-content h1.hero-desktop-115{font-size:clamp(69px,10.58vw,177.1px)!important;}
  .hero-slide .hero-content h1.hero-desktop-120{font-size:clamp(72px,11.04vw,184.8px)!important;}
  .hero-slide .hero-content h1.hero-desktop-125{font-size:clamp(75px,11.5vw,192.5px)!important;}
  .hero-slide .hero-content h1.hero-desktop-130{font-size:clamp(78px,11.96vw,200.2px)!important;}
  .hero-slide .hero-content h1.hero-desktop-135{font-size:clamp(81px,12.42vw,207.9px)!important;}
  .hero-slide .hero-content h1.hero-desktop-140{font-size:clamp(84px,12.88vw,215.6px)!important;}
  .hero-slide .hero-content h1.hero-desktop-145{font-size:clamp(87px,13.34vw,223.3px)!important;}
  .hero-slide .hero-content h1.hero-desktop-150{font-size:clamp(90px,13.8vw,231px)!important;}
  .hero-slide .hero-content h1.hero-desktop-155{font-size:clamp(93px,14.26vw,238.7px)!important;}
  .hero-slide .hero-content h1.hero-desktop-160{font-size:clamp(96px,14.72vw,246.4px)!important;}
}
@media(max-width:900px){
  .hero-slide .hero-content h1.hero-mobile-50{font-size:clamp(26px,6.5vw,46px)!important;}
  .hero-slide .hero-content h1.hero-mobile-55{font-size:clamp(28.6px,7.15vw,50.6px)!important;}
  .hero-slide .hero-content h1.hero-mobile-60{font-size:clamp(31.2px,7.8vw,55.2px)!important;}
  .hero-slide .hero-content h1.hero-mobile-65{font-size:clamp(33.8px,8.45vw,59.8px)!important;}
  .hero-slide .hero-content h1.hero-mobile-70{font-size:clamp(36.4px,9.1vw,64.4px)!important;}
  .hero-slide .hero-content h1.hero-mobile-75{font-size:clamp(39px,9.75vw,69px)!important;}
  .hero-slide .hero-content h1.hero-mobile-80{font-size:clamp(41.6px,10.4vw,73.6px)!important;}
  .hero-slide .hero-content h1.hero-mobile-85{font-size:clamp(44.2px,11.05vw,78.2px)!important;}
  .hero-slide .hero-content h1.hero-mobile-90{font-size:clamp(46.8px,11.7vw,82.8px)!important;}
  .hero-slide .hero-content h1.hero-mobile-95{font-size:clamp(49.4px,12.35vw,87.4px)!important;}
  .hero-slide .hero-content h1.hero-mobile-100{font-size:clamp(52px,13vw,92px)!important;}
  .hero-slide .hero-content h1.hero-mobile-105{font-size:clamp(54.6px,13.65vw,96.6px)!important;}
  .hero-slide .hero-content h1.hero-mobile-110{font-size:clamp(57.2px,14.3vw,101.2px)!important;}
  .hero-slide .hero-content h1.hero-mobile-115{font-size:clamp(59.8px,14.95vw,105.8px)!important;}
  .hero-slide .hero-content h1.hero-mobile-120{font-size:clamp(62.4px,15.6vw,110.4px)!important;}
  .hero-slide .hero-content h1.hero-mobile-125{font-size:clamp(65px,16.25vw,115px)!important;}
  .hero-slide .hero-content h1.hero-mobile-130{font-size:clamp(67.6px,16.9vw,119.6px)!important;}
  .hero-slide .hero-content h1.hero-mobile-135{font-size:clamp(70.2px,17.55vw,124.2px)!important;}
  .hero-slide .hero-content h1.hero-mobile-140{font-size:clamp(72.8px,18.2vw,128.8px)!important;}
  .hero-slide .hero-content h1.hero-mobile-145{font-size:clamp(75.4px,18.85vw,133.4px)!important;}
  .hero-slide .hero-content h1.hero-mobile-150{font-size:clamp(78px,19.5vw,138px)!important;}
  .hero-slide .hero-content h1.hero-mobile-155{font-size:clamp(80.6px,20.15vw,142.6px)!important;}
  .hero-slide .hero-content h1.hero-mobile-160{font-size:clamp(83.2px,20.8vw,147.2px)!important;}
}
/* CY UPGRADE v1.4.23 — HERO TITLE SCALE FIX END */

/* CY UPGRADE v1.4.24 — MOBILE HERO TITLE LINE HEIGHT START */
@media(max-width:900px){
  .hero-slider .hero-slide .hero-content h1{
    line-height:1.04!important;
  }
}
/* CY UPGRADE v1.4.24 — MOBILE HERO TITLE LINE HEIGHT END */

/* CY UPGRADE v1.4.25 — SOCIAL FAB STACK START */
.social-fab-stack{
  position:fixed!important;
  right:max(18px,env(safe-area-inset-right))!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  z-index:110!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:10px!important;
  width:56px!important;
  max-width:calc(100vw - 28px)!important;
}
.social-fab-stack .social-fab{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  box-sizing:border-box!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:#0b0b0b!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  text-decoration:none!important;
  box-shadow:0 8px 28px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
  transition:transform .2s ease,background .2s ease!important;
}
.social-fab-stack .social-fab:hover{transform:translateY(-2px)!important;background:#191919!important}
.social-fab-stack .social-fab img{
  display:block!important;
  width:27px!important;
  height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
  object-fit:contain!important;
}
.social-fab-stack .social-fab span{
  display:block!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  color:#fff!important;
}
@media(max-width:680px){
  .social-fab-stack{
    right:max(14px,env(safe-area-inset-right))!important;
    bottom:max(14px,env(safe-area-inset-bottom))!important;
    width:52px!important;
    gap:8px!important;
  }
  .social-fab-stack .social-fab{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
  }
  .social-fab-stack .social-fab img{
    width:25px!important;
    height:25px!important;
    max-width:25px!important;
    max-height:25px!important;
  }
}
/* CY UPGRADE v1.4.25 — SOCIAL FAB STACK END */

/* CY UPGRADE v1.4.26 — LOGO 2X START */
/*
 * Logo dosyasının kendi PNG tuvali geniş boşluk içerdiği için yalnız CSS width
 * artırmak header yüksekliğini gereksiz büyütüyordu. Transform ile görsel 2x
 * büyütülür; layout ölçüsü aynı kalır.
 */
.brand{
  overflow:visible!important;
}
.brand img{
  transform:scale(2)!important;
  transform-origin:left center!important;
  will-change:transform;
}

@media(max-width:680px){
  /* Mevcut 143x54 layout kutusu korunur; yalnız görünen logo 2x olur. */
  .brand img{
    width:143px!important;
    height:54px!important;
    transform:translate(-14px,-8px) scale(2)!important;
    transform-origin:top left!important;
  }

  /* Sağ açılan mobil menü kartının genişliği logo büyümesinden etkilenmez. */
  .site-header .main-nav,
  .site-header .main-nav.open,
  body.menu-open .site-header .main-nav.open{
    width:min(78vw,340px)!important;
    max-width:min(78vw,340px)!important;
  }
}
/* CY UPGRADE v1.4.26 — LOGO 2X END */

/* CY UPGRADE v1.4.29 — MOBILE LOGO LEFT VERTICAL CENTER START */
@media(max-width:680px){
  /*
   * Logo solda kalır; sadece siyah header/slider bar içinde dikey merkezlenir.
   * Brand absolute olduğu için ilk grid kolonu pseudo element ile korunur.
   */
  .site-header::before{
    content:""!important;
    display:block!important;
    width:150px!important;
    min-width:150px!important;
    grid-column:1!important;
    grid-row:1!important;
  }

  .site-header > .brand{
    position:absolute!important;
    left:12px!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:143px!important;
    height:54px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    transform-origin:left center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    z-index:3!important;
  }

  .site-header > .brand img{
    position:static!important;
    width:143px!important;
    height:54px!important;
    margin:0!important;
    transform:scale(2)!important;
    transform-origin:left center!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .site-header .lang-switch{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    position:relative!important;
    z-index:5!important;
  }

  .site-header .menu-toggle{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    position:relative!important;
    z-index:5!important;
  }
}
/* CY UPGRADE v1.4.29 — MOBILE LOGO LEFT VERTICAL CENTER END */

/* CY UPGRADE v1.4.31 — DESKTOP SCROLLED HEADER BLACK START */
@media(min-width:901px){
  .site-header.scrolled{
    background:#000!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(16px)!important;
  }

  .site-header.scrolled .main-nav>a,
  .site-header.scrolled .lang-switch,
  .site-header.scrolled .lang-switch a,
  .site-header.scrolled .lang-switch a.active{
    color:#fff!important;
  }

  .site-header.scrolled .main-nav>a:not(.nav-cta)::after{
    background:#fff!important;
  }

  .site-header.scrolled .nav-cta{
    color:#fff!important;
    border-color:rgba(255,255,255,.72)!important;
    background:transparent!important;
  }

  .site-header.scrolled .nav-cta:hover{
    color:#000!important;
    border-color:#fff!important;
    background:#fff!important;
  }

  .site-header.scrolled .menu-toggle span{
    background:#fff!important;
  }
}
/* CY UPGRADE v1.4.31 — DESKTOP SCROLLED HEADER BLACK END */

/* CY UPGRADE v1.4.32 — HERO DIRECT SWITCH START */
/*
 * Slaytlar artık cross-fade yapmaz.
 * JS aktif sınıfını değiştirdiği anda yeni slayt doğrudan görünür.
 */
.hero-slider .hero-slide,
.hero-slider .hero-slide.active{
  transition:none!important;
}
.hero-slider .hero-slide{
  opacity:0!important;
  visibility:hidden!important;
}
.hero-slider .hero-slide.active{
  opacity:1!important;
  visibility:visible!important;
}
/* CY UPGRADE v1.4.32 — HERO DIRECT SWITCH END */