/* Header final: mega menü + sticky */
:root{--z-bordo:#d61116}
.k1b .z-header{position:absolute;transition:background .35s,box-shadow .35s}
.k1b .z-left .z-nav a.is-on .z-caret{transition:transform .3s}
/* mega */
.z-mega{position:absolute;left:40px;right:40px;top:calc(100% + 8px);background:#fff;color:var(--z-yazi);border-radius:16px;box-shadow:0 40px 80px rgba(0,0,0,.35);display:grid;grid-template-columns:290px 1fr 320px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .3s,visibility .3s;z-index:5}
.z-mega.is-open{opacity:1;visibility:visible;transform:none}
.z-mega .z-cats{background:#f3f4f6;padding:22px 14px}
.z-mega .z-cats a{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:15px;font-weight:500;border-radius:10px;transition:.2s}
.z-mega .z-cats a:hover{background:#fff}
.z-mega .z-cats a.is-on{background:#fff;color:var(--z-bordo);box-shadow:0 2px 10px rgba(0,0,0,.06);font-weight:600}
.z-mega .z-cats a.is-on::after{content:"→";margin-left:8px}
.z-mega .z-cats small{color:#9aa0a6;font-weight:400;margin-left:auto}
.z-mega .z-cats a.is-on small{display:none}
.z-mega .z-subs{padding:30px 34px}
.z-mega h4{margin:0 0 4px;font-size:24px;font-weight:700;letter-spacing:-.01em}
.z-mega .z-lead{color:#8a8f96;font-size:14px;margin:0 0 22px}
.z-mega .z-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.z-mega .z-card div{aspect-ratio:4/3;border-radius:10px;background:#ddd center/cover;margin-bottom:10px;transition:transform .4s}
.z-mega .z-card:hover div{transform:scale(1.03)}
.z-mega .z-card b{display:block;font-size:14.5px;font-weight:600}
.z-mega .z-card span{font-size:12.5px;color:#8a8f96}
.z-mega .z-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid #eceef1}
.z-mega .z-links a{font-size:13px;padding:7px 14px;border:1px solid #e2e5e9;border-radius:20px}
.z-mega .z-links a:last-child{border-color:var(--z-bordo);color:var(--z-bordo);font-weight:600}
.z-mega .z-promo{background:#1e2023 center/cover;color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.z-mega .z-promo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,32,35,.1),rgba(30,32,35,.95))}
.z-mega .z-promo *{position:relative;z-index:2}
.z-mega .z-promo::before{z-index:1}
.z-mega .z-promo .pi{position:absolute;inset:0;z-index:0;background:center/cover no-repeat;opacity:0;transform:scale(1.04);transition:opacity .45s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.z-mega .z-promo .pi.on{opacity:1;transform:none}
.z-mega .z-promo small{color:#ff6b70;font-weight:700;letter-spacing:.14em;font-size:11px}
.z-mega .z-promo b{font-size:21px;line-height:1.3;margin:8px 0 18px;display:block}
.z-mega .z-promo a{background:var(--z-bordo);align-self:flex-start;padding:12px 18px;border-radius:8px;font-size:14px;font-weight:600}
/* sticky */
.k1b .z-top{transition:transform .35s}
.k1b.is-sticky .z-header{position:fixed;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(0,0,0,.08);color:var(--z-yazi)}
.k1b.is-sticky .z-row{height:78px;padding-top:0;align-items:center}
.k1b.is-sticky .z-rail{background:transparent;border-color:transparent;backdrop-filter:none;height:78px;padding:0}
.k1b.is-sticky .z-nav a{color:var(--z-yazi)}
.k1b.is-sticky .z-nav a:hover{background:#f1f2f4}
.k1b.is-sticky .z-nav a.is-on{background:var(--z-yazi);color:#fff}
.k1b.is-sticky .z-iconbtn{background:#f1f2f4;border-color:transparent;color:var(--z-yazi)}
.k1b.is-sticky .z-plate{margin-top:0;padding:0 30px;box-shadow:none;background:transparent}
.k1b.is-sticky .z-plate::before,.k1b.is-sticky .z-plate::after{display:none}
.k1b.is-sticky .z-plate img{height:46px}
.k1b.is-sticky .z-mega{top:calc(100% + 6px);box-shadow:0 30px 70px rgba(0,0,0,.18);border:1px solid #eceef1}
.z-content{padding:120px 0;background:#fff}
.z-content .z-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.z-content .z-ph{height:280px;border-radius:14px;background:#eef0f2}
/* v2: link satırı tek satır + dolu buton */
.z-mega .z-linkrow{display:flex;align-items:center;gap:18px;margin-top:22px;padding-top:20px;border-top:1px solid #eceef1}
.z-mega .z-linkrow .z-links{margin:0;padding:0;border:0;flex-wrap:nowrap;overflow:hidden;flex:1;gap:6px;-webkit-mask:linear-gradient(90deg,#000 88%,transparent);mask:linear-gradient(90deg,#000 88%,transparent)}
.z-mega .z-linkrow .z-links a{white-space:nowrap;border-color:#e2e5e9!important;color:inherit!important;font-weight:500!important;transition:.2s}
.z-mega .z-linkrow .z-links a:hover{border-color:var(--z-bordo)!important;color:var(--z-bordo)!important}
.z-mega .z-linkrow .zb{flex:none}

/* v2 sticky: yüzen koyu kapsül + okuma çubuğu, aşağı inerken gizlenir */
.k1b.is-sticky .z-header{top:14px;left:24px;right:24px;background:rgba(22,23,26,.86);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.28);color:#fff;transition:transform .45s cubic-bezier(.7,0,.2,1),background .35s}
.k1b.is-sticky.is-hidden .z-header{transform:translateY(-130%)}
.k1b.is-sticky .z-header .z-wrap{padding:0 12px}
.k1b.is-sticky .z-row{height:72px}
.k1b.is-sticky .z-rail{height:72px}
.k1b.is-sticky .z-nav a{color:#fff;padding:10px 18px}
.k1b.is-sticky .z-nav a:hover{background:rgba(255,255,255,.08)}
.k1b.is-sticky .z-nav a.is-on{background:#fff;color:var(--z-yazi)}
.k1b.is-sticky .z-iconbtn{background:rgba(255,255,255,.08);color:#fff}
.k1b.is-sticky .z-plate{background:#fff;border-radius:12px;padding:10px 26px;margin:0}
.k1b.is-sticky .z-plate img{height:40px}
.k1b.is-sticky .z-btn{height:46px}
.z-progress{position:absolute;left:18px;right:18px;bottom:-1px;height:2px;border-radius:2px;overflow:hidden;opacity:0;transition:opacity .3s}
.z-progress i{display:block;height:100%;width:100%;background:var(--z-bordo);transform-origin:left;transform:scaleX(0)}
.k1b.is-sticky .z-progress{opacity:1}
.k1b.is-sticky .z-mega{left:0;right:0;top:calc(100% + 10px)}
/* v3 sticky: logo plakası normaldeki gibi kapsülün üst kenarından sarkan beyaz sekme */
.k1b.is-sticky .z-header{top:0;border-radius:0 0 18px 18px;border-top:0}
.k1b.is-sticky .z-row{overflow:visible}
.k1b.is-sticky .z-plate{align-self:start;margin:0;padding:14px 34px 16px;border-radius:0 0 16px 16px;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.3)}
.k1b.is-sticky .z-plate img{height:46px}
.k1b.is-sticky .z-plate::before,.k1b.is-sticky .z-plate::after{display:block;width:16px;height:16px}
.k1b.is-sticky .z-plate::before{left:-16px;background:radial-gradient(circle at 0 100%,transparent 15.5px,#fff 16px)}
.k1b.is-sticky .z-plate::after{right:-16px;background:radial-gradient(circle at 100% 100%,transparent 15.5px,#fff 16px)}
.k1b.is-sticky .z-plate{padding:18px 40px 22px}
.k1b.is-sticky .z-plate img{height:50px}
.z-progress{z-index:1}.k1b .z-plate{z-index:2}
/* Buton sistemi (29 Eki): header Teklif Al = 1 Ana (bx1 sm), mega Tümünü gör = 2 Vurgu (bm3 sm dark), promo = 1 Ana */
.z-header .z-cta{height:50px;font-size:15px}.z-header .z-cta .mk{width:50px;height:50px}.z-header .z-cta .mk i{inset:10px}.z-header .z-cta::before{right:50px}
.k1b.is-sticky .z-header .z-cta{height:46px}.k1b.is-sticky .z-header .z-cta .mk{width:46px;height:46px}.k1b.is-sticky .z-header .z-cta::before{right:46px}
.z-mega .z-promo a.bx{background:var(--zk);padding:0 0 0 20px;border-radius:4px;align-self:flex-start}
.z-mega .z-linkrow .bm3{flex:none}
/* sticky: sarkan plaka satır yüksekliğini büyütmesin, raylar kapsülde ortalı kalsın */
.k1b.is-sticky .z-row{grid-template-rows:72px;align-items:center}.k1b.is-sticky .z-plate{margin-bottom:-18px}.k1b.is-sticky .z-rail{align-self:center}
/* mega menü: her grupta panel aynı yükseklik (kart yazıları tek satır) + gruplar arası geçiş animasyonu */
.z-mega .z-card b,.z-mega .z-card span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.z-mega .z-subs h4,.z-mega .z-subs .z-lead,.z-mega .z-subs .z-card,.z-mega .z-subs .z-links{transition:opacity .22s,transform .22s}
.z-mega .z-subs.cik h4,.z-mega .z-subs.cik .z-lead,.z-mega .z-subs.cik .z-card,.z-mega .z-subs.cik .z-links{opacity:0;transform:translateY(8px)}
.z-mega .z-subs.gir h4,.z-mega .z-subs.gir .z-lead,.z-mega .z-subs.gir .z-card,.z-mega .z-subs.gir .z-links{animation:zMgGir .5s cubic-bezier(.2,.7,.2,1) both}
.z-mega .z-subs.gir .z-lead{animation-delay:.04s}
.z-mega .z-subs.gir .z-card:nth-child(1){animation-delay:.06s}.z-mega .z-subs.gir .z-card:nth-child(2){animation-delay:.1s}
.z-mega .z-subs.gir .z-card:nth-child(3){animation-delay:.14s}.z-mega .z-subs.gir .z-card:nth-child(4){animation-delay:.18s}
.z-mega .z-subs.gir .z-links{animation-delay:.22s}
@keyframes zMgGir{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.z-mega .z-subs.gir *{animation:none!important}}
.z-mega .z-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (min-width:992px) and (max-width:1279px){.z-mega .z-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.z-mega .z-subs .z-lead{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.z-mega .z-cats a{white-space:nowrap}.z-mega .z-card{align-self:start}.z-mega .z-card b{line-height:1.4}.z-mega .z-card span{line-height:1.5}
@media (min-width:1440px){.z-mega{grid-template-columns:290px minmax(0,1fr) 320px}}
/* 992–1365: menü linkleri sıkışmasın — linkler, logo plakası ve butonlar küçülür (is-sticky kuralları daha özgül, ikisi birden) */
@media (min-width:992px) and (max-width:1199px){
	.k1b .z-nav,.k1b.is-sticky .z-nav{gap:0;font-size:14.5px}
	.k1b .z-nav a,.k1b.is-sticky .z-nav a{padding:10px 11px}
	.k1b .z-nav a .z-gi{width:15px;height:15px}
	.k1b .z-rail{padding:0 8px}
	.k1b .z-rail.l .z-nav{margin-right:14px}.k1b .z-rail.r .z-nav{margin-left:14px}
	.k1b .z-iconbtn{width:42px;height:42px}
	.k1b .z-plate,.k1b.is-sticky .z-plate{padding:16px 26px 18px}.k1b .z-plate img,.k1b.is-sticky .z-plate img{height:44px}
}
@media (min-width:992px) and (max-width:1079px){
	.k1b .z-nav a,.k1b.is-sticky .z-nav a{padding:10px 9px}
	.k1b .z-plate,.k1b.is-sticky .z-plate{padding:14px 20px 16px}.k1b .z-plate img,.k1b.is-sticky .z-plate img{height:40px}
	.k1b .z-rail.r .z-nav{margin-left:8px}.k1b .z-rail.l .z-nav{margin-right:8px}
}
@media (min-width:1200px) and (max-width:1365px){.k1b .z-nav a,.k1b.is-sticky .z-nav a{padding:12px 15px}.k1b .z-plate,.k1b.is-sticky .z-plate{padding:18px 32px 20px}}
/* zumer-mobil.css'teki 992–1279 plaka dolgusunu (28px) ez */
@media (min-width:992px) and (max-width:1199px){body.k1b:not(.is-sticky) .z-plate{padding:16px 26px 18px}}
@media (min-width:992px) and (max-width:1079px){body.k1b:not(.is-sticky) .z-plate{padding:14px 20px 16px}}
@media (min-width:1200px) and (max-width:1279px){body.k1b:not(.is-sticky) .z-plate{padding:18px 32px 20px}}
/* laptop (992–1365): logo küçüldüğünde plaka rayların altından kısa kalıyor, altında arkaplan kesiliyordu → plaka en az ray altı + 12px */
@media (min-width:992px) and (max-width:1365px){body.k1b:not(.is-sticky) .z-plate{min-height:102px;align-content:center}}