/* sektor-gorsel.css — ortak-dosyalar/sektor-gorsel.php izometrik SVG'leri için hafif animasyonlar */
.sg { display: block; width: 100%; height: auto; overflow: visible; }
.sg .sg-yuz, .sg .sg-don, .sg .sg-don-yavas, .sg .sg-nabiz, .sg .sg-buhar, .sg .sg-alev { transform-box: fill-box; transform-origin: center; }
@media (prefers-reduced-motion: no-preference) {
  .sg .sg-yuz { animation: sgYuz 6s ease-in-out infinite; }
  .sg .sg-don { animation: sgDon 14s linear infinite; }
  .sg .sg-don-yavas { animation: sgSalla 7s ease-in-out infinite; }
  .sg .sg-nabiz { animation: sgNabiz 2.4s ease-in-out infinite; }
  .sg .sg-isik { animation: sgIsik 5s ease-in-out infinite; }
  .sg .sg-buhar { animation: sgBuhar 3.2s ease-in-out infinite; }
  .sg .sg-cizgi { stroke-dasharray: 260; animation: sgCiz 4.5s ease-in-out infinite; }
  .sg .sg-yuru { animation: sgYuru 1.6s linear infinite; }
  .sg .sg-tara { animation: sgTara 1.4s ease-in-out infinite; }
  .sg .sg-alev { animation: sgAlev .5s ease-in-out infinite alternate; }
  .sg .sg-isilti { animation: sgIsilti 8s ease-in-out infinite; }
}
@keyframes sgYuz { 50% { transform: translateY(-9px); } }
@keyframes sgDon { to { transform: rotate(360deg); } }
@keyframes sgSalla { 50% { transform: rotate(-14deg); } }
@keyframes sgNabiz { 50% { opacity: .35; transform: scale(.94); } }
@keyframes sgIsik { 0%, 60%, 100% { opacity: 1; } 75% { opacity: .35; } }
@keyframes sgBuhar { 0% { opacity: 0; transform: translateY(6px); } 40% { opacity: .9; } 100% { opacity: 0; transform: translateY(-14px); } }
@keyframes sgCiz { 0% { stroke-dashoffset: 260; } 55%, 100% { stroke-dashoffset: 0; } }
@keyframes sgYuru { to { stroke-dashoffset: -14; } }
@keyframes sgTara { 50% { opacity: .2; } }
@keyframes sgAlev { to { transform: scaleY(.7); } }
@keyframes sgIsilti { 50% { opacity: .6; } }