/* Metalurjist.com.tr Global UX v2 - Animated Casting Loader
   Site + admin genel yükleniyor göstergesi ve sağ alt bildirim sistemi. */
:root{
  --mj-ux-bg:#ffffff;
  --mj-ux-text:#0f172a;
  --mj-ux-muted:#64748b;
  --mj-ux-line:#d8e2ea;
  --mj-ux-accent:#0891b2;
  --mj-ux-ok:#059669;
  --mj-ux-warn:#d97706;
  --mj-ux-error:#dc2626;
  --mj-ux-info:#2563eb;
  --mj-ux-shadow:0 24px 70px rgba(15,23,42,.18);
}
html.dark, html[data-theme="dark"]{
  --mj-ux-bg:#0f172a;
  --mj-ux-text:#e5edf7;
  --mj-ux-muted:#94a3b8;
  --mj-ux-line:#263449;
  --mj-ux-shadow:0 24px 70px rgba(0,0,0,.42);
}
#mj-global-loader{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  background:rgba(248,250,252,.74);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease, visibility .18s ease;
}
html.dark #mj-global-loader, html[data-theme="dark"] #mj-global-loader{
  background:rgba(2,6,23,.72);
}
#mj-global-loader.mj-ux-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.mj-ux-loader-card{
  width:min(430px,calc(100vw - 34px));
  border:1px solid var(--mj-ux-line);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,253,250,.92));
  color:var(--mj-ux-text);
  box-shadow:var(--mj-ux-shadow);
  padding:22px;
  display:grid;
  grid-template-columns:54px 1fr;
  gap:16px;
  align-items:center;
}
html.dark .mj-ux-loader-card, html[data-theme="dark"] .mj-ux-loader-card{
  background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(8,47,73,.88));
}
.mj-ux-spinner{
  width:54px;
  height:54px;
  border-radius:999px;
  border:5px solid rgba(148,163,184,.24);
  border-top-color:var(--mj-ux-accent);
  animation:mjUxSpin .8s linear infinite;
}
.mj-ux-loader-title{
  font-weight:950;
  letter-spacing:-.02em;
  font-size:18px;
  line-height:1.18;
}
.mj-ux-loader-text{
  margin-top:5px;
  font-weight:700;
  color:var(--mj-ux-muted);
  font-size:13px;
  line-height:1.45;
}
@keyframes mjUxSpin{to{transform:rotate(360deg)}}

#mj-toast-region{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:2147483001;
  display:grid;
  gap:10px;
  width:min(420px,calc(100vw - 30px));
  pointer-events:none;
}
.mj-toast{
  pointer-events:auto;
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:12px;
  align-items:start;
  padding:13px 14px;
  border:1px solid var(--mj-ux-line);
  border-radius:20px;
  background:rgba(255,255,255,.96);
  color:var(--mj-ux-text);
  box-shadow:var(--mj-ux-shadow);
  transform:translateY(10px);
  opacity:0;
  animation:mjToastIn .18s ease forwards;
  overflow:hidden;
  position:relative;
}
html.dark .mj-toast, html[data-theme="dark"] .mj-toast{
  background:rgba(15,23,42,.96);
}
.mj-toast::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:var(--mj-ux-info);
}
.mj-toast-success::before{background:var(--mj-ux-ok)}
.mj-toast-error::before{background:var(--mj-ux-error)}
.mj-toast-warning::before{background:var(--mj-ux-warn)}
.mj-toast-info::before{background:var(--mj-ux-info)}
.mj-toast-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(37,99,235,.10);
  font-size:18px;
  font-weight:950;
}
.mj-toast-success .mj-toast-icon{background:rgba(5,150,105,.12)}
.mj-toast-error .mj-toast-icon{background:rgba(220,38,38,.12)}
.mj-toast-warning .mj-toast-icon{background:rgba(217,119,6,.12)}
.mj-toast-title{
  font-weight:950;
  letter-spacing:-.02em;
  font-size:14px;
  line-height:1.25;
}
.mj-toast-message{
  margin-top:3px;
  color:var(--mj-ux-muted);
  font-size:13px;
  line-height:1.38;
  font-weight:650;
}
.mj-toast-close{
  border:0;
  background:transparent;
  color:var(--mj-ux-muted);
  cursor:pointer;
  font-size:18px;
  line-height:1;
  padding:2px 3px;
  border-radius:8px;
}
.mj-toast-close:hover{
  background:rgba(148,163,184,.14);
  color:var(--mj-ux-text);
}
@keyframes mjToastIn{to{transform:translateY(0);opacity:1}}
.mj-toast.mj-toast-out{
  animation:mjToastOut .18s ease forwards;
}
@keyframes mjToastOut{to{transform:translateY(8px);opacity:0}}

