/* =========================================================
   Yüksel Tank – premium görünüm katmanı (premium.css)
   Mevcut style.css'in üzerine eklenir; içerik ve SEO'ya dokunmaz.
   ========================================================= */
:root{
  --yt-navy:#051F4C;
  --yt-navy-2:#0a2a63;
  --yt-orange:#FF6300;
  --yt-ease:cubic-bezier(.22,.61,.36,1);
}
html{scroll-behavior:smooth}

/* ---------- Kaydırma ilerleme çubuğu ---------- */
.yt-progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:3000;
  background:linear-gradient(90deg,var(--yt-orange),#ffb066);
  transform:scaleX(0);transform-origin:0 50%;pointer-events:none}

/* ---------- Üst menü ---------- */
.site-header{transition:background-color .35s var(--yt-ease),box-shadow .35s var(--yt-ease)}
.site-header.yt-scrolled{background-color:rgba(5,31,76,.97);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.site-header .brand img{transition:transform .35s var(--yt-ease)}
.site-header .brand:hover img{transform:scale(1.04)}

.nav-menu .nav-link .chev{display:none!important}           /* gereksiz oklar kaldırıldı */
@media (min-width:992px){
  .nav-menu .nav-link{position:relative;transition:color .25s}
  .nav-menu .nav-link::after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:2px;
    background:var(--yt-orange);transform:scaleX(0);transform-origin:50% 50%;
    transition:transform .35s var(--yt-ease)}
  .nav-menu .nav-link:hover{color:#fff}
  .nav-menu .nav-link:hover::after,.nav-menu .nav-link.active::after{transform:scaleX(1)}
}

/* ---------- Butonlar ---------- */
.btn{position:relative;overflow:hidden;
  transition:transform .3s var(--yt-ease),box-shadow .3s var(--yt-ease),background-color .3s,color .3s,border-color .3s}
.btn:hover{transform:translateY(-2px)}
.btn-orange:hover{box-shadow:0 12px 28px rgba(255,99,0,.38)}
.btn-orange::before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);transition:left .7s var(--yt-ease);pointer-events:none}
.btn-orange:hover::before{left:130%}

/* ---------- Hero ---------- */
.hero{overflow:hidden;will-change:background-position}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,31,76,0) 60%,rgba(5,31,76,.35) 100%)}
.hero .container{position:relative;z-index:1}
.hero .hero-content>*{opacity:0;transform:translateY(28px);animation:ytUp .9s var(--yt-ease) forwards}
.hero .hero-content>*:nth-child(1){animation-delay:.10s}
.hero .hero-content>*:nth-child(2){animation-delay:.30s}
.hero .hero-content>*:nth-child(3){animation-delay:.50s}
.yt-scrollhint{position:absolute;left:50%;bottom:22px;z-index:2;width:26px;height:42px;margin-left:-13px;
  border:2px solid rgba(255,255,255,.7);border-radius:14px;opacity:.85}
.yt-scrollhint::before{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;
  border-radius:2px;background:#fff;animation:ytWheel 1.8s infinite}
@keyframes ytUp{to{opacity:1;transform:none}}
@keyframes ytWheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

/* ---------- Bölüm başlıkları ---------- */
.sec-title{position:relative}

/* ---------- Hizmet kartları ---------- */
.svc-card{transition:transform .45s var(--yt-ease),box-shadow .45s var(--yt-ease),opacity .7s!important;
  position:relative}
.svc-card::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;
  background:var(--yt-orange);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--yt-ease)}
.svc-card .img{overflow:hidden}
.svc-card .img img{transition:transform .9s var(--yt-ease),filter .6s}
.svc-card .foot .arrow{transition:transform .3s var(--yt-ease)}
@media (hover:hover){
  .svc-card:hover{transform:translateY(-8px)!important;box-shadow:0 24px 50px rgba(5,31,76,.22)}
  .svc-card:hover::after{transform:scaleX(1)}
  .svc-card:hover .img img{transform:scale(1.08)}
  .svc-card:hover .foot .arrow{transform:translateX(6px)}
}

/* ---------- Proje kartları ---------- */
.proj-card{position:relative;transition:transform .45s var(--yt-ease),box-shadow .45s var(--yt-ease),opacity .7s!important}
.proj-card .img{position:relative;height:260px}
.proj-grid.cols3 .proj-card .img{height:250px}
.proj-card .img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--yt-ease)}
.proj-card .img::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,31,76,0) 55%,rgba(5,31,76,.55) 100%);
  opacity:.6;transition:opacity .45s}
.proj-card .body{position:relative;z-index:1}                 /* yazı her zaman sabit zemin üzerinde */
.proj-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;z-index:2;
  background:var(--yt-orange);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--yt-ease)}
