/* Anasayfa marka şeridi (K2 Kesik bant, 30 Eki) */
.zm{--zk:#d61116;--zk-d:#b00d12;--zg1:#878787;--zy:#1b1c1f;--zd:#1d1f22;--ease:cubic-bezier(.7,0,.2,1);position:relative;overflow:hidden;font-family:"Plus Jakarta Sans",sans-serif;background:var(--zd);padding:40px 0}
.zm .band{position:relative;max-width:1360px;margin:0 auto;background:#fff;display:flex;align-items:stretch;height:120px;clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px)}
.zm .cg{position:absolute;left:0;top:0;width:28px;height:28px;background:var(--zg1);clip-path:polygon(0 0,100% 0,0 100%);z-index:3}
.zm .wrap{position:relative;max-width:1360px;margin:0 auto;padding:0 40px}
.zm .wrap>.cg{left:40px}
.zm .ttl{flex:none;padding:0 36px 0 48px;display:flex;align-items:center;gap:14px;position:relative}
.zm .ttl::after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:#e3e6ea}
.zm .ttl i{width:28px;height:3px;background:var(--zk);clip-path:polygon(0 0,100% 0,calc(100% - 3px) 100%,0 100%)}
.zm .ttl b{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--zy);line-height:1.3}
.zm .mq{position:relative;overflow:hidden;flex:1;min-width:0;display:flex;align-items:center;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.zm .mq-t{display:flex;align-items:center;width:max-content;animation:zmMq 26s linear infinite}
.zm .mq:hover .mq-t{animation-play-state:paused}
@keyframes zmMq{to{transform:translateX(-50%)}}
.zm .lg{flex:none;display:grid;place-items:center;height:120px;padding:0 44px;border-right:1px solid #eef0f2}
.zm .lg img{display:block;height:46px;width:auto;filter:grayscale(1);opacity:.55;transition:filter .4s,opacity .4s,transform .4s var(--ease)}
.zm .lg:hover img{filter:none;opacity:1;transform:scale(1.06)}
/* Tüm markalar: kırmızı blok, sol kenar çapraz kesik */
.zm .all{flex:none;position:relative;display:flex;align-items:center;gap:12px;padding:0 48px 0 64px;margin-left:-24px;background:var(--zk);color:#fff;text-decoration:none;font-size:15px;font-weight:800;white-space:nowrap;clip-path:polygon(24px 0,100% 0,100% 100%,0 100%);transition:background .35s}
.zm .all svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s var(--ease)}
.zm .all:hover{background:var(--zk-d)}.zm .all:hover svg{transform:translateX(5px)}
.zm .all small{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:3px}
@media (prefers-reduced-motion:reduce){.zm .mq-t{animation:none}}
@media (max-width:991px){
	.zm{padding:28px 0}.zm .wrap{padding:0 16px}.zm .wrap>.cg{left:16px}
	.zm .band{height:88px}.zm .ttl{display:none}
	.zm .lg{height:88px;padding:0 26px}.zm .lg img{height:32px}
	.zm .all{padding:0 18px 0 34px;margin-left:-18px;clip-path:polygon(18px 0,100% 0,100% 100%,0 100%)}.zm .all span{display:none}
}
/* hero zemininin devamı: aynı kayan çapraz çizgiler */
.zm{background:var(--zd) repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 1px,transparent 1px 14px);animation:zmDrift 30s linear infinite}
@keyframes zmDrift{to{background-position:198px 0}}
/* 30 Eki: daha yüksek bant */
.zm{padding:56px 0}
.zm .band{height:168px;max-width:1440px}
.zm .wrap{max-width:1440px}
.zm .lg{height:168px;padding:0 56px}.zm .lg img{height:64px}
.zm .ttl{padding:0 44px 0 56px}.zm .ttl b{font-size:15px}.zm .ttl i{width:36px}
.zm .all{font-size:17px;padding:0 56px 0 76px}.zm .all small{font-size:12px}
@media (max-width:991px){.zm{padding:32px 0}.zm .band{height:112px}.zm .lg{height:112px;padding:0 30px}.zm .lg img{height:42px}.zm .all{padding:0 20px 0 36px}}
/* 30 Eki: yükseklik eski haline, bant kenardan kenara */
.zm{padding:40px 0}
.zm .wrap{max-width:none;padding:0}.zm .wrap>.cg{left:0}
.zm .band{max-width:none;height:120px}
.zm .lg{height:120px;padding:0 48px}.zm .lg img{height:46px}
.zm .ttl{padding:0 40px 0 64px}.zm .ttl b{font-size:13px}.zm .ttl i{width:28px}
.zm .all{font-size:15px;padding:0 64px 0 72px}.zm .all small{font-size:11px}
@media (max-width:991px){.zm{padding:28px 0}.zm .wrap{padding:0}.zm .wrap>.cg{left:0}.zm .band{height:88px}.zm .lg{height:88px;padding:0 26px}.zm .lg img{height:32px}.zm .all{padding:0 20px 0 36px}}
/* 30 Eki: ilk hal + biraz daha geniş (kenarlardan 40px boşluk) */
.zm .wrap{max-width:1520px;padding:0 40px}.zm .wrap>.cg{left:40px}
.zm .ttl{padding:0 36px 0 48px}.zm .all{padding:0 48px 0 64px}
@media (max-width:991px){.zm .wrap{padding:0 16px}.zm .wrap>.cg{left:16px}.zm .all{padding:0 20px 0 36px}}
/* 30 Eki: silik kırmızı üçgen şeridin altına yapışık, büyük, hero'ya kadar uzanır (screen karışımı: beyazları boyamaz) */
.zm{overflow:visible}
.zm-tri{position:absolute;right:0;bottom:0;width:min(72vw,1120px);aspect-ratio:1;pointer-events:none;background:linear-gradient(315deg,rgb(72,10,12),rgb(26,4,5) 55%,#000 80%);clip-path:polygon(100% 0,100% 100%,0 100%);mix-blend-mode:screen}
.zh-a.v3 .bt.r{display:none}
@media (max-width:991px){.zm-tri{width:110vw}}
/* 30 Eki v2: üçgen hero'nun kendi zemininde (ürün fotoğrafını boyamasın); hero zemini şeridin altına kadar uzar */
.zm-tri{display:none}
.zm{background:transparent;animation:none}
:root{--zmh:200px}
.zh-a.v3{overflow:visible}
.zh-a.v3::before,.zh-a.v3 .zbg{bottom:calc(-1 * var(--zmh))}
.zh-a.v3 .bt.r{display:block;top:auto;right:0;bottom:0;width:min(72vw,1120px);transform:none}
@media (max-width:991px){:root{--zmh:144px}.zh-a.v3 .bt.r{width:110vw}}
.zh-a.v3{background:transparent}.zh-a.v3::before{background-color:#1d1f22}
/* "4 marka" kaldırıldı; hover gri (buton sistemindeki gri) */
.zm .all{background:var(--zk);transition:background .35s}
.zm .all:hover{background:#878787}