.mj-ux-btn-loading,
button.mj-ux-btn-loading,
a.mj-ux-btn-loading{
  position:relative!important;
  opacity:.78!important;
  cursor:progress!important;
  pointer-events:none!important;
}
.mj-ux-btn-loading::after{
  content:"";
  width:14px;
  height:14px;
  margin-left:9px;
  border-radius:999px;
  border:2px solid currentColor;
  border-top-color:transparent;
  display:inline-block;
  vertical-align:-2px;
  animation:mjUxSpin .7s linear infinite;
}
.mj-ux-page-loading body{
  cursor:progress;
}
.mj-ux-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
}
@media(max-width:640px){
  #mj-toast-region{right:10px;bottom:10px;width:calc(100vw - 20px)}
  .mj-ux-loader-card{border-radius:22px;padding:18px;grid-template-columns:46px 1fr}
  .mj-ux-spinner{width:46px;height:46px}
}


/* === Metalurjist.com.tr Global UX v2: Animasyonlu demir dökme loader === */
#mj-global-loader.mj-casting-loader{
  background:
    radial-gradient(circle at 50% 22%,rgba(8,145,178,.18),transparent 34%),
    radial-gradient(circle at 50% 50%,rgba(249,115,22,.12),transparent 28%),
    linear-gradient(135deg,rgba(2,6,23,.90),rgba(8,18,32,.88))!important;
  color:#e5edf7;
}
#mj-global-loader.mj-casting-loader .mj-ux-loader-card{
  width:min(760px,calc(100vw - 28px));
  border-radius:32px;
  padding:24px;
  border:1px solid rgba(148,163,184,.22);
  background:
    linear-gradient(135deg,rgba(15,23,42,.94),rgba(8,47,73,.86)),
    radial-gradient(circle at 50% 40%,rgba(20,184,166,.20),transparent 38%);
  box-shadow:0 30px 100px rgba(0,0,0,.46);
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  position:relative;
  overflow:hidden;
  color:#e5edf7;
}
#mj-global-loader.mj-casting-loader .mj-ux-loader-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 0 12%,rgba(45,212,191,.06) 12.2% 12.4%,transparent 12.8%),
    repeating-linear-gradient(60deg,rgba(148,163,184,.055) 0 1px,transparent 1px 38px);
  opacity:.55;
  pointer-events:none;
}
#mj-global-loader.mj-casting-loader .mj-ux-loader-card::after{
  content:"";
  position:absolute;
  right:18px;
  top:18px;
  width:150px;
  height:110px;
  opacity:.18;
  background:
    linear-gradient(90deg,transparent 12px,rgba(148,163,184,.35) 13px,transparent 14px),
    linear-gradient(0deg,transparent 12px,rgba(148,163,184,.35) 13px,transparent 14px);
  background-size:36px 28px;
  mask-image:linear-gradient(90deg,transparent,black 30%,black 70%,transparent);
  pointer-events:none;
}
.mj-casting-brand{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.mj-casting-brand strong{
  font-size:22px;
  font-weight:950;
  letter-spacing:-.04em;
  color:#fff;
}
.mj-casting-brand strong span{
  color:#94a3b8;
  font-weight:850;
}
.mj-casting-brand em{
  font-style:normal;
  font-size:12px;
  font-weight:800;
  color:#2dd4bf;
  margin-top:5px;
}
.mj-casting-scene{
  position:relative;
  z-index:2;
  width:min(430px,78vw);
  height:230px;
  margin:0 auto;
  border-radius:28px;
  background:
    radial-gradient(circle at 52% 74%,rgba(249,115,22,.35),transparent 20%),
    radial-gradient(circle at 48% 45%,rgba(251,146,60,.17),transparent 35%),
    linear-gradient(180deg,rgba(15,23,42,.28),rgba(2,6,23,.64)),
    repeating-linear-gradient(90deg,rgba(148,163,184,.08) 0 1px,transparent 1px 46px);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 20px 60px rgba(0,0,0,.35);
  overflow:hidden;
}
.mj-casting-orbit{
  position:absolute;
  inset:12px 76px 18px 76px;
  border-radius:999px;
  border:1px solid rgba(203,213,225,.35);
  border-left-color:#22d3ee;
  border-top-color:#14b8a6;
  animation:mjCastingOrbit 2.4s linear infinite;
}
.mj-casting-orbit::before,
.mj-casting-orbit::after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#22d3ee;
  box-shadow:0 0 14px #22d3ee;
}
.mj-casting-orbit::before{left:18%;top:4%}
.mj-casting-orbit::after{right:15%;bottom:8%}
.mj-casting-ladle{
  position:absolute;
  left:112px;
  top:38px;
  width:130px;
  height:86px;
  border-radius:20px 22px 38px 38px;
  background:
    radial-gradient(circle at 56% 30%,#ffb347 0 16%,#f97316 17% 31%,rgba(15,23,42,.25) 32%),
    linear-gradient(135deg,#1f2937,#020617 70%);
  border:4px solid #111827;
  box-shadow:inset -12px -18px 28px rgba(0,0,0,.54), 0 10px 24px rgba(0,0,0,.38);
  transform-origin:78% 42%;
  transform:rotate(-17deg);
  animation:mjCastingLadle 3.1s ease-in-out infinite;
}
.mj-casting-ladle::before{
  content:"";
  position:absolute;
  left:-30px;
  top:22px;
  width:38px;
  height:38px;
  border-radius:999px;
  border:6px solid #111827;
  background:#334155;
}
.mj-casting-ladle::after{
  content:"";
  position:absolute;
  right:-16px;
  top:31px;
  width:32px;
  height:16px;
  border-radius:0 20px 20px 0;
  background:#111827;
}
.mj-casting-ladle span{
  position:absolute;
  inset:16px 18px 22px 38px;
  border-radius:999px;
  background:radial-gradient(circle,#fed7aa,#fb923c 45%,#ea580c 70%,transparent 72%);
  filter:blur(.2px);
  opacity:.96;
  animation:mjMoltenPulse 1.2s ease-in-out infinite alternate;
}
.mj-casting-pour{
  position:absolute;
  left:244px;
  top:95px;
  width:17px;
  height:98px;
  border-radius:999px;
  background:linear-gradient(180deg,#fff7ed,#fdba74 32%,#f97316 74%,#ea580c);
  box-shadow:0 0 18px #fb923c, 0 0 46px rgba(249,115,22,.74);
  transform-origin:top center;
  animation:mjPourFlow .9s ease-in-out infinite alternate;
}
.mj-casting-pour::after{
  content:"";
  position:absolute;
  left:-15px;
  bottom:-9px;
  width:48px;
  height:20px;
  border-radius:50%;
  background:radial-gradient(circle,#fff7ed,#fb923c 50%,rgba(249,115,22,.25) 72%,transparent 74%);
  animation:mjMoltenPool .75s ease-in-out infinite alternate;
}
.mj-casting-mold{
  position:absolute;
  left:178px;
  bottom:28px;
  width:155px;
  height:42px;
  border-radius:12px 12px 8px 8px;
  background:linear-gradient(180deg,#334155,#0f172a);
  border:2px solid rgba(148,163,184,.32);
  box-shadow:inset 0 8px 16px rgba(0,0,0,.4), 0 0 22px rgba(249,115,22,.28);
}
.mj-casting-mold span{
  position:absolute;
  left:48px;
  top:8px;
  width:58px;
  height:16px;
  border-radius:50%;
  background:radial-gradient(circle,#fff7ed,#fb923c 55%,rgba(249,115,22,.16) 72%,transparent);
  filter:blur(.2px);
}
.mj-spark{
  position:absolute;
  width:4px;
  height:4px;
  border-radius:999px;
  background:#fed7aa;
  box-shadow:0 0 10px #fb923c;
  opacity:0;
  animation:mjSpark 1.65s ease-in-out infinite;
}
.mj-spark.s1{left:267px;top:106px;animation-delay:.05s}
.mj-spark.s2{left:291px;top:126px;animation-delay:.35s}
.mj-spark.s3{left:229px;top:132px;animation-delay:.62s}
.mj-spark.s4{left:312px;top:151px;animation-delay:.9s}
.mj-spark.s5{left:215px;top:160px;animation-delay:1.15s}
.mj-casting-copy{
  position:relative;
  z-index:2;
  text-align:center;
  margin-top:2px;
}
#mj-global-loader.mj-casting-loader .mj-ux-loader-title{
  font-size:25px;
  color:#fff;
  text-shadow:0 4px 24px rgba(0,0,0,.42);
}
#mj-global-loader.mj-casting-loader .mj-ux-loader-text{
  color:#cbd5e1;
  font-size:14px;
}
.mj-casting-progress{
  position:relative;
  z-index:2;
  height:12px;
  border-radius:999px;
  background:rgba(15,23,42,.85);
  border:1px solid rgba(148,163,184,.32);
  overflow:hidden;
  box-shadow:inset 0 0 12px rgba(0,0,0,.45);
}
.mj-casting-progress span{
  display:block;
  width:42%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#14b8a6,#22d3ee,#2dd4bf);
  background-size:200% 100%;
  box-shadow:0 0 22px rgba(45,212,191,.58);
  animation:mjProgressFlow 1.2s linear infinite, mjProgressWidth 4.8s ease-in-out infinite;
}
.mj-casting-steps{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  gap:28px;
  color:#94a3b8;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mj-casting-steps span:first-child{
  color:#2dd4bf;
  text-shadow:0 0 16px rgba(45,212,191,.42);
}
@keyframes mjCastingOrbit{to{transform:rotate(360deg)}}
@keyframes mjCastingLadle{
  0%,100%{transform:rotate(-14deg) translateY(0)}
  45%{transform:rotate(-22deg) translateY(4px)}
}
@keyframes mjMoltenPulse{from{filter:brightness(1)}to{filter:brightness(1.28)}}
@keyframes mjPourFlow{
  from{height:78px;opacity:.78;filter:brightness(1)}
  to{height:104px;opacity:1;filter:brightness(1.35)}
}
@keyframes mjMoltenPool{from{transform:scaleX(.84);opacity:.75}to{transform:scaleX(1.15);opacity:1}}
@keyframes mjSpark{
  0%{transform:translate(0,0) scale(.4);opacity:0}
  18%{opacity:1}
  100%{transform:translate(var(--sx,18px),-52px) scale(.08);opacity:0}
}
.mj-spark.s1{--sx:19px}.mj-spark.s2{--sx:34px}.mj-spark.s3{--sx:-22px}.mj-spark.s4{--sx:24px}.mj-spark.s5{--sx:-32px}
@keyframes mjProgressFlow{to{background-position:200% 0}}
@keyframes mjProgressWidth{
  0%,100%{width:28%}
  50%{width:72%}
}
@media(max-width:640px){
  #mj-global-loader.mj-casting-loader .mj-ux-loader-card{padding:18px;border-radius:24px}
  .mj-casting-scene{height:190px;width:min(360px,82vw)}
  .mj-casting-ladle{left:76px;top:36px;transform:scale(.86) rotate(-17deg)}
  .mj-casting-pour{left:200px;top:91px;height:82px}
  .mj-casting-mold{left:132px;bottom:25px;transform:scale(.88)}
  .mj-casting-steps{gap:12px;font-size:9px}
  #mj-global-loader.mj-casting-loader .mj-ux-loader-title{font-size:21px}
}
@media (prefers-reduced-motion: reduce){
  .mj-casting-orbit,.mj-casting-ladle,.mj-casting-pour,.mj-casting-pour::after,.mj-casting-progress span,.mj-spark,.mj-casting-ladle span{
    animation:none!important;
  }
}


/* === Metalurjist.com.tr Global UX v3: GIF loading ekranı === */
#mj-global-loader.mj-gif-loader{
  background:
    radial-gradient(circle at 50% 18%, rgba(249,115,22,.16), transparent 26%),
    radial-gradient(circle at 50% 50%, rgba(249,115,22,.10), transparent 30%),
    linear-gradient(135deg, rgba(2,6,23,.92), rgba(15,23,42,.94)) !important;
  color:#e5edf7;
}
#mj-global-loader.mj-gif-loader .mj-ux-loader-card{
  width:min(760px, calc(100vw - 28px));
  border-radius:30px;
  padding:24px;
  border:1px solid rgba(148,163,184,.20);
  background:
    linear-gradient(135deg, rgba(15,23,42,.94), rgba(8,47,73,.88)),
    radial-gradient(circle at 50% 32%, rgba(251,146,60,.10), transparent 34%);
  box-shadow:0 30px 100px rgba(0,0,0,.45);
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  position:relative;
  overflow:hidden;
  color:#e5edf7;
}
#mj-global-loader.mj-gif-loader .mj-ux-loader-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(60deg, rgba(148,163,184,.045) 0 1px, transparent 1px 38px),
    linear-gradient(90deg, transparent 0 12%, rgba(45,212,191,.06) 12.2% 12.4%, transparent 12.8%);
  opacity:.55;
  pointer-events:none;
}
.mj-gif-loader-brand{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.mj-gif-loader-brand strong{
  font-size:22px;
  font-weight:950;
  letter-spacing:-.04em;
  color:#fff;
}
.mj-gif-loader-brand strong span{
  color:#94a3b8;
  font-weight:850;
}
.mj-gif-loader-brand em{
  font-style:normal;
  font-size:12px;
  font-weight:800;
  color:#fb923c;
  margin-top:5px;
}
.mj-gif-loader-visual{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:6px 0;
}
.mj-gif-loader-ring{
  width:min(420px, 74vw);
  height:min(420px, 74vw);
  border-radius:999px;
  padding:12px;
  background:
    linear-gradient(135deg, rgba(251,146,60,.92), rgba(249,115,22,.72) 45%, rgba(45,212,191,.78));
  box-shadow:
    0 0 0 2px rgba(255,255,255,.05),
    0 0 0 10px rgba(249,115,22,.08),
    0 16px 48px rgba(0,0,0,.48),
    0 0 34px rgba(249,115,22,.26);
  position:relative;
  animation:mjGifLoaderSpin 6s linear infinite;
}
.mj-gif-loader-ring::before{
  content:"";
  position:absolute;
  inset:8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  pointer-events:none;
}
.mj-gif-loader-ring::after{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius:999px;
  border:1px dashed rgba(251,146,60,.24);
  pointer-events:none;
  animation:mjGifLoaderSpinReverse 10s linear infinite;
}
.mj-gif-loader-ring img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:999px;
  display:block;
  background:#000;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.34);
  animation:mjGifLoaderCounterSpin 6s linear infinite;
}
.mj-gif-loader-copy{
  position:relative;
  z-index:2;
  text-align:center;
}
#mj-global-loader.mj-gif-loader .mj-ux-loader-title{
  font-size:26px;
  color:#fff;
  text-shadow:0 4px 24px rgba(0,0,0,.44);
}
#mj-global-loader.mj-gif-loader .mj-ux-loader-text{
  color:#cbd5e1;
  font-size:14px;
}
.mj-gif-loader-progress{
  position:relative;
  z-index:2;
  height:12px;
  border-radius:999px;
  background:rgba(15,23,42,.86);
  border:1px solid rgba(148,163,184,.30);
  overflow:hidden;
  box-shadow:inset 0 0 12px rgba(0,0,0,.44);
}
.mj-gif-loader-progress span{
  display:block;
  width:42%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, #fb923c, #f97316, #fdba74);
  background-size:200% 100%;
  box-shadow:0 0 20px rgba(249,115,22,.48);
  animation:mjGifLoaderBar 1.2s linear infinite, mjGifLoaderBarWidth 4.8s ease-in-out infinite;
}
.mj-gif-loader-steps{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  gap:28px;
  color:#94a3b8;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mj-gif-loader-steps span:first-child{
  color:#fb923c;
  text-shadow:0 0 14px rgba(249,115,22,.30);
}
@keyframes mjGifLoaderSpin{to{transform:rotate(360deg)}}
@keyframes mjGifLoaderSpinReverse{to{transform:rotate(-360deg)}}
@keyframes mjGifLoaderCounterSpin{to{transform:rotate(-360deg)}}
@keyframes mjGifLoaderBar{to{background-position:200% 0}}
@keyframes mjGifLoaderBarWidth{
  0%,100%{width:26%}
  50%{width:74%}
}
@media(max-width:640px){
  #mj-global-loader.mj-gif-loader .mj-ux-loader-card{padding:18px;border-radius:24px}
  .mj-gif-loader-ring{width:min(300px, 78vw);height:min(300px, 78vw);padding:10px}
  .mj-gif-loader-steps{gap:12px;font-size:9px}
  #mj-global-loader.mj-gif-loader .mj-ux-loader-title{font-size:21px}
}
@media (prefers-reduced-motion: reduce){
  .mj-gif-loader-ring,
  .mj-gif-loader-ring::after,
  .mj-gif-loader-ring img,
  .mj-gif-loader-progress span{
    animation:none!important;
  }
}