@media (hover:hover){
  .proj-card:hover{transform:translateY(-8px)!important;box-shadow:0 26px 55px rgba(5,31,76,.28)}
  .proj-card:hover::before{transform:scaleX(1)}
  .proj-card:hover .img img{transform:scale(1.07)}
  .proj-card:hover .img::after{opacity:1}
}
@media (max-width:767px){.proj-card .img,.proj-grid.cols3 .proj-card .img{height:220px}}

/* ---------- Kurumsal bölüm (Hassasiyet Mirasımız) ---------- */
.legacy-photo{overflow:hidden}
.legacy-photo>img{will-change:transform;transform:scale(1.12)}
.legacy-badge{transition:transform .5s var(--yt-ease),box-shadow .5s}
.legacy-photo:hover .legacy-badge{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.3)}

/* ---------- Yangın bölümü ---------- */
.fire{overflow:hidden}
.fire .bg{will-change:transform;transform:scale(1.06)}
.fire-feat{transition:transform .4s var(--yt-ease),border-color .4s,background-color .4s}
@media (hover:hover){.fire-feat:hover{transform:translateY(-6px);border-color:var(--yt-orange);background-color:rgba(255,99,0,.08)}}

/* ---------- Sertifikalar ---------- */
.cert{transition:transform .4s var(--yt-ease)}
.cert .logo{transition:transform .5s var(--yt-ease),filter .5s}
@media (hover:hover){.cert:hover{transform:translateY(-6px)}.cert:hover .logo{transform:scale(1.08);filter:drop-shadow(0 6px 16px rgba(255,99,0,.45))}}

/* ---------- Referans logoları ---------- */
.logo-tile{transition:transform .35s var(--yt-ease),box-shadow .35s}
@media (hover:hover){.logo-tile:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(5,31,76,.18)}}

/* ---------- Teklif bölümü ---------- */
.cta{will-change:background-position}
.cta-card{transition:transform .5s var(--yt-ease),box-shadow .5s}
@media (hover:hover){.cta-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px rgba(0,0,0,.25)}}

/* ---------- Kaydırınca beliren öğelerde kademeli gecikme ---------- */
.svc-grid>.reveal:nth-child(2),.proj-grid>.reveal:nth-child(2),.certs>.reveal:nth-child(2){transition-delay:.08s}
.svc-grid>.reveal:nth-child(3),.proj-grid>.reveal:nth-child(3),.certs>.reveal:nth-child(3){transition-delay:.16s}
.svc-grid>.reveal:nth-child(4),.proj-grid>.reveal:nth-child(4),.certs>.reveal:nth-child(4){transition-delay:.24s}
.svc-grid>.reveal:nth-child(5),.proj-grid>.reveal:nth-child(5),.certs>.reveal:nth-child(5){transition-delay:.32s}
.svc-grid>.reveal:nth-child(6),.proj-grid>.reveal:nth-child(6){transition-delay:.40s}

/* ---------- WhatsApp düğmesi ---------- */
.float-contact a{position:relative;transition:transform .3s var(--yt-ease)}
.float-contact a:hover{transform:scale(1.08)}
.float-contact a::after{content:"";position:absolute;inset:0;border-radius:50%;
  box-shadow:0 0 0 0 rgba(255,99,0,.55);animation:ytPulse 2.4s infinite;pointer-events:none}
@keyframes ytPulse{0%{box-shadow:0 0 0 0 rgba(255,99,0,.5)}70%{box-shadow:0 0 0 16px rgba(255,99,0,0)}100%{box-shadow:0 0 0 0 rgba(255,99,0,0)}}
@media (max-width:767px){.footer-bottom{padding-bottom:84px!important}}

/* ---------- Hareket azaltma tercihine saygı ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .hero .hero-content>*{opacity:1;transform:none}
  .legacy-photo>img,.fire .bg{transform:none!important}
}

/* ---------- Orta boy ekranlarda menünün sığması ---------- */
.nav-cta .btn{white-space:nowrap}
@media (min-width:768px) and (max-width:1199px){
  .nav-menu{gap:2px}
  .nav-menu .nav-link{padding:10px 9px;font-size:14.5px}
  .nav-menu .nav-link::after{left:9px!important;right:9px!important}
  .nav-cta .btn{padding:11px 16px}
  .site-header .brand img{max-height:46px;width:auto}
}
@media (min-width:768px) and (max-width:1099px){
  .nav-menu .nav-link{padding:10px 7px;font-size:14px}
  .nav-menu .nav-link::after{left:7px!important;right:7px!important}
  .nav-cta{margin-left:6px}
  .nav-cta .btn{padding:10px 13px}
}
/*mid2*/@media (min-width:768px) and (max-width:1099px){
  .nav-wrap{padding:0 14px!important}
  .site-header .brand img{max-height:38px}
  .nav-menu .nav-link{padding:10px 6px;font-size:13.5px}
  .nav-cta .btn{font-size:11.5px;padding:10px 11px;letter-spacing:.02em}
}

