@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/outfit/outfit-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url('../fonts/outfit/outfit-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.tt-identity{display:inline-flex;align-items:center;gap:11px;text-decoration:none!important;white-space:nowrap;line-height:1;min-width:202px}
.tt-identity>img{width:47px;height:52px;object-fit:contain;flex:none}
.tt-identity-type{display:flex;flex-direction:column;gap:7px;font-family:Outfit,sans-serif}
.tt-identity-type strong{font-size:25px;font-weight:650;letter-spacing:1px;color:#fff}
.tt-identity-type>span{font-size:11px;letter-spacing:3px;font-weight:600;color:#f5bd42}
.tt-footer .tt-identity{gap:16px}.tt-footer .tt-identity>img{width:65px;height:71px}.tt-footer .tt-identity-type strong{font-size:34px}.tt-footer .tt-identity-type>span{font-size:14px}
.tt-header .tt-identity-widget{flex:0 0 auto}.tt-header .elementor-button{white-space:nowrap}
.tt-header .elementor-nav-menu{flex-wrap:nowrap}.tt-header .elementor-nav-menu>li{flex-shrink:0}
.tt-header .tt-nav .elementor-item::before,.tt-header .tt-nav .elementor-item::after{display:none!important}
.tt-header .tt-nav .elementor-item{border-radius:10px;transition:color .18s,background .18s}
.tt-header .tt-nav .elementor-item:hover{color:#f5bd42!important;background:rgba(245,189,66,.08)}
.tt-mobile-nav-widget{position:static!important;flex:0 0 auto}
.tt-mobile-menu{position:static;font-family:Outfit,sans-serif}
.tt-mobile-menu>summary{position:relative;z-index:2;display:flex;align-items:center;gap:10px;height:44px;padding:0 15px 0 13px;border:1px solid rgba(245,189,66,.4);border-radius:999px;background:rgba(23,25,30,.72);color:#fff;cursor:pointer;list-style:none;font-size:14px;font-weight:600;line-height:1;transition:background .2s,border-color .2s,color .2s}
.tt-mobile-menu>summary::-webkit-details-marker{display:none}
.tt-mobile-menu>summary:focus-visible{outline:2px solid #f5bd42;outline-offset:3px}
.tt-mobile-menu[open]>summary{background:#f5bd42;border-color:#f5bd42;color:#0b0c0f}
.tt-burger{position:relative;display:block;width:18px;height:12px}
.tt-burger i{position:absolute;left:0;height:2px;border-radius:2px;background:#f5bd42;transition:top .28s cubic-bezier(.2,.8,.2,1),transform .28s cubic-bezier(.2,.8,.2,1),width .28s,opacity .2s}
.tt-burger i:nth-child(1){top:0;width:18px}.tt-burger i:nth-child(2){top:5px;width:12px}.tt-burger i:nth-child(3){top:10px;width:18px}
.tt-mobile-menu[open] .tt-burger i{background:#0b0c0f}
.tt-mobile-menu[open] .tt-burger i:nth-child(1){top:5px;transform:rotate(45deg)}
.tt-mobile-menu[open] .tt-burger i:nth-child(2){opacity:0}
.tt-mobile-menu[open] .tt-burger i:nth-child(3){top:5px;transform:rotate(-45deg)}
.tt-l-close,.tt-mobile-menu[open] .tt-l-open{display:none}.tt-mobile-menu[open] .tt-l-close{display:inline}
/* Full-screen sheet under the header (top = the header's real bottom edge, set in JS); the links share
   the whole height so the screen is filled, over a dimmed night photo. */
.tt-mobile-sheet{position:fixed;top:var(--tt-head,80px);right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;padding:0 24px calc(14px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-top:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#0b0c0f 0%,rgba(11,12,15,.94) 45%,rgba(11,12,15,.8) 100%),url(/wp-content/uploads/2026/10/hero-bmw-night-v5.webp) 60% 100%/cover no-repeat,#0b0c0f;font-family:Outfit,sans-serif;animation:tt-sheet-in .35s cubic-bezier(.2,.8,.2,1) both}
.tt-mobile-sheet>*{width:100%;max-width:560px;margin-inline:auto}
@keyframes tt-sheet-in{from{opacity:0;transform:translateY(-14px)}}
.tt-mobile-panel{flex:1 0 auto;display:flex;flex-direction:column}
.tt-mobile-panel>a{flex:1 1 0;min-height:60px;display:flex;align-items:center;gap:16px;padding:0 2px;border-bottom:1px solid rgba(255,255,255,.09);color:#fff!important;font-size:clamp(26px,7.8vw,36px);font-weight:600;letter-spacing:-.6px;line-height:1.1;text-decoration:none;animation:tt-link-in .45s cubic-bezier(.2,.8,.2,1) both}
.tt-mobile-panel>a:last-child{border-bottom:0}
.tt-mobile-panel>a>span{display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:auto;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(11,12,15,.4);transition:background .2s,border-color .2s,transform .2s}
.tt-mobile-panel>a>span svg{width:17px;height:17px;fill:none;stroke:#f5bd42;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tt-mobile-panel>a:hover,.tt-mobile-panel>a:active,.tt-mobile-panel>a:focus-visible{color:#f5bd42!important}
.tt-mobile-panel>a:hover>span,.tt-mobile-panel>a:active>span,.tt-mobile-panel>a:focus-visible>span{background:#f5bd42;border-color:#f5bd42;transform:translateX(3px)}
.tt-mobile-panel>a:hover>span svg,.tt-mobile-panel>a:active>span svg,.tt-mobile-panel>a:focus-visible>span svg{stroke:#0b0c0f}
.tt-mobile-panel>a:nth-child(2){animation-delay:.04s}.tt-mobile-panel>a:nth-child(3){animation-delay:.08s}.tt-mobile-panel>a:nth-child(4){animation-delay:.12s}.tt-mobile-panel>a:nth-child(5){animation-delay:.16s}.tt-mobile-panel>a:nth-child(6){animation-delay:.2s}.tt-mobile-panel>a:nth-child(7){animation-delay:.24s}
@keyframes tt-link-in{from{opacity:0;transform:translateY(12px)}}
/* While open: lock page scroll, lift the header above the floating bars, and make it fully opaque without
   the sticky blur (backdrop-filter would make the fixed sheet position against the 80px header instead of
   the screen). The sticky selector must outrank the kit's 4-class sticky rule. */
html.tt-menu-open,html.tt-menu-open body{overflow:hidden!important}
html.tt-menu-open .site-header{z-index:100000!important}
html.tt-menu-open .site-header .tt-header,html.tt-menu-open .site-header.header__transparent .tt-header.elementor-sticky--effects{background-color:#0b0c0f!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:none!important}
html.tt-menu-open .tt-float{opacity:0;visibility:hidden;pointer-events:none}
.tt-header .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container{max-height:0;overflow:hidden;transform:scaleY(0)}
#anasayfa{isolation:isolate}
#anasayfa .tt-glass{width:100%!important;max-width:1296px;box-sizing:border-box}
#anasayfa>.tt-slider-media{position:absolute!important;inset:0!important;width:100%!important;height:100%;margin:0!important;padding:0!important;z-index:0!important;pointer-events:none}
.tt-slider-media>.elementor-widget-container,.tt-slider-photos{position:absolute;inset:0;width:100%;height:100%}
.tt-slider-photos>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.tt-slider-photos::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.08) 60%)}
.tt-slider-photos>.tt-slide-second{opacity:0;animation:tt-photo-fade 16s linear infinite}
@keyframes tt-photo-fade{0%,44%{opacity:0}50%,94%{opacity:1}100%{opacity:0}}
.tt-service-symbol{width:44px;height:44px;display:block;object-fit:contain}
/* Tekirdağ hizmetleri: icon + text cards (white, three dark accents), ↗ arrow top-right, lift on hover. */
.tt-sv{position:relative;overflow:hidden;text-decoration:none!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.tt-sv::after{content:'';position:absolute;top:24px;right:22px;width:15px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5BD42' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.tt-sv:hover{transform:translateY(-5px);border-color:rgba(245,189,66,.8)!important;box-shadow:0 24px 50px rgba(10,10,11,.1)}
.tt-sv:hover::after{transform:translate(3px,-3px) scale(1.1)}
.tt-sv-dark{background-image:radial-gradient(120% 90% at 100% 0,rgba(245,189,66,.17),transparent 60%)!important}
.tt-sv-dark:hover{box-shadow:0 24px 50px rgba(10,10,11,.3)}
.tt-sv>.tt-sv-ico-w{flex:none;width:auto}
.tt-sv>.tt-sv-body{flex:1 1 0;min-width:0;width:auto!important}
.tt-sv-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#F4F4F2;color:#0A0A0B;box-shadow:inset 0 0 0 1px rgba(10,10,11,.06);transition:background .3s,color .3s,transform .3s cubic-bezier(.2,.8,.2,1)}
.tt-sv-ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tt-sv:hover .tt-sv-ico{background:#FFC93C;color:#0A0A0B;transform:rotate(-6deg)}
.tt-sv-dark .tt-sv-ico{background:#FFC93C;box-shadow:none}
.tt-sv-dark:hover .tt-sv-ico{background:#fff}
.elementor-invisible{visibility:visible!important}
.tt-photo-js .tt-lazy-photo:not(.tt-image-ready){background-image:none!important}
@media(max-width:1279px){
 .header__desktop-builder{display:none!important}.header__mobile-builder{display:block!important}
 .header__mobile-builder .tt-header{min-height:80px}
}
@media(min-width:1280px){.header__mobile-builder{display:none!important}.header__desktop-builder{display:block!important}}
/* The S.S.S. left column is sticky on desktop only, but Elementor Pro keeps it fixed when a desktop window
   is narrowed (or a tablet rotates) to the stacked layout, so it covers the questions; force it back into flow. */
@media(max-width:1024px){
 .elementor-element-4e0e86a.elementor-sticky--active{position:relative!important;top:auto!important;width:auto!important;inset-inline-start:auto!important}
 .elementor-element-4e0e86a.elementor-sticky__spacer{display:none!important}
}
@media(max-width:767px){
 html,body{max-width:100%;overflow-x:clip}
 .tt-identity{gap:8px;min-width:0}.tt-identity>img{width:38px;height:42px}.tt-identity-type strong{font-size:22px}.tt-identity-type>span{font-size:9px;letter-spacing:2.8px}
 .tt-header>.e-con{min-width:0}.tt-header .elementor-element-a039afa{width:auto;flex:0 0 auto}
 #anasayfa{min-height:960px;padding:116px 18px 30px;gap:280px}
 #anasayfa>.elementor-element-34a43d2{width:100%;max-width:100%;gap:18px}
 #anasayfa h1{font-size:43px!important;line-height:1.05!important;letter-spacing:-1.6px!important}
 #anasayfa>.tt-slider-media{top:235px!important;bottom:auto!important;height:340px!important}
 .tt-slider-photos>img{object-fit:cover;object-position:70% center}
 .tt-slider-photos::after{background:linear-gradient(180deg,#07090d 0%,transparent 15%,transparent 84%,#07090d 100%)}
 #anasayfa{background:#07090d!important}#anasayfa::before{background:none!important}
 #anasayfa .tt-glass{width:100%!important;max-width:100%;margin:0}
 .tt-form .elementor-form-fields-wrapper{display:grid;grid-template-columns:1fr;gap:8px}
 .tt-form .elementor-field-group{min-width:0;width:100%!important;max-width:100%!important;padding:10px 14px!important}
 .tt-form .elementor-button[type=submit]{min-height:52px}
 .tt-footer .tt-identity{gap:12px}.tt-footer .tt-identity-type strong{font-size:28px}.tt-footer .tt-identity-type>span{font-size:11px}
 .tt-footer .tt-identity>img{width:50px;height:55px}
 .tt-footer .elementor-element-98586c0 .elementor-heading-title{font-size:30px!important;white-space:nowrap;letter-spacing:-.6px}
 .tt-float{right:12px;bottom:calc(16px + env(safe-area-inset-bottom))}.tt-float-wa .elementor-icon{font-size:24px;padding:13px}
 /* Swipe sliders: cards snap to the 18px gutter (not the screen edge) and the next card peeks in. */
 .tt-hscroll{width:calc(100% + 36px)!important;max-width:none!important;scroll-padding-inline:18px;overscroll-behavior-x:contain}
 .tt-hscroll>.e-con{scroll-snap-stop:always}
 #hizmetler .tt-hscroll>.e-con{flex:0 0 84%!important;width:84%!important;max-width:84%!important;min-height:400px!important}
 /* Tekirdağ hizmetleri: 12 cards swipe sideways in two rows instead of stacking into a very long list. */
 .tt-sv-grid{width:calc(100% + 36px)!important;max-width:none!important;margin-inline:-18px!important;padding:4px 18px 16px!important;grid-template-columns:none!important;grid-template-rows:repeat(2,auto)!important;grid-auto-flow:column!important;grid-auto-columns:84%!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;overscroll-behavior-x:contain;scrollbar-width:none}
 .tt-sv-grid::-webkit-scrollbar{display:none}
 .tt-sv-grid>.e-con{scroll-snap-align:start}
 .tt-sv{flex-direction:column!important;gap:16px!important}
 .tt-sv:hover{transform:none}
 /* On phones every service card uses the dark style. */
 .tt-sv{background-color:#0A0A0B!important;background-image:radial-gradient(120% 90% at 100% 0,rgba(245,189,66,.17),transparent 60%)!important;border-color:rgba(255,255,255,.06)!important}
 .tt-sv .elementor-heading-title{color:#fff!important}
 .tt-sv .elementor-widget-text-editor{color:rgba(255,255,255,.74)!important}
 .tt-sv .tt-sv-ico{background:#FFC93C;box-shadow:none}
 .tt-sv-ico{width:50px;height:50px;border-radius:14px}.tt-sv-ico svg{width:24px;height:24px}
 /* Hakkımızda: the four small cards swipe in one row instead of stacking (they were ~1180px tall). */
 #hakkimizda .elementor-element-5f933b9{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:14px!important;width:calc(100% + 36px)!important;max-width:none!important;margin-inline:-18px!important;padding:0 18px 4px!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;overscroll-behavior-x:contain;scrollbar-width:none}
 #hakkimizda .elementor-element-5f933b9::-webkit-scrollbar{display:none}
 #hakkimizda .elementor-element-fc5228e,#hakkimizda .elementor-element-a6eca09{display:contents!important}
 #hakkimizda .elementor-element-5f933b9 .tt-lift{flex:0 0 78%!important;width:78%!important;max-width:78%!important;scroll-snap-align:start}
 #hakkimizda .elementor-element-5f933b9 .elementor-widget-text-editor{font-size:14px!important}
 /* Nasıl çalışır: compact step cards. */
 #nasil-calisir .tt-lift{padding:24px!important}
 #nasil-calisir .tt-lift>.elementor-widget-heading:first-child .elementor-heading-title{font-size:46px!important}
 /* S.S.S.: tighter question rows. */
 #sss .e-n-accordion-item-title{padding:18px 0!important}
 #sss .e-n-accordion-item-title-text{font-size:17px!important;line-height:1.35!important}
}
@media(prefers-reduced-motion:reduce){.tt-slider-photos>.tt-slide-second{animation:none}.tt-float-call .elementor-icon{animation:none}.elementor-element{animation:none!important}.tt-mobile-sheet,.tt-mobile-panel>a{animation:none}}