
/* Çankaya V5 mobile viewport + professional support/relation fixes */
*,*::before,*::after{box-sizing:border-box}html{width:100%;max-width:100%;overflow-x:hidden}body{width:100%;max-width:100%;overflow-x:hidden!important;-webkit-text-size-adjust:100%;touch-action:manipulation}img,svg,video,canvas{max-width:100%;height:auto}main,header,footer,section,.site-top,.header-wrap{max-width:100vw;overflow-x:clip}.container,.container-pro{max-width:100%;min-width:0}.hero-grid,.about,.services,.services-grid,.project-grid,.process-grid,.contact-grid,.content-wrap,.form-grid,.footer-grid{min-width:0}.hero-grid>*,.about>*,.services>*,.process-grid>*,.contact-grid>*,.content-wrap>*{min-width:0}.brand,.brand img{min-width:0;flex-shrink:1}.site-top{left:0;right:0;width:100%}.navbar{width:100%;min-width:0}.btn,.nav-cta,.tab-btn,.field input,.field select,.field textarea{max-width:100%}
/* Mobile tools: keep TR/EN visible, remove double borders */
.v4-mobile-tools{flex:0 0 auto;min-width:0}.v4-mobile-tools .lang,.v4-mobile-tools span.lang{display:inline-flex!important;align-items:center;gap:5px;height:auto!important;min-height:30px!important;border:0!important;background:transparent!important;padding:0 2px!important;box-shadow:none!important;color:#fff!important;font-size:11px!important;font-weight:900;letter-spacing:.04em;white-space:nowrap}.v4-mobile-tools .lang a,.drawer-utility .lang a{color:inherit!important;text-decoration:none!important;border:0!important;background:transparent!important;padding:0!important}.v4-mobile-tools .lang span,.drawer-utility .lang span{border:0!important;background:transparent!important;padding:0!important;height:auto!important}.v4-theme,.theme-toggle{justify-content:flex-start!important;gap:0!important;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(254,237,1,.08)!important}.v4-theme i,.theme-toggle i{position:absolute;left:4px;top:50%;transform:translateY(-50%)!important}.v4-theme.is-light i,.theme-toggle.is-light i{transform:translate(22px,-50%)!important}.v4-mobile-tools .v4-theme{width:44px!important;height:30px!important;min-width:44px!important;border-radius:999px!important}.v4-mobile-tools .v4-theme:before{position:absolute;left:7px;top:50%;transform:translateY(-50%);margin:0!important}.v4-mobile-tools .v4-theme i{width:18px!important;height:18px!important}.v4-mobile-tools .v4-theme.is-light i{transform:translate(18px,-50%)!important}.drawer-utility{grid-template-columns:1fr auto auto!important}.drawer-utility .lang{border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;gap:7px}.drawer-utility .v4-theme{height:38px!important;width:52px!important}.drawer-utility .v4-theme.is-light i{transform:translate(22px,-50%)!important}
/* Full mobile drawer: no half-screen overflow */
.mobile-drawer{will-change:transform;max-width:100vw!important}.mobile-drawer *{max-width:100%;min-width:0}.drawer-menu a,.mobile-menu a,.drawer-menu summary,.mobile-menu summary{overflow-wrap:anywhere}.drawer-menu details a,.mobile-menu details a{white-space:normal!important;word-break:normal!important}.drawer-head img,.mobile-drawer-head img{width:min(238px,70vw)!important}
body.menu-open{position:fixed!important;inset:0!important;width:100%!important;overflow:hidden!important}.mobile-drawer.open,.mobile-drawer.is-open{visibility:visible!important}
/* Timeline and content robustness */
.timeline,.timeline-card{min-width:0}.timeline-card p,.timeline-card h3,.article h1,.article h2,.article h3,.article p,.inner-hero h1,.hero h1{overflow-wrap:break-word}.contact-info a,.contact-info div{min-width:0}.contact-info span{min-width:0;overflow-wrap:anywhere}.form-card,.contact-cover{min-width:0}.field input[type=file]{font-size:13px}.related-section:not([data-v5-eligible="1"]){display:none!important}
/* Related carousel V5 */
.v5-related{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.2));border-top:1px solid rgba(254,237,1,.13);border-bottom:1px solid rgba(254,237,1,.08)}.v5-related .related-head{align-items:center}.v5-related .related-head h2{font-weight:900}.v5-related-window{overflow:hidden;position:relative}.v5-related-window:before,.v5-related-window:after{content:"";position:absolute;top:0;bottom:0;width:72px;z-index:2;pointer-events:none}.v5-related-window:before{left:0;background:linear-gradient(90deg,#080808,transparent)}.v5-related-window:after{right:0;background:linear-gradient(270deg,#080808,transparent)}.v5-related-track{display:flex;gap:16px;width:max-content;animation:v5MarqueeLeft 36s linear infinite;will-change:transform;padding:8px 0 20px}.v5-related-window:hover .v5-related-track{animation-play-state:paused}.v5-related-card{width:310px;flex:0 0 310px;border:1px solid rgba(255,255,255,.12);border-radius:24px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));text-decoration:none;color:#fff;transition:.22s ease}.v5-related-card:hover{transform:translateY(-5px);border-color:rgba(254,237,1,.45)}.v5-related-card img{display:block;width:100%;height:172px;object-fit:cover;background:#111}.v5-related-card-body{padding:18px}.v5-related-card small{display:inline-flex;background:var(--ck-yellow,#feed01);color:#000;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;text-transform:uppercase;margin-bottom:12px}.v5-related-card h3{margin:0 0 14px;color:#fff;font-size:18px;line-height:1.22;letter-spacing:-.03em}.v5-related-card span{color:var(--ck-yellow,#feed01);font-weight:900;font-size:13px}@keyframes v5MarqueeLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Floating support widget */
.support-float{position:fixed;right:18px;bottom:18px;z-index:2400;font-family:inherit}.support-toggle{width:62px;height:62px;border-radius:50%;border:1px solid rgba(0,0,0,.25);background:var(--ck-yellow,#feed01);color:#000;display:grid;place-items:center;box-shadow:0 18px 45px rgba(0,0,0,.38),0 0 0 8px rgba(254,237,1,.08);cursor:pointer;transition:.22s ease}.support-toggle:hover{transform:translateY(-2px) scale(1.02)}.support-toggle svg{width:28px;height:28px}.support-panel{position:absolute;right:0;bottom:76px;width:min(340px,calc(100vw - 28px));padding:16px;border:1px solid rgba(254,237,1,.28);border-radius:24px;background:linear-gradient(180deg,rgba(25,25,25,.98),rgba(5,5,5,.98));box-shadow:0 25px 80px rgba(0,0,0,.55);color:#fff;opacity:0;transform:translateY(12px) scale(.96);pointer-events:none;transition:.22s ease}.support-float.open .support-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.support-panel h3{margin:0 0 6px;font-size:18px;color:#fff}.support-panel p{margin:0 0 13px;color:#bbb;font-size:13px;line-height:1.55}.support-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;text-decoration:none;background:rgba(255,255,255,.045);margin-top:8px;font-weight:800}.support-link:hover{border-color:rgba(254,237,1,.4);color:var(--ck-yellow,#feed01)}.support-link svg{width:19px;height:19px;color:var(--ck-yellow,#feed01);flex:0 0 auto}.support-close{position:absolute;right:12px;top:12px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.support-wa{background:var(--ck-yellow,#feed01)!important;color:#000!important;border-color:var(--ck-yellow,#feed01)!important}.support-wa svg{color:#000!important}
/* Better light mode: not whitewashed, not broken */
html.light{background:#f6f3e4!important;color:#151515!important}html.light body{background:radial-gradient(circle at 80% 0,rgba(254,237,1,.2),transparent 30%),#f6f3e4!important;color:#151515!important}html.light .site-top,html.light .header-wrap{background:rgba(250,247,230,.94)!important;border-bottom:1px solid rgba(0,0,0,.12)!important;color:#111!important}html.light .navbar{color:#111!important}html.light .nav-link,html.light .nav-btn,html.light .utility a,html.light .utility-inner{color:#111!important}html.light .v4-mobile-tools .lang,html.light .drawer-utility .lang{color:#111!important}html.light .mobile-open,html.light .mobile-toggle{border-color:rgba(0,0,0,.18)!important;background:#feed01!important;color:#000!important}html.light .hero{background:linear-gradient(180deg,#fffbea,#f4f0d9)!important;color:#111!important}html.light .hero:before{background:radial-gradient(circle at 75% 42%,rgba(254,237,1,.25),transparent 28%),linear-gradient(90deg,#fff9d6 0%,rgba(255,250,224,.92) 48%,rgba(17,17,17,.1) 100%)!important}html.light .hero:after{background:linear-gradient(180deg,transparent,rgba(246,243,228,.92))!important}html.light .hero h1,html.light .inner-hero h1,html.light .section-title h2,html.light .service-intro h2,html.light .timeline-intro h2,html.light .dark-card h2,html.light .project-card h3,html.light .timeline-card h3,html.light .service-card h3{color:#111!important}html.light .hero h1 span,html.light .section-title h2 span{color:#8a7f00!important;text-shadow:none!important}html.light .lead,html.light .inner-hero p,html.light .section-title p,html.light .dark-card p,html.light .timeline-intro p,html.light .timeline-card p,html.light .service-card p,html.light .project-card p{color:#3d3d36!important}html.light .dark-card,html.light .service-card,html.light .project-card,html.light .timeline-intro,html.light .timeline-card,html.light .form-card,html.light .contact-card,html.light .card,html.light .aside-card,html.light .article{background:rgba(255,255,255,.75)!important;border-color:rgba(0,0,0,.12)!important;box-shadow:0 20px 60px rgba(45,42,0,.08)!important;color:#111!important}html.light .yellow-card{box-shadow:0 25px 60px rgba(254,237,1,.25)!important}html.light .contact-section{background:#f6f3e4!important}html.light .contact-cover{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.88)),url('../img/hero-koklu-yatirim-proje-gelistirme.png')!important;background-size:cover!important;background-position:center!important}html.light .field label{color:#333!important}html.light .field input,html.light .field select,html.light .field textarea{background:#fff!important;color:#111!important;border-color:rgba(0,0,0,.16)!important}html.light .tabs{background:#e8e2b8!important;border-color:rgba(0,0,0,.12)!important}html.light .tab-btn{color:#111!important}html.light .footer{background:#050505!important;color:#fff!important}html.light .footer h3{color:#fff!important}html.light .v5-related{background:#f6f3e4!important}html.light .v5-related-window:before{background:linear-gradient(90deg,#f6f3e4,transparent)}html.light .v5-related-window:after{background:linear-gradient(270deg,#f6f3e4,transparent)}html.light .v5-related-card{background:#fff!important;border-color:rgba(0,0,0,.12)!important;color:#111!important}html.light .v5-related-card h3{color:#111!important}html.light .support-panel{background:#fffef2;color:#111;border-color:rgba(0,0,0,.12)}html.light .support-panel h3{color:#111}html.light .support-panel p{color:#555}html.light .support-link{color:#111;background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}
@media(max-width:1220px){.hero-grid,.about,.services,.process-grid,.contact-grid,.form-shell,.content-wrap{grid-template-columns:minmax(0,1fr)!important}.project-grid,.services-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nav,.nav-links{display:none!important}.mobile-open,.mobile-toggle{display:inline-flex!important}.v4-mobile-tools{display:flex!important}}
@media(max-width:760px){html,body{overflow-x:hidden!important}.container,.container-pro{width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important}.navbar{display:flex!important;align-items:center!important;gap:8px!important;height:74px!important;min-height:74px!important;padding:0!important}.site-top .brand img,.header-wrap .brand img,.brand img{width:clamp(148px,42vw,178px)!important;max-width:clamp(148px,42vw,178px)!important}.v4-mobile-tools{margin-left:auto!important;gap:6px!important}.v4-mobile-tools .lang{display:inline-flex!important}.mobile-open,.mobile-toggle{min-width:38px!important;width:38px!important;height:38px!important;min-height:38px!important;border-radius:12px!important;font-size:20px!important}.mobile-drawer{left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;border-left:0!important;border-right:0!important;transform:translate3d(100%,0,0)!important;box-shadow:none!important;overflow-x:hidden!important}.mobile-drawer.open,.mobile-drawer.is-open{transform:translate3d(0,0,0)!important}.drawer-head,.mobile-drawer-head{padding:14px 16px!important}.drawer-utility{padding:12px 16px!important}.drawer-menu,.mobile-menu{padding:12px 16px 100px!important}.drawer-menu>a,.mobile-menu>a,.drawer-menu summary,.mobile-menu summary{border-radius:15px!important;margin:7px 0!important;padding:12px 14px!important}.drawer-menu details a,.mobile-menu details a{margin-left:10px!important;padding:9px 10px!important}.hero{min-height:auto!important;padding:38px 0 64px!important}.hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}.hero h1,.inner-hero h1{font-size:clamp(34px,12vw,48px)!important;line-height:1.02!important;letter-spacing:-.07em!important}.lead,.inner-hero p{font-size:15.5px!important;line-height:1.65!important}.hero-actions{grid-template-columns:1fr!important}.visual-slider{width:100%!important;height:310px!important;min-height:310px!important;max-width:100%!important}.slide-a{left:-24%!important;width:74%!important}.slide-b{left:20%!important;width:70%!important}.slide-c{right:-26%!important;width:58%!important}.section,.inner-hero{padding:54px 0!important}.about,.services,.services-grid,.project-grid,.process-grid,.contact-grid,.form-grid,.footer-grid,.grid-3{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.section-title h2,.service-intro h2,.timeline-intro h2{font-size:clamp(30px,10vw,42px)!important}.dark-card,.yellow-card,.service-card,.project-card,.timeline-intro,.timeline-card,.contact-cover,.form-card,.card,.aside-card,.article{padding:20px!important;border-radius:22px!important}.timeline{padding-left:0!important;overflow:visible!important}.timeline:before{left:18px!important}.timeline-card{margin-left:46px!important;width:calc(100% - 46px)!important;padding:18px!important}.timeline-card .dot{left:-46px!important;width:36px!important;height:36px!important;border-radius:12px!important}.contact-cover{min-height:auto!important;padding-top:44px!important}.form-steps{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.form-step{min-width:118px!important}.footer{padding-bottom:104px!important}.support-float{right:14px;bottom:14px}.support-toggle{width:56px;height:56px}.support-panel{right:0;bottom:68px}.v5-related-card{width:270px;flex-basis:270px}.v5-related-track{animation-duration:28s}.v5-related-window:before,.v5-related-window:after{width:34px}}
@media(max-width:420px){.container,.container-pro{width:calc(100vw - 28px)!important}.site-top .brand img,.header-wrap .brand img,.brand img{width:148px!important;max-width:148px!important}.v4-mobile-tools .lang{font-size:10px!important;letter-spacing:.02em}.v4-mobile-tools .v4-theme{width:39px!important;height:28px!important;min-width:39px!important}.v4-mobile-tools .v4-theme i{width:16px!important;height:16px!important}.v4-mobile-tools .v4-theme.is-light i{transform:translate(16px,-50%)!important}.mobile-open,.mobile-toggle{width:36px!important;height:36px!important;min-width:36px!important}.visual-slider{height:280px!important}.hero h1{font-size:clamp(32px,11vw,43px)!important}.v5-related-card{width:250px;flex-basis:250px}}
@media(prefers-reduced-motion:reduce){.v5-related-track{animation:none!important}}
