/* Çelik Motor · İkon 2. Inline SVG + this file. SVG files are static by themselves.
   Add ik2-oynak to the SVG or an ancestor for subtle ambient movement.
   Link/button/karo/satir hover and keyboard focus strengthen only the moving parts.
   Accent: --ik2-accent (falls back to --kirmizi). Size: --ik2-size. No global rules. */
.ik2{display:inline-block;vertical-align:middle;width:var(--ik2-size,48px);height:var(--ik2-size,48px);max-width:none;flex:none;overflow:visible}
.ik2 .v{stroke:var(--ik2-accent,var(--kirmizi,#d3202a))}
.ik2 :is(.p1,.p2){transform-box:fill-box;transform-origin:center;animation-duration:var(--ik2-period,6.4s);animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;--ik2-travel:.65px;--ik2-turn:8deg;--ik2-opacity:.86}
.ik2-oynak .ik2 :is(.p1,.p2),.ik2.ik2-oynak :is(.p1,.p2){animation-play-state:running}
:is(a,button,.karo,.satir):is(:hover,:focus-visible,:focus-within) .ik2 :is(.p1,.p2){animation-play-state:running;animation-duration:1.8s;--ik2-travel:1.6px;--ik2-turn:32deg;--ik2-opacity:.6}
.ik2-motor-rektefiye .p1{animation-name:ik2-feed-y;}
.ik2-silindir-honlama .p1{animation-name:ik2-feed-y;}
.ik2-krank-taslama .p1{animation-name:ik2-turn;}
.ik2-krank-taslama .p2{animation-name:ik2-feed-x;}
.ik2-silindir-kapagi .p1{animation-name:ik2-feed-y;}
.ik2-supap-yuva .p1{animation-name:ik2-feed-y;}
.ik2-catlak-testi .p1{animation-name:ik2-scan;--ik2-travel:1px;}
.ik2-ana-yatak-barasi .p1{animation-name:ik2-feed-x;}
.ik2-kol-barasi .p1{animation-name:ik2-feed-x;}
.ik2-silindir-gomlegi .p1{animation-name:ik2-feed-y;}
.ik2-yuzey-taslama .p1{animation-name:ik2-feed-x;}
.ik2-manifold-taslama .p1{animation-name:ik2-feed-y;}
.ik2-motor-toplama .p1{animation-name:ik2-feed-y;}
.ik2-cikma-parca .p1{animation-name:ik2-feed-y;}
.ik2-piston .p1{animation-name:ik2-feed-y;}
.ik2-binek .p1{animation-name:ik2-turn;}
.ik2-binek .p2{animation-name:ik2-turn;}
.ik2-hafif-ticari .p1{animation-name:ik2-turn;}
.ik2-hafif-ticari .p2{animation-name:ik2-turn;}
.ik2-kamyon-otobus .p1{animation-name:ik2-turn;}
.ik2-kamyon-otobus .p2{animation-name:ik2-turn;}
.ik2-is-makinesi .p1{animation-name:ik2-hinge;transform-origin:0% 100%;--ik2-turn:1.2deg;}
.ik2-is-makinesi .p2{animation-name:ik2-feed-x;}
.ik2-traktor .p1{animation-name:ik2-turn;}
.ik2-traktor .p2{animation-name:ik2-turn;}
.ik2-jenerator .p1{animation-name:ik2-pulse;}
.ik2-forklift .p1{animation-name:ik2-turn;}
.ik2-forklift .p2{animation-name:ik2-turn;}
.ik2-tekne .p1{animation-name:ik2-feed-x;}
.ik2-hararet .p1{animation-name:ik2-needle;transform-box:view-box;transform-origin:23px 32px;}
.ik2-hararet .p2{animation-name:ik2-steam;}
.ik2-yatak-sarmasi .p1{animation-name:ik2-feed-y;}
.ik2-lpg-supap .p1{animation-name:ik2-feed-y;}
.ik2-lpg-supap .p2{animation-name:ik2-steam;}
.ik2-kompresyon .p1{animation-name:ik2-needle;transform-box:view-box;transform-origin:24px 18px;}
.ik2-yanlis-yakit .p1{animation-name:ik2-pulse;}
.ik2-teslim-alma .p1{animation-name:ik2-turn;}
.ik2-teslim-alma .p2{animation-name:ik2-turn;}
.ik2-yikama .p1{animation-name:ik2-spray;}
.ik2-olcum .p1{animation-name:ik2-feed-y;}
.ik2-parca-listesi .p1{animation-name:ik2-feed-x;}
.ik2-isleme .p1{animation-name:ik2-feed-y;}
.ik2-toplama .p1{animation-name:ik2-feed-y;}
.ik2-teslim .p1{animation-name:ik2-feed-y;}
.ik2-sehir-disi .p1{animation-name:ik2-turn;}
.ik2-sehir-disi .p2{animation-name:ik2-turn;}
.ik2-usta .p1{animation-name:ik2-hinge;transform-origin:0% 100%;--ik2-turn:1.2deg;}
.ik2-atolye .p1{animation-name:ik2-pulse;}

/* Ambient cycle rests between passes. All complete silhouettes remain visible. */
@keyframes ik2-feed-y{0%,12%,45%,100%{transform:translateY(0)}20%,32%{transform:translateY(var(--ik2-travel))}}
@keyframes ik2-feed-x{0%,12%,45%,100%{transform:translateX(0)}20%,32%{transform:translateX(var(--ik2-travel))}}
@keyframes ik2-turn{0%,12%,45%,100%{transform:rotate(0)}20%,32%{transform:rotate(var(--ik2-turn))}}
@keyframes ik2-hinge{0%,12%,45%,100%{transform:rotate(0)}20%,32%{transform:rotate(var(--ik2-turn))}}
@keyframes ik2-needle{0%,12%,45%,100%{transform:rotate(0)}20%,32%{transform:rotate(calc(var(--ik2-turn) * -1))}}
@keyframes ik2-scan{0%,12%,45%,100%{transform:translateY(0)}20%,32%{transform:translateY(var(--ik2-travel))}}
@keyframes ik2-steam{0%,12%,45%,100%{transform:translateY(0);opacity:1}20%,32%{transform:translateY(calc(var(--ik2-travel) * -1));opacity:var(--ik2-opacity)}}
@keyframes ik2-spray{0%,12%,45%,100%{transform:translate(0,0);opacity:1}20%,32%{transform:translate(var(--ik2-travel),var(--ik2-travel));opacity:var(--ik2-opacity)}}
@keyframes ik2-pulse{0%,12%,45%,100%{opacity:1}20%,32%{opacity:var(--ik2-opacity)}}
/* Hinges must remain small even during the stronger interaction. */
:is(a,button,.karo,.satir):is(:hover,:focus-visible,:focus-within) :is(.ik2-is-makinesi,.ik2-usta) .p1{--ik2-turn:3deg}
@media(prefers-reduced-motion:reduce){.ik2 :is(.p1,.p2){animation:none!important;transform:none!important;opacity:1!important}}

/* ── Motion v3 (T 28 Oct, Akyol style) ────────────────────────────────────────────
   Still by default. Drum ticker: always moving. Cards, menu, drawer, lists: move on hover / keyboard focus.
   Same per-icon animation names as above; the keyframes are redefined here as continuous, clearly visible loops
   (later @keyframes with the same name win). Wheels and grinding wheels spin. */
.ik2 :is(.p1,.p2){animation-play-state:paused;animation-duration:var(--ik3-t,.62s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:normal;
  --ik2-travel:2.6px;--ik2-turn:360deg;--ik2-opacity:.35}
.ik2-oynak .ik2 :is(.p1,.p2),.ik2.ik2-oynak :is(.p1,.p2){animation-play-state:paused}
.tambur .ik2 :is(.p1,.p2){animation-play-state:running;--ik3-t:.9s}
:is(a,button,.levha,.hm__kart,.karo,.satir,.gruplar>div,li):is(:hover,:focus-visible,:focus-within) .ik2 :is(.p1,.p2){animation-play-state:running;--ik3-t:.62s;--ik2-travel:2.6px;--ik2-turn:360deg;--ik2-opacity:.35}
/* spinning parts: wheels, grinding wheel */
.ik2:is(.ik2-binek,.ik2-hafif-ticari,.ik2-kamyon-otobus,.ik2-traktor,.ik2-forklift,.ik2-teslim-alma,.ik2-sehir-disi) :is(.p1,.p2),.ik2-krank-taslama .p1{animation-timing-function:linear;animation-duration:calc(var(--ik3-t,.62s) * 2.2)}
/* small hinges and needles keep a small arc */
.ik2:is(.ik2-is-makinesi,.ik2-usta) .p1{--ik2-turn:9deg}
:is(a,button,.levha,.hm__kart,.karo,.satir,.gruplar>div,li):is(:hover,:focus-visible,:focus-within) :is(.ik2-is-makinesi,.ik2-usta) .p1{--ik2-turn:9deg}
.ik2:is(.ik2-hararet,.ik2-kompresyon) .p1{animation-duration:calc(var(--ik3-t,.62s) * 2)}
@keyframes ik2-feed-y{0%,100%{transform:translateY(calc(var(--ik2-travel) * -1))}50%{transform:translateY(var(--ik2-travel))}}
@keyframes ik2-feed-x{0%,100%{transform:translateX(calc(var(--ik2-travel) * -1))}50%{transform:translateX(var(--ik2-travel))}}
@keyframes ik2-scan{0%,100%{transform:translateY(calc(var(--ik2-travel) * -1.2))}50%{transform:translateY(calc(var(--ik2-travel) * 1.2))}}
@keyframes ik2-turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes ik2-hinge{0%,100%{transform:rotate(calc(var(--ik2-turn) * -1))}50%{transform:rotate(var(--ik2-turn))}}
@keyframes ik2-needle{0%,100%{transform:rotate(-28deg)}55%{transform:rotate(34deg)}}
@keyframes ik2-steam{0%{transform:translateY(1px);opacity:1}80%{transform:translateY(-4px);opacity:.15}100%{transform:translateY(1px);opacity:1}}
@keyframes ik2-spray{0%{transform:translate(-1px,-1px);opacity:1}80%{transform:translate(3px,3px);opacity:.2}100%{transform:translate(-1px,-1px);opacity:1}}
@keyframes ik2-pulse{0%,100%{transform:scale(.9);opacity:1}50%{transform:scale(1.12);opacity:.55}}
@media(prefers-reduced-motion:reduce){.ik2 :is(.p1,.p2){animation:none!important;transform:none!important;opacity:1!important}}
.hm__kart.aktif .ik2 :is(.p1,.p2),.hm [data-i].aktif .ik2 :is(.p1,.p2){animation-play-state:running}  /* dropdown: the previewed service moves */