/* TETAŞ yeni tasarım: ortak header, mobil menü ve footer.
   Eski site stilleriyle çakışmaması için her şey .ts- önekiyle sınırlıdır. */
:root{
  --ts-navy:#0e2f6e;
  --ts-navy-deep:#0a2457;
  --ts-navy-2:#1a4290;
  --ts-yellow:#f4c21b;
  --ts-sky-soft:#eaf3fb;
  --ts-ink:#14203a;
  --ts-muted:#52617b;
  --ts-line:#dbe3ee;
  --ts-plate:#f3f6fa;
  --ts-radius:6px;
  --ts-util-h:42px;
}

.ts-head,.ts-head *,.ts-drawer,.ts-drawer *,.ts-foot,.ts-foot *{box-sizing:border-box}
.ts-head,.ts-drawer,.ts-foot{font-family:Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;color:var(--ts-ink);text-align:left}
.ts-head ul,.ts-drawer ul,.ts-foot ul{list-style:none;margin:0;padding:0}
.ts-head li,.ts-drawer li,.ts-foot li{float:none;margin:0;padding:0;list-style:none;background:none;border:0}
.ts-head a,.ts-drawer a,.ts-foot a{color:inherit;text-decoration:none;font-family:inherit}
.ts-head img,.ts-foot img{max-width:none;border:0}
.ts-head button,.ts-drawer button{font:inherit;cursor:pointer;margin:0}
.ts-head svg,.ts-drawer svg,.ts-foot svg{flex:none;display:block}
.ts-head :focus-visible,.ts-drawer :focus-visible,.ts-foot :focus-visible{outline:3px solid var(--ts-yellow);outline-offset:2px}
.ts-wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.ts-old{display:none!important}

/* Eski header'lar gizlenir; sunucu kontrolleri sayfada kalır */
#HeaderMobil,#Header,#mobPtrn{display:none!important}
/* Eski mobil menünün kaydırma efekti sabit konumlu yeni header ve çekmeceyi bozar; gerekmediği için kapatılır */
#inner-wrap,.js-ready #inner-wrap,.js-nav #inner-wrap{transform:none!important;-webkit-transform:none!important;right:0!important;transition:none!important}