/* === Metalurjist.com.tr Global UX v4: GIF görsel ölçek ve döküm görünürlüğü ===
   Hareketli GIF korunur. Görsel daire içinde kırpılmadan daha küçük gösterilir;
   böylece demir dökülme hareketi tam algılanır. */
#mj-global-loader.mj-gif-loader .mj-gif-loader-ring{
  width:min(340px, 58vw)!important;
  height:min(340px, 58vw)!important;
  padding:10px!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(249,115,22,.24),transparent 55%),
    linear-gradient(135deg, rgba(251,146,60,.95), rgba(249,115,22,.70) 48%, rgba(45,212,191,.68))!important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.05),
    0 0 0 9px rgba(249,115,22,.07),
    0 14px 44px rgba(0,0,0,.50),
    0 0 34px rgba(249,115,22,.28)!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-ring img{
  object-fit:contain!important;
  background:#020617!important;
  transform:scale(.62)!important;
  transform-origin:center center!important;
  border-radius:999px!important;
  filter:contrast(1.08) saturate(1.12) brightness(1.05)!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-ring::before{
  inset:8px!important;
  box-shadow:inset 0 0 32px rgba(0,0,0,.58), inset 0 0 22px rgba(249,115,22,.20)!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-visual{
  padding:2px 0 0!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-card{
  gap:12px!important;
}
@media(max-width:640px){
  #mj-global-loader.mj-gif-loader .mj-gif-loader-ring{
    width:min(260px, 66vw)!important;
    height:min(260px, 66vw)!important;
  }
  #mj-global-loader.mj-gif-loader .mj-gif-loader-ring img{
    transform:scale(.66)!important;
  }
}


/* === Metalurjist.com.tr Global UX v5: GIF rotasyon kaldırma ===
   Kullanıcının verdiği hareketli GIF aynen oynar.
   Daire çerçeve ve GIF ayrıca dönmez. */
#mj-global-loader.mj-gif-loader .mj-gif-loader-ring{
  animation:none!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-ring::after{
  animation:none!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-ring img{
  animation:none!important;
  transform:scale(.62)!important;
  object-fit:contain!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-ring{
  width:min(340px, 58vw)!important;
  height:min(340px, 58vw)!important;
  padding:10px!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-ring::before{
  inset:8px!important;
}
@media(max-width:640px){
  #mj-global-loader.mj-gif-loader .mj-gif-loader-ring{
    width:min(260px, 66vw)!important;
    height:min(260px, 66vw)!important;
  }
  #mj-global-loader.mj-gif-loader .mj-gif-loader-ring img{
    transform:scale(.66)!important;
  }
}
@media (prefers-reduced-motion: reduce){
  #mj-global-loader.mj-gif-loader .mj-gif-loader-ring,
  #mj-global-loader.mj-gif-loader .mj-gif-loader-ring::after,
  #mj-global-loader.mj-gif-loader .mj-gif-loader-ring img{
    animation:none!important;
  }
}


/* === Metalurjist.com.tr Global UX v7: 85px profesyonel pota döküm GIF === */
#mj-global-loader.mj-gif-loader .mj-ux-loader-card{
  width:min(420px, calc(100vw - 24px))!important;
  padding:18px!important;
  gap:10px!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-visual{
  padding:2px 0!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-ring{
  width:85px!important;
  height:85px!important;
  padding:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background: radial-gradient(circle at 50% 50%, rgba(249,115,22,.26), rgba(15,23,42,.92) 72%)!important;
  box-shadow: 0 0 0 2px rgba(251,146,60,.30), 0 0 18px rgba(249,115,22,.28), 0 8px 20px rgba(0,0,0,.38)!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-ring::before,
#mj-global-loader.mj-gif-loader .mj-gif-loader-ring::after{
  display:none!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-ring img{
  width:85px!important;
  height:85px!important;
  object-fit:cover!important;
  border-radius:999px!important;
  transform:none!important;
  filter:contrast(1.05) saturate(1.08) brightness(1.02)!important;
}
#mj-global-loader.mj-gif-loader .mj-ux-loader-title{
  font-size:20px!important;
}
#mj-global-loader.mj-gif-loader .mj-ux-loader-text{
  font-size:13px!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-progress{
  height:10px!important;
}
#mj-global-loader.mj-gif-loader .mj-gif-loader-steps{
  font-size:10px!important;
  gap:14px!important;
}


/* === Global loading GIF v9: PDF işlemlerinde görünürlük garantisi === */
#mj-global-loader.mj-gif-loader{
  z-index:2147483000!important;
}
#mj-global-loader.mj-gif-loader.mj-ux-visible{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  display:grid!important;
}
#mj-global-loader .mj-gif-loader-ring img{
  width:85px!important;
  height:85px!important;
  min-width:85px!important;
  min-height:85px!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:50%!important;
  opacity:1!important;
  visibility:visible!important;
}
#mj-global-loader .mj-ux-loader-title{
  font-weight:950!important;
}