/* ===== v4 düzenlemeler ===== */
/* 1969 yazısı: sahte kalınlaştırma kapatıldı, harf içleri açık */
.hero .script{font-weight:400!important;font-synthesis:none}
/* Hero yazıları diğer bölümlerle aynı sol hizada */

/* Sertifikalar: tecrübe rozetinin içine +57 */
.certs .cert:first-child .logo{position:relative}
.certs .cert:first-child .logo::after{content:"+57";position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);
  font-family:Montserrat,"Arial Black",sans-serif;font-weight:800;font-size:17px;letter-spacing:.02em;color:#FF6300;pointer-events:none}
/* Hizmet kartları: üzerine gelince renkli fotoğraf */
.svc-card .img{position:relative}
.svc-card .img .yt-color{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;
  transition:opacity .6s var(--yt-ease),transform .9s var(--yt-ease);pointer-events:none}
.svc-card:hover .img .yt-color,.svc-card.yt-incolor .img .yt-color{opacity:1}
@media (hover:hover){.svc-card:hover .img .yt-color{transform:scale(1.08)}}
/* Teklif kutusu: daha saydam cam görünüm */
.cta-card{background-image:linear-gradient(100deg,rgba(240,242,245,.40),rgba(220,215,205,.16))!important;
  -webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;border:1px solid rgba(255,255,255,.35)}
