/* Zümer — Anasayfa Hizmetlerimiz (teknik çizim, kaydırmalı) */
.zhz{--ease:cubic-bezier(.2,.7,.2,1);--perde:cubic-bezier(.77,0,.18,1);position:relative;background:#eef0f2;color:#1b1c1f;font-family:"Plus Jakarta Sans",sans-serif}
.zhz *{box-sizing:border-box}
.zhz-pin{position:sticky;top:0;height:100vh;min-height:640px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:96px 0 24px}
.zhz-w{width:100%;max-width:1280px;margin:0 auto;padding:0 40px}
.zhz-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}
.zhz-h{margin:0;font:800 clamp(30px,2.9vw,46px)/1.16 "Plus Jakarta Sans",sans-serif;letter-spacing:-.022em;color:#1b1c1f}
.zhz-h em{font-style:normal;color:#d61116}
/* başlık: kelimeler kaydırdıkça şerit gibi dolar (Hakkımızda / Ürün grupları ile aynı) */
.zhz-h .w{display:inline-block;white-space:nowrap;padding:.06em 0;background:linear-gradient(90deg,#1b1c1f 0 var(--f,0%),#d2d6db var(--f,0%) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.zhz-h em .w{background-image:linear-gradient(90deg,#d61116 0 var(--f,0%),#f1c9ca var(--f,0%) 100%)}
.zhz-bas p{margin:8px 0 0;max-width:30em;font-size:15px;line-height:1.7;color:#5f6368}
.zhz-bas .bx{flex:none}
.zhz .ik{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.zhz ul,.zhz ol{list-style:none;margin:0;padding:0}
.zhz ul li{position:relative;padding-left:20px;font-size:14px;font-weight:600;line-height:1.9}
.zhz ul li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%)}
.zhz-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:stretch}
.zhz-sol{display:flex;flex-direction:column}

/* hizmet listesi: kontur numara + düz gri ad, aktif adımda ad soldan dolar, alt çizgi kırmızılaşır */
.zhz .ad{border-top:1px solid #dfe2e6}
.zhz .ad li{position:relative;display:grid;grid-template-columns:58px 1fr;align-items:center;padding:12px 0;border-bottom:1px solid #dfe2e6;cursor:pointer;outline:none}
.zhz .ad em{font-style:normal;font-size:30px;line-height:1;font-weight:800;color:transparent;-webkit-text-stroke:1.2px #c5c9ce;transition:-webkit-text-stroke-color .4s}
.zhz .ad li.on em{-webkit-text-stroke-color:#d61116}.zhz .ad li.gec em{-webkit-text-stroke-color:#1b1c1f}
.zhz .fl{position:relative;display:inline-block;justify-self:start;white-space:nowrap;padding:.06em 0;font-size:clamp(22px,2.1vw,32px);font-weight:800;letter-spacing:-.012em;line-height:1.15;color:transparent;background:linear-gradient(90deg,#1b1c1f 0 calc(var(--f,0)*100%),#c9cdd2 calc(var(--f,0)*100%) 100%);-webkit-background-clip:text;background-clip:text;transition:transform .5s var(--ease)}
.zhz .fl i{display:none}
.zhz .ad li.on .fl{transform:translateX(8px)}
.zhz .ad li:not(.on):hover .fl,.zhz .ad li:focus-visible .fl{transform:translateX(4px)}
.zhz .ad li:not(.on):hover em{-webkit-text-stroke-color:#878787}
.zhz .ad .dl{position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:#d61116;transform:scaleX(0);transform-origin:left}
.zhz .ad li.on .dl{transform:scaleX(var(--f,0))}

/* aktif hizmet kartı */
.zhz .txs{position:relative;margin-top:auto;min-height:236px}
.zhz .tx{position:absolute;left:0;right:0;bottom:0;padding:26px 28px;background:#fff;border-top:3px solid #d61116;opacity:0;transform:translateY(16px);transition:opacity .4s,transform .6s var(--ease);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);pointer-events:none}
.zhz .tx.on{opacity:1;transform:none;transition-delay:.15s;pointer-events:auto}
.zhz .tx .nb{position:absolute;right:20px;top:12px;font-size:56px;line-height:1;font-weight:800;color:transparent;-webkit-text-stroke:1.2px #e2e5e8}
.zhz .tx.on .nb{-webkit-text-stroke-color:#d61116;transition:-webkit-text-stroke-color .6s .4s}
.zhz .tx .ik{color:#d61116}
.zhz .tx b{display:block;margin-top:10px;font-size:22px;font-weight:800}
.zhz .tx p{margin:6px 0 12px;font-size:14.5px;line-height:1.6;color:#5f6368}
.zhz .tx ul{display:flex;flex-wrap:wrap;gap:0 16px}

/* çizim kâğıdı (pafta) */
.zhz .pf{display:flex}
.zhz .kag{position:relative;flex:1;display:flex;align-items:center;background:#fff;padding:54px 30px 50px;box-shadow:0 30px 60px -30px rgba(29,31,34,.25);
	background-image:linear-gradient(rgba(29,31,34,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(29,31,34,.04) 1px,transparent 1px);background-size:20px 20px;background-position:-1px -1px}
.zhz .kag .ust{position:absolute;left:0;right:0;top:0;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e3e5e8;background:#fff;font-size:11px;font-weight:800;letter-spacing:.12em}
.zhz .lg{display:flex;align-items:center;gap:10px}
.zhz .lg i{width:16px;height:16px;background:linear-gradient(135deg,#878787 50%,#d61116 50%)}
.zhz .as{height:14px;overflow:hidden;color:#d61116}
.zhz .rl{display:block;transform:translateY(calc(var(--st,0)*-14px));transition:transform .7s var(--perde)}
.zhz .rl i{display:block;height:14px;line-height:14px;font-style:normal;text-align:right}
.zhz .pafta{position:absolute;left:0;right:0;bottom:0;height:36px;display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:0 60px 0 18px;border-top:1px solid #e3e5e8;background:#fff;font-size:11px;font-weight:700;color:#878787;letter-spacing:.06em}
.zhz .pafta span:first-child{margin-right:auto;color:#1b1c1f}
.zhz .pafta b{color:#d61116}
.zhz .kk{position:absolute;right:0;bottom:0;width:46px;height:46px;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%)}
.zhz .kk::after{content:"";position:absolute;inset:0;background:#878787;clip-path:polygon(100% 45%,100% 100%,45% 100%)}

/* çizim: 1 çizilir · 2 paslanmaz dokuyla dolar · 3 bağlantı + ekipman · 4 bakım noktaları */
.zhz .cizim{display:block;width:100%;height:auto;max-height:calc(100vh - 330px);overflow:visible}
.zhz .cizim *{vector-effect:non-scaling-stroke}
.zhz .zm,.zhz .ci,.zhz .ol,.zhz .bg{stroke-dasharray:1}
.zhz .zm{stroke:#c5c9ce;stroke-width:1.5;stroke-dashoffset:calc(1 - var(--d0,0))}
.zhz .ci{stroke:#1d1f22;stroke-width:1.5;stroke-dashoffset:calc(1 - var(--d0,0));fill:url(#inox);fill-opacity:var(--d1,0)}
.zhz .ol{stroke:#9aa0a6;stroke-width:1;stroke-dashoffset:calc(1 - var(--d0,0))}
.zhz text{stroke:none;fill:#878787;font:700 11px "Plus Jakarta Sans",sans-serif;letter-spacing:.12em;text-anchor:middle}
.zhz .ol-t{opacity:var(--d0,0)}
.zhz .ic2{fill:#b4b8bd;font-size:9px;opacity:calc(var(--d0,0) - var(--d1,0))}
.zhz .parlak{fill:#fff;opacity:calc(min(var(--d1,0),1 - var(--d1,0))*1.4);transform:translateX(calc(var(--d1,0)*680px)) skewX(-20deg)}
.zhz .kn{fill:#d61116;opacity:var(--d1,0)}
.zhz .bg{stroke:#d61116;stroke-width:1.5;stroke-dashoffset:calc(1 - var(--d2,0))}
.zhz .bg-t{fill:#d61116;font-size:10px;opacity:var(--d2,0)}
.zhz .ek{stroke:#1d1f22;stroke-width:1.5;fill:none;opacity:clamp(0,calc(var(--d2,0)*4 - var(--k,0)),1);transform:translateY(calc((1 - clamp(0,calc(var(--d2,0)*4 - var(--k,0)),1))*-40px))}
.zhz .ek>rect:first-child{fill:#2c2f34}
.zhz .ek circle{fill:#d61116;stroke:none}
.zhz .ek rect+path,.zhz .ek rect:not(:first-child){stroke:#fff}
.zhz .sv{fill:#d61116;stroke:#fff;stroke-width:3;transform-box:fill-box;transform-origin:center;transform:scale(clamp(0,calc(var(--d3,0)*6 - var(--k,0)),1))}
.zhz .sv-t{fill:#d61116;font-size:9.5px;text-anchor:start;opacity:clamp(0,calc(var(--d3,0)*2 - 1),1)}
.zhz.s3 .sv{animation:zhNab 1.8s ease-out infinite}
@keyframes zhNab{0%{filter:drop-shadow(0 0 0 rgba(214,17,22,.8))}100%{filter:drop-shadow(0 0 12px rgba(214,17,22,0))}}
/* adım etiketleri */
.zhz .ce{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;background:#1d1f22;color:#fff;font-size:12.5px;font-weight:700;white-space:nowrap;opacity:0;transform:translateY(10px) scale(.94);transition:opacity .4s,transform .5s var(--ease);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.zhz .ce em{font-style:normal;display:grid;place-items:center;width:24px;height:24px;background:#d61116;font-size:11px}
.zhz .ce.on{opacity:1;transform:none;transition-delay:.25s}

/* laptop: kısa ekranlarda sıkıştır */
@media (min-width:992px) and (max-height:820px){
	.zhz-bas{margin-bottom:22px}.zhz-bas p{display:none}
	.zhz .ad li{padding:8px 0}.zhz .fl{font-size:clamp(20px,1.9vw,28px)}.zhz .ad em{font-size:26px}
	.zhz .txs{min-height:200px}.zhz .tx{padding:20px 22px}.zhz .tx p{margin-bottom:8px}
}
@media (max-width:1199px) and (min-width:992px){.zhz-g{gap:36px}.zhz .tx ul{display:none}.zhz .txs{min-height:190px}}

/* tablet + mobil: yine sabitlenir ve kaydırmayla ilerler; çizim üstte, aktif hizmet altta */
@media (max-width:991px){
	.zhz-pin{height:100svh;min-height:0;padding:84px 0 16px}
	.zhz-w{padding:0 24px}
	.zhz-bas{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:16px}
	.zhz-bas p,.zhz-bas .bx{display:none}
	.zhz-g{grid-template-columns:1fr;gap:12px}
	.zhz-sol{display:contents}
	.zhz .pf{order:1}.zhz .ad{order:2}.zhz .txs{order:3}
	.zhz .kag{display:block;padding:44px 8px 38px}
	.zhz .cizim{max-height:none}
	.zhz .kag .ust{font-size:9px;padding:0 10px;height:34px}.zhz .pafta{height:30px;font-size:10px;padding-right:44px}.zhz .pafta span:first-child{display:none}
	.zhz .kk{width:34px;height:34px}
	.zhz .ce{font-size:11px;padding:5px 10px 5px 5px}.zhz .ce em{width:18px;height:18px;font-size:10px}
	/* liste: dört ince segment + aktif adın tam adı */
	.zhz .ad{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border:0}
	.zhz .ad li{display:block;padding:0 0 8px;border:0;border-bottom:3px solid #d9dce0}
	.zhz .ad li.gec{border-color:#1d1f22}
	.zhz .ad .dl{bottom:-3px}
	.zhz .ad em{font-size:20px}
	.zhz .ad .fl{display:none}
	.zhz .txs{min-height:0;height:clamp(150px,24svh,210px)}
	.zhz .tx{padding:16px 18px}.zhz .tx .nb{font-size:36px;top:10px}.zhz .tx .ik{width:30px;height:30px}
	.zhz .tx b{font-size:19px;margin-top:6px}.zhz .tx p{font-size:13.5px;margin:4px 0 0}.zhz .tx ul{display:none}
}
@media (min-width:576px) and (max-width:991px){
	.zhz-w{max-width:720px}
	.zhz .tx ul{display:flex;margin-top:6px}.zhz .txs{height:clamp(170px,22svh,220px)}
}
@media (max-width:575px){.zhz-w{padding:0 16px}.zhz-h{font-size:26px}}
@media (max-width:991px) and (max-height:700px){.zhz .tx p{display:none}.zhz .txs{height:110px}}
@media (prefers-reduced-motion:reduce){.zhz.s3 .sv{animation:none}}
/* kartlar üst üste aynı hücrede: kutu en uzun kart kadar, liste ile çakışmaz; pafta sol kolonla aynı boyda */
.zhz .txs{display:grid;min-height:0;margin-top:18px}
.zhz .tx{position:relative;left:auto;right:auto;bottom:auto;grid-area:1/1;align-self:end}
@media (min-width:992px) and (max-height:820px){.zhz .txs{margin-top:12px}}
@media (max-width:991px){.zhz .txs{height:auto;margin-top:0}}
/* mobil/tablet: sahne ekranı doldurur — pafta kalan yüksekliği alır (üst/alt boşluk kalmaz), kısa ekranda çizim küçülür (alt kesilmez) */
@media (max-width:991px){
	.zhz-pin{justify-content:flex-start}
	.zhz-w{flex:1;min-height:0;display:flex;flex-direction:column}
	.zhz-g{flex:1;min-height:0;grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch}
	.zhz .pf{min-height:0;display:flex}
	.zhz .kag{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;max-height:min(100%,130vw)}
	.zhz .cizim{flex:0 1 auto;min-height:0;max-height:100%}
}
/* bölümün altında nefes payı (kullanıcı isteği): her genişlikte alt boşluk */
.zhz-pin{padding-bottom:72px}
.zhz .cizim{max-height:calc(100vh - 380px)}
@media (min-width:992px) and (max-height:820px){.zhz-pin{padding-bottom:48px}.zhz .cizim{max-height:calc(100vh - 350px)}}
@media (max-width:991px){.zhz-pin{padding-bottom:40px}.zhz .cizim{max-height:100%}}
@media (max-width:991px) and (max-height:700px){.zhz-pin{padding-bottom:28px}}
@media (min-width:992px) and (max-height:700px){.zhz .cizim{max-height:calc(100vh - 380px)}.zhz .txs{min-height:180px}}
@media (min-width:992px) and (max-height:700px){.zhz-pin{padding-top:84px}.zhz .ad li{padding:5px 0}.zhz .fl{font-size:clamp(19px,1.7vw,24px)}.zhz .ad em{font-size:22px}.zhz .tx ul{display:none}}
/* Özel üretim: yeni başlık daha uzun; masaüstünde 1000px'e kadar yükseklikte de sıkışık düzen → alt/üst boşluk korunur */
@media (min-width:992px){.zhz-h{font-size:clamp(28px,2.5vw,40px)}}
@media (min-width:992px) and (max-height:1000px){
	.zhz-bas{margin-bottom:24px}.zhz-bas p{margin-top:6px;font-size:14px;line-height:1.6}
	.zhz .ad li{padding:8px 0}.zhz .fl{font-size:clamp(20px,1.9vw,28px)}.zhz .ad em{font-size:26px}
	.zhz .tx{padding:20px 24px}.zhz .tx p{margin-bottom:8px}
	.zhz .cizim{max-height:calc(100vh - 420px)}
}

/* === Özel üretim çizimi K1 (Standarttan ölçüye) — _hz/cizim-konsept.py ile aynı === */

/* ortak: her adım kendi aralığında başlasın (önceki bitmeden karışmasın) */
.zhz .cizim{--e1:clamp(0,calc((var(--d1,0) - .4) / .6),1);--e2:clamp(0,calc((var(--d2,0) - .4) / .6),1);--e3:clamp(0,calc((var(--d3,0) - .4) / .6),1)}
.zhz .cizim .k-zm{stroke:#c5c9ce;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--d0,0))}
.zhz .cizim .k-ci{stroke:#1d1f22;stroke-width:1.5;fill:none;stroke-dasharray:1}
.zhz .cizim .k-ol{stroke:#d61116;stroke-width:1.2;fill:none;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--e1))}
.zhz .cizim .k-olt{fill:#d61116;font:700 11px "Plus Jakarta Sans",sans-serif;letter-spacing:.06em;opacity:var(--e1)}
.zhz .cizim .k-dt{stroke:#1d1f22;stroke-width:1.2;fill:none;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--e2))}
.zhz .cizim .k-not{fill:#9aa0a6;font:700 9px "Plus Jakarta Sans",sans-serif;letter-spacing:.1em;opacity:var(--e2)}
.zhz .cizim .k-not.r{fill:#d61116}
.zhz .cizim .k-dmg{opacity:clamp(0,calc(var(--e2)*2 - .8),1);transform:rotate(-8deg) scale(calc(1.6 - .6*clamp(0,calc(var(--e2)*2 - .8),1)));transform-box:fill-box;transform-origin:center}
.zhz .cizim .k-dmg rect{fill:rgba(214,17,22,.06);stroke:#d61116;stroke-width:2}
.zhz .cizim .k-dmg text{fill:#d61116;font:800 13px "Plus Jakarta Sans",sans-serif;letter-spacing:.12em;text-anchor:middle}
.zhz .cizim .k-dmg text.s{font:700 8px "Plus Jakarta Sans",sans-serif;letter-spacing:.14em}
.zhz .cizim .k-tsl{opacity:var(--e3);transform:translateX(calc((1 - var(--e3))*-30px))}
.zhz .cizim .k-tsl rect{fill:#d61116;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.zhz .cizim .k-tsl path{stroke:#fff;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.zhz .cizim .k-tsl text{fill:#fff;font:800 11px "Plus Jakarta Sans",sans-serif;letter-spacing:.08em}
/* K1 */
.k1 .k1-g{transform-box:view-box;transform-origin:140px 0;transform:scaleX(calc(.76 + .24*var(--e1)))}
.k1 .k1-g .k-ci{stroke-dashoffset:calc(1 - var(--d0,0));fill:url(#kinox);fill-opacity:var(--e3)}
.k1 .k1-std{opacity:calc(var(--d0,0) - var(--e1)*1.4)}
.k1 .k1-std rect{fill:#1d1f22}.k1 .k1-std text{fill:#fff;font:700 10px "Plus Jakarta Sans",sans-serif;letter-spacing:.08em}
/* antet: çizim ve onay satırı; onay adımında imza atılır ve tik gelir */
.zhz .cizim .k-ant{opacity:clamp(0,calc(var(--e1)*3),1)}
.zhz .cizim .k-al{stroke:#1d1f22;stroke-width:1;fill:#fff;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,calc(var(--e1)*2),1))}
.zhz .cizim .k-at{fill:#9aa0a6;font:700 9px "Plus Jakarta Sans",sans-serif;letter-spacing:.14em;text-anchor:start}
.zhz .cizim .k-av{fill:#1d1f22;font:700 10px "Plus Jakarta Sans",sans-serif;letter-spacing:.06em;text-anchor:start}
.zhz .cizim .k-imza{stroke:#d61116;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--e2))}
.zhz .cizim .k-tik{stroke:#d61116;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,calc(var(--e2)*2 - 1),1))}
.k1 .k1-gol ellipse{fill:#1d1f22;opacity:calc(var(--e3)*.08)}
.k1 .k1-g .k-ci{transition:none}
/* düzeltmeler */
.zhz .cizim .k-tsl text,.k1 .k1-std text,.k3 .k3-tag text,.k2 .k2-fm .lb{text-anchor:start}
.k3 .cizim .k-dmg{opacity:calc(clamp(0,calc(var(--e2)*2 - .8),1) - var(--e3))}
.zhz .ce{display:none!important} /* K1: siyah çağrı etiketleri kaldırıldı (kullanıcı rozet istemiyor) */
/* === ÇİZİM v4 === */
.zhz.zc .cizim{--sec:clamp(0,calc((var(--d0,0) - .78) / .22),1);--mv:clamp(0,calc(var(--e1)*1.7),1);--dm:clamp(0,calc((var(--e1) - .5) / .5),1);--f4:clamp(0,calc((var(--e3) - .12) / .88),1);--o4:calc(min(var(--f4),1 - var(--f4))*2)}
.zhz.zc .cizim .k-ci{stroke-dashoffset:calc(1 - var(--d0,0))}
.zhz.zc .cizim .k-dt{stroke-dashoffset:calc(1 - clamp(0,calc(var(--e2)*2.5),1))}
.zc .a1-ob{opacity:calc(1 - var(--sec)*.55 - var(--mv)*2)}
.zc .a1-sec{stroke:#d61116;stroke-width:1.6;fill:none;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--sec));opacity:calc(1 - var(--mv)*2.5)}
.zc .a1-tz{transform-box:view-box;transform-origin:140px 470px;transform:translate(calc((1 - var(--mv))*-80px),calc((1 - var(--mv))*-58px)) scale(calc(.5 + .5*var(--mv)))}
.zhz.zc .cizim .k-zm{stroke-dashoffset:calc(1 - var(--mv))}
.zc .k-ol path{stroke:#d61116;stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--dm))}
.zc .k-ol text,.zc .c-k text{fill:#d61116;font:700 11px "Plus Jakarta Sans",sans-serif;letter-spacing:.06em;opacity:var(--dm)}
.zc .c-k path{stroke:#1d1f22;stroke-width:1.2}.zc .c-k text{fill:#1d1f22;opacity:1}
.zc .c-not{opacity:calc(clamp(0,calc(var(--e2)*3),1) - var(--o4)*1.5)}
.zc .k-not{fill:#9aa0a6;font:700 9px "Plus Jakarta Sans",sans-serif;letter-spacing:.1em}
.zc .c-tik{stroke:#d61116;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.zc .c-in{fill:url(#cinox);opacity:clamp(0,calc((var(--f4) - .45) / .45),1)}
.zc .c-gol{fill:#1d1f22;opacity:calc(clamp(0,calc((var(--e3) - .6) / .4),1)*.08)}
.zc .c-tk1{display:none}
/* 4b: parçalar ayrılır, sonra paslanmaz olarak birleşir */
.zc .c-pr{transform:translate(calc(var(--dx)*var(--o4)),calc(var(--dy)*var(--o4)))}
.zc .a1-ol{opacity:calc(1 - var(--o4)*1.5)}
.zc .v3d,.zc .c-olk{display:inline}
/* 3d ölçülere tik */
.zc .v3d{opacity:calc(1 - var(--e3)*2)}
.zc .c-t0{stroke-dashoffset:calc(1 - clamp(0,calc((var(--u2,0) - 0.06) / .1),1))}
.zc .c-k0{opacity:clamp(0,calc((var(--u2,0) - 0.13) / .08),1)}
.zc .c-t1{stroke-dashoffset:calc(1 - clamp(0,calc((var(--u2,0) - 0.20) / .1),1))}
.zc .c-k1{opacity:clamp(0,calc((var(--u2,0) - 0.27) / .08),1)}
.zc .c-t2{stroke-dashoffset:calc(1 - clamp(0,calc((var(--u2,0) - 0.34) / .1),1))}
.zc .c-k2{opacity:clamp(0,calc((var(--u2,0) - 0.41) / .08),1)}
.zc .c-t3{stroke-dashoffset:calc(1 - clamp(0,calc((var(--u2,0) - 0.48) / .1),1))}
.zc .c-k3{opacity:clamp(0,calc((var(--u2,0) - 0.55) / .08),1)}
.zc .c-t4{stroke-dashoffset:calc(1 - clamp(0,calc((var(--u2,0) - 0.62) / .1),1))}
.zc .c-h4{opacity:calc(clamp(0,calc((var(--u2,0) - 0.60) / .05),1) - clamp(0,calc((var(--u2,0) - 0.70) / .07),1))}
.zc .c-t5{stroke-dashoffset:calc(1 - clamp(0,calc((var(--u2,0) - 0.76) / .1),1))}
.zc .c-h5{opacity:calc(clamp(0,calc((var(--u2,0) - 0.74) / .05),1) - clamp(0,calc((var(--u2,0) - 0.84) / .07),1))}
.zhz.zc .cizim .k-ol0{--dm:clamp(0,calc((var(--u1,0) - 0.12) / .16),1)}
.zhz.zc .cizim .k-ol1{--dm:clamp(0,calc((var(--u1,0) - 0.32) / .16),1)}
.zhz.zc .cizim .k-ol2{--dm:clamp(0,calc((var(--u1,0) - 0.52) / .16),1)}
.zhz.zc .cizim .k-ol3{--dm:clamp(0,calc((var(--u1,0) - 0.72) / .16),1)}
.zc .c-hl{stroke:#d61116;stroke-width:2.4;fill:rgba(214,17,22,.05)}

/* parıltı: çizim tamamlanınca paslanmazın üzerinden eğik ışık geçer (JS .parla ekler) */
.zc .c-sh rect{opacity:0;transform-box:view-box;transform-origin:95px 335px;transform:skewX(-22deg)}
.zc.parla .c-sh rect{animation:cParla 4.2s .3s cubic-bezier(.45,0,.25,1) infinite}
@keyframes cParla{0%{opacity:1;transform:translateX(0) skewX(-22deg)}38%{opacity:1;transform:translateX(640px) skewX(-22deg)}39%,100%{opacity:0;transform:translateX(640px) skewX(-22deg)}}
@media (prefers-reduced-motion:reduce){.zc.parla .c-sh rect{animation:none}}
/* sol adım listesi: daha ferah ve büyük */
@media (min-width:992px){
	.zhz .ad li{padding:17px 0}.zhz .fl{font-size:clamp(24px,2.2vw,34px)}.zhz .ad em{font-size:32px}.zhz .ad li{grid-template-columns:64px 1fr}
}
@media (min-width:992px) and (max-height:1000px){.zhz .ad li{padding:13px 0}.zhz .fl{font-size:clamp(22px,2vw,30px)}.zhz .ad em{font-size:28px}}
@media (min-width:992px) and (max-height:820px){.zhz .ad li{padding:9px 0}.zhz .fl{font-size:clamp(21px,1.9vw,27px)}.zhz .ad em{font-size:26px}}
@media (min-width:992px) and (max-height:700px){.zhz .ad li{padding:6px 0}.zhz .fl{font-size:clamp(19px,1.7vw,24px)}.zhz .ad em{font-size:22px}}
/* === /ÇİZİM v4 === */