/* === Global loading GIF v10: sayfa geçişi ve işlem fallback === */
html.mj-force-loading #mj-global-loader{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  display:grid!important;
  z-index:2147483000!important;
}
html.mj-force-loading #mj-global-loader .mj-gif-loader-ring img{
  width:85px!important;
  height:85px!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:50%!important;
}


/* === Metalurjist V48: header araçlar mega menüsü üst katman düzeltmesi ===
   Sorun: SEM gibi araç sayfalarında, Araçlar açılır/mega menüsü açıkken araç içeriği
   menünün üstüne çıkabiliyordu. Bu blok sadece header/dropdown stacking düzenler. */
@media (min-width:1181px){
  html,
  body{
    overflow-x:hidden!important;
  }

  .site-header,
  header.site-header,
  .mj-site-header{
    position:relative!important;
    z-index:2147483000!important;
    isolation:isolate!important;
    overflow:visible!important;
  }

  .site-header .mj-top-row,
  .site-header .mj-inline-nav,
  .site-header .mj-inline-nav .menu-dropdown,
  .site-header .account-dropdown{
    position:relative!important;
    z-index:2147483001!important;
    overflow:visible!important;
  }

  .site-header .mj-inline-nav .dropdown-panel,
  .site-header .mj-inline-nav .menu-dropdown .dropdown-panel,
  .site-header .mj-mega-tools-panel{
    position:fixed!important;
    z-index:2147483200!important;
    isolation:isolate!important;
    background:#ffffff!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:0 30px 90px rgba(15,23,42,.22)!important;
    pointer-events:auto;
  }

  html.dark .site-header .mj-inline-nav .dropdown-panel,
  html[data-theme="dark"] .site-header .mj-inline-nav .dropdown-panel,
  body.dark .site-header .mj-inline-nav .dropdown-panel,
  body[data-theme="dark"] .site-header .mj-inline-nav .dropdown-panel,
  html.dark .site-header .mj-mega-tools-panel,
  html[data-theme="dark"] .site-header .mj-mega-tools-panel,
  body.dark .site-header .mj-mega-tools-panel,
  body[data-theme="dark"] .site-header .mj-mega-tools-panel{
    background:#07111f!important;
    box-shadow:0 30px 90px rgba(0,0,0,.48)!important;
  }

  .site-header .mj-inline-nav .menu-dropdown::after{
    z-index:2147483190!important;
  }

  .account-dropdown .account-panel{
    z-index:2147483300!important;
  }

  /* Araç içi yüksek z-index'li paneller header dropdown üzerine çıkmasın */
  #sem-tool,
  #sem-tool .sem-page-shell,
  #sem-tool .control-panel,
  #sem-tool .console-nav,
  #xrd-tool,
  #xrd-tool .layout,
  .kirilma-tool,
  .korozyon-tool,
  .mvk-shell,
  .mpt-shell,
  .mta-shell{
    z-index:auto!important;
  }

  #sem-tool .control-panel,
  #sem-tool .control-panel *,
  #sem-tool .panel-group,
  #sem-tool .slider-group{
    isolation:auto!important;
  }
}