/* Footer: daha büyük ve orantılı logo */
.footer-brand{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.footer-brand img{width:260px!important;max-width:100%;height:auto!important;transition:transform .4s var(--yt-ease)}
.footer-brand a:hover img{transform:scale(1.03)}
@media (min-width:992px){.footer-brand{padding-right:28px;border-right:1px solid rgba(255,255,255,.10)}}
@media (max-width:767px){.footer-brand img{width:210px!important}.footer-brand{margin-bottom:10px}}

/* v5: su videosu */
.fire .bg{position:absolute}
.fire .bg .yt-water{position:absolute;object-fit:fill;pointer-events:none;opacity:0;transition:opacity .8s ease}
.fire .bg .yt-water.on{opacity:1}

/* ===== v6: diğer sayfalar ===== */
/* Hizmetler sayfası kartları */
.svcfull{transition:transform .5s var(--yt-ease),box-shadow .5s var(--yt-ease),opacity .7s!important}
.svcfull::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,31,76,0) 40%,rgba(5,31,76,.35));opacity:0;transition:opacity .5s;pointer-events:none}
.svcfull-panel{transition:transform .5s var(--yt-ease),box-shadow .5s var(--yt-ease),background-color .5s;border-left:3px solid transparent;z-index:1}
.svcfull .more-link{transition:letter-spacing .3s,color .3s}
@media (hover:hover){
  .svcfull:hover{transform:translateY(-6px)!important;box-shadow:0 26px 55px rgba(5,31,76,.25)}
  .svcfull:hover::after{opacity:1}
  .svcfull:hover .svcfull-panel{transform:translateY(-6px);border-left-color:var(--yt-orange);background-color:rgba(245,247,250,.9);box-shadow:0 18px 40px rgba(0,0,0,.18)}
  .svcfull:hover .more-link{letter-spacing:.04em}
}
/* Proje galerisi: üst bölüm ve fotoğraflar */
.yt-gal-hero{position:relative;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;overflow:hidden}
.yt-gal-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,31,76,.92),rgba(5,31,76,.78) 60%,rgba(5,31,76,.95))}
.yt-gal-hero>img{position:relative;z-index:1;mix-blend-mode:lighten}
.masonry a{display:block;position:relative;overflow:hidden}
.masonry a img{transition:transform .9s var(--yt-ease),filter .5s;display:block}
.masonry a::after{content:"+";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font:300 54px/1 Montserrat,sans-serif;color:#fff;background:rgba(5,31,76,.45);opacity:0;transition:opacity .45s;pointer-events:none}
@media (hover:hover){.masonry a:hover img{transform:scale(1.07)}.masonry a:hover::after{opacity:1}}
/* Referanslar */
.ref-tile{transition:transform .4s var(--yt-ease),box-shadow .4s var(--yt-ease),opacity .7s!important}
@media (hover:hover){.ref-tile:hover{transform:translateY(-6px)!important;box-shadow:0 18px 38px rgba(5,31,76,.18)}}
/* Hakkımızda: zaman çizelgesi, vizyon ve değer kartları */
.tl-item{position:relative}
.tl-item::after{content:"";position:absolute;left:0;top:-3px;height:3px;z-index:0;width:100%;background:var(--yt-orange);transform:scaleX(0);transform-origin:0 50%;transition:transform 1s var(--yt-ease)}
.tl-item.in::after{transform:scaleX(1)}
.tl-item:nth-child(2)::after{transition-delay:.25s}.tl-item:nth-child(3)::after{transition-delay:.5s}.tl-item:nth-child(4)::after{transition-delay:.75s}
.tl-year{transition:transform .4s var(--yt-ease),box-shadow .4s}
@media (hover:hover){.tl-item:hover .tl-year{box-shadow:0 10px 24px rgba(5,31,76,.2)}}
.vm,.val{transition:transform .4s var(--yt-ease),box-shadow .4s,border-color .4s,opacity .7s!important}
@media (hover:hover){.vm:hover,.val:hover{transform:translateY(-6px)!important;box-shadow:0 20px 44px rgba(5,31,76,.2)}}
@media (max-width:767px){
  .timeline{grid-template-columns:1fr!important;gap:30px!important;border-left:2px solid var(--yt-navy);margin-left:8px;padding-left:24px}
  .tl-item{border-top:0!important}
  .tl-item::after{display:none}
  .tl-item::before{content:"";position:absolute;left:-32px;top:18px;width:14px;height:14px;border-radius:50%;background:var(--yt-orange);box-shadow:0 0 0 4px #fff}
  .tl-year{transform:none!important;margin-bottom:12px!important;font-size:20px!important;padding:8px 16px!important}
}
/* Yangın söndürme sayfası kartları */
.steps>*,.adv-grid>*,.use-grid>*{transition:transform .4s var(--yt-ease),box-shadow .4s,opacity .7s!important}
@media (hover:hover){.steps>*:hover,.adv-grid>*:hover,.use-grid>*:hover{transform:translateY(-6px)!important;box-shadow:0 20px 44px rgba(5,31,76,.22)}}

/* ===== v7 ===== */
/* Zaman çizelgesi: daha kalın çizgi, yıl kutularının altında */
.tl-item{border-top-width:3px!important}
.tl-year{position:relative;z-index:2}
/* Kalite bölümü kartı: başlık okunur */
.report-card h3{color:#051F4C!important;position:relative;padding-bottom:12px}
.report-card h3::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;background:var(--yt-orange)}
/* Hero kaydırma ikonu kaldırıldı */
.yt-scrollhint{display:none!important}
/* Projeler: kartta müşteri logosu */
.proj-card .img{position:relative}
.yt-client-logo{position:absolute;top:14px;right:14px;z-index:3;width:118px;height:58px;padding:8px 10px;border-radius:6px;
  background:rgba(255,255,255,.96);box-shadow:0 10px 26px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center;
  opacity:0;transform:translateY(-8px) scale(.96);transition:opacity .4s var(--yt-ease),transform .4s var(--yt-ease);pointer-events:none}
.yt-client-logo.dark{background:rgba(5,31,76,.95);border:1px solid rgba(255,255,255,.15)}
.yt-client-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.proj-card:hover .yt-client-logo{opacity:1;transform:none}
@media (hover:none){.yt-client-logo{opacity:1;transform:none;width:92px;height:46px;top:10px;right:10px}}
/* Form: bot tuzağı alanı */
.yt-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
/*v7b*/.proj-card .img .yt-client-logo img,.proj-card:hover .img .yt-client-logo img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;transition:none!important}

/* ===== v8 ===== */
/* WhatsApp düğmesi kaldırıldı */
.float-contact{display:none!important}
@media (max-width:767px){.footer-bottom{padding-bottom:22px!important}}
/* Referans logoları: tek tip beyaz kutular */
.ref-tile,.ref-tile.dark{background:#fff!important;border:1px solid #e3e7ee!important;transition:transform .4s var(--yt-ease),box-shadow .4s var(--yt-ease),background-color .4s,opacity .7s!important}
.ref-tile img{transition:filter .45s,opacity .45s,transform .45s var(--yt-ease)}
.ref-tile.dark img{filter:brightness(0) saturate(100%) invert(11%) sepia(62%) saturate(2600%) hue-rotate(208deg) brightness(92%)}
@media (hover:hover){
  .ref-tile:not(.dark) img{filter:grayscale(1);opacity:.75}
  .ref-tile.dark img{opacity:.7}
  .ref-tile:hover img{filter:none!important;opacity:1;transform:scale(1.05)}
  .ref-tile.dark:hover{background:#051F4C!important;border-color:#051F4C!important}
}
/* Referanslar: rakamlar */
.yt-stats-sec{background:#051F4C;padding:46px 0}
.yt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.yt-stat{text-align:center;color:#fff;position:relative}
.yt-stat+.yt-stat::before{content:"";position:absolute;left:-12px;top:12%;height:76%;width:1px;background:rgba(255,255,255,.14)}
.yt-stat .n{font:800 46px/1 Montserrat,"Arial Black",sans-serif;color:#FF6300;letter-spacing:-.01em}
.yt-stat .t{margin-top:10px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.78)}
@media (max-width:767px){.yt-stats{grid-template-columns:repeat(2,1fr);row-gap:30px}.yt-stat:nth-child(3)::before{display:none}.yt-stat .n{font-size:36px}}
/* Referanslar: proje haritası */
.yt-reach{background:#051F4C;padding:80px 0 70px;color:#fff;overflow:hidden}
.yt-reach .head{text-align:center;max-width:720px;margin:0 auto 34px}
.yt-reach .eyebrow{color:#FF6300;font:700 12.5px Montserrat,sans-serif;letter-spacing:.22em}
.yt-reach h2{color:#fff;font:800 34px/1.2 Montserrat,sans-serif;margin:12px 0 12px}
.yt-reach p{color:rgba(255,255,255,.72)}
.yt-map{position:relative;max-width:1100px;margin:0 auto}
.yt-map-svg{width:100%;height:auto;display:block}
.yt-map .c{fill:#0c2a5e;stroke:rgba(255,255,255,.13);stroke-width:.7}
.yt-map .c.hl{fill:#1b4a96;stroke:rgba(255,255,255,.38)}
.yt-map .lbl{fill:rgba(255,255,255,.6);font:700 13px Montserrat,Arial,sans-serif;letter-spacing:.22em;text-anchor:middle;pointer-events:none}
.yt-map .lbl.big{font-size:22px;fill:rgba(255,255,255,.32)}
.yt-map .pin{cursor:pointer;outline:none}
.yt-map .pin .dot{fill:#FF6300;stroke:#fff;stroke-width:1.6;transition:r .25s}
.yt-map .pin .pulse{fill:rgba(255,99,0,.45);transform-box:fill-box;transform-origin:center;animation:ytPin 2.4s infinite}
.yt-map .pin:nth-of-type(3n) .pulse{animation-delay:.8s}.yt-map .pin:nth-of-type(3n+1) .pulse{animation-delay:1.6s}
.yt-map .pin:hover .dot,.yt-map .pin:focus .dot,.yt-map .pin.on .dot{r:7.5}
@keyframes ytPin{0%{transform:scale(.6);opacity:.9}100%{transform:scale(3.2);opacity:0}}
.yt-tip{position:absolute;z-index:5;min-width:170px;max-width:260px;padding:10px 14px;background:#fff;color:#051F4C;border-radius:6px;
  box-shadow:0 14px 34px rgba(0,0,0,.35);font-size:13px;line-height:1.45;pointer-events:none;opacity:0;transform:translate(-50%,calc(-100% - 14px));transition:opacity .2s}
.yt-tip.on{opacity:1}
.yt-tip b{display:block;font:800 13px Montserrat,sans-serif;color:#FF6300;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px}
.yt-legend{display:flex;justify-content:center;gap:26px;margin-top:22px;font-size:13px;color:rgba(255,255,255,.7);flex-wrap:wrap}
.yt-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#FF6300;margin-right:8px;vertical-align:middle}
.yt-legend i.c{border-radius:2px;background:#1b4a96;border:1px solid rgba(255,255,255,.4)}
@media (max-width:767px){.yt-reach{padding:56px 0 50px}.yt-reach h2{font-size:26px}.yt-map .pin .dot{r:6}}
/*v8b*/.ref-tile img[src*="a8c43e67"]{filter:brightness(0) saturate(100%) invert(11%) sepia(62%) saturate(2600%) hue-rotate(208deg) brightness(92%)!important;opacity:.8}
@media (hover:hover){.ref-tile:hover img[src*="a8c43e67"]{filter:none!important;opacity:1}.ref-tile:has(img[src*="a8c43e67"]):hover{background:#051F4C!important;border-color:#051F4C!important}}

/* v9 */.yt-turnstile{margin:6px 0 16px;min-height:65px}

/* v10 */
#quote-form .iti{width:100%;display:block}
#quote-form .iti input[type=tel]{width:100%!important;box-sizing:border-box!important}
#quote-form .iti__selected-dial-code{color:#051F4C!important;font-size:14px;font-weight:600}
#quote-form .iti__country-container button{border-right:1px solid #e3e7ee}
.iti__dropdown-content{color:#051F4C;font-size:14px;border-radius:6px;box-shadow:0 18px 40px rgba(5,31,76,.25)}
.iti__search-input{color:#051F4C}
.iti__country.iti__highlight{background:#eef2f8}
/* v10b */
.iti__country-name{color:#051F4C!important}
.iti__country .iti__dial-code{color:#7a869a!important}
#quote-form .iti__dropdown-content{width:310px!important;max-width:86vw}
.iti__search-input{padding:9px 12px!important;font-size:14px!important;border:0!important;border-bottom:1px solid #e3e7ee!important}

/* v11: referans ızgarası */
@media (min-width:992px){.ref-grid{grid-template-columns:repeat(4,1fr)!important}}
@media (min-width:768px) and (max-width:991px){.ref-grid{grid-template-columns:repeat(3,1fr)!important}}
.ref-tile img{max-height:74px!important;max-width:78%!important;width:auto!important;height:auto!important;object-fit:contain}
.ref-tile{display:flex!important;align-items:center;justify-content:center}
/* v11b: dikey ve yuvarlak logolar daha büyük */
.ref-tile img[src*="ref-15"]{max-height:118px!important;max-width:60%!important}
.ref-tile img[src*="ref-16"],.ref-tile img[src*="ref-23"]{max-height:100px!important}
.ref-tile img[src*="ref-17"],.ref-tile img[src*="ref-02"],.ref-tile img[src*="ref-05"]{max-height:92px!important}
@media (max-width:767px){.ref-tile img[src*="ref-15"]{max-height:100px!important}}
/* v11c */@media (hover:hover){.ref-tile:not(:hover) img[src*="ref-15"]{filter:grayscale(1) contrast(1.7) brightness(.85)!important;opacity:.9!important}}
/* v11d: telefonda referans kutuları */
@media (max-width:767px){
  .ref-grid{gap:10px!important}
  .ref-tile{height:108px!important;padding:12px!important}
  .ref-tile img{max-width:88%!important;max-height:56px!important}
  .ref-tile img[src*="ref-15"]{max-height:84px!important;max-width:60%!important}
  .ref-tile img[src*="ref-16"],.ref-tile img[src*="ref-23"]{max-height:76px!important}
  .ref-tile img[src*="ref-17"],.ref-tile img[src*="ref-02"],.ref-tile img[src*="ref-05"]{max-height:68px!important}
}

/* v12: telefon menüsü */
.site-header,.site-header.yt-scrolled{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media (max-width:900px){
  .nav-menu.open{background:#051F4C!important;opacity:1!important;gap:0!important;justify-content:center!important;align-items:center!important}
  .nav-menu.open .nav-link{font-size:19px!important;font-weight:500;padding:13px 28px!important;color:#fff;letter-spacing:.02em;position:relative}
  .nav-menu.open .nav-link{display:block!important;text-align:center}
  .nav-menu.open .nav-link::after{display:none!important}
  .nav-menu.open .nav-link.active{color:#FF6300}
  .nav-menu.open .nav-cta{margin:22px 0 0!important}
  .nav-menu.open .nav-cta .btn{padding:15px 40px!important;font-size:14px!important;letter-spacing:.08em}
  .nav-menu.open .lang{margin-top:34px!important;transform:scale(1.2)}
  .nav-menu.open .lang a{padding:7px 14px!important}
}

/* v13: ana sayfa hero yazısı – eski yerleşim ve büyüklük */
@media (min-width:901px){
  .hero .container{max-width:none!important;width:100%!important;padding-left:4.3vw!important;padding-right:4vw!important;margin:0!important}
  .hero .hero-content{max-width:none!important;margin-left:0!important}
  .hero h1{font-size:clamp(34px,3.2vw,62px)!important;line-height:1.5!important;max-width:15.2em;text-shadow:0 3px 14px rgba(0,0,0,.35)}
  .hero h1 .script{font-size:2.25em!important;line-height:.8;vertical-align:-.1em;margin-right:.03em}
  .hero .lead{font-size:clamp(17px,1.5vw,24px)!important;max-width:25em;line-height:1.5!important;margin-top:14px!important;text-shadow:0 2px 10px rgba(0,0,0,.45)}
  .hero .hero-actions{margin-top:36px!important;padding-left:clamp(0px,4.8vw,110px)}
  .hero .hero-actions .btn{padding:17px 34px!important;font-size:14px!important}
}

/* v14 — Teklif CTA: eski stil (mavi→açık→turuncu degrade + saydam teknik çizim) */
.cta{background:url(/assets/img/teknik-cizim.svg) center/cover no-repeat, linear-gradient(90deg,#1c4ea3 0%,#6f9be0 22%,#cfe0f6 42%,#f6dcc5 58%,#f7a35c 80%,#f2711c 100%)!important;background-color:#cfe0f6!important;position:relative}
.cta::before,.cta::after{display:none!important}
.cta .cta-card{background:rgba(58,66,88,.42)!important;background-image:none!important;border:1px solid rgba(255,255,255,.45)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 18px 50px rgba(5,31,76,.18)!important;display:flex!important;align-items:center;justify-content:space-between;gap:40px;padding:44px 54px!important;max-width:1000px;margin:0 auto;border-radius:6px;text-align:left!important}
.cta .cta-card h2{color:#0a2152!important;margin:0 0 10px!important;text-shadow:none!important}
.cta .cta-card p{color:#fff!important;margin:0!important;opacity:1!important}
.cta .cta-card .btn{white-space:nowrap;flex-shrink:0;margin:0!important}
@media (max-width:767px){.cta{background:url(/assets/img/teknik-cizim.svg) 30% center/auto 100% no-repeat, linear-gradient(160deg,#1c4ea3 0%,#6f9be0 25%,#cfe0f6 48%,#f6dcc5 62%,#f7a35c 82%,#f2711c 100%)!important}.cta .cta-card{flex-direction:column;align-items:flex-start;gap:22px;padding:30px 24px!important}.cta .cta-card h2{font-size:24px!important}}

/* v14b */
.cta .cta-card{flex-wrap:nowrap!important}
.cta .cta-card>div{flex:1 1 auto;min-width:0;max-width:none!important}
.cta .cta-card h2{font-size:clamp(22px,2.1vw,30px)!important;line-height:1.25!important}
@media (max-width:767px){.cta .cta-card{flex-wrap:wrap!important}.cta .cta-card h2{font-size:23px!important}}

/* v14c — ince kart, büyük başlık */
@media (min-width:768px){
.cta .cta-card{max-width:900px;padding:34px 40px!important;gap:32px;background:rgba(62,72,95,.36)!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:4px;box-shadow:0 10px 30px rgba(5,31,76,.12)!important}
.cta .cta-card h2{font-size:clamp(26px,2.6vw,36px)!important;letter-spacing:.02em;line-height:1.15!important;margin:0 0 8px!important;white-space:normal}
.cta .cta-card p{font-size:14.5px!important;line-height:1.5!important}
.cta .cta-card .btn{padding:13px 22px!important;font-size:13px!important}
}
@media (max-width:767px){.cta .cta-card{background:rgba(62,72,95,.36)!important}.cta .cta-card h2{font-size:26px!important}}

@media (min-width:768px){.cta .cta-card{padding:46px 44px!important;max-width:860px}}

/* v14e — geniş ekranda çizim küçük ve detaylı, kart geniş, başlık tek satır */
@media (min-width:768px){
.cta{background-size:auto 128%, 100% 100%!important;background-repeat:repeat-x, no-repeat!important}
.cta .cta-card{max-width:1080px!important;width:100%}
}
@media (min-width:1200px){.cta .cta-card h2{white-space:nowrap!important;font-size:34px!important}.cta .cta-card p{font-size:15px!important}}

/* v15 — Profesyonel header: üst bilgi şeridi + hizalı, ince menü */
.yt-topbar{display:none}
@media (min-width:1025px){
.yt-topbar{display:block;background:#03163a;border-bottom:1px solid rgba(255,255,255,.07);font:500 12.5px/1 'DM Sans',system-ui,sans-serif;color:rgba(255,255,255,.72);max-height:40px;overflow:hidden;transition:max-height .35s ease,opacity .25s ease}
.yt-topbar .in{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 4.3vw;max-width:none}
.yt-topbar .grp{display:flex;align-items:center;gap:26px}
.yt-topbar a,.yt-topbar span{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:color .2s}
.yt-topbar a:hover{color:#fff}
.yt-topbar i{color:#FF6300;font-size:12px}
.yt-topbar .certs span{letter-spacing:.08em;font-weight:600;font-size:11.5px;color:rgba(255,255,255,.6)}
.yt-topbar .certs span+span::before{content:'';width:4px;height:4px;border-radius:50%;background:#FF6300;margin-right:14px;opacity:.8}
.yt-topbar .certs{gap:14px}
.site-header.yt-scrolled .yt-topbar{max-height:0;opacity:0;border-bottom-color:transparent}
.site-header{box-shadow:0 1px 0 rgba(255,255,255,.06)}
.site-header.yt-scrolled{box-shadow:0 10px 30px rgba(3,15,40,.35)}
.site-header .nav-wrap{max-width:none!important;padding:0 4.3vw!important;height:84px;transition:height .3s ease}
.site-header.yt-scrolled .nav-wrap{height:70px}
.site-header .brand img{height:54px!important;width:auto;transition:height .3s ease}
.site-header.yt-scrolled .brand img{height:46px!important}
.site-header .nav-menu{gap:6px}
.site-header .nav-link{font-size:15px!important;font-weight:500!important;letter-spacing:.015em;padding:10px 14px!important;color:rgba(255,255,255,.88)!important;position:relative}
.site-header .nav-link:hover{color:#fff!important}
.site-header .nav-link.active,.site-header .nav-link[aria-current]{color:#fff!important}
.site-header .nav-link::after{content:'';position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:#FF6300;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.site-header .nav-link:hover::after,.site-header .nav-link.active::after,.site-header .nav-link[aria-current]::after{transform:scaleX(1)}
.site-header .nav-cta{margin-left:18px;padding-left:24px;border-left:1px solid rgba(255,255,255,.14)}
.site-header .nav-cta .btn{padding:13px 24px!important;font-size:13px!important;letter-spacing:.08em;border-radius:3px}
.site-header .lang{margin-left:18px;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;padding:3px!important;display:flex;gap:2px;background:rgba(255,255,255,.04)}
.site-header .lang a{border-radius:999px!important;padding:6px 11px!important;font-size:12px!important;font-weight:700;letter-spacing:.05em;color:rgba(255,255,255,.7)!important;background:transparent!important;border:0!important;line-height:1}
.site-header .lang a.on{background:#FF6300!important;color:#fff!important}
.site-header .lang a:not(.on):hover{color:#fff!important}
}
@media (min-width:901px) and (max-width:1024px){.site-header .nav-link{padding:10px 9px!important;font-size:14px!important}.site-header .nav-cta{margin-left:8px}.site-header .lang{margin-left:10px}}

/* v16 — üst şerit kaldırıldı */
.yt-topbar{display:none!important}

/* v17 — SEO: SSS bölümü, h1 düzeltmeleri */
.yt-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h1.sec-title{font-size:32px;line-height:1.2;margin:0}
@media (max-width:767px){h1.sec-title{font-size:26px}}
.yt-faq{padding:90px 0;background:#f4f6f9}
.yt-faq .yt-faq-list{max-width:900px;margin:36px auto 0;display:grid;gap:14px}
.yt-faq details{background:#fff;border:1px solid #e3e8ef;border-left:3px solid transparent;border-radius:6px;transition:border-color .25s,box-shadow .25s}
.yt-faq details:hover{box-shadow:0 10px 26px rgba(5,31,76,.08)}
.yt-faq details[open]{border-left-color:#FF6300;box-shadow:0 10px 26px rgba(5,31,76,.08)}
.yt-faq summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;font:700 16px/1.4 Montserrat,Arial,sans-serif;color:#051F4C;position:relative}
.yt-faq summary::-webkit-details-marker{display:none}
.yt-faq summary::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#051F4C;color:#fff;font:600 18px/28px Arial;text-align:center;transition:transform .3s,background .3s}
.yt-faq details[open] summary::after{content:'–';background:#FF6300}
.yt-faq details p{margin:0;padding:0 24px 22px;color:#4a5568;font-size:15.5px;line-height:1.7}
@media (max-width:767px){.yt-faq{padding:60px 0}.yt-faq summary{font-size:15px;padding:18px 52px 18px 18px}.yt-faq details p{padding:0 18px 18px;font-size:15px}}

.yt-faq .yt-faq-list{max-width:none;margin:36px 0 0;grid-template-columns:1fr}
@media (min-width:1100px){.yt-faq .yt-faq-list{grid-template-columns:1fr 1fr;align-items:start}}

/* v18 — hero başlığı küçültüldü, telefon alanı ferahlatıldı */
@media (min-width:901px){
.hero .hero-content h1{font-size:clamp(30px,2.55vw,50px)!important;line-height:1.45!important}
.hero .hero-content h1 .script{font-size:2.1em!important}
.hero .hero-content p{font-size:clamp(16px,1.25vw,21px)!important}
}
.iti{width:100%}
.iti__country-container{border-right:1px solid rgba(5,31,76,.12)}
.iti__selected-country{padding:0 14px 0 16px!important;gap:6px}
.iti__selected-country-primary{padding:0 4px 0 0!important;gap:8px}
.iti__selected-dial-code{margin-left:10px!important;margin-right:4px;font-weight:600}
.iti input[type=tel]{padding-right:14px}

.iti__selected-country{padding:0 10px 0 14px!important}
.iti__selected-dial-code{margin-left:7px!important;margin-right:0}

/* v16: menü kaydırınca gizlenir + telefonda akıcılık */
.site-header{transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .35s ease,box-shadow .35s ease!important}
.site-header.yt-hide{transform:translate3d(0,-100%,0);box-shadow:none!important}
@media (hover:none),(max-width:991px){.hero,.cta{will-change:auto!important}.legacy-photo>img,.fire .bg{will-change:auto!important}}