/* ===== Üst bant ===== */
.ts-head{position:fixed;top:0;left:0;right:0;z-index:9000;transition:transform .22s}
.ts-util{background:var(--ts-sky-soft);border-bottom:1px solid var(--ts-line);font-size:15px}
.ts-util .ts-wrap{display:flex;align-items:center;gap:26px;height:var(--ts-util-h)}
.ts-util a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.ts-util a:hover{color:var(--ts-navy-2);text-decoration:underline}
.ts-util svg{width:16px;height:16px;color:var(--ts-navy-2)}
.ts-util b{font-weight:700;margin-left:3px;font-variant-numeric:tabular-nums}
.ts-util .ts-right{margin-left:auto;display:flex;align-items:center;gap:22px}
.ts-util .ts-shop{font-weight:700;color:var(--ts-navy)}
.ts-lang{display:flex;border:1px solid #b9cbe2;border-radius:4px;overflow:hidden;background:#fff}
.ts-lang a{padding:3px 9px;font-weight:600;font-size:14px;line-height:1.4;color:var(--ts-ink)}
.ts-lang a:hover{background:var(--ts-sky-soft);text-decoration:none}
.ts-lang a.ts-on,.ts-lang a.activeDil{background:var(--ts-navy);color:#fff}
.ts-lang a,.ts-drawer .ts-dlang a{position:static!important;float:none!important;width:auto!important;height:auto!important;margin:0!important;top:auto!important;left:auto!important}
.ts-drawer .ts-dlang a.activeDil{background:var(--ts-navy);border-color:var(--ts-navy);color:#fff}

/* ===== Ana menü çubuğu ===== */
.ts-bar{background:var(--ts-navy);color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.08)}
.ts-bar .ts-wrap{display:flex;align-items:center;height:76px;position:relative}
.ts-brand{position:relative;align-self:flex-start;margin-right:40px;flex:none;z-index:2}
.ts-brand a{display:block;background:#fff;padding:8px 14px 10px;border-radius:0 0 var(--ts-radius) var(--ts-radius);box-shadow:0 10px 24px -10px rgba(10,36,87,.45);transition:padding .2s}
.ts-crop{display:block;position:relative;overflow:hidden;height:86px;aspect-ratio:195/108;transition:height .2s}
.ts-crop img{position:absolute;width:156.9%;left:-28.2%;top:-3.7%;height:auto}
.ts-head.ts-compact{transform:translateY(calc(-1 * var(--ts-util-h)))}
.ts-head.ts-compact .ts-crop{height:56px}
.ts-head.ts-compact .ts-brand a{padding:6px 10px 8px}

.ts-menu{display:flex;align-items:stretch;height:100%}
.ts-menu>li{position:relative;display:flex}
.ts-menu>li+li{background:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.22)) left center/1px 18px no-repeat}
.ts-menu>li>a,.ts-menu>li>button{display:flex;align-items:center;gap:7px;padding:0 18px;color:#fff;background:none;border:0;font-weight:600;font-size:17px;position:relative;white-space:nowrap;height:100%}
.ts-menu>li>a::after,.ts-menu>li>button::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;background:var(--ts-yellow);transform:scaleX(0);transition:transform .18s}
.ts-menu>li>a:hover::after,.ts-menu>li>button:hover::after,.ts-menu>li.ts-open>button::after,.ts-menu>li>a[aria-current]::after,.ts-menu>li>button.ts-current::after{transform:scaleX(1)}
.ts-chev{width:12px;height:12px;transition:transform .18s}
.ts-menu>li.ts-open .ts-chev{transform:rotate(180deg)}

.ts-actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.ts-btn{text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:4px;padding:13px 22px;white-space:nowrap;border:2px solid transparent;font-size:16px;line-height:1.3;transition:background .15s,color .15s}
.ts-btn-yellow{background:var(--ts-yellow);color:var(--ts-navy-deep)!important}
.ts-btn-yellow:hover{background:#ffd23f}
.ts-btn-line{border-color:var(--ts-navy);color:var(--ts-navy)!important;background:#fff}
.ts-btn-line:hover{background:var(--ts-navy);color:#fff!important}
.ts-burger{display:none;background:none;border:2px solid rgba(255,255,255,.5);color:#fff;border-radius:4px;width:48px;height:48px;align-items:center;justify-content:center;padding:0}
.ts-burger svg{width:24px;height:24px}

/* Açılır paneller */
.ts-drop{position:absolute;top:100%;left:0;background:#fff;color:var(--ts-ink);border-radius:0 0 var(--ts-radius) var(--ts-radius);box-shadow:0 22px 40px -18px rgba(10,36,87,.4);border-top:4px solid var(--ts-yellow);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility .16s}
.ts-menu>li.ts-open>.ts-drop{opacity:1;visibility:visible;transform:none}
.ts-drop.ts-list{min-width:310px;padding:10px 0}
.ts-drop.ts-list a{display:block;padding:10px 22px}
.ts-drop.ts-list b{display:block;font-weight:700}
.ts-drop.ts-list span{display:block;color:var(--ts-muted);font-size:15px;line-height:1.35}
.ts-drop.ts-list a:hover{background:var(--ts-sky-soft)}
.ts-drop.ts-list a:hover b{color:var(--ts-navy-2)}
.ts-menu>li.ts-mega{position:static}
.ts-drop.ts-mega-panel{left:32px;right:32px;padding:24px 28px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px 18px}
.ts-mega-panel a{display:flex;align-items:center;gap:14px;padding:8px;border-radius:var(--ts-radius)}
.ts-mega-panel a:hover{background:var(--ts-sky-soft)}
.ts-mega-panel a:hover b{color:var(--ts-navy-2)}
.ts-mega-panel .ts-th{width:64px;height:52px;flex:none;background:var(--ts-plate);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:4px}
.ts-mega-panel .ts-th img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.ts-mega-panel b{font-weight:700;line-height:1.25;display:block}
.ts-mega-panel small{display:block;color:var(--ts-muted);font-size:14px;line-height:1.3}
.ts-mega-panel .ts-foot-row{grid-column:1/-1;border-top:1px solid var(--ts-line);margin-top:8px;padding-top:14px;color:var(--ts-muted)}
.ts-mega-panel .ts-foot-row b{display:inline;color:var(--ts-ink)}

/* ===== Mobil çekmece ===== */
.ts-drawer{position:fixed;inset:0;z-index:10001;visibility:hidden}
.ts-drawer.ts-open{visibility:visible}
.ts-drawer .ts-shade{position:absolute;inset:0;background:rgba(10,20,40,.5);opacity:0;transition:opacity .2s}
.ts-drawer.ts-open .ts-shade{opacity:1}
.ts-drawer .ts-panel{position:absolute;top:0;right:0;bottom:0;width:min(400px,88vw);background:#fff;transform:translateX(100%);transition:transform .22s;display:flex;flex-direction:column;overflow-y:auto}
.ts-drawer.ts-open .ts-panel{transform:none}
.ts-drawer .ts-ph{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--ts-navy);color:#fff}
.ts-drawer .ts-ph b{font-size:18px}
.ts-drawer .ts-close{background:none;border:2px solid rgba(255,255,255,.5);color:#fff;border-radius:4px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0}
.ts-drawer nav>a,.ts-drawer details>summary{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--ts-line);font-weight:700;font-size:18px;list-style:none;cursor:pointer}
.ts-drawer details>summary::-webkit-details-marker{display:none}
.ts-drawer details[open]>summary{color:var(--ts-navy-2)}
.ts-drawer details[open]>summary .ts-chev{transform:rotate(180deg)}
.ts-drawer details div{background:var(--ts-plate);padding:6px 0}
.ts-drawer details div a{display:block;padding:11px 32px;font-weight:500}
.ts-drawer .ts-dlang{display:flex;gap:8px;padding:16px 20px 0}
.ts-drawer .ts-dlang a{border:1px solid var(--ts-line);border-radius:4px;padding:6px 12px;font-weight:600}
.ts-drawer .ts-contact{padding:20px;display:grid;gap:10px;margin-top:auto}
.ts-drawer .ts-contact .ts-btn{width:100%}

/* ===== Footer ===== */
.ts-foot{clear:both;width:100%;float:left;background:var(--ts-navy-deep);color:#cfdcf2}
.ts-foot .ts-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-top:64px;padding-bottom:48px}
.ts-foot .ts-flogo{display:inline-block;background:#fff;padding:8px 12px;border-radius:var(--ts-radius);margin-bottom:16px}
.ts-foot .ts-flogo .ts-crop{height:64px}
.ts-foot p{margin:0 0 10px;font-size:16px;color:#cfdcf2}
.ts-foot h4{color:#fff;font-size:17px;margin:0 0 14px;font-weight:700;font-family:inherit}
.ts-foot ul{display:grid;gap:8px}
.ts-foot a:hover{color:#fff;text-decoration:underline}
.ts-foot .ts-fcontact{display:grid;gap:6px;margin:4px 0 14px}
.ts-foot .ts-fc{display:flex;align-items:center;gap:8px;font-size:16px}
.ts-foot .ts-fc svg{width:18px;height:18px;color:#8fa8d6}
.ts-foot .ts-fc b{color:var(--ts-yellow);font-weight:700;font-variant-numeric:tabular-nums}
.ts-foot .ts-fc:last-child b{color:#cfdcf2;font-weight:500}
.ts-foot .ts-social{display:flex;gap:4px}
.ts-foot .ts-social a{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}
.ts-foot .ts-social a:hover{background:var(--ts-navy-2)}
.ts-foot .ts-social svg{width:18px;height:18px}
.ts-foot .ts-fcol summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:default;pointer-events:none}
.ts-foot .ts-fcol summary::-webkit-details-marker{display:none}
.ts-foot .ts-fcol summary .ts-chev{display:none;color:#8fa8d6}
.ts-foot .ts-fcol summary h4{margin:0 0 14px}
.ts-foot .ts-bottom{border-top:1px solid #234480;padding:18px 0;font-size:15px}
.ts-foot .ts-bottom .ts-wrap{display:flex;gap:24px;flex-wrap:wrap}
.ts-foot .ts-bottom .ts-legal{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}

/* ===== Duyarlı ===== */
@media (max-width:1240px){
  .ts-menu>li>a,.ts-menu>li>button{padding:0 12px;font-size:16px}
  .ts-menu>li>a::after,.ts-menu>li>button::after{left:12px;right:12px}
  .ts-brand{margin-right:20px}
}
@media (max-width:1100px){
  .ts-menu,.ts-actions .ts-btn{display:none}
  .ts-burger{display:inline-flex}
  .ts-util .ts-hide-m{display:none}
  .ts-foot .ts-top{grid-template-columns:1fr 1fr}
}
/* Eski sitenin mobil düzeni (929px ve altı) header'ı akış içinde bekler */
@media (max-width:929px){
  body{padding-top:118px!important}
}
@media (max-width:640px){
  .ts-wrap{padding:0 18px}
  .ts-util .ts-wrap{gap:14px;font-size:14px}
  .ts-util .ts-lbl{display:none}
  .ts-util .ts-right{gap:0}
  .ts-lang a{padding:3px 7px}
  .ts-bar .ts-wrap{height:64px}
  body{padding-top:106px!important}
  .ts-crop{height:62px}
  .ts-head.ts-compact .ts-crop{height:48px}
  .ts-brand a{padding:6px 10px 8px}
  .ts-foot .ts-top{grid-template-columns:1fr;gap:0;padding-top:40px;padding-bottom:16px}
  .ts-foot .ts-top>div:first-child{padding-bottom:24px}
  /* Mobilde alt logo header logosundan küçük: kaydırınca iki logo üst üste aynı boyda görünmesin */
  .ts-foot .ts-flogo{padding:6px 9px;margin:0}
  .ts-foot .ts-flogo .ts-crop{height:44px}
  /* Logo solda, adres sağında; iletişim kutuları ve sosyal bağlantılar altta tam genişlik */
  .ts-foot .ts-top>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-items:center}
  .ts-foot .ts-top>div:first-child>p{margin:0;font-size:15px;line-height:1.5}
  .ts-foot .ts-top>div:first-child>:not(.ts-flogo):not(p){grid-column:1/-1}
  .ts-foot .ts-fcontact{gap:10px;margin:18px 0 18px}
  .ts-foot .ts-fc{background:var(--ts-navy);border:1px solid #234480;border-radius:var(--ts-radius);padding:12px 14px;min-height:48px}
  .ts-foot .ts-fc span{color:#cfdcf2}
  .ts-foot .ts-fc b{margin-left:auto}
  .ts-foot .ts-fc:last-child b{margin-left:0}
  .ts-foot .ts-fcol{border-top:1px solid #234480}
  .ts-foot .ts-fcol summary{pointer-events:auto;cursor:pointer;min-height:56px}
  .ts-foot .ts-fcol summary h4{margin:0}
  .ts-foot .ts-fcol summary .ts-chev{display:block}
  .ts-foot .ts-fcol[open] summary .ts-chev{transform:rotate(180deg)}
  .ts-foot .ts-fcol ul{grid-template-columns:1fr 1fr;gap:4px 16px;padding:0 0 18px}
  .ts-foot .ts-fcol ul a{display:block;padding:7px 0}
  .ts-foot .ts-bottom{padding:20px 0 24px}
  .ts-foot .ts-bottom .ts-wrap{flex-direction:column;align-items:center;gap:10px;text-align:center}
  .ts-foot .ts-bottom .ts-legal{margin-left:0;justify-content:center;gap:8px 18px}
}
@media (prefers-reduced-motion:reduce){
  .ts-head,.ts-head *,.ts-drawer,.ts-drawer *{transition:none!important}
}