/* === Metalurjist V53 Araçlar mega menüsü anında kapanma güvenliği === */
.site-header .menu-dropdown:not(.mj-menu-open) > .dropdown-panel,
.site-header .menu-dropdown:not(.mj-menu-open) .mj-mega-tools-panel{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.site-header .menu-dropdown.mj-menu-open > .dropdown-panel,
.site-header .menu-dropdown.mj-menu-open .mj-mega-tools-panel{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}



/* === Metalurjist V54 Araçlar mega menüsü force-close === */
html.mj-tools-menu-force-close .site-header .dropdown-panel,
html.mj-tools-menu-force-close .site-header .mj-mega-tools-panel,
body.mj-tools-menu-force-close .site-header .dropdown-panel,
body.mj-tools-menu-force-close .site-header .mj-mega-tools-panel,
.site-header .menu-dropdown.mj-menu-force-closed > .dropdown-panel,
.site-header .menu-dropdown.mj-menu-force-closed .mj-mega-tools-panel{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html.mj-tools-menu-force-close .site-header .menu-dropdown,
body.mj-tools-menu-force-close .site-header .menu-dropdown,
.site-header .menu-dropdown.mj-menu-force-closed{
  pointer-events:none!important;
}



/* === Metalurjist V55 Araçlar mega menüsü link engellemeyen kapanma === */
/* V54'te eklenen force-close sınıfı kalırsa linkleri kilitlemesin. */
html:not(.mj-tools-menu-click-closing) .site-header .menu-dropdown,
body:not(.mj-tools-menu-click-closing) .site-header .menu-dropdown{
  pointer-events:auto!important;
}
html.mj-tools-menu-click-closing .site-header .menu-dropdown:not(.mj-menu-open) > .dropdown-panel,
html.mj-tools-menu-click-closing .site-header .menu-dropdown:not(.mj-menu-open) .mj-mega-tools-panel{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html.mj-tools-menu-click-closing .site-header .menu-dropdown{
  pointer-events:auto!important;
}



/* === Metalurjist V56 Araçlar mega menüsü link sonrası görünmez kapanma === */
html.mj-tools-menu-link-selected .site-header .dropdown-panel,
html.mj-tools-menu-link-selected .site-header .mj-mega-tools-panel,
body.mj-tools-menu-link-selected .site-header .dropdown-panel,
body.mj-tools-menu-link-selected .site-header .mj-mega-tools-panel{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-6px)!important;
}
html.mj-tools-menu-link-selected .site-header .menu-dropdown.mj-menu-open,
body.mj-tools-menu-link-selected .site-header .menu-dropdown.mj-menu-open{
  pointer-events:auto!important;
}



/* === Metalurjist V57 Loader GIF/PWA görsel iyileştirme === */
.mj-gif-loader-ring img[data-mj-loader-gif],
.mj-gif-loader-ring img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  border-radius:999px;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
#mj-global-loader.mj-ux-visible .mj-gif-loader-ring img{
  animation:mjGifImgPulseV57 1.15s ease-in-out infinite;
}
#mj-global-loader.mj-gif-replay .mj-gif-loader-ring{
  animation:mjGifLoaderSpin 6s linear infinite, mjGifRingPulseV57 1.25s ease-in-out infinite!important;
}
@keyframes mjGifImgPulseV57{
  0%,100%{filter:saturate(1) brightness(1); transform:translateZ(0) scale(1)}
  50%{filter:saturate(1.18) brightness(1.08); transform:translateZ(0) scale(1.015)}
}
@keyframes mjGifRingPulseV57{
  0%,100%{box-shadow:0 0 0 2px rgba(255,255,255,.05),0 0 0 10px rgba(249,115,22,.08),0 16px 48px rgba(0,0,0,.48),0 0 34px rgba(249,115,22,.26)}
  50%{box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 0 14px rgba(249,115,22,.14),0 18px 56px rgba(0,0,0,.52),0 0 46px rgba(249,115,22,.34)}
}
.mj-pwa-install__icon{
  overflow:hidden;
}
.mj-pwa-install__icon img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:inherit;
}



/* === Metalurjist V60 Loader GIF donma düzeltmesi === */
#mj-global-loader.mj-ux-visible .mj-gif-loader-ring{overflow:hidden}
#mj-global-loader.mj-ux-visible .mj-gif-loader-ring::before{
  content:"";position:absolute;inset:10px;border-radius:999px;pointer-events:none;
  background:conic-gradient(from 0deg, rgba(255,255,255,0), rgba(255,255,255,.20), rgba(45,212,191,.18), rgba(249,115,22,.30), rgba(255,255,255,0)),radial-gradient(circle at 50% 44%, rgba(249,115,22,.24), transparent 56%);
  mix-blend-mode:screen;animation:mjLoaderHeatSweepV60 1.1s linear infinite;z-index:3;
}
#mj-global-loader.mj-ux-visible .mj-gif-loader-ring::after{
  content:"";position:absolute;inset:-18%;pointer-events:none;
  background:linear-gradient(115deg, transparent 0 35%, rgba(255,255,255,.20) 48%, transparent 62% 100%);
  animation:mjLoaderShineV60 1.35s ease-in-out infinite;z-index:4;
}
#mj-global-loader.mj-ux-visible .mj-gif-loader-ring img[data-mj-loader-gif]{
  position:relative;z-index:2;animation:mjLoaderImgAliveV60 .85s ease-in-out infinite!important;will-change:transform,filter,opacity;
}
@keyframes mjLoaderHeatSweepV60{to{transform:rotate(360deg)}}
@keyframes mjLoaderShineV60{0%{transform:translateX(-45%);opacity:.05}40%{opacity:.45}100%{transform:translateX(45%);opacity:.06}}
@keyframes mjLoaderImgAliveV60{0%,100%{transform:translateZ(0) scale(1);filter:saturate(1.05) brightness(1)}50%{transform:translateZ(0) scale(1.025);filter:saturate(1.22) brightness(1.10)}}
@media (prefers-reduced-motion: reduce){
  #mj-global-loader .mj-gif-loader-ring::before,#mj-global-loader .mj-gif-loader-ring::after,#mj-global-loader .mj-gif-loader-ring img[data-mj-loader-gif]{animation:none!important}
}