:root{--brand:#00b7ff;--brand2:#6636e8;--ink:#0f172a}html{scroll-behavior:smooth}.site-logo{height:var(--logo-h);width:auto;max-width:360px;object-fit:contain}@media(max-width:768px){.site-logo{height:var(--logo-h-mobile);max-width:260px}}.nav-link{display:inline-flex;align-items:center;gap:.35rem;border-radius:1rem;padding:.75rem 1rem;font-weight:800;color:#0f172a}.dark .nav-link{color:#fff}.nav-link:hover{background:#f1f5f9;color:#0891b2}.dark .nav-link:hover{background:#1e293b;color:#67e8f9}.tw-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:1.05rem;border:1px solid #cbd5e1;background:#fff;min-width:48px;height:48px;padding:0 .85rem;font-weight:900;color:#0f172a;box-shadow:0 14px 30px rgba(15,23,42,.08);transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.tw-icon-btn:hover{transform:translateY(-2px);background:#ecfeff;border-color:#67e8f9;color:#0e7490}.dark .tw-icon-btn{background:#172033;border-color:#334155;color:#f8fafc;box-shadow:0 16px 35px rgba(0,0,0,.22)}.dark .tw-icon-btn:hover{background:#0f2a3a;border-color:#22d3ee;color:#67e8f9}.icon-btn,.lang-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;border:1px solid #cbd5e1;background:#fff;min-width:46px;height:46px;padding:0 .9rem;font-weight:900;color:#0f172a;box-shadow:0 8px 20px rgba(15,23,42,.06)}.dark .icon-btn,.dark .lang-btn{background:#172033;border-color:#334155;color:#fff}.theme-switch{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:72px;height:48px;border-radius:1.15rem;border:1px solid #cbd5e1;background:#fff;padding:0 10px;color:#334155;box-shadow:0 14px 30px rgba(15,23,42,.08);transition:.2s}.theme-switch:hover{transform:translateY(-2px);border-color:#67e8f9}.theme-switch .switch-knob{position:absolute;left:5px;top:5px;width:36px;height:36px;border-radius:.9rem;background:linear-gradient(135deg,#06b6d4,#2563eb);box-shadow:0 10px 18px rgba(37,99,235,.28);transition:.22s ease}.theme-switch .switch-icon{position:relative;z-index:1;width:24px;text-align:center;font-weight:900}.dark .theme-switch{background:#172033;border-color:#334155;color:#f8fafc}.dark .theme-switch .switch-knob{left:29px;background:linear-gradient(135deg,#7c3aed,#0f172a)}.lang-switch{position:relative;display:inline-flex;align-items:center;gap:3px;height:48px;border-radius:1.15rem;border:1px solid #cbd5e1;background:#fff;padding:4px;box-shadow:0 14px 30px rgba(15,23,42,.08);transition:.2s}.lang-switch:hover{transform:translateY(-2px);border-color:#67e8f9}.lang-option{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:38px;border-radius:.9rem;padding:0 .55rem;font-weight:950;font-size:.78rem;color:#64748b}.lang-option.active{background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff;box-shadow:0 10px 18px rgba(37,99,235,.24)}.dark .lang-switch{background:#172033;border-color:#334155}.dark .lang-option{color:#cbd5e1}.dark .lang-option.active{background:linear-gradient(135deg,#06b6d4,#6d28d9);color:#fff}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tip);position:absolute;right:0;top:calc(100% + 10px);z-index:60;white-space:nowrap;border-radius:.75rem;background:#0f172a;color:#fff;padding:.45rem .65rem;font-size:.74rem;font-weight:800;box-shadow:0 16px 36px rgba(15,23,42,.22);opacity:0;pointer-events:none;transform:translateY(-4px);transition:.18s}.has-tooltip:before{content:"";position:absolute;right:18px;top:calc(100% + 4px);border:6px solid transparent;border-bottom-color:#0f172a;opacity:0;transition:.18s}.has-tooltip:hover:after,.has-tooltip:hover:before{opacity:1;transform:translateY(0)}.footer-link{border-radius:999px;border:1px solid #cbd5e1;padding:.55rem .9rem;color:#334155}.dark .footer-link{border-color:#334155;color:#cbd5e1}.hero-bg{background:radial-gradient(circle at 10% 15%,rgba(6,182,212,.18),transparent 35%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.18),transparent 38%),linear-gradient(135deg,#f8fafc,#eef7ff 55%,#f3efff)}.dark .hero-bg{background:radial-gradient(circle at 10% 15%,rgba(6,182,212,.16),transparent 35%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.22),transparent 38%),linear-gradient(135deg,#020617,#0b1220 55%,#17112a)}.card{border:1px solid rgba(148,163,184,.35);background:rgba(255,255,255,.92);border-radius:1.6rem;box-shadow:0 18px 50px rgba(15,23,42,.08);color:#0f172a}.dark .card{background:rgba(15,23,42,.86);border-color:rgba(51,65,85,.85);color:#f8fafc}.dark .hero-bg h1,.dark .hero-bg h2,.dark .hero-bg h3{color:#f8fafc!important}.dark .hero-bg p,.dark .card p{color:#cbd5e1!important}.btn-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;background:linear-gradient(135deg,#0891b2,#6d28d9);padding:.85rem 1.1rem;font-weight:900;color:#fff;box-shadow:0 18px 35px rgba(8,145,178,.25)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;border:1px solid #cbd5e1;background:#fff;padding:.85rem 1.1rem;font-weight:900;color:#0f172a}.dark .btn-secondary{background:#111827;border-color:#334155;color:#fff}.form-input{width:100%;border-radius:1rem;border:1px solid #cbd5e1;background:#fff;padding:.85rem 1rem;color:#0f172a;outline:none}.form-input:focus{border-color:#06b6d4;box-shadow:0 0 0 4px rgba(6,182,212,.12)}.dark .form-input{background:#0f172a;border-color:#334155;color:#fff}.label{display:block;margin-bottom:.45rem;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#475569}.dark .label{color:#cbd5e1}.admin-shell{min-height:100vh;background:#f8fafc;color:#0f172a}.admin-sidebar{background:#fff!important;color:#0f172a!important;border-right:1px solid #e2e8f0}.admin-nav a{display:flex;gap:.6rem;align-items:center;border-radius:1rem;padding:.75rem .9rem;font-weight:800;color:#334155}.admin-nav a:hover,.admin-nav a.active{background:#ecfeff;color:#0e7490}.table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;text-align:left}.table td,.table th{border-bottom:1px solid #e2e8f0;padding:.85rem}.sdg-card{border-radius:1.2rem;color:white;padding:1rem;font-weight:900;min-height:95px;display:flex;flex-direction:column;justify-content:space-between}.editor-toolbar button{border-radius:.8rem;border:1px solid #cbd5e1;background:#fff;padding:.5rem .7rem;font-weight:800}.editor-textarea{min-height:360px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tool-placeholder{background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 12px,#eef2ff 12px,#eef2ff 24px)}

/* Official SDG icon cards */
.sdg-card-image{background:#fff!important;color:#0f172a!important;border:1px solid #e2e8f0!important;box-shadow:0 12px 30px rgba(15,23,42,.06);gap:.8rem;align-items:flex-start}.sdg-card-image:hover{transform:translateY(-2px);border-color:#67e8f9!important;box-shadow:0 18px 40px rgba(6,182,212,.12)}.sdg-card-image strong{display:block;font-size:.95rem;line-height:1.1;color:#0f172a}.sdg-card-image small{display:block;margin-top:.2rem;font-size:.78rem;line-height:1.2;color:#475569}.dark .sdg-card-image{background:#fff!important;color:#0f172a!important}.dark .sdg-card-image strong{color:#0f172a}.dark .sdg-card-image small{color:#475569}.sdg-mini{display:inline-flex;align-items:center;justify-content:center;border-radius:.9rem;background:#fff;padding:.25rem;border:1px solid #e2e8f0;box-shadow:0 8px 20px rgba(15,23,42,.08)}.sdg-profile-badge{display:inline-flex;align-items:center;gap:.7rem;border-radius:1.1rem;background:#fff;padding:.55rem .8rem;border:1px solid #e2e8f0;box-shadow:0 10px 24px rgba(15,23,42,.08);color:#0f172a}.sdg-profile-badge strong{display:block;font-size:.9rem}.sdg-profile-badge small{display:block;font-size:.78rem;color:#475569;max-width:180px;line-height:1.2}.dark .sdg-mini,.dark .sdg-profile-badge{background:#fff;color:#0f172a;border-color:#e2e8f0}.dark .sdg-profile-badge small{color:#475569}

/* === Patch v4: global light/dark contrast hardening === */
html[data-theme="light"],html:not(.dark){color-scheme:light;background:#f8fafc;color:#0f172a}
html[data-theme="dark"],html.dark{color-scheme:dark;background:#020617;color:#f8fafc}
html[data-theme="light"] body,html:not(.dark) body{background:#f8fafc!important;color:#0f172a!important}
html[data-theme="dark"] body,html.dark body{background:#020617!important;color:#f8fafc!important}

/* Header / desktop menu */
html[data-theme="light"] .site-header,html:not(.dark) .site-header{background:rgba(255,255,255,.94)!important;border-color:#e2e8f0!important;color:#0f172a!important}
html[data-theme="dark"] .site-header,html.dark .site-header{background:rgba(2,6,23,.94)!important;border-color:#1e293b!important;color:#f8fafc!important}
html[data-theme="light"] .site-header .nav-link,html:not(.dark) .site-header .nav-link{color:#0f172a!important}
html[data-theme="dark"] .site-header .nav-link,html.dark .site-header .nav-link{color:#f8fafc!important}
html[data-theme="light"] .site-header .nav-link:hover,html:not(.dark) .site-header .nav-link:hover{background:#ecfeff!important;color:#0e7490!important}
html[data-theme="dark"] .site-header .nav-link:hover,html.dark .site-header .nav-link:hover{background:#172033!important;color:#67e8f9!important}
html[data-theme="light"] .site-header span,html:not(.dark) .site-header span{color:inherit}
html[data-theme="dark"] .site-header span,html.dark .site-header span{color:inherit}

/* Header controls */
html[data-theme="light"] .tw-icon-btn,html:not(.dark) .tw-icon-btn,
html[data-theme="light"] .theme-switch,html:not(.dark) .theme-switch,
html[data-theme="light"] .lang-switch,html:not(.dark) .lang-switch{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}
html[data-theme="dark"] .tw-icon-btn,html.dark .tw-icon-btn,
html[data-theme="dark"] .theme-switch,html.dark .theme-switch,
html[data-theme="dark"] .lang-switch,html.dark .lang-switch{background:#111827!important;border-color:#334155!important;color:#f8fafc!important}
html[data-theme="light"] .lang-option,html:not(.dark) .lang-option{color:#475569!important}
html[data-theme="dark"] .lang-option,html.dark .lang-option{color:#cbd5e1!important}
html[data-theme="light"] .lang-option.active,html:not(.dark) .lang-option.active,
html[data-theme="dark"] .lang-option.active,html.dark .lang-option.active{color:#fff!important}

/* Dropdown and mobile menu */
html[data-theme="light"] .dropdown-panel,html:not(.dark) .dropdown-panel,
html[data-theme="light"] .mobile-menu,html:not(.dark) .mobile-menu{background:#fff!important;color:#0f172a!important;border-color:#e2e8f0!important}
html[data-theme="dark"] .dropdown-panel,html.dark .dropdown-panel,
html[data-theme="dark"] .mobile-menu,html.dark .mobile-menu{background:#0f172a!important;color:#f8fafc!important;border-color:#334155!important}
html[data-theme="light"] .mobile-menu details,html:not(.dark) .mobile-menu details{background:#f8fafc!important;color:#0f172a!important}
html[data-theme="dark"] .mobile-menu details,html.dark .mobile-menu details{background:#111827!important;color:#f8fafc!important}

/* Hero and cards */
html[data-theme="light"] .hero-bg,html:not(.dark) .hero-bg{background:radial-gradient(circle at 10% 15%,rgba(6,182,212,.18),transparent 35%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.16),transparent 38%),linear-gradient(135deg,#f8fafc,#eef7ff 55%,#f3efff)!important;color:#0f172a!important}
html[data-theme="dark"] .hero-bg,html.dark .hero-bg{background:radial-gradient(circle at 10% 15%,rgba(6,182,212,.18),transparent 35%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.24),transparent 38%),linear-gradient(135deg,#020617,#0b1220 55%,#17112a)!important;color:#f8fafc!important}
html[data-theme="light"] .hero-bg h1,html:not(.dark) .hero-bg h1,
html[data-theme="light"] .hero-bg h2,html:not(.dark) .hero-bg h2,
html[data-theme="light"] .hero-bg h3,html:not(.dark) .hero-bg h3{color:#0f172a!important}
html[data-theme="dark"] .hero-bg h1,html.dark .hero-bg h1,
html[data-theme="dark"] .hero-bg h2,html.dark .hero-bg h2,
html[data-theme="dark"] .hero-bg h3,html.dark .hero-bg h3{color:#f8fafc!important}
html[data-theme="light"] .hero-bg p,html:not(.dark) .hero-bg p{color:#475569!important}
html[data-theme="dark"] .hero-bg p,html.dark .hero-bg p{color:#cbd5e1!important}

html[data-theme="light"] .card,html:not(.dark) .card{background:rgba(255,255,255,.94)!important;border-color:rgba(148,163,184,.45)!important;color:#0f172a!important;box-shadow:0 18px 50px rgba(15,23,42,.08)!important}
html[data-theme="dark"] .card,html.dark .card{background:rgba(15,23,42,.90)!important;border-color:rgba(51,65,85,.9)!important;color:#f8fafc!important;box-shadow:0 22px 55px rgba(0,0,0,.30)!important}
html[data-theme="light"] .card h1,html:not(.dark) .card h1,
html[data-theme="light"] .card h2,html:not(.dark) .card h2,
html[data-theme="light"] .card h3,html:not(.dark) .card h3,
html[data-theme="light"] .card strong,html:not(.dark) .card strong{color:#0f172a!important}
html[data-theme="dark"] .card h1,html.dark .card h1,
html[data-theme="dark"] .card h2,html.dark .card h2,
html[data-theme="dark"] .card h3,html.dark .card h3,
html[data-theme="dark"] .card strong,html.dark .card strong{color:#f8fafc!important}
html[data-theme="light"] .card p,html:not(.dark) .card p,
html[data-theme="light"] .card .muted,html:not(.dark) .card .muted{color:#475569!important}
html[data-theme="dark"] .card p,html.dark .card p,
html[data-theme="dark"] .card .muted,html.dark .card .muted{color:#cbd5e1!important}

.stat-card{border-radius:1rem;border:1px solid #cbd5e1;padding:1rem;transition:.18s ease}
html[data-theme="light"] .stat-card,html:not(.dark) .stat-card{background:rgba(255,255,255,.78)!important;border-color:#cbd5e1!important;color:#0f172a!important}
html[data-theme="dark"] .stat-card,html.dark .stat-card{background:rgba(2,6,23,.38)!important;border-color:#64748b!important;color:#f8fafc!important}
.stat-card .stat-number{font-size:1.9rem;line-height:1;font-weight:950;color:inherit!important}.stat-card .stat-label{margin-top:.25rem;color:inherit!important;opacity:.86}

/* Sections outside hero */
html[data-theme="light"] section,html:not(.dark) section{color:#0f172a}
html[data-theme="dark"] section,html.dark section{color:#f8fafc}
html[data-theme="light"] main h1,html:not(.dark) main h1,
html[data-theme="light"] main h2,html:not(.dark) main h2,
html[data-theme="light"] main h3,html:not(.dark) main h3{color:#0f172a}
html[data-theme="dark"] main h1,html.dark main h1,
html[data-theme="dark"] main h2,html.dark main h2,
html[data-theme="dark"] main h3,html.dark main h3{color:#f8fafc}

/* Forms, tables, footer */
html[data-theme="light"] .form-input,html:not(.dark) .form-input{background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important}
html[data-theme="dark"] .form-input,html.dark .form-input{background:#0f172a!important;color:#f8fafc!important;border-color:#334155!important}
html[data-theme="light"] footer,html:not(.dark) footer{background:#fff!important;border-color:#e2e8f0!important;color:#0f172a!important}
html[data-theme="dark"] footer,html.dark footer{background:#020617!important;border-color:#1e293b!important;color:#f8fafc!important}
html[data-theme="light"] footer p,html:not(.dark) footer p{color:#475569!important}
html[data-theme="dark"] footer p,html.dark footer p{color:#cbd5e1!important}

/* Browser autofill/readability */
::selection{background:#22d3ee;color:#020617}

/* === Header v2: two-row premium navigation === */
.site-header .mj-top-row{min-height:64px}
.site-header .mj-header-tagline{max-width:100%;padding-left:.15rem;line-height:1.45}
.site-header .mj-nav-row{min-height:54px}
.site-header .mj-nav-row .nav-link{font-size:1rem;padding:.72rem 1.05rem;border:1px solid transparent}
.site-header .mj-nav-row .nav-link:hover{border-color:#bae6fd;background:#ecfeff!important}
.account-trigger{display:inline-flex;align-items:center;gap:.55rem;height:48px;border-radius:1.15rem;border:1px solid #cbd5e1;background:#fff;padding:0 .95rem;font-weight:950;color:#0f172a;box-shadow:0 14px 30px rgba(15,23,42,.08);transition:.18s ease}
.account-trigger:hover{transform:translateY(-2px);border-color:#67e8f9;background:#ecfeff;color:#0e7490}
.account-panel{color:#0f172a}
.account-link{display:flex;align-items:center;gap:.55rem;margin-top:.45rem;border-radius:1rem;padding:.8rem .9rem;font-weight:900;color:#0f172a;text-decoration:none;transition:.16s ease}
.account-link:hover{background:#ecfeff;color:#0e7490}
.account-link.primary{background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff;box-shadow:0 14px 26px rgba(37,99,235,.22)}
.account-link.primary:hover{color:#fff;filter:brightness(1.04)}
.account-link.danger{color:#dc2626}.account-link.danger:hover{background:#fff1f2;color:#be123c}
.signup-pill{height:48px;align-items:center;justify-content:center;border-radius:1.15rem;background:linear-gradient(135deg,#0891b2,#6d28d9);padding:0 1rem;font-weight:950;color:#fff;text-decoration:none;box-shadow:0 16px 30px rgba(8,145,178,.22);transition:.18s ease}.signup-pill:hover{transform:translateY(-2px);filter:brightness(1.04)}
html[data-theme="dark"] .account-trigger,html.dark .account-trigger{background:#111827;border-color:#334155;color:#f8fafc;box-shadow:0 16px 35px rgba(0,0,0,.22)}
html[data-theme="dark"] .account-trigger:hover,html.dark .account-trigger:hover{background:#0f2a3a;border-color:#22d3ee;color:#67e8f9}
html[data-theme="dark"] .account-panel,html.dark .account-panel{background:#0f172a!important;border-color:#334155!important;color:#f8fafc!important}
html[data-theme="dark"] .account-link,html.dark .account-link{color:#f8fafc}html[data-theme="dark"] .account-link:hover,html.dark .account-link:hover{background:#172033;color:#67e8f9}
html[data-theme="dark"] .account-link.danger,html.dark .account-link.danger{color:#fda4af}html[data-theme="dark"] .account-link.danger:hover,html.dark .account-link.danger:hover{background:#3f0f1a;color:#fecdd3}
@media(max-width:1023px){.site-header .mj-top-row{min-height:56px}.site-header .mj-header-tagline{font-size:.82rem}.site-header .site-logo{max-width:210px}}
@media(max-width:640px){.site-header .mj-top-row{gap:.6rem}.site-header .site-logo{max-width:170px}.theme-switch,.lang-switch,.tw-icon-btn{height:44px;min-width:44px}.theme-switch{width:66px}.lang-option{height:34px;min-width:34px}.site-header .mj-header-tagline{display:none}}

/* === Header compact premium redesign v1.4.1 === */
.site-header{
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
}
.site-header > .mx-auto{
  max-width:1680px!important;
  margin-inline:auto!important;
  padding:10px clamp(16px,2.4vw,36px) 0!important;
}
.site-header .mj-top-row{
  min-height:0!important;
  align-items:center!important;
  gap:16px!important;
}
.site-header .site-logo{
  height:clamp(52px,var(--logo-h),72px)!important;
  max-height:72px!important;
  max-width:min(300px,34vw)!important;
  object-fit:contain!important;
}
.site-header .mj-header-tagline{
  margin:8px 0 0!important;
  padding:0 0 9px!important;
  max-width:none!important;
  border-bottom:1px solid rgba(148,163,184,.24)!important;
  font-size:.88rem!important;
  line-height:1.35!important;
}
.site-header .mj-nav-row{
  min-height:0!important;
  margin-top:0!important;
  padding:8px 0 9px!important;
  border-top:0!important;
  gap:8px!important;
  justify-content:center!important;
}
.site-header .mj-nav-row .nav-link{
  min-height:38px!important;
  border-radius:999px!important;
  padding:.52rem .9rem!important;
  font-size:.92rem!important;
  font-weight:900!important;
  gap:.42rem!important;
}
.site-header .mj-nav-row .nav-link span:first-child{
  font-size:.98rem!important;
}
.site-header .tw-icon-btn,
.site-header .theme-switch,
.site-header .lang-switch,
.site-header .account-trigger,
.site-header .signup-pill{
  height:42px!important;
  min-height:42px!important;
  border-radius:14px!important;
  box-shadow:0 10px 22px rgba(15,23,42,.08)!important;
}
.site-header .tw-icon-btn{
  min-width:42px!important;
  padding:0 .68rem!important;
}
.site-header .theme-switch{
  width:64px!important;
  padding:0 8px!important;
}
.site-header .theme-switch .switch-knob{
  width:32px!important;
  height:32px!important;
  top:4px!important;
  left:4px!important;
  border-radius:11px!important;
}
html.dark .site-header .theme-switch .switch-knob,
html[data-theme="dark"] .site-header .theme-switch .switch-knob{
  left:27px!important;
}
.site-header .theme-switch .switch-icon{
  width:21px!important;
  font-size:.92rem!important;
}
.site-header .lang-switch{
  height:42px!important;
  padding:3px!important;
  gap:2px!important;
}
.site-header .lang-option{
  height:34px!important;
  min-width:34px!important;
  border-radius:11px!important;
  font-size:.72rem!important;
}
.site-header .account-trigger{
  padding:0 .8rem!important;
  gap:.45rem!important;
  font-size:.88rem!important;
}
.site-header .signup-pill{
  padding:0 .9rem!important;
  font-size:.88rem!important;
}
.site-header .account-panel{
  margin-top:8px!important;
}
html[data-theme="light"] .site-header,
html:not(.dark) .site-header{
  background:rgba(255,255,255,.97)!important;
}
html[data-theme="light"] .site-header .mj-nav-row,
html:not(.dark) .site-header .mj-nav-row{
  background:linear-gradient(180deg,rgba(248,250,252,.6),rgba(255,255,255,.92))!important;
}
html[data-theme="light"] .site-header .mj-nav-row .nav-link,
html:not(.dark) .site-header .mj-nav-row .nav-link{
  color:#0f172a!important;
}
html[data-theme="light"] .site-header .mj-nav-row .nav-link:hover,
html:not(.dark) .site-header .mj-nav-row .nav-link:hover{
  background:#ecfeff!important;
  border-color:#a5f3fc!important;
  color:#0e7490!important;
}
html[data-theme="dark"] .site-header,
html.dark .site-header{
  background:rgba(2,6,23,.96)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .site-header .mj-nav-row,
html.dark .site-header .mj-nav-row{
  background:linear-gradient(180deg,rgba(15,23,42,.35),rgba(2,6,23,.92))!important;
}
@media (max-width:1023px){
  .site-header > .mx-auto{padding:9px 14px!important;}
  .site-header .site-logo{height:clamp(48px,var(--logo-h-mobile),62px)!important;max-width:210px!important;}
  .site-header .mj-header-tagline{display:none!important;}
}
@media (max-width:640px){
  .site-header .site-logo{height:46px!important;max-width:170px!important;}
  .site-header .tw-icon-btn,
  .site-header .theme-switch,
  .site-header .lang-switch,
  .site-header .account-trigger{
    height:40px!important;min-height:40px!important;border-radius:13px!important;
  }
  .site-header .theme-switch{width:60px!important;}
  .site-header .lang-option{height:32px!important;min-width:32px!important;}
}


/* === Logo size enforcement fix v1.4.2 === */
.site-header .site-logo-link{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  overflow:visible!important;
}
.site-header .site-logo{
  height:var(--logo-h,72px)!important;
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  display:block!important;
  flex:0 0 auto!important;
}
.site-header .mj-top-row{
  align-items:center!important;
}
@media(max-width:768px){
  .site-header .site-logo{
    height:var(--logo-h-mobile,60px)!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
  }
}


/* === v1.4.3 header: main menu between logo and home actions === */
.site-header .mj-top-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:auto!important;}
.site-header .mj-inline-nav{margin:0!important;padding:0!important;border:0!important;flex:1 1 auto!important;min-width:0!important;justify-content:center!important;}
.site-header .mj-inline-nav .nav-link{white-space:nowrap!important;}
.site-header .site-logo-link{flex:0 0 auto!important;}
.site-header .mj-header-tagline{border-top:1px solid rgba(148,163,184,.24);margin-top:10px!important;padding-top:9px!important;text-align:center!important;}
@media(max-width:1180px){.site-header .mj-inline-nav{display:none!important;}.site-header .mj-top-row{justify-content:space-between!important;}}
@media(max-width:640px){.site-header .mj-top-row{gap:8px!important}.site-header .signup-pill{display:none!important}}

/* === Admin source/preview editor === */
.mj-editor-shell{border:1px solid rgba(148,163,184,.35);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.94)}
html.dark .mj-editor-shell,html[data-theme="dark"] .mj-editor-shell{background:rgba(15,23,42,.92);border-color:rgba(51,65,85,.9)}
.mj-editor-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-bottom:1px solid rgba(148,163,184,.25);background:rgba(248,250,252,.78)}
html.dark .mj-editor-tabs,html[data-theme="dark"] .mj-editor-tabs{background:rgba(2,6,23,.35)}
.mj-editor-tabs button,.editor-toolbar button{border:1px solid rgba(14,116,144,.25);border-radius:14px;background:#fff;color:#0f172a;font-weight:900;padding:10px 13px;cursor:pointer}
html.dark .mj-editor-tabs button,html[data-theme="dark"] .mj-editor-tabs button,html.dark .editor-toolbar button,html[data-theme="dark"] .editor-toolbar button{background:#111827;color:#f8fafc;border-color:#334155}
.mj-editor-tabs button.active{background:linear-gradient(135deg,#0891b2,#0f766e);color:#fff;border-color:transparent}
.mj-editor-code,.mj-editor-preview{display:block}.mj-editor-panel-hidden{display:none!important}
.mj-live-preview-wrap{min-height:520px;background:#fff;color:#0f172a;overflow:auto;padding:22px}.mj-live-preview-wrap img{max-width:100%;height:auto}.mj-live-preview-wrap figure{margin:1.25rem 0}.mj-live-preview-wrap figcaption{font-size:.9rem;color:#64748b;margin-top:.5rem}
.mj-editable-content img{max-width:100%;height:auto;border-radius:18px}.mj-editable-content figure{margin:1.5rem 0}.mj-editable-content figcaption{font-size:.92rem;color:#64748b;margin-top:.5rem}

/* === Admin visual web editor v1 === */
.mj-visual-toolbar{margin-bottom:12px!important}
.mj-editor-visual{display:block;background:#fff;color:#0f172a}
html.dark .mj-editor-visual,html[data-theme="dark"] .mj-editor-visual{background:#0f172a;color:#f8fafc}
.mj-visual-canvas{
  min-height:620px;
  padding:28px;
  outline:none;
  overflow:auto;
  line-height:1.75;
  background:linear-gradient(180deg,#ffffff,#fbfdff);
  color:#0f172a;
}
html.dark .mj-visual-canvas,html[data-theme="dark"] .mj-visual-canvas{background:linear-gradient(180deg,#0f172a,#111827);color:#f8fafc}
.mj-visual-canvas:empty:before{content:attr(data-placeholder);color:#94a3b8;font-weight:700}
.mj-visual-canvas h1,.mj-visual-canvas h2,.mj-visual-canvas h3{font-weight:900;line-height:1.15;margin:1.1em 0 .45em}
.mj-visual-canvas h1{font-size:2.4rem}.mj-visual-canvas h2{font-size:2rem}.mj-visual-canvas h3{font-size:1.45rem}
.mj-visual-canvas p{margin:.85rem 0}.mj-visual-canvas ul,.mj-visual-canvas ol{margin:1rem 0 1rem 1.4rem}.mj-visual-canvas li{margin:.35rem 0}
.mj-visual-canvas img{max-width:100%;height:auto;border-radius:18px;display:block}
.mj-visual-canvas figure{margin:1.4rem 0;padding:12px;border:1px solid rgba(148,163,184,.28);border-radius:22px;background:rgba(248,250,252,.75)}
html.dark .mj-visual-canvas figure,html[data-theme="dark"] .mj-visual-canvas figure{background:rgba(15,23,42,.65);border-color:rgba(51,65,85,.9)}
.mj-visual-canvas figcaption{font-size:.92rem;color:#64748b;margin-top:.55rem}.mj-visual-canvas blockquote{margin:1rem 0;padding:1rem 1.2rem;border-left:5px solid #0891b2;background:#ecfeff;border-radius:18px;font-weight:700}
html.dark .mj-visual-canvas blockquote,html[data-theme="dark"] .mj-visual-canvas blockquote{background:rgba(14,116,144,.18);color:#dffafe}
.mj-editor-code textarea.editor-textarea{min-height:620px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.65}

/* === Admin rich WYSIWYG editor v2 - WordPress-like toolbar === */
.mj-rich-editor{border:1px solid rgba(148,163,184,.38);border-radius:22px;background:#f8fafc;box-shadow:0 18px 44px rgba(15,23,42,.06);overflow:hidden}
html.dark .mj-rich-editor,html[data-theme="dark"] .mj-rich-editor{background:#0f172a;border-color:#334155;box-shadow:0 18px 44px rgba(0,0,0,.28)}
.mj-rich-toolbar{padding:8px;border-bottom:1px solid rgba(148,163,184,.35);background:linear-gradient(180deg,#f8fafc,#e8eef5);display:grid;gap:6px;position:sticky;top:0;z-index:5}
html.dark .mj-rich-toolbar,html[data-theme="dark"] .mj-rich-toolbar{background:linear-gradient(180deg,#1e293b,#111827);border-color:#334155}
.mj-toolbar-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.mj-toolbar-sep{width:1px;height:28px;background:rgba(100,116,139,.35);margin:0 4px}
.mj-rich-toolbar button,.mj-rich-toolbar select,.mj-rich-toolbar label{min-height:34px;border:1px solid rgba(100,116,139,.38);border-radius:6px;background:#fff;color:#0f172a;font-size:13px;font-weight:800;line-height:1;box-shadow:0 1px 0 rgba(255,255,255,.85);}
.mj-rich-toolbar button{padding:0 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:34px}
.mj-rich-toolbar button:hover{background:#eff6ff;border-color:#38bdf8;color:#075985}
.mj-rich-toolbar select{padding:0 26px 0 8px;height:34px;font-weight:700;min-width:90px}
.mj-rich-toolbar label{display:inline-flex;align-items:center;gap:6px;padding:0 7px;color:#334155;background:#f8fafc}
.mj-rich-toolbar .mj-color-label{gap:4px;padding-right:4px}.mj-rich-toolbar input[type=color]{width:28px;height:24px;border:0;background:transparent;padding:0;cursor:pointer}
html.dark .mj-rich-toolbar button,html.dark .mj-rich-toolbar select,html.dark .mj-rich-toolbar label,html[data-theme="dark"] .mj-rich-toolbar button,html[data-theme="dark"] .mj-rich-toolbar select,html[data-theme="dark"] .mj-rich-toolbar label{background:#111827;color:#f8fafc;border-color:#475569;box-shadow:none}
html.dark .mj-rich-toolbar button:hover,html[data-theme="dark"] .mj-rich-toolbar button:hover{background:#0f766e;border-color:#2dd4bf;color:#fff}
.mj-rich-editor .mj-editor-shell{border:0;border-radius:0;box-shadow:none;background:#fff}
html.dark .mj-rich-editor .mj-editor-shell,html[data-theme="dark"] .mj-rich-editor .mj-editor-shell{background:#0f172a}
.mj-rich-editor .mj-editor-tabs{border-bottom:1px solid rgba(148,163,184,.24);background:#fff;padding:9px 12px;align-items:center}
html.dark .mj-rich-editor .mj-editor-tabs,html[data-theme="dark"] .mj-rich-editor .mj-editor-tabs{background:#020617;border-color:#334155}
.mj-editor-hint{margin-left:auto;color:#64748b;font-size:12px;font-weight:700}.mj-editor-tabs button{min-height:34px;padding:8px 12px;border-radius:8px!important}
.mj-visual-canvas{min-height:650px;background:#fff!important;color:#0f172a!important;padding:26px 32px!important;border-top:0;box-shadow:inset 0 1px 0 rgba(15,23,42,.04)}
html.dark .mj-visual-canvas,html[data-theme="dark"] .mj-visual-canvas{background:#0b1120!important;color:#f8fafc!important}
.mj-visual-canvas:focus{outline:3px solid rgba(14,165,233,.18);outline-offset:-3px}
.mj-visual-canvas table,.mj-content-table{border-collapse:collapse;width:100%;margin:1.2rem 0;background:#fff}.mj-visual-canvas th,.mj-visual-canvas td,.mj-content-table th,.mj-content-table td{border:1px solid #cbd5e1;padding:10px;text-align:left}.mj-visual-canvas th,.mj-content-table th{background:#e0f2fe;font-weight:900}.mj-visual-canvas pre{background:#0f172a;color:#e2e8f0;padding:16px;border-radius:14px;overflow:auto}.mj-visual-canvas a{color:#0284c7;text-decoration:underline;font-weight:800}
html.dark .mj-visual-canvas table,html.dark .mj-content-table,html[data-theme="dark"] .mj-visual-canvas table,html[data-theme="dark"] .mj-content-table{background:#111827}html.dark .mj-visual-canvas th,html[data-theme="dark"] .mj-visual-canvas th{background:#164e63;color:#ecfeff}html.dark .mj-visual-canvas td,html.dark .mj-visual-canvas th,html[data-theme="dark"] .mj-visual-canvas td,html[data-theme="dark"] .mj-visual-canvas th{border-color:#334155}
@media(max-width:760px){.mj-rich-toolbar{position:static}.mj-toolbar-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.mj-rich-toolbar select{min-width:105px}.mj-editor-hint{display:none}.mj-visual-canvas{padding:18px!important;min-height:520px}}

/* === v1.4.4 professional visual editor image controls === */
.mj-visual-canvas figure.mj-editor-image-figure,
.mj-visual-canvas figure:has(img){position:relative;transition:.18s ease}
.mj-visual-canvas img{max-width:100%;height:auto!important;object-fit:contain!important;cursor:pointer;box-sizing:border-box}
.mj-visual-canvas img.mj-selected-image,
.mj-visual-canvas figure.mj-selected-figure{outline:3px solid rgba(14,165,233,.45);outline-offset:4px;box-shadow:0 18px 44px rgba(14,165,233,.18)}
.mj-visual-canvas figcaption{outline:0;min-height:1.3em}.mj-visual-canvas figcaption:focus{background:rgba(14,165,233,.08);border-radius:10px;padding-inline:6px}
.mj-image-tools{position:fixed;right:18px;bottom:18px;z-index:9999;width:min(360px,calc(100vw - 36px));border:1px solid rgba(14,116,144,.25);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(15,23,42,.24);backdrop-filter:blur(14px);padding:12px;color:#0f172a}
html.dark .mj-image-tools,html[data-theme="dark"] .mj-image-tools{background:rgba(15,23,42,.96);color:#f8fafc;border-color:#334155;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.mj-image-tools.mj-hidden{display:none!important}.mj-image-tools-title{font-weight:950;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#0e7490;margin:0 0 8px}.mj-image-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mj-image-tools button{border:1px solid rgba(14,116,144,.22);border-radius:12px;background:linear-gradient(180deg,#fff,#f1f5f9);color:#0f172a;padding:8px 7px;font-weight:900;font-size:12px;cursor:pointer}.mj-image-tools button:hover{border-color:#0891b2;box-shadow:0 8px 20px rgba(14,165,233,.15)}html.dark .mj-image-tools button,html[data-theme="dark"] .mj-image-tools button{background:#111827;color:#f8fafc;border-color:#334155}.mj-image-tools button.danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border-color:transparent}.mj-image-tools-note{margin-top:8px;font-size:11px;line-height:1.35;color:#64748b;font-weight:700}html.dark .mj-image-tools-note,html[data-theme="dark"] .mj-image-tools-note{color:#94a3b8}
.mj-rich-toolbar [data-mj-image-button]{background:linear-gradient(135deg,#0891b2,#0f766e)!important;color:#fff!important;border-color:transparent!important}
@media(max-width:760px){.mj-image-tools{left:10px;right:10px;bottom:10px;width:auto}.mj-image-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Admin media library / editor picker */
.mj-media-modal{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.62);display:grid;place-items:center;padding:20px;backdrop-filter:blur(10px)}
.mj-media-modal.mj-hidden{display:none!important}
.mj-media-dialog{width:min(1080px,96vw);max-height:88vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(148,163,184,.28);border-radius:28px;background:#fff;color:#0f172a;box-shadow:0 28px 90px rgba(2,6,23,.35)}
.dark .mj-media-dialog{background:#0f172a;color:#e5eef8;border-color:rgba(148,163,184,.22)}
.mj-media-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#ecfeff,#f8fafc)}
.dark .mj-media-head{border-color:#1e293b;background:linear-gradient(135deg,#164e63,#0f172a)}
.mj-media-head b{display:block;font-size:20px;font-weight:900}.mj-media-head small{display:block;color:#64748b;font-weight:700}.dark .mj-media-head small{color:#b6c3d3}
.mj-media-head button{width:42px;height:42px;border-radius:14px;border:1px solid #cbd5e1;background:#fff;font-size:24px;font-weight:900;cursor:pointer}.dark .mj-media-head button{background:#1e293b;border-color:#334155;color:#fff}
.mj-media-upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.dark .mj-media-upload{background:#111827;border-color:#1e293b}
.mj-media-upload input{max-width:420px}.mj-media-upload button,.mj-media-upload a{border:1px solid #cbd5e1;background:#fff;border-radius:14px;padding:10px 14px;font-weight:900;color:#0f172a;text-decoration:none}.dark .mj-media-upload button,.dark .mj-media-upload a{background:#1e293b;border-color:#334155;color:#fff}
.mj-media-grid{overflow:auto;padding:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.mj-media-loading{grid-column:1/-1;padding:24px;text-align:center;color:#64748b;font-weight:800}.dark .mj-media-loading{color:#cbd5e1}
.mj-media-item{display:flex;flex-direction:column;gap:8px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:10px;cursor:pointer;text-align:left;min-height:160px}.mj-media-item:hover{border-color:#06b6d4;box-shadow:0 12px 30px rgba(14,165,233,.18)}.dark .mj-media-item{background:#111827;border-color:#334155;color:#fff}
.mj-media-item img{width:100%;height:104px;object-fit:contain;border-radius:12px;background:#f1f5f9}.dark .mj-media-item img{background:#020617}.mj-media-file{display:grid;place-items:center;width:100%;height:104px;border-radius:12px;background:#e2e8f0;color:#0f172a;font-weight:900}.dark .mj-media-file{background:#1e293b;color:#e2e8f0}.mj-media-item small{font-size:11px;color:#475569;word-break:break-all;font-weight:800}.dark .mj-media-item small{color:#cbd5e1}
.media-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.media-admin-card{border:1px solid #e2e8f0;border-radius:22px;background:#fff;padding:12px;box-shadow:0 14px 34px rgba(15,23,42,.06)}.dark .media-admin-card{background:#0f172a;border-color:#1e293b}.media-admin-card img{width:100%;height:150px;object-fit:contain;border-radius:16px;background:#f8fafc}.dark .media-admin-card img{background:#020617}.media-admin-file{height:150px;display:grid;place-items:center;border-radius:16px;background:#f1f5f9;font-size:28px;font-weight:900}.dark .media-admin-file{background:#111827}.media-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.media-admin-actions a,.media-admin-actions button{border-radius:12px;padding:8px 10px;font-weight:900;font-size:12px;border:1px solid #cbd5e1;background:#fff;text-decoration:none;color:#0f172a;cursor:pointer}.dark .media-admin-actions a,.dark .media-admin-actions button{background:#1e293b;border-color:#334155;color:#fff}.media-admin-actions .danger{color:#dc2626;border-color:#fecaca;background:#fff1f2}.dark .media-admin-actions .danger{background:#450a0a;border-color:#7f1d1d;color:#fecaca}

/* Bulletin builder direct image upload / media picker */
.mj-bulletin-img-preview{display:grid;place-items:center;min-height:8rem;border:1px dashed #cbd5e1;border-radius:1rem;background:#f8fafc;color:#64748b;font-weight:800;overflow:hidden}
.mj-bulletin-img-preview img{width:100%;height:7rem;object-fit:contain;background:#fff;border-radius:.875rem}
.mj-bulletin-img-preview.is-empty{background:linear-gradient(135deg,#f8fafc,#eef2ff)}
.dark .mj-bulletin-img-preview{background:#0f172a;border-color:#334155;color:#cbd5e1}
.dark .mj-bulletin-img-preview img{background:#020617}

/* Admin sidebar brand cleanup */
.admin-brand-card{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:74px!important;
  max-width:100%!important;
  overflow:hidden!important;
  border-radius:24px!important;
  padding:12px!important;
  text-decoration:none!important;
  background:linear-gradient(135deg,rgba(236,254,255,.96),rgba(236,253,245,.90))!important;
  border:1px solid rgba(125,211,252,.20)!important;
  box-shadow:0 16px 36px rgba(15,23,42,.06)!important;
}
.dark .admin-brand-card{
  background:linear-gradient(135deg,rgba(8,47,73,.45),rgba(15,23,42,.88))!important;
  border-color:rgba(51,65,85,.75)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.22)!important;
}
.admin-brand-logo-wrap{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.65)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  overflow:hidden!important;
}
.dark .admin-brand-logo-wrap{background:rgba(15,23,42,.55)!important;border-color:rgba(148,163,184,.20)!important;}
.admin-brand-logo{
  display:block!important;
  width:auto!important;
  height:46px!important;
  max-width:150px!important;
  object-fit:contain!important;
}
.admin-brand-copy{
  min-width:0!important;
  display:block!important;
  line-height:1.15!important;
}
.admin-brand-copy strong{
  display:block!important;
  max-width:150px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-weight:950!important;
  color:#0f172a!important;
  font-size:15px!important;
}
.dark .admin-brand-copy strong{color:#f8fafc!important;}
.admin-brand-copy small{
  display:block!important;
  margin-top:4px!important;
  max-width:150px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:800!important;
}
.dark .admin-brand-copy small{color:#94a3b8!important;}
@media(max-width:1023px){
  .admin-brand-card{margin-bottom:14px!important;}
}


/* === v1.4.5 Araçlar açılır menü ekran ortalama düzeltmesi === */
.site-header .mj-inline-nav .menu-dropdown{position:static!important}
.site-header .mj-inline-nav .dropdown-panel{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:100%!important;
  width:min(1320px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  transform:translateX(-50%) translateY(10px)!important;
  margin-top:0!important;
  z-index:80!important;
}
.site-header .mj-inline-nav .menu-dropdown:hover .dropdown-panel,
.site-header .mj-inline-nav .menu-dropdown:focus-within .dropdown-panel{
  visibility:visible!important;
  opacity:1!important;
  transform:translateX(-50%) translateY(0)!important;
}
.site-header .mj-inline-nav .dropdown-panel .grid{justify-content:center!important}
@media(max-width:1180px){.site-header .mj-inline-nav .dropdown-panel{display:none!important}}


/* === v1.4.9 Desktop Araçlar menüsü: ekran merkezli ve taşma korumalı === */
@media (min-width:1181px){
  .site-header{overflow:visible!important}
  .site-header .mj-top-row,
  .site-header .mj-inline-nav{position:static!important;overflow:visible!important}
  .site-header .mj-inline-nav .menu-dropdown{position:static!important}
  .site-header .mj-inline-nav .dropdown-panel{
    position:fixed!important;
    left:50vw!important;
    right:auto!important;
    top:var(--mj-dropdown-top,96px)!important;
    width:min(1320px,calc(100vw - 48px))!important;
    max-width:calc(100vw - 48px)!important;
    max-height:calc(100vh - var(--mj-dropdown-top,96px) - 24px)!important;
    overflow:auto!important;
    transform:translateX(-50%) translateY(10px)!important;
    margin:0!important;
    z-index:999!important;
    border-radius:28px!important;
  }
  .site-header .mj-inline-nav .menu-dropdown:hover .dropdown-panel,
  .site-header .mj-inline-nav .menu-dropdown:focus-within .dropdown-panel{
    visibility:visible!important;
    opacity:1!important;
    transform:translateX(-50%) translateY(0)!important;
  }
  .site-header .mj-inline-nav .dropdown-panel .grid{
    width:100%!important;
    margin-inline:auto!important;
    justify-content:center!important;
  }
}

/* === v1.4.9 Profesyonel sayfa ortak kontrastları === */
.mj-pro-shell{background:radial-gradient(circle at 8% 0%,rgba(6,182,212,.10),transparent 26%),radial-gradient(circle at 88% 6%,rgba(124,58,237,.10),transparent 30%),#f8fafc;color:#0f172a}
html.dark .mj-pro-shell,html[data-theme="dark"] .mj-pro-shell{background:radial-gradient(circle at 8% 0%,rgba(6,182,212,.13),transparent 28%),radial-gradient(circle at 88% 6%,rgba(124,58,237,.18),transparent 30%),#020617;color:#f8fafc}
.mj-pro-card{border:1px solid rgba(148,163,184,.32);background:rgba(255,255,255,.94);box-shadow:0 22px 60px rgba(15,23,42,.09);border-radius:28px}
html.dark .mj-pro-card,html[data-theme="dark"] .mj-pro-card{border-color:rgba(51,65,85,.88);background:rgba(15,23,42,.92);box-shadow:0 28px 80px rgba(0,0,0,.34)}
.mj-pro-muted{color:#526273}
html.dark .mj-pro-muted,html[data-theme="dark"] .mj-pro-muted{color:#b4c5d8}
.mj-pro-kicker{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(14,165,233,.22);background:rgba(6,182,212,.10);color:#0e7490;border-radius:999px;padding:.48rem .8rem;font-weight:950;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}
html.dark .mj-pro-kicker,html[data-theme="dark"] .mj-pro-kicker{background:rgba(34,211,238,.12);color:#67e8f9;border-color:rgba(103,232,249,.25)}
.mj-pro-input{width:100%;border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:18px;padding:.9rem 1rem;outline:none;font-weight:650}
html.dark .mj-pro-input,html[data-theme="dark"] .mj-pro-input{border-color:#334155;background:#0f172a;color:#f8fafc}
.mj-pro-input:focus{border-color:#0891b2;box-shadow:0 0 0 4px rgba(6,182,212,.15)}
.mj-pro-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:18px;padding:.9rem 1.15rem;font-weight:950;text-decoration:none;transition:.18s ease}
.mj-pro-btn:hover{transform:translateY(-1px)}
.mj-pro-btn-primary{background:linear-gradient(135deg,#0891b2,#0f766e);color:#fff!important;box-shadow:0 16px 34px rgba(8,145,178,.24)}
.mj-pro-btn-soft{border:1px solid #cbd5e1;background:#fff;color:#0f172a!important}
html.dark .mj-pro-btn-soft,html[data-theme="dark"] .mj-pro-btn-soft{border-color:#334155;background:#0f172a;color:#f8fafc!important}


/* === v1.4.10 Araçlar menüsü: mouse geçiş boşluğu giderildi === */
@media (min-width:1181px){
  .site-header .mj-inline-nav .menu-dropdown{position:relative!important}
  .site-header .mj-inline-nav .menu-dropdown::after{
    content:""!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:var(--mj-dropdown-bridge-top,82px)!important;
    height:var(--mj-dropdown-bridge-height,18px)!important;
    z-index:998!important;
    pointer-events:auto!important;
  }
  .site-header .mj-inline-nav .dropdown-panel{
    position:fixed!important;
    left:50vw!important;
    top:var(--mj-dropdown-top,96px)!important;
    margin:0!important;
    width:min(1320px,calc(100vw - 48px))!important;
    max-width:calc(100vw - 48px)!important;
    max-height:calc(100vh - var(--mj-dropdown-top,96px) - 20px)!important;
    overflow:auto!important;
    transform:translateX(-50%) translateY(0)!important;
    z-index:999!important;
  }
  .site-header .mj-inline-nav .menu-dropdown:hover .dropdown-panel,
  .site-header .mj-inline-nav .menu-dropdown:focus-within .dropdown-panel,
  .site-header .mj-inline-nav .menu-dropdown.mj-menu-open .dropdown-panel,
  .site-header .mj-inline-nav .dropdown-panel:hover{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateX(-50%) translateY(0)!important;
  }
}


/* === v1.4.12 Header Araçlar menüsü: sadece tıklamayla, butonun hemen altında === */
@media (min-width:1181px){
  .site-header .mj-inline-nav .menu-dropdown{position:relative!important}
  .site-header .mj-inline-nav .dropdown-panel{
    position:fixed!important;
    left:50vw!important;
    top:var(--mj-dropdown-top,96px)!important;
    width:min(1320px,calc(100vw - 48px))!important;
    max-width:calc(100vw - 48px)!important;
    max-height:calc(100vh - var(--mj-dropdown-top,96px) - 20px)!important;
    overflow:auto!important;
    margin:0!important;
    z-index:999!important;
    border-radius:28px!important;
    transform:translateX(-50%) translateY(0)!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .14s ease!important;
  }
  .site-header .mj-inline-nav .menu-dropdown:hover .dropdown-panel,
  .site-header .mj-inline-nav .menu-dropdown:focus-within .dropdown-panel,
  .site-header .mj-inline-nav .dropdown-panel:hover{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .site-header .mj-inline-nav .menu-dropdown.mj-menu-open .dropdown-panel,
  .site-header .mj-inline-nav .menu-dropdown.mj-menu-open .dropdown-panel:hover{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .site-header .mj-inline-nav .menu-dropdown.mj-menu-open::after{
    content:""!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:var(--mj-dropdown-bridge-top,96px)!important;
    height:2px!important;
    z-index:998!important;
    pointer-events:auto!important;
  }
}

/* === v1.4.12 Admin Dosyalar: 4/5/6 kolon küçük önizleme + modal === */
.media-column-switch{display:inline-flex;gap:6px;border:1px solid #cbd5e1;background:#f8fafc;border-radius:16px;padding:5px}.dark .media-column-switch,html[data-theme="dark"] .media-column-switch{background:#0f172a;border-color:#334155}.media-column-switch button{width:38px;height:34px;border-radius:12px;border:0;background:transparent;color:#475569;font-weight:950;cursor:pointer}.dark .media-column-switch button,html[data-theme="dark"] .media-column-switch button{color:#cbd5e1}.media-column-switch button.active{background:linear-gradient(135deg,#0891b2,#0f766e);color:#fff;box-shadow:0 8px 18px rgba(8,145,178,.24)}
.media-admin-grid{display:grid!important;gap:14px!important}.media-admin-grid.media-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.media-admin-grid.media-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.media-admin-grid.media-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.media-admin-card{border:1px solid #e2e8f0!important;border-radius:22px!important;background:#fff!important;padding:10px!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important;min-width:0!important;transition:.18s ease!important}.media-admin-card:hover{transform:translateY(-2px)!important;box-shadow:0 20px 46px rgba(15,23,42,.10)!important;border-color:#67e8f9!important}.dark .media-admin-card,html[data-theme="dark"] .media-admin-card{background:#0f172a!important;border-color:#1e293b!important}
.media-preview-trigger{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}.media-thumb{display:grid;place-items:center;aspect-ratio:1/0.72;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;overflow:hidden}.dark .media-thumb,html[data-theme="dark"] .media-thumb{background:#020617;border-color:#1e293b}.media-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;background:#f8fafc!important}
.media-admin-file{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;border-radius:0!important;background:linear-gradient(135deg,#eef2ff,#ecfeff)!important;color:#0f172a!important;font-weight:950!important}.media-admin-file b{display:block;font-size:2rem;line-height:1;text-align:center}.media-admin-file em{display:block;margin-top:6px;font-style:normal;font-size:.82rem;letter-spacing:.08em;color:#0e7490}.dark .media-admin-file,html[data-theme="dark"] .media-admin-file{background:linear-gradient(135deg,#111827,#0f2f3a)!important;color:#f8fafc!important}.dark .media-admin-file em,html[data-theme="dark"] .media-admin-file em{color:#67e8f9}
.media-card-name{display:block;margin-top:10px;min-height:38px;font-size:.88rem;font-weight:950;line-height:1.25;color:#0f172a;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .media-card-name,html[data-theme="dark"] .media-card-name{color:#f8fafc}.media-card-meta{display:block;margin-top:5px;font-size:.72rem;font-weight:850;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .media-card-meta,html[data-theme="dark"] .media-card-meta{color:#94a3b8}
.media-admin-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-top:10px!important}.media-admin-actions a,.media-admin-actions button{border-radius:12px!important;padding:7px 9px!important;font-weight:950!important;font-size:11px!important;border:1px solid #cbd5e1!important;background:#fff!important;text-decoration:none!important;color:#0f172a!important;cursor:pointer!important}.dark .media-admin-actions a,.dark .media-admin-actions button,html[data-theme="dark"] .media-admin-actions a,html[data-theme="dark"] .media-admin-actions button{background:#1e293b!important;border-color:#334155!important;color:#fff!important}.media-admin-actions .danger{color:#dc2626!important;border-color:#fecaca!important;background:#fff1f2!important}.dark .media-admin-actions .danger,html[data-theme="dark"] .media-admin-actions .danger{background:#450a0a!important;border-color:#7f1d1d!important;color:#fecaca!important}
.media-preview-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}.media-preview-modal.show{display:flex}.media-preview-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(6px)}.media-preview-dialog{position:relative;z-index:1;width:min(1120px,calc(100vw - 28px));max-height:calc(100vh - 34px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid rgba(226,232,240,.20);border-radius:28px;background:#fff;box-shadow:0 34px 110px rgba(0,0,0,.42);overflow:hidden}.dark .media-preview-dialog,html[data-theme="dark"] .media-preview-dialog{background:#0f172a;color:#f8fafc}.media-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #e2e8f0}.dark .media-preview-head,html[data-theme="dark"] .media-preview-head{border-color:#334155}.media-preview-head h3{margin:0;font-size:1.25rem;font-weight:950}.media-preview-head p{margin:.3rem 0 0;color:#64748b;font-size:.86rem;font-weight:750;word-break:break-all}.dark .media-preview-head p,html[data-theme="dark"] .media-preview-head p{color:#94a3b8}.media-preview-close{width:42px;height:42px;border-radius:14px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:26px;line-height:1;cursor:pointer}.dark .media-preview-close,html[data-theme="dark"] .media-preview-close{background:#111827;color:#fff;border-color:#334155}.media-preview-body{min-height:420px;overflow:auto;background:#f8fafc;display:grid;place-items:center;padding:18px}.dark .media-preview-body,html[data-theme="dark"] .media-preview-body{background:#020617}.media-modal-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.14)}.media-modal-frame{width:100%;height:min(70vh,760px);border:0;border-radius:18px;background:#fff}.media-modal-file{text-align:center;max-width:520px}.media-modal-file-icon{display:grid;place-items:center;width:120px;height:120px;margin:0 auto 18px;border-radius:32px;background:linear-gradient(135deg,#0891b2,#0f766e);color:#fff;font-size:1.8rem;font-weight:950}.media-modal-file h4{font-size:1.3rem;font-weight:950;word-break:break-word}.media-modal-file p{margin-top:10px;color:#64748b}.media-preview-foot{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:14px 18px;border-top:1px solid #e2e8f0}.dark .media-preview-foot,html[data-theme="dark"] .media-preview-foot{border-color:#334155}.media-preview-foot a,.media-preview-foot button{border-radius:14px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;text-decoration:none;font-weight:950;padding:10px 13px;cursor:pointer}.media-preview-foot a:first-child{background:linear-gradient(135deg,#0891b2,#0f766e);color:#fff;border:0}.dark .media-preview-foot a,.dark .media-preview-foot button,html[data-theme="dark"] .media-preview-foot a,html[data-theme="dark"] .media-preview-foot button{background:#111827;color:#fff;border-color:#334155}.dark .media-preview-foot a:first-child,html[data-theme="dark"] .media-preview-foot a:first-child{background:linear-gradient(135deg,#0891b2,#0f766e)}body.media-modal-open{overflow:hidden}
@media(max-width:1500px){.media-admin-grid.media-cols-6{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media(max-width:1260px){.media-admin-grid.media-cols-5,.media-admin-grid.media-cols-6{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media(max-width:980px){.media-admin-grid,.media-admin-grid.media-cols-4,.media-admin-grid.media-cols-5,.media-admin-grid.media-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:720px){.media-admin-grid,.media-admin-grid.media-cols-4,.media-admin-grid.media-cols-5,.media-admin-grid.media-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}.media-preview-body{min-height:300px}}@media(max-width:460px){.media-admin-grid,.media-admin-grid.media-cols-4,.media-admin-grid.media-cols-5,.media-admin-grid.media-cols-6{grid-template-columns:1fr!important}}


/* === v1.4.11 Uzmanlarımız sayfası profesyonel görünüm yardımcıları === */
.line-clamp-2{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}


/* === v1.4.13 Kullanıcı hesabı menüsü: tıklama ile açılır, linkler çalışır === */
.site-header{
  overflow:visible!important;
}
.site-header .mj-top-row,
.site-header .account-dropdown{
  overflow:visible!important;
}
.account-dropdown{
  z-index:10020!important;
}
.account-dropdown .account-panel{
  pointer-events:none;
  z-index:10030!important;
}
.account-dropdown.mj-account-open .account-panel{
  visibility:visible!important;
  opacity:1!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}
.account-dropdown.mj-account-open .account-trigger{
  border-color:#22d3ee!important;
  background:#ecfeff!important;
  color:#0e7490!important;
}
html[data-theme="dark"] .account-dropdown.mj-account-open .account-trigger,
html.dark .account-dropdown.mj-account-open .account-trigger{
  background:#0f2a3a!important;
  border-color:#22d3ee!important;
  color:#67e8f9!important;
}
.account-dropdown .account-panel a{
  pointer-events:auto!important;
}


/* === v1.4.14 Admin medya yükleme ve sol menü marka düzeltmesi === */
.mj-instant-upload-field{
  display:grid;
  gap:.6rem;
}
.mj-upload-preview{
  min-height:96px;
  border:1px dashed #cbd5e1;
  border-radius:1rem;
  background:#f8fafc;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  color:#64748b;
  font-weight:800;
}
.mj-upload-preview img{
  width:100%;
  max-height:128px;
  object-fit:contain;
  background:#fff;
}
.mj-upload-preview.is-empty{
  background:linear-gradient(135deg,#f8fafc,#eef2ff);
}
.dark .mj-upload-preview{
  border-color:#334155;
  background:#0f172a;
  color:#cbd5e1;
}
.dark .mj-upload-preview img{background:#020617}
.mj-upload-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6rem;
}
.mj-upload-status{
  font-size:.76rem;
  font-weight:800;
  color:#64748b;
}
.admin-brand-card{
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
  min-height:auto!important;
}
.admin-brand-logo-wrap{
  width:100%!important;
  height:auto!important;
  min-height:54px!important;
  justify-content:flex-start!important;
  padding:6px 8px!important;
}
.admin-brand-logo{
  width:auto!important;
  height:auto!important;
  max-height:46px!important;
  max-width:210px!important;
  object-fit:contain!important;
}
.admin-brand-copy strong{
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:15px!important;
  line-height:1.18!important;
}
.admin-brand-copy small{display:none!important}


/* === Bülten admin rich editor v2 === */
#mjBulletinBuilderForm .mj-rich-editor{margin-top:.45rem}
#mjBulletinBuilderForm .mj-visual-canvas{min-height:360px;padding:18px}
#mjBulletinBuilderForm .mj-editor-code textarea.editor-textarea{min-height:360px}
#mjBulletinBuilderForm .mj-rich-toolbar{max-height:none}
#mjBulletinBuilderForm .mj-rich-toolbar button,
#mjBulletinBuilderForm .mj-rich-toolbar select,
#mjBulletinBuilderForm .mj-rich-toolbar label{font-size:12px}
#mjBulletinBuilderForm .mj-editor-hint{font-size:12px;font-weight:800;color:#64748b;padding:8px 0}
html.dark #mjBulletinBuilderForm .mj-editor-hint,html[data-theme="dark"] #mjBulletinBuilderForm .mj-editor-hint{color:#cbd5e1}


/* === v1.4.17 Header menüler: hover/focus ile açılır, alt menü geçişi stabil === */
@media (min-width:1181px){
  .site-header,
  .site-header .mj-top-row,
  .site-header .mj-inline-nav,
  .site-header .menu-dropdown,
  .site-header .account-dropdown{
    overflow:visible!important;
  }

  .site-header .mj-inline-nav .menu-dropdown{
    position:relative!important;
  }

  .site-header .mj-inline-nav .dropdown-panel{
    position:fixed!important;
    left:50vw!important;
    right:auto!important;
    top:var(--mj-dropdown-top,96px)!important;
    width:min(1320px,calc(100vw - 48px))!important;
    max-width:calc(100vw - 48px)!important;
    max-height:calc(100vh - var(--mj-dropdown-top,96px) - 20px)!important;
    overflow:auto!important;
    margin:0!important;
    z-index:10050!important;
    border-radius:28px!important;
    transform:translateX(-50%) translateY(8px)!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease!important;
  }

  .site-header .mj-inline-nav .menu-dropdown:hover .dropdown-panel,
  .site-header .mj-inline-nav .menu-dropdown:focus-within .dropdown-panel,
  .site-header .mj-inline-nav .menu-dropdown.mj-menu-open .dropdown-panel,
  .site-header .mj-inline-nav .dropdown-panel:hover,
  .site-header .mj-inline-nav .dropdown-panel:focus-within{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateX(-50%) translateY(0)!important;
  }

  .site-header .mj-inline-nav .menu-dropdown::after{
    content:""!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:var(--mj-dropdown-bridge-top,96px)!important;
    height:16px!important;
    z-index:10049!important;
    pointer-events:none!important;
  }

  .site-header .mj-inline-nav .menu-dropdown:hover::after,
  .site-header .mj-inline-nav .menu-dropdown:focus-within::after,
  .site-header .mj-inline-nav .menu-dropdown.mj-menu-open::after{
    pointer-events:auto!important;
  }

  .account-dropdown{
    position:relative!important;
    z-index:10060!important;
  }

  .account-dropdown::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:100%!important;
    height:16px!important;
    pointer-events:none!important;
  }

  .account-dropdown:hover::after,
  .account-dropdown:focus-within::after,
  .account-dropdown.mj-account-open::after{
    pointer-events:auto!important;
  }

  .account-dropdown .account-panel{
    visibility:hidden!important;
    opacity:0!important;
    transform:translateY(8px)!important;
    pointer-events:none!important;
    z-index:10070!important;
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease!important;
  }

  .account-dropdown:hover .account-panel,
  .account-dropdown:focus-within .account-panel,
  .account-dropdown.mj-account-open .account-panel,
  .account-dropdown .account-panel:hover,
  .account-dropdown .account-panel:focus-within{
    visibility:visible!important;
    opacity:1!important;
    transform:translateY(0)!important;
    pointer-events:auto!important;
  }

  .account-dropdown:hover .account-trigger,
  .account-dropdown:focus-within .account-trigger,
  .account-dropdown.mj-account-open .account-trigger{
    border-color:#22d3ee!important;
    background:#ecfeff!important;
    color:#0e7490!important;
  }

  html[data-theme="dark"] .account-dropdown:hover .account-trigger,
  html.dark .account-dropdown:hover .account-trigger,
  html[data-theme="dark"] .account-dropdown:focus-within .account-trigger,
  html.dark .account-dropdown:focus-within .account-trigger,
  html[data-theme="dark"] .account-dropdown.mj-account-open .account-trigger,
  html.dark .account-dropdown.mj-account-open .account-trigger{
    background:#0f2a3a!important;
    border-color:#22d3ee!important;
    color:#67e8f9!important;
  }
}


/* === Bülten kart kapak görselleri v2: frame içinde tam göster === */
.mj-bulletin-card img,
.bulletin-card img,
.bulten-card img,
.card-bulletin img,
a[href*="bulten.php"] img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#f8fafc!important;
}
.mj-bulletin-card .cover img,
.bulletin-card .cover img,
.bulten-card .cover img,
.card-bulletin .cover img{
  width:100%!important;
  height:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}


/* === Bülten kullanıcı kart kapakları v4: tam görünür === */
.mj-cover img,
.mj-card-cover img,
.mj-bulletin-card img,
.bulletin-card img,
.bulten-card img,
.card-bulletin img,
a[href*="bulten.php"] img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#f8fafc!important;
}
.mj-cover img{padding:10px!important}
.mj-card-cover img{padding:8px!important}


/* === Site standard v1: kopya koruması, kilitli operatör/lab, tema kontrast iyileştirmeleri === */
html.mj-public-protected body,
html.mj-public-protected main,
html.mj-public-protected article,
html.mj-public-protected section,
html.mj-public-protected .card,
html.mj-public-protected .tool-card,
html.mj-public-protected .mj-card{
  -webkit-user-select:none;
  user-select:none;
}
html.mj-public-protected input,
html.mj-public-protected textarea,
html.mj-public-protected select,
html.mj-public-protected option,
html.mj-public-protected [contenteditable="true"],
html.mj-public-protected pre,
html.mj-public-protected code,
html.mj-public-protected .mj-allow-copy,
html.mj-public-protected [data-allow-copy],
html.mj-public-protected .ql-editor,
html.mj-public-protected .tox-edit-area,
html.mj-public-protected .CodeMirror{
  -webkit-user-select:text!important;
  user-select:text!important;
}

.mj-operator-locked,
input.mj-operator-locked,
textarea.mj-operator-locked,
select.mj-operator-locked{
  background:#eef6f7!important;
  color:#0f172a!important;
  border-color:#94cfd0!important;
  cursor:not-allowed!important;
  font-weight:850!important;
  box-shadow:inset 0 0 0 1px rgba(15,118,110,.08)!important;
}
html[data-theme="dark"] .mj-operator-locked,
html.dark .mj-operator-locked,
.dark .mj-operator-locked{
  background:#102331!important;
  color:#e6fbff!important;
  border-color:#2dd4bf!important;
}

/* Genel açık/koyu kontrast güvenlik katmanı */
body{
  color:#0f172a;
}
html[data-theme="dark"] body,
html.dark body,
.dark body{
  color:#eaf2ff!important;
  background:#020617!important;
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .tool-card,
html[data-theme="dark"] .mj-card,
html[data-theme="dark"] .rounded-2xl,
html[data-theme="dark"] .rounded-3xl,
html.dark .card,
html.dark .panel,
html.dark .tool-card,
html.dark .mj-card,
html.dark .rounded-2xl,
html.dark .rounded-3xl{
  color:#eaf2ff;
}
html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] small,
html[data-theme="dark"] .text-slate-500,
html[data-theme="dark"] .text-slate-600,
html[data-theme="dark"] .text-slate-700,
html.dark p,
html.dark li,
html.dark small,
html.dark .text-slate-500,
html.dark .text-slate-600,
html.dark .text-slate-700{
  color:#cbd5e1!important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .font-black,
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6,
html.dark .font-black{
  color:#f8fbff;
}
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html.dark input,
html.dark textarea,
html.dark select{
  background:#0b1626!important;
  color:#f8fbff!important;
  border-color:#334155!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
html.dark input::placeholder,
html.dark textarea::placeholder{
  color:#94a3b8!important;
}
html[data-theme="dark"] table,
html.dark table{
  color:#eaf2ff;
}
html[data-theme="dark"] th,
html.dark th{
  color:#f8fbff!important;
}
html[data-theme="dark"] td,
html.dark td{
  color:#dbeafe!important;
}
html[data-theme="dark"] a,
html.dark a{
  color:inherit;
}
html[data-theme="dark"] .prose,
html.dark .prose{
  color:#dbeafe!important;
}
html[data-theme="dark"] .prose strong,
html.dark .prose strong{
  color:#fff!important;
}


/* === Metalurjist responsive hardening v2 ===
   Header/PDF/araç hesaplamalarına dokunmadan mobil taşma ve genişlik düzeltmeleri. */
html,
body{
  max-width:100%;
}
body{
  overflow-x:hidden;
}
img,
svg,
video,
canvas,
iframe{
  max-width:100%;
}
img,
video{
  height:auto;
}
table{
  max-width:100%;
}
pre,
code{
  white-space:pre-wrap;
  word-break:break-word;
}
input,
select,
textarea,
button{
  max-width:100%;
}
[class*="chart"],
[class*="graph"],
[class*="canvas"],
[class*="report"],
[class*="table"]{
  max-width:100%;
}
@media (max-width:1180px){
  body{
    min-width:0!important;
  }
  main,
  .site-main,
  .mj-pro-shell,
  .tool-shell,
  .mj-tool-shell,
  .measure-tool-shell,
  [class*="-shell"],
  [class*="-wrap"],
  [class*="-container"]{
    max-width:100%!important;
    overflow-x:hidden;
  }
  .mx-auto,
  .max-w-7xl,
  .max-w-6xl,
  .max-w-5xl,
  .max-w-4xl{
    max-width:100%!important;
  }
  .px-8{
    padding-left:1rem!important;
    padding-right:1rem!important;
  }
  [class*="-layout"],
  .layout,
  .tool-layout,
  .mj-tool-layout,
  .measure-layout,
  .mcds-layout,
  .jominy-layout,
  .carbon-layout,
  .kaynak-layout,
  .kirilma-layout,
  .korozyon-layout,
  .malzeme-layout,
  .mvk-layout,
  .moh-inner,
  .mbd-layout,
  .mta-layout{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  [class*="-grid"],
  .grid{
    min-width:0!important;
  }
  .measure-tool-hero,
  .measure-frame-wrap,
  .tool-page-title-wrap,
  .mj-tool-title-wrap{
    padding-left:1rem!important;
    padding-right:1rem!important;
  }
  .measure-tool-hero-card,
  .tool-page-title-card,
  .mj-tool-title-card{
    border-radius:20px!important;
    padding:16px!important;
  }
  .measure-tool-title,
  .tool-page-title-main,
  .mj-tool-title-main{
    align-items:flex-start!important;
  }
  .measure-tool-title h1,
  .tool-page-title-card h1,
  .mj-tool-title-card h1,
  h1{
    font-size:clamp(1.45rem, 7vw, 2.15rem)!important;
    line-height:1.12!important;
    overflow-wrap:anywhere;
  }
  .measure-tool-title p,
  .tool-page-title-card p,
  .mj-tool-title-card p{
    font-size:.95rem!important;
    line-height:1.5!important;
  }
  .tool-card,
  .mj-pro-card,
  .measure-frame,
  .panel,
  .card,
  [class*="-card"]{
    max-width:100%!important;
    min-width:0!important;
  }
  .table-wrap,
  .mj-table-wrap,
  .report-table-wrap,
  [class*="table-wrap"]{
    width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  table{
    width:100%;
  }
  canvas{
    width:100%!important;
    height:auto!important;
  }
  .tw-icon-btn,
  .icon-btn,
  .lang-btn{
    min-width:42px!important;
    height:42px!important;
  }
}
@media (max-width:768px){
  header .site-logo,
  .site-logo{
    max-width:220px!important;
  }
  header nav,
  .site-nav,
  .main-nav{
    max-width:100%;
  }
  .mj-pro-shell .grid,
  .grid{
    grid-template-columns:1fr!important;
  }
  .flex{
    min-width:0;
  }
  .gap-10{
    gap:1.25rem!important;
  }
  .py-12{
    padding-top:2rem!important;
    padding-bottom:2rem!important;
  }
  .text-7xl,
  .md\:text-7xl{
    font-size:clamp(2.1rem, 11vw, 3.4rem)!important;
    line-height:1.05!important;
  }
}
@media (max-width:480px){
  .measure-tool-icon,
  .tool-page-title-icon,
  .mj-tool-title-icon{
    width:46px!important;
    height:46px!important;
    border-radius:16px!important;
    font-size:22px!important;
  }
  .measure-tool-actions,
  .tool-actions,
  .mj-tool-actions{
    width:100%!important;
  }
  .measure-tool-actions > *,
  .tool-actions > *,
  .mj-tool-actions > *{
    flex:1 1 auto;
    justify-content:center;
  }
}


/* === Mobile header actions + centered casting loader v3 === */
@media (max-width:1023px){
  .site-header .mj-top-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    justify-items:center!important;
    gap:.65rem!important;
  }
  .site-header .site-logo-link{
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    justify-content:center!important;
    display:flex!important;
    min-width:0!important;
  }
  .site-header .site-logo{
    max-width:min(78vw, 260px)!important;
    height:var(--logo-h-mobile)!important;
    width:auto!important;
    object-fit:contain!important;
  }
  .site-header .mj-top-row > div.flex.shrink-0,
  .site-header .mj-top-row > div:last-child{
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:.5rem!important;
    min-width:0!important;
  }
  .site-header .tw-icon-btn,
  .site-header .theme-switch,
  .site-header .lang-switch{
    flex:0 0 auto!important;
  }
  .site-header .tw-icon-btn{
    min-width:42px!important;
    height:42px!important;
    border-radius:14px!important;
  }
  .site-header .theme-switch,
  .site-header .lang-switch{
    min-height:42px!important;
  }
  .mj-header-tagline{
    text-align:center!important;
  }
}
@media (max-width:480px){
  .site-header .mx-auto{
    padding-left:.75rem!important;
    padding-right:.75rem!important;
  }
  .site-header .site-logo{
    max-width:min(82vw, 230px)!important;
  }
  .site-header .mj-top-row > div.flex.shrink-0,
  .site-header .mj-top-row > div:last-child{
    gap:.38rem!important;
  }
  .site-header .tw-icon-btn{
    min-width:40px!important;
    height:40px!important;
    padding:0 .62rem!important;
  }
}

/* Mobilde döküm loader her zaman ekran ortasında dursun */
@media (max-width:768px){
  #mj-global-loader{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100vh!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:1rem!important;
    box-sizing:border-box!important;
  }
  #mj-global-loader:not(.mj-ux-visible){
    display:none!important;
  }
  #mj-global-loader.mj-ux-visible{
    display:flex!important;
  }
  #mj-global-loader .mj-ux-loader-card,
  #mj-global-loader .mj-gif-loader-card{
    width:min(92vw, 360px)!important;
    max-width:92vw!important;
    margin:auto!important;
    transform:none!important;
  }
  #mj-global-loader .mj-gif-loader-visual{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }
  #mj-global-loader .mj-gif-loader-ring{
    width:85px!important;
    height:85px!important;
    margin:0 auto!important;
  }
  #mj-global-loader .mj-gif-loader-ring img{
    width:85px!important;
    height:85px!important;
    object-fit:contain!important;
    display:block!important;
  }
}

/* === Mobile square tool nav + PWA install prompt v1 === */
@media (max-width:1180px){
  body.mj-has-mobile-tool-nav{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
  .mcds-side-nav,.ehs-side-nav{display:none!important}
  .jominy-tool-nav,.carbon-tool-nav,.kaynak-tool-nav,.kirilma-tool-nav,.korozyon-tool-nav,.malzeme-tool-nav,.mvk-nav,.moh-nav,.mbd-nav,.mpt-nav,.mta-nav,#sem-tool .sem-tool-nav,.sem-tool-nav,.sem-realistic-tool-nav,#ttt-tool .mj-tool-nav,#prod-tool .mj-tool-nav,#fatigue-tool .mj-tool-nav,.xrd-tool-nav,body.mj-isil-page .mj-tool-nav,.mcds-mobile-toolnav,.ehs-mobile-toolnav{
    position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;z-index:950!important;width:100%!important;max-width:100%!important;min-width:0!important;max-height:none!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px))!important;margin:0!important;border-top:1px solid rgba(148,163,184,.28)!important;border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:18px 18px 0 0!important;background:rgba(255,255,255,.96)!important;box-shadow:0 -14px 34px rgba(15,23,42,.14)!important;backdrop-filter:blur(18px)!important;transform:none!important;translate:none!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important
  }
  html.dark .jominy-tool-nav,html.dark .carbon-tool-nav,html.dark .kaynak-tool-nav,html.dark .kirilma-tool-nav,html.dark .korozyon-tool-nav,html.dark .malzeme-tool-nav,html.dark .mvk-nav,html.dark .moh-nav,html.dark .mbd-nav,html.dark .mpt-nav,html.dark .mta-nav,html.dark #sem-tool .sem-tool-nav,html.dark .sem-tool-nav,html.dark .sem-realistic-tool-nav,html.dark #ttt-tool .mj-tool-nav,html.dark #prod-tool .mj-tool-nav,html.dark #fatigue-tool .mj-tool-nav,html.dark .xrd-tool-nav,html.dark body.mj-isil-page .mj-tool-nav,html.dark .mcds-mobile-toolnav,html.dark .ehs-mobile-toolnav,html[data-theme="dark"] .jominy-tool-nav,html[data-theme="dark"] .carbon-tool-nav,html[data-theme="dark"] .kaynak-tool-nav,html[data-theme="dark"] .kirilma-tool-nav,html[data-theme="dark"] .korozyon-tool-nav,html[data-theme="dark"] .malzeme-tool-nav,html[data-theme="dark"] .mvk-nav,html[data-theme="dark"] .moh-nav,html[data-theme="dark"] .mbd-nav,html[data-theme="dark"] .mpt-nav,html[data-theme="dark"] .mta-nav,html[data-theme="dark"] #sem-tool .sem-tool-nav,html[data-theme="dark"] .sem-tool-nav,html[data-theme="dark"] .sem-realistic-tool-nav,html[data-theme="dark"] #ttt-tool .mj-tool-nav,html[data-theme="dark"] #prod-tool .mj-tool-nav,html[data-theme="dark"] #fatigue-tool .mj-tool-nav,html[data-theme="dark"] .xrd-tool-nav,html[data-theme="dark"] body.mj-isil-page .mj-tool-nav,html[data-theme="dark"] .mcds-mobile-toolnav,html[data-theme="dark"] .ehs-mobile-toolnav{background:rgba(8,15,28,.94)!important;border-top-color:rgba(148,163,184,.22)!important;box-shadow:0 -14px 34px rgba(0,0,0,.38)!important}
  .jominy-tool-nav::before,.carbon-tool-nav::before,.kaynak-tool-nav::before,.kirilma-tool-nav::before,.korozyon-tool-nav::before,.malzeme-tool-nav::before,.mvk-nav::before,.moh-nav::before,.mbd-nav::before,.mpt-nav::before,.mta-nav::before,#sem-tool .sem-tool-nav::before,.sem-tool-nav::before,.sem-realistic-tool-nav::before,#ttt-tool .mj-tool-nav::before,#prod-tool .mj-tool-nav::before,#fatigue-tool .mj-tool-nav::before,.xrd-tool-nav::before,body.mj-isil-page .mj-tool-nav::before,.mcds-mobile-toolnav::before,.ehs-mobile-toolnav::before{display:none!important;content:none!important}
  .jominy-tool-nav>*:not(.mcds-side-nav__title),.carbon-tool-nav>*:not(.mcds-side-nav__title),.kaynak-tool-nav>*:not(.mcds-side-nav__title),.kirilma-tool-nav>*:not(.mcds-side-nav__title),.korozyon-tool-nav>*:not(.mcds-side-nav__title),.malzeme-tool-nav>*:not(.mcds-side-nav__title),.mvk-nav>*:not(.mcds-side-nav__title),.moh-nav>*:not(.mcds-side-nav__title),.mbd-nav>*:not(.mcds-side-nav__title),.mpt-nav>*:not(.mcds-side-nav__title),.mta-nav>*:not(.mcds-side-nav__title),#sem-tool .sem-tool-nav>*:not(.mcds-side-nav__title),.sem-tool-nav>*:not(.mcds-side-nav__title),.sem-realistic-tool-nav>*:not(.mcds-side-nav__title),#ttt-tool .mj-tool-nav>*:not(.mcds-side-nav__title),#prod-tool .mj-tool-nav>*:not(.mcds-side-nav__title),#fatigue-tool .mj-tool-nav>*:not(.mcds-side-nav__title),.xrd-tool-nav>*:not(.mcds-side-nav__title),body.mj-isil-page .mj-tool-nav>*:not(.mcds-side-nav__title),.mcds-mobile-toolnav>*:not(.mcds-side-nav__title),.ehs-mobile-toolnav>*:not(.ehs-side-title){
    flex:0 0 76px!important;width:76px!important;min-width:76px!important;max-width:92px!important;min-height:58px!important;height:58px!important;padding:6px 5px!important;border-radius:15px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-align:center!important;white-space:normal!important;box-sizing:border-box!important
  }
  .mcds-mobile-toolnav .mcds-side-nav__title,.ehs-mobile-toolnav .ehs-side-title{display:none!important}
}
.mj-pwa-install{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:1200;display:none;align-items:center;gap:12px;max-width:520px;margin:0 auto;padding:14px;border:1px solid rgba(148,163,184,.32);border-radius:22px;background:rgba(255,255,255,.96);color:#0f172a;box-shadow:0 22px 55px rgba(15,23,42,.22);backdrop-filter:blur(18px)}
.mj-pwa-install.is-visible{display:flex}.dark .mj-pwa-install,html[data-theme="dark"] .mj-pwa-install{background:rgba(8,15,28,.96);color:#f8fafc;border-color:rgba(148,163,184,.22)}
.mj-pwa-install__icon{width:44px;height:44px;flex:0 0 44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0f766e,#0891b2);color:#fff;font-weight:950}.mj-pwa-install__body{min-width:0;flex:1}.mj-pwa-install__body strong{display:block;font-weight:950;font-size:14px}.mj-pwa-install__body span{display:block;margin-top:2px;font-size:12px;line-height:1.35;color:#64748b}.dark .mj-pwa-install__body span,html[data-theme="dark"] .mj-pwa-install__body span{color:#cbd5e1}.mj-pwa-install__actions{display:flex;gap:8px;align-items:center;flex:0 0 auto}.mj-pwa-install button{border:0;border-radius:14px;padding:9px 11px;font-weight:900;cursor:pointer}.mj-pwa-install__ok{background:#0f766e;color:#fff}.mj-pwa-install__close{background:#e2e8f0;color:#0f172a}.dark .mj-pwa-install__close,html[data-theme="dark"] .mj-pwa-install__close{background:#1e293b;color:#f8fafc}
@media(max-width:520px){.mj-pwa-install{left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.mj-pwa-install__actions{flex-direction:column;align-items:stretch}.mj-pwa-install button{padding:8px 10px}}

/* === PWA custom logo v2 === */
.mj-pwa-install__icon{
  background:#0f172a url('/assets/img/pwa/icon-transparent-192.png') center/80% 80% no-repeat!important;
  color:transparent!important;
}


/* === Professional editable footer v1 === */
.mj-footer-pro{
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(148,163,184,.24);
  background:linear-gradient(135deg,#f8fafc 0%,#ecfeff 42%,#f1f5f9 100%);
  color:#0f172a;
}
.dark .mj-footer-pro,
html[data-theme="dark"] .mj-footer-pro{
  background:linear-gradient(135deg,#020617 0%,#082f49 46%,#0f172a 100%);
  color:#f8fafc;
  border-top-color:rgba(148,163,184,.20);
}
.mj-footer-pro-bg{
  position:absolute;
  inset:auto -12% -45% auto;
  width:520px;
  height:520px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(6,182,212,.24),rgba(16,185,129,.08) 42%,transparent 68%);
  pointer-events:none;
}
.mj-footer-pro-inner{
  position:relative;
  max-width:1280px;
  margin:0 auto;
  padding:54px 16px 28px;
}
@media (min-width:1024px){
  .mj-footer-pro-inner{padding-left:32px;padding-right:32px}
}
.mj-footer-pro-grid{
  display:grid;
  gap:22px;
  grid-template-columns:1fr;
}
@media (min-width:900px){
  .mj-footer-pro-grid{grid-template-columns:minmax(0,1.5fr) minmax(170px,.52fr) minmax(210px,.72fr) minmax(240px,.8fr)}
}
.mj-footer-pro-brand,
.mj-footer-pro-col,
.mj-footer-pro-panel,
.mj-footer-pro-plain{
  border:1px solid rgba(148,163,184,.22);
  background:rgba(255,255,255,.72);
  border-radius:28px;
  box-shadow:0 18px 48px rgba(15,23,42,.08);
  backdrop-filter:blur(16px);
}
.dark .mj-footer-pro-brand,
.dark .mj-footer-pro-col,
.dark .mj-footer-pro-panel,
.dark .mj-footer-pro-plain,
html[data-theme="dark"] .mj-footer-pro-brand,
html[data-theme="dark"] .mj-footer-pro-col,
html[data-theme="dark"] .mj-footer-pro-panel,
html[data-theme="dark"] .mj-footer-pro-plain{
  background:rgba(15,23,42,.64);
  border-color:rgba(148,163,184,.18);
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}
.mj-footer-pro-brand{padding:28px}
.mj-footer-pro-kicker{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:rgba(14,165,233,.10);
  color:#0e7490;
  font-size:12px;
  font-weight:950;
  letter-spacing:.16em;
  padding:8px 12px;
}
.dark .mj-footer-pro-kicker,
html[data-theme="dark"] .mj-footer-pro-kicker{background:rgba(34,211,238,.12);color:#67e8f9}
.mj-footer-pro-brand h2{
  margin-top:18px;
  max-width:680px;
  font-size:clamp(1.55rem,3vw,2.55rem);
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.035em;
}
.mj-footer-pro-brand p{
  margin-top:16px;
  max-width:720px;
  color:#475569;
  font-size:1rem;
  line-height:1.75;
  font-weight:650;
}
.dark .mj-footer-pro-brand p,
html[data-theme="dark"] .mj-footer-pro-brand p{color:#cbd5e1}
.mj-footer-pro-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.mj-footer-pro-badges span{
  border:1px solid rgba(6,182,212,.22);
  background:rgba(236,254,255,.72);
  color:#155e75;
  border-radius:999px;
  padding:9px 12px;
  font-size:12px;
  font-weight:900;
}
.dark .mj-footer-pro-badges span,
html[data-theme="dark"] .mj-footer-pro-badges span{background:rgba(8,47,73,.55);color:#bae6fd;border-color:rgba(103,232,249,.18)}
.mj-footer-pro-col{padding:24px}
.mj-footer-pro-col h3,
.mj-footer-pro-panel h3{
  margin:0 0 14px;
  font-size:14px;
  font-weight:950;
  color:#0f766e;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.dark .mj-footer-pro-col h3,
.dark .mj-footer-pro-panel h3,
html[data-theme="dark"] .mj-footer-pro-col h3,
html[data-theme="dark"] .mj-footer-pro-panel h3{color:#5eead4}
.mj-footer-pro-col a,
.mj-footer-pro-col span{
  display:block;
  color:#334155;
  font-size:14px;
  font-weight:800;
  line-height:1.45;
  margin-top:10px;
  text-decoration:none;
}
.mj-footer-pro-col a:hover{color:#0891b2}
.dark .mj-footer-pro-col a,
.dark .mj-footer-pro-col span,
html[data-theme="dark"] .mj-footer-pro-col a,
html[data-theme="dark"] .mj-footer-pro-col span{color:#e2e8f0}
.mj-footer-pro-panel{
  padding:24px;
  background:linear-gradient(135deg,rgba(15,118,110,.12),rgba(14,165,233,.08));
}
.mj-footer-pro-panel p{
  margin:0;
  color:#475569;
  line-height:1.65;
  font-weight:700;
  font-size:14px;
}
.dark .mj-footer-pro-panel p,
html[data-theme="dark"] .mj-footer-pro-panel p{color:#cbd5e1}
.mj-footer-pro-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:18px;
  border-radius:18px;
  padding:12px 16px;
  background:linear-gradient(135deg,#0891b2,#0f766e);
  color:#fff!important;
  font-weight:950;
  text-decoration:none;
  box-shadow:0 12px 28px rgba(8,145,178,.22);
}
.mj-footer-pro-plain{
  padding:28px;
  color:#334155;
  line-height:1.75;
  font-weight:700;
}
.dark .mj-footer-pro-plain,
html[data-theme="dark"] .mj-footer-pro-plain{color:#dbeafe}
.mj-footer-pro-bottom{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid rgba(148,163,184,.24);
  display:flex;
  flex-direction:column;
  gap:14px;
  color:#64748b;
}
@media (min-width:768px){
  .mj-footer-pro-bottom{flex-direction:row;align-items:center;justify-content:space-between}
}
.mj-footer-pro-bottom strong{
  display:block;
  color:#0f172a;
  font-weight:950;
}
.dark .mj-footer-pro-bottom strong,
html[data-theme="dark"] .mj-footer-pro-bottom strong{color:#f8fafc}
.mj-footer-pro-bottom span{
  display:block;
  margin-top:3px;
  font-size:13px;
  font-weight:650;
}
.mj-footer-pro-social{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.mj-footer-pro-social a{
  border:1px solid rgba(148,163,184,.24);
  background:rgba(255,255,255,.70);
  color:#334155;
  border-radius:999px;
  padding:9px 12px;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}
.dark .mj-footer-pro-social a,
html[data-theme="dark"] .mj-footer-pro-social a{background:rgba(15,23,42,.62);color:#e2e8f0;border-color:rgba(148,163,184,.18)}


/* === Admin pages live builder + public page modules v1 === */
.mj-page-builder-section .mj-editable-content :where(h1,h2,h3,h4){
  font-weight:950;
  letter-spacing:-.02em;
}
.mj-page-module{
  margin:1.25rem 0;
  border:1px solid rgba(148,163,184,.24);
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(236,254,255,.72));
  border-radius:28px;
  padding:24px;
  box-shadow:0 18px 42px rgba(15,23,42,.08);
}
.dark .mj-page-module,
html[data-theme="dark"] .mj-page-module{
  background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(8,47,73,.38));
  border-color:rgba(148,163,184,.18);
  box-shadow:0 18px 42px rgba(0,0,0,.24);
}
.mj-page-module-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin-bottom:18px;
}
.mj-page-module-head > span{
  width:48px;
  height:48px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#06b6d4,#0f766e);
  color:white;
  font-size:24px;
  flex:0 0 48px;
}
.mj-page-module-head h3,
.mj-page-module h3{
  margin:0;
  color:#0f172a;
  font-size:1.35rem;
  line-height:1.15;
  font-weight:950;
}
.dark .mj-page-module-head h3,
.dark .mj-page-module h3,
html[data-theme="dark"] .mj-page-module-head h3,
html[data-theme="dark"] .mj-page-module h3{color:#f8fafc}
.mj-page-module-head p,
.mj-page-module p{
  margin:.35rem 0 0;
  color:#475569;
  font-weight:650;
  line-height:1.65;
}
.dark .mj-page-module-head p,
.dark .mj-page-module p,
html[data-theme="dark"] .mj-page-module-head p,
html[data-theme="dark"] .mj-page-module p{color:#cbd5e1}
.mj-page-module-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
}
.mj-page-mini-card{
  border:1px solid rgba(148,163,184,.24);
  background:rgba(255,255,255,.74);
  border-radius:22px;
  padding:16px;
  text-decoration:none!important;
  color:#0f172a!important;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.dark .mj-page-mini-card,
html[data-theme="dark"] .mj-page-mini-card{
  background:rgba(15,23,42,.68);
  color:#f8fafc!important;
  border-color:rgba(148,163,184,.18);
}
.mj-page-mini-card img,
.mj-page-mini-icon{
  width:58px;
  height:58px;
  border-radius:20px;
  object-fit:cover;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#cffafe,#ccfbf1);
  font-size:26px;
  margin-bottom:12px;
}
.dark .mj-page-mini-icon,
html[data-theme="dark"] .mj-page-mini-icon{background:linear-gradient(135deg,#164e63,#134e4a)}
.mj-page-mini-card strong{
  display:block;
  font-weight:950;
  line-height:1.25;
}
.mj-page-mini-card span{
  display:block;
  margin-top:6px;
  color:#64748b;
  font-size:.9rem;
  font-weight:700;
}
.dark .mj-page-mini-card span,
html[data-theme="dark"] .mj-page-mini-card span{color:#cbd5e1}
.mj-page-module-link,
.mj-page-module-contact > a,
.mj-page-module-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:18px;
  border-radius:16px;
  padding:11px 15px;
  background:linear-gradient(135deg,#0891b2,#0f766e);
  color:#fff!important;
  font-weight:950;
  text-decoration:none!important;
}
.mj-page-module-list{
  display:grid;
  gap:10px;
}
.mj-page-module-list a{
  display:block;
  border:1px solid rgba(148,163,184,.22);
  border-radius:18px;
  padding:14px;
  text-decoration:none!important;
}
.mj-page-module-list a strong{display:block;font-weight:950;color:inherit}
.mj-page-module-list a span{display:block;margin-top:5px;color:#64748b;font-weight:650}
.dark .mj-page-module-list a span,
html[data-theme="dark"] .mj-page-module-list a span{color:#cbd5e1}
.mj-page-module-contact,
.mj-page-module-membership{
  display:flex;
  gap:18px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.mj-page-module-contact > div > span,
.mj-page-module-membership > div > span{
  display:inline-flex;
  margin-bottom:8px;
  border-radius:999px;
  padding:7px 10px;
  background:#ecfeff;
  color:#0e7490;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.08em;
}
.dark .mj-page-module-contact > div > span,
.dark .mj-page-module-membership > div > span,
html[data-theme="dark"] .mj-page-module-contact > div > span,
html[data-theme="dark"] .mj-page-module-membership > div > span{background:#083344;color:#67e8f9}
.mj-page-module-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.mj-page-module-stats{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  margin:1.25rem 0;
}
.mj-page-module-stats > div{
  border:1px solid rgba(148,163,184,.24);
  border-radius:24px;
  padding:22px;
  background:rgba(255,255,255,.80);
  box-shadow:0 12px 30px rgba(15,23,42,.07);
}
.dark .mj-page-module-stats > div,
html[data-theme="dark"] .mj-page-module-stats > div{background:rgba(15,23,42,.68);border-color:rgba(148,163,184,.18)}
.mj-page-module-stats strong{
  display:block;
  color:#0f766e;
  font-size:2.4rem;
  line-height:1;
  font-weight:950;
}
.mj-page-module-stats span{
  display:block;
  margin-top:8px;
  color:#64748b;
  font-weight:850;
}


/* === Metalurjist global tool menu dark-theme standard v1 === */
:root{
  --mj-tool-menu-bg:rgba(255,255,255,.94);
  --mj-tool-menu-border:#d9e5ef;
  --mj-tool-menu-card:#f8fafc;
  --mj-tool-menu-text:#0f172a;
  --mj-tool-menu-muted:#64748b;
  --mj-tool-menu-accent:#0891b2;
}
html.dark,
html[data-theme="dark"]{
  --mj-tool-menu-bg:rgba(15,23,42,.94);
  --mj-tool-menu-border:#334155;
  --mj-tool-menu-card:#111827;
  --mj-tool-menu-text:#f8fafc;
  --mj-tool-menu-muted:#cbd5e1;
  --mj-tool-menu-accent:#67e8f9;
}
html.dark :is(.mi-side-nav,.ellx-side-nav,.mcds-side-nav,.ehs-side-nav,.mj-tool-nav,.xrd-tool-nav,.sem-tool-nav,.sem-realistic-tool-nav,.carbon-sidebar,.jominy-sidebar,.kaynak-sidebar,.kirilma-sidebar,.korozyon-sidebar,.malzeme-sidebar,.mvk-sidebar,.moh-sidebar,.mbd-sidebar,.mta-sidebar,.ttt-side,.ttt-sidebar,.side-menu),
html[data-theme="dark"] :is(.mi-side-nav,.ellx-side-nav,.mcds-side-nav,.ehs-side-nav,.mj-tool-nav,.xrd-tool-nav,.sem-tool-nav,.sem-realistic-tool-nav,.carbon-sidebar,.jominy-sidebar,.kaynak-sidebar,.kirilma-sidebar,.korozyon-sidebar,.malzeme-sidebar,.mvk-sidebar,.moh-sidebar,.mbd-sidebar,.mta-sidebar,.ttt-side,.ttt-sidebar,.side-menu){
  background:var(--mj-tool-menu-bg)!important;
  border-color:var(--mj-tool-menu-border)!important;
  color:var(--mj-tool-menu-text)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.36)!important;
  backdrop-filter:blur(16px)!important;
}
html.dark :is(.mi-side-title,.ellx-side-title,.mcds-side-nav__title,.ehs-side-title,.side-title),
html[data-theme="dark"] :is(.mi-side-title,.ellx-side-title,.mcds-side-nav__title,.ehs-side-title,.side-title){
  color:var(--mj-tool-menu-muted)!important;
}
html.dark :is(.mi-side-nav,.ellx-side-nav,.mcds-side-nav,.ehs-side-nav,.mj-tool-nav,.xrd-tool-nav,.sem-tool-nav,.sem-realistic-tool-nav,.carbon-sidebar,.jominy-sidebar,.kaynak-sidebar,.kirilma-sidebar,.korozyon-sidebar,.malzeme-sidebar,.mvk-sidebar,.moh-sidebar,.mbd-sidebar,.mta-sidebar,.ttt-side,.ttt-sidebar,.side-menu) :is(button,a,.mj-tool-tab,.mj-tool-action,.side-menu-link),
html[data-theme="dark"] :is(.mi-side-nav,.ellx-side-nav,.mcds-side-nav,.ehs-side-nav,.mj-tool-nav,.xrd-tool-nav,.sem-tool-nav,.sem-realistic-tool-nav,.carbon-sidebar,.jominy-sidebar,.kaynak-sidebar,.kirilma-sidebar,.korozyon-sidebar,.malzeme-sidebar,.mvk-sidebar,.moh-sidebar,.mbd-sidebar,.mta-sidebar,.ttt-side,.ttt-sidebar,.side-menu) :is(button,a,.mj-tool-tab,.mj-tool-action,.side-menu-link){
  background:var(--mj-tool-menu-card)!important;
  border-color:var(--mj-tool-menu-border)!important;
  color:var(--mj-tool-menu-text)!important;
}
html.dark :is(.mi-side-nav,.ellx-side-nav,.mcds-side-nav,.ehs-side-nav,.mj-tool-nav,.xrd-tool-nav,.sem-tool-nav,.sem-realistic-tool-nav,.carbon-sidebar,.jominy-sidebar,.kaynak-sidebar,.kirilma-sidebar,.korozyon-sidebar,.malzeme-sidebar,.mvk-sidebar,.moh-sidebar,.mbd-sidebar,.mta-sidebar,.ttt-side,.ttt-sidebar,.side-menu) :is(button,a,.mj-tool-tab,.mj-tool-action,.side-menu-link):hover,
html[data-theme="dark"] :is(.mi-side-nav,.ellx-side-nav,.mcds-side-nav,.ehs-side-nav,.mj-tool-nav,.xrd-tool-nav,.sem-tool-nav,.sem-realistic-tool-nav,.carbon-sidebar,.jominy-sidebar,.kaynak-sidebar,.kirilma-sidebar,.korozyon-sidebar,.malzeme-sidebar,.mvk-sidebar,.moh-sidebar,.mbd-sidebar,.mta-sidebar,.ttt-side,.ttt-sidebar,.side-menu) :is(button,a,.mj-tool-tab,.mj-tool-action,.side-menu-link):hover{
  background:#0b3340!important;
  border-color:#22d3ee!important;
  color:var(--mj-tool-menu-accent)!important;
}
@media(max-width:1180px){
  html.dark :is(.mi-side-nav,.ellx-side-nav,.mcds-side-nav,.ehs-side-nav,.mj-tool-nav,.xrd-tool-nav,.sem-tool-nav,.sem-realistic-tool-nav,.carbon-sidebar,.jominy-sidebar,.kaynak-sidebar,.kirilma-sidebar,.korozyon-sidebar,.malzeme-sidebar,.mvk-sidebar,.moh-sidebar,.mbd-sidebar,.mta-sidebar,.ttt-side,.ttt-sidebar,.side-menu),
  html[data-theme="dark"] :is(.mi-side-nav,.ellx-side-nav,.mcds-side-nav,.ehs-side-nav,.mj-tool-nav,.xrd-tool-nav,.sem-tool-nav,.sem-realistic-tool-nav,.carbon-sidebar,.jominy-sidebar,.kaynak-sidebar,.kirilma-sidebar,.korozyon-sidebar,.malzeme-sidebar,.mvk-sidebar,.moh-sidebar,.mbd-sidebar,.mta-sidebar,.ttt-side,.ttt-sidebar,.side-menu){
    background:rgba(15,23,42,.97)!important;
  }
}


/* === Metalurjist global header/mobile/dropdown/button contrast v14 === */
/* Header, logo yanındaki ana menü, açılır menüler, mobil menü ve butonlar için açık/koyu tema kontrast standardı. */
:root{
  --mj-h-bg:rgba(255,255,255,.94);
  --mj-h-bg-solid:#ffffff;
  --mj-h-card:#f8fafc;
  --mj-h-card-2:#f1f5f9;
  --mj-h-border:#d8e2ed;
  --mj-h-text:#0f172a;
  --mj-h-muted:#475569;
  --mj-h-soft:#64748b;
  --mj-h-hover:#ecfeff;
  --mj-h-accent:#0f766e;
  --mj-h-accent-2:#0891b2;
  --mj-h-shadow:0 18px 50px rgba(15,23,42,.11);
}
html.dark,
html[data-theme="dark"]{
  --mj-h-bg:rgba(8,17,31,.96);
  --mj-h-bg-solid:#08111f;
  --mj-h-card:#101827;
  --mj-h-card-2:#152235;
  --mj-h-border:#334155;
  --mj-h-text:#f8fafc;
  --mj-h-muted:#cbd5e1;
  --mj-h-soft:#94a3b8;
  --mj-h-hover:#0b3340;
  --mj-h-accent:#67e8f9;
  --mj-h-accent-2:#5eead4;
  --mj-h-shadow:0 20px 58px rgba(0,0,0,.42);
}

/* Ana header zemini */
.site-header,
.site-header > div,
header.site-header{
  color:var(--mj-h-text)!important;
}
html.dark .site-header,
html[data-theme="dark"] .site-header,
html.dark header.site-header,
html[data-theme="dark"] header.site-header{
  background:linear-gradient(180deg,rgba(8,17,31,.98),rgba(8,17,31,.94))!important;
  color:var(--mj-h-text)!important;
  border-color:var(--mj-h-border)!important;
  box-shadow:var(--mj-h-shadow)!important;
}
html.dark .mj-header-tagline,
html[data-theme="dark"] .mj-header-tagline{
  color:var(--mj-h-muted)!important;
}

/* Logo yanındaki ana menü */
.site-header .mj-inline-nav,
.site-header .mj-nav-row{
  color:var(--mj-h-text)!important;
}
.site-header .nav-link,
.site-header .mj-inline-nav .nav-link,
.site-header .mj-inline-nav a.nav-link{
  color:var(--mj-h-text)!important;
  background:transparent!important;
  border:1px solid transparent!important;
}
.site-header .nav-link:hover,
.site-header .nav-link:focus-visible,
.site-header .menu-dropdown.mj-menu-open > .nav-link,
.site-header .menu-dropdown:hover > .nav-link{
  background:var(--mj-h-hover)!important;
  border-color:rgba(8,145,178,.22)!important;
  color:var(--mj-h-accent-2)!important;
  outline:none!important;
}
html.dark .site-header .nav-link,
html[data-theme="dark"] .site-header .nav-link,
html.dark .site-header .mj-inline-nav .nav-link,
html[data-theme="dark"] .site-header .mj-inline-nav .nav-link{
  color:var(--mj-h-text)!important;
}
html.dark .site-header .nav-link:hover,
html.dark .site-header .nav-link:focus-visible,
html.dark .site-header .menu-dropdown.mj-menu-open > .nav-link,
html.dark .site-header .menu-dropdown:hover > .nav-link,
html[data-theme="dark"] .site-header .nav-link:hover,
html[data-theme="dark"] .site-header .nav-link:focus-visible,
html[data-theme="dark"] .site-header .menu-dropdown.mj-menu-open > .nav-link,
html[data-theme="dark"] .site-header .menu-dropdown:hover > .nav-link{
  background:var(--mj-h-hover)!important;
  border-color:#164e63!important;
  color:var(--mj-h-accent)!important;
}

/* Tüm ikon/butonlar: tema, dil, giriş, üye ol, mobil menü, admin kısa butonları */
.site-header :is(.tw-icon-btn,.icon-btn,.lang-btn,button,[role="button"]),
.site-header a.tw-icon-btn{
  background:var(--mj-h-bg-solid)!important;
  color:var(--mj-h-text)!important;
  border-color:var(--mj-h-border)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.08)!important;
}
.site-header :is(.tw-icon-btn,.icon-btn,.lang-btn,button,[role="button"]):hover,
.site-header :is(.tw-icon-btn,.icon-btn,.lang-btn,button,[role="button"]):focus-visible,
.site-header a.tw-icon-btn:hover,
.site-header a.tw-icon-btn:focus-visible{
  background:var(--mj-h-hover)!important;
  color:var(--mj-h-accent-2)!important;
  border-color:rgba(8,145,178,.35)!important;
  outline:none!important;
}
html.dark .site-header :is(.tw-icon-btn,.icon-btn,.lang-btn,button,[role="button"]),
html[data-theme="dark"] .site-header :is(.tw-icon-btn,.icon-btn,.lang-btn,button,[role="button"]),
html.dark .site-header a.tw-icon-btn,
html[data-theme="dark"] .site-header a.tw-icon-btn{
  background:var(--mj-h-card)!important;
  color:var(--mj-h-text)!important;
  border-color:var(--mj-h-border)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.34)!important;
}
html.dark .site-header :is(.tw-icon-btn,.icon-btn,.lang-btn,button,[role="button"]):hover,
html.dark .site-header :is(.tw-icon-btn,.icon-btn,.lang-btn,button,[role="button"]):focus-visible,
html.dark .site-header a.tw-icon-btn:hover,
html.dark .site-header a.tw-icon-btn:focus-visible,
html[data-theme="dark"] .site-header :is(.tw-icon-btn,.icon-btn,.lang-btn,button,[role="button"]):hover,
html[data-theme="dark"] .site-header :is(.tw-icon-btn,.icon-btn,.lang-btn,button,[role="button"]):focus-visible,
html[data-theme="dark"] .site-header a.tw-icon-btn:hover,
html[data-theme="dark"] .site-header a.tw-icon-btn:focus-visible{
  background:var(--mj-h-hover)!important;
  color:var(--mj-h-accent)!important;
  border-color:#22d3ee!important;
}

/* Açılır menüler */
.site-header .dropdown-panel,
.site-header .menu-dropdown .dropdown-panel{
  background:var(--mj-h-bg-solid)!important;
  color:var(--mj-h-text)!important;
  border-color:var(--mj-h-border)!important;
  box-shadow:var(--mj-h-shadow)!important;
}
html.dark .site-header .dropdown-panel,
html.dark .site-header .menu-dropdown .dropdown-panel,
html[data-theme="dark"] .site-header .dropdown-panel,
html[data-theme="dark"] .site-header .menu-dropdown .dropdown-panel{
  background:#0b1220!important;
  color:var(--mj-h-text)!important;
  border-color:var(--mj-h-border)!important;
  box-shadow:var(--mj-h-shadow)!important;
}
.site-header .dropdown-panel :is(div,section,article){
  color:var(--mj-h-text);
}
.site-header .dropdown-panel .rounded-2xl,
.site-header .dropdown-panel :is(.tool-card,.menu-card){
  background:var(--mj-h-card)!important;
  color:var(--mj-h-text)!important;
  border-color:var(--mj-h-border)!important;
}
html.dark .site-header .dropdown-panel .rounded-2xl,
html.dark .site-header .dropdown-panel :is(.tool-card,.menu-card),
html[data-theme="dark"] .site-header .dropdown-panel .rounded-2xl,
html[data-theme="dark"] .site-header .dropdown-panel :is(.tool-card,.menu-card){
  background:#111827!important;
  color:var(--mj-h-text)!important;
  border-color:var(--mj-h-border)!important;
}
.site-header .dropdown-panel :is(a,button){
  color:var(--mj-h-muted)!important;
}
.site-header .dropdown-panel :is(a,button):hover,
.site-header .dropdown-panel :is(a,button):focus-visible{
  background:var(--mj-h-hover)!important;
  color:var(--mj-h-accent-2)!important;
  outline:none!important;
}
html.dark .site-header .dropdown-panel :is(a,button),
html[data-theme="dark"] .site-header .dropdown-panel :is(a,button){
  color:var(--mj-h-muted)!important;
}
html.dark .site-header .dropdown-panel :is(a,button):hover,
html.dark .site-header .dropdown-panel :is(a,button):focus-visible,
html[data-theme="dark"] .site-header .dropdown-panel :is(a,button):hover,
html[data-theme="dark"] .site-header .dropdown-panel :is(a,button):focus-visible{
  background:#020617!important;
  color:var(--mj-h-accent)!important;
}

/* Mobil menü */
.site-header .mobile-menu,
.mobile-menu[data-mobile-panel],
[data-mobile-panel]{
  background:var(--mj-h-bg-solid)!important;
  color:var(--mj-h-text)!important;
  border-color:var(--mj-h-border)!important;
  box-shadow:var(--mj-h-shadow)!important;
}
html.dark .site-header .mobile-menu,
html.dark .mobile-menu[data-mobile-panel],
html.dark [data-mobile-panel],
html[data-theme="dark"] .site-header .mobile-menu,
html[data-theme="dark"] .mobile-menu[data-mobile-panel],
html[data-theme="dark"] [data-mobile-panel]{
  background:#08111f!important;
  color:var(--mj-h-text)!important;
  border-color:var(--mj-h-border)!important;
}
.site-header .mobile-menu :is(details,a,summary,button),
.mobile-menu[data-mobile-panel] :is(details,a,summary,button),
[data-mobile-panel] :is(details,a,summary,button){
  color:var(--mj-h-text)!important;
  border-color:var(--mj-h-border)!important;
}
.site-header .mobile-menu :is(details),
.mobile-menu[data-mobile-panel] :is(details),
[data-mobile-panel] :is(details){
  background:var(--mj-h-card)!important;
}
html.dark .site-header .mobile-menu :is(details),
html.dark .mobile-menu[data-mobile-panel] :is(details),
html.dark [data-mobile-panel] :is(details),
html[data-theme="dark"] .site-header .mobile-menu :is(details),
html[data-theme="dark"] .mobile-menu[data-mobile-panel] :is(details),
html[data-theme="dark"] [data-mobile-panel] :is(details){
  background:#111827!important;
  border-color:var(--mj-h-border)!important;
}
.site-header .mobile-menu summary,
.mobile-menu[data-mobile-panel] summary,
[data-mobile-panel] summary{
  color:var(--mj-h-text)!important;
  list-style:none!important;
}
.site-header .mobile-menu summary::-webkit-details-marker,
.mobile-menu[data-mobile-panel] summary::-webkit-details-marker,
[data-mobile-panel] summary::-webkit-details-marker{
  display:none!important;
}
.site-header .mobile-menu a,
.mobile-menu[data-mobile-panel] a,
[data-mobile-panel] a{
  background:var(--mj-h-card)!important;
  color:var(--mj-h-text)!important;
  border:1px solid transparent!important;
}
.site-header .mobile-menu a:hover,
.site-header .mobile-menu a:focus-visible,
.mobile-menu[data-mobile-panel] a:hover,
.mobile-menu[data-mobile-panel] a:focus-visible,
[data-mobile-panel] a:hover,
[data-mobile-panel] a:focus-visible{
  background:var(--mj-h-hover)!important;
  color:var(--mj-h-accent-2)!important;
  border-color:rgba(8,145,178,.22)!important;
  outline:none!important;
}
html.dark .site-header .mobile-menu a,
html.dark .mobile-menu[data-mobile-panel] a,
html.dark [data-mobile-panel] a,
html[data-theme="dark"] .site-header .mobile-menu a,
html[data-theme="dark"] .mobile-menu[data-mobile-panel] a,
html[data-theme="dark"] [data-mobile-panel] a{
  background:#111827!important;
  color:var(--mj-h-text)!important;
  border-color:#1f2937!important;
}
html.dark .site-header .mobile-menu a:hover,
html.dark .site-header .mobile-menu a:focus-visible,
html.dark .mobile-menu[data-mobile-panel] a:hover,
html.dark .mobile-menu[data-mobile-panel] a:focus-visible,
html.dark [data-mobile-panel] a:hover,
html.dark [data-mobile-panel] a:focus-visible,
html[data-theme="dark"] .site-header .mobile-menu a:hover,
html[data-theme="dark"] .site-header .mobile-menu a:focus-visible,
html[data-theme="dark"] .mobile-menu[data-mobile-panel] a:hover,
html[data-theme="dark"] .mobile-menu[data-mobile-panel] a:focus-visible,
html[data-theme="dark"] [data-mobile-panel] a:hover,
html[data-theme="dark"] [data-mobile-panel] a:focus-visible{
  background:#0b3340!important;
  color:var(--mj-h-accent)!important;
  border-color:#22d3ee!important;
}

/* Mobil login/register butonları ve genel header içi link butonları */
.site-header .mobile-menu .grid.grid-cols-2 a,
.mobile-menu[data-mobile-panel] .grid.grid-cols-2 a,
[data-mobile-panel] .grid.grid-cols-2 a{
  background:var(--mj-h-bg-solid)!important;
  color:var(--mj-h-text)!important;
  border-color:var(--mj-h-border)!important;
}
html.dark .site-header .mobile-menu .grid.grid-cols-2 a,
html.dark .mobile-menu[data-mobile-panel] .grid.grid-cols-2 a,
html.dark [data-mobile-panel] .grid.grid-cols-2 a,
html[data-theme="dark"] .site-header .mobile-menu .grid.grid-cols-2 a,
html[data-theme="dark"] .mobile-menu[data-mobile-panel] .grid.grid-cols-2 a,
html[data-theme="dark"] [data-mobile-panel] .grid.grid-cols-2 a{
  background:#111827!important;
  color:#f8fafc!important;
  border-color:#334155!important;
}

/* Tailwind class override: dropdown/mobilde beyaz veya gri kalan alanları zorla düzelt */
html.dark .site-header :is(.bg-white,.bg-slate-50,.bg-slate-100),
html.dark [data-mobile-panel] :is(.bg-white,.bg-slate-50,.bg-slate-100),
html[data-theme="dark"] .site-header :is(.bg-white,.bg-slate-50,.bg-slate-100),
html[data-theme="dark"] [data-mobile-panel] :is(.bg-white,.bg-slate-50,.bg-slate-100){
  background-color:#111827!important;
}
html.dark .site-header :is(.text-slate-900,.text-slate-800,.text-slate-700,.text-slate-600),
html.dark [data-mobile-panel] :is(.text-slate-900,.text-slate-800,.text-slate-700,.text-slate-600),
html[data-theme="dark"] .site-header :is(.text-slate-900,.text-slate-800,.text-slate-700,.text-slate-600),
html[data-theme="dark"] [data-mobile-panel] :is(.text-slate-900,.text-slate-800,.text-slate-700,.text-slate-600){
  color:#f8fafc!important;
}
html.dark .site-header :is(.text-slate-500,.text-slate-400,.text-slate-300),
html.dark [data-mobile-panel] :is(.text-slate-500,.text-slate-400,.text-slate-300),
html[data-theme="dark"] .site-header :is(.text-slate-500,.text-slate-400,.text-slate-300),
html[data-theme="dark"] [data-mobile-panel] :is(.text-slate-500,.text-slate-400,.text-slate-300){
  color:#cbd5e1!important;
}

/* Admin header / admin menü kontrastı */
body.dark, html.dark body, html[data-theme="dark"] body{
  color:#f8fafc;
}
html.dark aside :is(a,button),
html[data-theme="dark"] aside :is(a,button),
html.dark nav :is(a,button),
html[data-theme="dark"] nav :is(a,button){
  color:inherit;
}
html.dark .card,
html[data-theme="dark"] .card{
  background:#0f172a!important;
  color:#f8fafc!important;
  border-color:#334155!important;
}

/* Erişilebilirlik: odak çizgisi */
.site-header :is(a,button,summary):focus-visible,
.mobile-menu :is(a,button,summary):focus-visible,
[data-mobile-panel] :is(a,button,summary):focus-visible{
  outline:3px solid rgba(34,211,238,.55)!important;
  outline-offset:3px!important;
}


/* === Metalurjist V15 kesin header/dropdown/mobil/buton kontrastı ===
   Bu blok, V14'ten daha baskındır. Amaç: koyu temada araç dropdown kolonları, linkleri,
   mobil menü ve header butonları hiçbir şekilde soluk/beyaz kalmasın. */
html.dark,
html[data-theme="dark"],
body.dark,
body[data-theme="dark"],
.dark{
  --mj-v15-bg:#020617;
  --mj-v15-header:#08111f;
  --mj-v15-panel:#0b1220;
  --mj-v15-card:#111827;
  --mj-v15-card2:#172033;
  --mj-v15-border:#334155;
  --mj-v15-text:#f8fafc;
  --mj-v15-muted:#e2e8f0;
  --mj-v15-soft:#cbd5e1;
  --mj-v15-accent:#67e8f9;
  --mj-v15-accent2:#5eead4;
  --mj-v15-hover:#0b3340;
  --mj-v15-hover2:#083344;
}

/* Koyu tema header ana zemin */
html.dark .site-header,
html[data-theme="dark"] .site-header,
body.dark .site-header,
body[data-theme="dark"] .site-header,
.dark .site-header{
  background:#08111f!important;
  color:#f8fafc!important;
  border-color:#334155!important;
  box-shadow:0 20px 55px rgba(0,0,0,.45)!important;
}

/* Ana menü linkleri */
html.dark .site-header .mj-inline-nav .nav-link,
html[data-theme="dark"] .site-header .mj-inline-nav .nav-link,
body.dark .site-header .mj-inline-nav .nav-link,
body[data-theme="dark"] .site-header .mj-inline-nav .nav-link,
.dark .site-header .mj-inline-nav .nav-link{
  color:#f8fafc!important;
  background:transparent!important;
  border:1px solid transparent!important;
  text-shadow:none!important;
}
html.dark .site-header .mj-inline-nav .nav-link:hover,
html.dark .site-header .mj-inline-nav .nav-link:focus-visible,
html.dark .site-header .mj-inline-nav .menu-dropdown.mj-menu-open > .nav-link,
html.dark .site-header .mj-inline-nav .menu-dropdown:hover > .nav-link,
html[data-theme="dark"] .site-header .mj-inline-nav .nav-link:hover,
html[data-theme="dark"] .site-header .mj-inline-nav .nav-link:focus-visible,
html[data-theme="dark"] .site-header .mj-inline-nav .menu-dropdown.mj-menu-open > .nav-link,
html[data-theme="dark"] .site-header .mj-inline-nav .menu-dropdown:hover > .nav-link,
body.dark .site-header .mj-inline-nav .nav-link:hover,
body.dark .site-header .mj-inline-nav .nav-link:focus-visible,
body.dark .site-header .mj-inline-nav .menu-dropdown.mj-menu-open > .nav-link,
body.dark .site-header .mj-inline-nav .menu-dropdown:hover > .nav-link,
body[data-theme="dark"] .site-header .mj-inline-nav .nav-link:hover,
body[data-theme="dark"] .site-header .mj-inline-nav .nav-link:focus-visible,
body[data-theme="dark"] .site-header .mj-inline-nav .menu-dropdown.mj-menu-open > .nav-link,
body[data-theme="dark"] .site-header .mj-inline-nav .menu-dropdown:hover > .nav-link,
.dark .site-header .mj-inline-nav .nav-link:hover,
.dark .site-header .mj-inline-nav .nav-link:focus-visible,
.dark .site-header .mj-inline-nav .menu-dropdown.mj-menu-open > .nav-link,
.dark .site-header .mj-inline-nav .menu-dropdown:hover > .nav-link{
  background:#0b3340!important;
  color:#67e8f9!important;
  border-color:#22d3ee!important;
}

/* Araçlar açılır menü dış paneli */
html.dark .site-header .mj-inline-nav .menu-dropdown .dropdown-panel,
html[data-theme="dark"] .site-header .mj-inline-nav .menu-dropdown .dropdown-panel,
body.dark .site-header .mj-inline-nav .menu-dropdown .dropdown-panel,
body[data-theme="dark"] .site-header .mj-inline-nav .menu-dropdown .dropdown-panel,
.dark .site-header .mj-inline-nav .menu-dropdown .dropdown-panel{
  background:#0b1220!important;
  color:#f8fafc!important;
  border-color:#334155!important;
  box-shadow:0 30px 80px rgba(0,0,0,.58)!important;
}

/* Araç dropdown iç kolon/kartlar: ekran görüntüsündeki beyaz kutuları kesin koyu yap */
html.dark .site-header .mj-inline-nav .dropdown-panel .grid > div,
html[data-theme="dark"] .site-header .mj-inline-nav .dropdown-panel .grid > div,
body.dark .site-header .mj-inline-nav .dropdown-panel .grid > div,
body[data-theme="dark"] .site-header .mj-inline-nav .dropdown-panel .grid > div,
.dark .site-header .mj-inline-nav .dropdown-panel .grid > div{
  background:#111827!important;
  color:#f8fafc!important;
  border:1px solid #334155!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 16px 36px rgba(0,0,0,.22)!important;
}

/* Eğer Tailwind açık arka plan classları kalırsa zorla koyu */
html.dark .site-header .dropdown-panel :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100),
html[data-theme="dark"] .site-header .dropdown-panel :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100),
body.dark .site-header .dropdown-panel :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100),
body[data-theme="dark"] .site-header .dropdown-panel :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100),
.dark .site-header .dropdown-panel :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100){
  background-color:#111827!important;
}

/* Dropdown başlıkları */
html.dark .site-header .dropdown-panel .mb-2,
html[data-theme="dark"] .site-header .dropdown-panel .mb-2,
body.dark .site-header .dropdown-panel .mb-2,
body[data-theme="dark"] .site-header .dropdown-panel .mb-2,
.dark .site-header .dropdown-panel .mb-2{
  color:#f8fafc!important;
  font-weight:900!important;
}
html.dark .site-header .dropdown-panel :is(.text-slate-900,.text-slate-800,.text-slate-700),
html[data-theme="dark"] .site-header .dropdown-panel :is(.text-slate-900,.text-slate-800,.text-slate-700),
body.dark .site-header .dropdown-panel :is(.text-slate-900,.text-slate-800,.text-slate-700),
body[data-theme="dark"] .site-header .dropdown-panel :is(.text-slate-900,.text-slate-800,.text-slate-700),
.dark .site-header .dropdown-panel :is(.text-slate-900,.text-slate-800,.text-slate-700){
  color:#f8fafc!important;
}

/* Dropdown araç linkleri: soluk gri değil net okunur */
html.dark .site-header .dropdown-panel a,
html[data-theme="dark"] .site-header .dropdown-panel a,
body.dark .site-header .dropdown-panel a,
body[data-theme="dark"] .site-header .dropdown-panel a,
.dark .site-header .dropdown-panel a{
  color:#e2e8f0!important;
  background:transparent!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  border:1px solid transparent!important;
}
html.dark .site-header .dropdown-panel a:hover,
html.dark .site-header .dropdown-panel a:focus-visible,
html[data-theme="dark"] .site-header .dropdown-panel a:hover,
html[data-theme="dark"] .site-header .dropdown-panel a:focus-visible,
body.dark .site-header .dropdown-panel a:hover,
body.dark .site-header .dropdown-panel a:focus-visible,
body[data-theme="dark"] .site-header .dropdown-panel a:hover,
body[data-theme="dark"] .site-header .dropdown-panel a:focus-visible,
.dark .site-header .dropdown-panel a:hover,
.dark .site-header .dropdown-panel a:focus-visible{
  color:#67e8f9!important;
  background:#0b3340!important;
  border-color:#164e63!important;
  opacity:1!important;
}

/* Boş kategori / açıklama metinleri */
html.dark .site-header .dropdown-panel :is(span,p,small,.text-slate-400,.text-slate-500,.text-slate-600),
html[data-theme="dark"] .site-header .dropdown-panel :is(span,p,small,.text-slate-400,.text-slate-500,.text-slate-600),
body.dark .site-header .dropdown-panel :is(span,p,small,.text-slate-400,.text-slate-500,.text-slate-600),
body[data-theme="dark"] .site-header .dropdown-panel :is(span,p,small,.text-slate-400,.text-slate-500,.text-slate-600),
.dark .site-header .dropdown-panel :is(span,p,small,.text-slate-400,.text-slate-500,.text-slate-600){
  color:#cbd5e1!important;
  opacity:1!important;
}

/* Header butonları: home, tema, dil, kullanıcı, hamburger */
html.dark .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn),
html[data-theme="dark"] .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn),
body.dark .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn),
body[data-theme="dark"] .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn),
.dark .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn){
  background:#111827!important;
  color:#f8fafc!important;
  border-color:#334155!important;
  box-shadow:0 16px 34px rgba(0,0,0,.36)!important;
  opacity:1!important;
}
html.dark .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn):hover,
html.dark .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn):focus-visible,
html[data-theme="dark"] .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn):hover,
html[data-theme="dark"] .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn):focus-visible,
body.dark .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn):hover,
body.dark .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn):focus-visible,
body[data-theme="dark"] .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn):hover,
body[data-theme="dark"] .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn):focus-visible,
.dark .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn):hover,
.dark .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn):focus-visible{
  background:#0b3340!important;
  color:#67e8f9!important;
  border-color:#22d3ee!important;
}

/* Kullanıcı/account dropdown */
html.dark .site-header .account-panel,
html[data-theme="dark"] .site-header .account-panel,
body.dark .site-header .account-panel,
body[data-theme="dark"] .site-header .account-panel,
.dark .site-header .account-panel{
  background:#0b1220!important;
  color:#f8fafc!important;
  border-color:#334155!important;
}
html.dark .site-header .account-panel a,
html[data-theme="dark"] .site-header .account-panel a,
body.dark .site-header .account-panel a,
body[data-theme="dark"] .site-header .account-panel a,
.dark .site-header .account-panel a{
  color:#e2e8f0!important;
  background:transparent!important;
}
html.dark .site-header .account-panel a:hover,
html[data-theme="dark"] .site-header .account-panel a:hover,
body.dark .site-header .account-panel a:hover,
body[data-theme="dark"] .site-header .account-panel a:hover,
.dark .site-header .account-panel a:hover{
  color:#67e8f9!important;
  background:#0b3340!important;
}

/* Mobil menü: her şey net okunur */
html.dark .site-header .mobile-menu,
html.dark .mobile-menu[data-mobile-panel],
html.dark [data-mobile-panel],
html[data-theme="dark"] .site-header .mobile-menu,
html[data-theme="dark"] .mobile-menu[data-mobile-panel],
html[data-theme="dark"] [data-mobile-panel],
body.dark .site-header .mobile-menu,
body.dark .mobile-menu[data-mobile-panel],
body.dark [data-mobile-panel],
body[data-theme="dark"] .site-header .mobile-menu,
body[data-theme="dark"] .mobile-menu[data-mobile-panel],
body[data-theme="dark"] [data-mobile-panel],
.dark .site-header .mobile-menu,
.dark .mobile-menu[data-mobile-panel],
.dark [data-mobile-panel]{
  background:#08111f!important;
  color:#f8fafc!important;
  border-color:#334155!important;
}
html.dark [data-mobile-panel] details,
html.dark .mobile-menu details,
html[data-theme="dark"] [data-mobile-panel] details,
html[data-theme="dark"] .mobile-menu details,
body.dark [data-mobile-panel] details,
body.dark .mobile-menu details,
body[data-theme="dark"] [data-mobile-panel] details,
body[data-theme="dark"] .mobile-menu details,
.dark [data-mobile-panel] details,
.dark .mobile-menu details{
  background:#111827!important;
  color:#f8fafc!important;
  border:1px solid #334155!important;
}
html.dark [data-mobile-panel] summary,
html.dark .mobile-menu summary,
html[data-theme="dark"] [data-mobile-panel] summary,
html[data-theme="dark"] .mobile-menu summary,
body.dark [data-mobile-panel] summary,
body.dark .mobile-menu summary,
body[data-theme="dark"] [data-mobile-panel] summary,
body[data-theme="dark"] .mobile-menu summary,
.dark [data-mobile-panel] summary,
.dark .mobile-menu summary{
  color:#f8fafc!important;
  opacity:1!important;
}
html.dark [data-mobile-panel] a,
html.dark .mobile-menu a,
html[data-theme="dark"] [data-mobile-panel] a,
html[data-theme="dark"] .mobile-menu a,
body.dark [data-mobile-panel] a,
body.dark .mobile-menu a,
body[data-theme="dark"] [data-mobile-panel] a,
body[data-theme="dark"] .mobile-menu a,
.dark [data-mobile-panel] a,
.dark .mobile-menu a{
  color:#e2e8f0!important;
  background:#111827!important;
  border:1px solid #1f2937!important;
  opacity:1!important;
}
html.dark [data-mobile-panel] a:hover,
html.dark [data-mobile-panel] a:focus-visible,
html.dark .mobile-menu a:hover,
html.dark .mobile-menu a:focus-visible,
html[data-theme="dark"] [data-mobile-panel] a:hover,
html[data-theme="dark"] [data-mobile-panel] a:focus-visible,
html[data-theme="dark"] .mobile-menu a:hover,
html[data-theme="dark"] .mobile-menu a:focus-visible,
body.dark [data-mobile-panel] a:hover,
body.dark [data-mobile-panel] a:focus-visible,
body.dark .mobile-menu a:hover,
body.dark .mobile-menu a:focus-visible,
body[data-theme="dark"] [data-mobile-panel] a:hover,
body[data-theme="dark"] [data-mobile-panel] a:focus-visible,
body[data-theme="dark"] .mobile-menu a:hover,
body[data-theme="dark"] .mobile-menu a:focus-visible,
.dark [data-mobile-panel] a:hover,
.dark [data-mobile-panel] a:focus-visible,
.dark .mobile-menu a:hover,
.dark .mobile-menu a:focus-visible{
  color:#67e8f9!important;
  background:#0b3340!important;
  border-color:#22d3ee!important;
}

/* Açık tema da net kalsın: beyaz kart + koyu yazı + net hover */
.site-header .dropdown-panel .grid > div{
  border:1px solid #d8e2ed;
}
.site-header .dropdown-panel a{
  opacity:1!important;
  font-weight:700;
}
.site-header .dropdown-panel a:hover,
.site-header .dropdown-panel a:focus-visible{
  outline:none!important;
}
.site-header :is(a,button,summary):focus-visible,
.mobile-menu :is(a,button,summary):focus-visible,
[data-mobile-panel] :is(a,button,summary):focus-visible{
  outline:3px solid rgba(34,211,238,.65)!important;
  outline-offset:3px!important;
}


/* === Metalurjist V16 canlı tema geçişi: açık/koyu header menü senkronu === */
/* V15 koyu tema inline stilleri açık temaya geçince temizlenir; açık tema tekrar net beyaz/koyu yazı görünümüne döner. */
html:not(.dark):not([data-theme="dark"]) .site-header{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#e2e8f0!important;
}
html:not(.dark):not([data-theme="dark"]) .site-header .mj-inline-nav .nav-link{
  color:#0f172a!important;
  background:transparent!important;
  border-color:transparent!important;
}
html:not(.dark):not([data-theme="dark"]) .site-header .mj-inline-nav .nav-link:hover,
html:not(.dark):not([data-theme="dark"]) .site-header .mj-inline-nav .menu-dropdown:hover > .nav-link,
html:not(.dark):not([data-theme="dark"]) .site-header .mj-inline-nav .menu-dropdown.mj-menu-open > .nav-link{
  background:#ecfeff!important;
  color:#0891b2!important;
  border-color:#bae6fd!important;
}
html:not(.dark):not([data-theme="dark"]) .site-header .mj-inline-nav .menu-dropdown .dropdown-panel{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#d8e2ed!important;
  box-shadow:0 24px 68px rgba(15,23,42,.16)!important;
}
html:not(.dark):not([data-theme="dark"]) .site-header .mj-inline-nav .dropdown-panel .grid > div{
  background:#f8fafc!important;
  color:#0f172a!important;
  border:1px solid #d8e2ed!important;
  box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
}
html:not(.dark):not([data-theme="dark"]) .site-header .dropdown-panel .mb-2{
  color:#0f172a!important;
}
html:not(.dark):not([data-theme="dark"]) .site-header .dropdown-panel a{
  color:#475569!important;
  background:transparent!important;
  opacity:1!important;
  border-color:transparent!important;
}
html:not(.dark):not([data-theme="dark"]) .site-header .dropdown-panel a:hover,
html:not(.dark):not([data-theme="dark"]) .site-header .dropdown-panel a:focus-visible{
  color:#0891b2!important;
  background:#ffffff!important;
  border-color:#bae6fd!important;
}
html:not(.dark):not([data-theme="dark"]) .site-header .dropdown-panel :is(span,p,small,.text-slate-400,.text-slate-500,.text-slate-600){
  color:#64748b!important;
  opacity:1!important;
}
html:not(.dark):not([data-theme="dark"]) .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn){
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#cbd5e1!important;
  box-shadow:0 14px 30px rgba(15,23,42,.08)!important;
}
html:not(.dark):not([data-theme="dark"]) .site-header :is(.tw-icon-btn,.theme-switch,.lang-switch,.account-trigger,button[data-mobile-menu],button[data-theme-toggle],a.tw-icon-btn):hover{
  background:#ecfeff!important;
  color:#0891b2!important;
  border-color:#67e8f9!important;
}
html:not(.dark):not([data-theme="dark"]) [data-mobile-panel],
html:not(.dark):not([data-theme="dark"]) .mobile-menu{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#d8e2ed!important;
}
html:not(.dark):not([data-theme="dark"]) [data-mobile-panel] details,
html:not(.dark):not([data-theme="dark"]) .mobile-menu details{
  background:#f8fafc!important;
  color:#0f172a!important;
  border:1px solid #d8e2ed!important;
}
html:not(.dark):not([data-theme="dark"]) [data-mobile-panel] summary,
html:not(.dark):not([data-theme="dark"]) .mobile-menu summary{
  color:#0f172a!important;
}
html:not(.dark):not([data-theme="dark"]) [data-mobile-panel] a,
html:not(.dark):not([data-theme="dark"]) .mobile-menu a{
  background:#f8fafc!important;
  color:#0f172a!important;
  border-color:#e2e8f0!important;
  opacity:1!important;
}
html:not(.dark):not([data-theme="dark"]) [data-mobile-panel] a:hover,
html:not(.dark):not([data-theme="dark"]) .mobile-menu a:hover{
  background:#ecfeff!important;
  color:#0891b2!important;
  border-color:#67e8f9!important;
}


/* === Metalurjist V17 tema geçişinde menü yenileme/repaint === */
.site-header.mj-theme-refreshing,
.site-header.mj-theme-refreshing *{
  transition:none!important;
}
.site-header .dropdown-panel.mj-theme-panel-refresh{
  transform:translateZ(0)!important;
  will-change:background-color,color,border-color,box-shadow!important;
}
[data-mobile-panel].mj-theme-panel-refresh,
.mobile-menu.mj-theme-panel-refresh{
  transform:translateZ(0)!important;
  will-change:background-color,color,border-color!important;
}


/* === Metalurjist V18 Ana sayfa hero/stat kartları koyu tema kontrastı === */
/* Ekran görüntüsündeki sağ hero istatistik kutuları koyu temada beyaz kalmasın, tüm yazılar net okunsun. */
html.dark main .mj-pro-card,
html[data-theme="dark"] main .mj-pro-card,
body.dark main .mj-pro-card,
body[data-theme="dark"] main .mj-pro-card,
.dark main .mj-pro-card{
  background:#0f172a!important;
  color:#f8fafc!important;
  border-color:#334155!important;
  box-shadow:0 22px 60px rgba(0,0,0,.36)!important;
}

/* Ana sayfa hero içindeki 2x2 kutular */
html.dark main .mj-pro-card .grid.sm\:grid-cols-2 > div,
html[data-theme="dark"] main .mj-pro-card .grid.sm\:grid-cols-2 > div,
body.dark main .mj-pro-card .grid.sm\:grid-cols-2 > div,
body[data-theme="dark"] main .mj-pro-card .grid.sm\:grid-cols-2 > div,
.dark main .mj-pro-card .grid.sm\:grid-cols-2 > div{
  background:#111827!important;
  color:#f8fafc!important;
  border-color:#334155!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 36px rgba(0,0,0,.24)!important;
}

/* Koyu temada açık kalan Tailwind kartlarını yakala */
html.dark main .mj-pro-card :is(.bg-slate-50,.bg-white,.bg-gray-50,.bg-slate-100,.bg-gray-100),
html[data-theme="dark"] main .mj-pro-card :is(.bg-slate-50,.bg-white,.bg-gray-50,.bg-slate-100,.bg-gray-100),
body.dark main .mj-pro-card :is(.bg-slate-50,.bg-white,.bg-gray-50,.bg-slate-100,.bg-gray-100),
body[data-theme="dark"] main .mj-pro-card :is(.bg-slate-50,.bg-white,.bg-gray-50,.bg-slate-100,.bg-gray-100),
.dark main .mj-pro-card :is(.bg-slate-50,.bg-white,.bg-gray-50,.bg-slate-100,.bg-gray-100){
  background-color:#111827!important;
}

/* Ana sayfa hero kart metinleri */
html.dark main .mj-pro-card :is(h1,h2,h3,h4,strong,b,.font-black,.font-bold),
html[data-theme="dark"] main .mj-pro-card :is(h1,h2,h3,h4,strong,b,.font-black,.font-bold),
body.dark main .mj-pro-card :is(h1,h2,h3,h4,strong,b,.font-black,.font-bold),
body[data-theme="dark"] main .mj-pro-card :is(h1,h2,h3,h4,strong,b,.font-black,.font-bold),
.dark main .mj-pro-card :is(h1,h2,h3,h4,strong,b,.font-black,.font-bold){
  color:#f8fafc!important;
  opacity:1!important;
}

/* Sayaç/sayfa kutuları: Araçlar / Uzmanlarımız / Blog / Bülten yazıları */
html.dark main .mj-pro-card .mj-pro-muted,
html[data-theme="dark"] main .mj-pro-card .mj-pro-muted,
body.dark main .mj-pro-card .mj-pro-muted,
body[data-theme="dark"] main .mj-pro-card .mj-pro-muted,
.dark main .mj-pro-card .mj-pro-muted{
  color:#e2e8f0!important;
  opacity:1!important;
}

/* Cyan rakam/vurgu metinleri net kalsın */
html.dark main .mj-pro-card .text-cyan-700,
html[data-theme="dark"] main .mj-pro-card .text-cyan-700,
body.dark main .mj-pro-card .text-cyan-700,
body[data-theme="dark"] main .mj-pro-card .text-cyan-700,
.dark main .mj-pro-card .text-cyan-700{
  color:#67e8f9!important;
}

/* Açık tema: V17/V15 inline koyu stiller kalırsa ana sayfa kartlarını açık temaya geri al */
html:not(.dark):not([data-theme="dark"]) main .mj-pro-card{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#d8e2ed!important;
}
html:not(.dark):not([data-theme="dark"]) main .mj-pro-card .grid.sm\:grid-cols-2 > div{
  background:#f8fafc!important;
  color:#0f172a!important;
  border-color:#d8e2ed!important;
  box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
}
html:not(.dark):not([data-theme="dark"]) main .mj-pro-card .mj-pro-muted{
  color:#64748b!important;
  opacity:1!important;
}
html:not(.dark):not([data-theme="dark"]) main .mj-pro-card :is(h1,h2,h3,h4,strong,b,.font-black,.font-bold){
  color:#0f172a!important;
}
html:not(.dark):not([data-theme="dark"]) main .mj-pro-card .text-cyan-700{
  color:#0e7490!important;
}


/* === Metalurjist V19 site geneli koyu tema içerik kart kontrast standardı === */
/* Tek tek kart düzeltmek yerine, main içindeki açık renkli kartları koyu temada otomatik koyu karta çevirir.
   PDF/rapor/canvas/çıktı alanları hariç tutulur. */
html.dark main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.from-white,.to-white),
html[data-theme="dark"] main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.from-white,.to-white),
body.dark main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.from-white,.to-white),
body[data-theme="dark"] main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.from-white,.to-white),
.dark main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.from-white,.to-white){
  background:#111827!important;
  background-image:none!important;
  color:#f8fafc!important;
  border-color:#334155!important;
}

/* PDF, rapor ve çıktı üretim alanları koyu temada bile beyaz kalabilir; bunları global koyu kart kuralından çıkar. */
html.dark main :is(#mjPrimerReportWrap,#mjPrimerReportWrap *,.mj-primer-report-page,.mj-primer-report-page *,.mj-prime-a4-page,.mj-prime-a4-page *,.mj-prime-body,.mj-prime-body *,.mi-prime-report-body,.mi-prime-report-body *,.ellx-prime-report-body,.ellx-prime-report-body *,.pdf-page,.pdf-page *,.report-a4,.report-a4 *,.print-area,.print-area *,.export-area,.export-area *,.canvas-export,.canvas-export *),
html[data-theme="dark"] main :is(#mjPrimerReportWrap,#mjPrimerReportWrap *,.mj-primer-report-page,.mj-primer-report-page *,.mj-prime-a4-page,.mj-prime-a4-page *,.mj-prime-body,.mj-prime-body *,.mi-prime-report-body,.mi-prime-report-body *,.ellx-prime-report-body,.ellx-prime-report-body *,.pdf-page,.pdf-page *,.report-a4,.report-a4 *,.print-area,.print-area *,.export-area,.export-area *,.canvas-export,.canvas-export *){
  color-scheme:light!important;
}

/* Site içi genel kartlar */
html.dark main :is(.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card,.rounded-2xl,.rounded-3xl),
html[data-theme="dark"] main :is(.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card,.rounded-2xl,.rounded-3xl),
body.dark main :is(.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card,.rounded-2xl,.rounded-3xl),
body[data-theme="dark"] main :is(.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card,.rounded-2xl,.rounded-3xl),
.dark main :is(.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card,.rounded-2xl,.rounded-3xl){
  border-color:#334155!important;
}

/* Koyu temada açık kalan kartlarda başlıklar ve kalın metinler net beyaz olsun. */
html.dark main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card) :is(h1,h2,h3,h4,h5,h6,strong,b,.font-black,.font-bold,.font-extrabold,.text-slate-950,.text-slate-900,.text-slate-800,.text-gray-950,.text-gray-900,.text-gray-800),
html[data-theme="dark"] main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card) :is(h1,h2,h3,h4,h5,h6,strong,b,.font-black,.font-bold,.font-extrabold,.text-slate-950,.text-slate-900,.text-slate-800,.text-gray-950,.text-gray-900,.text-gray-800),
body.dark main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card) :is(h1,h2,h3,h4,h5,h6,strong,b,.font-black,.font-bold,.font-extrabold,.text-slate-950,.text-slate-900,.text-slate-800,.text-gray-950,.text-gray-900,.text-gray-800),
body[data-theme="dark"] main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card) :is(h1,h2,h3,h4,h5,h6,strong,b,.font-black,.font-bold,.font-extrabold,.text-slate-950,.text-slate-900,.text-slate-800,.text-gray-950,.text-gray-900,.text-gray-800),
.dark main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card) :is(h1,h2,h3,h4,h5,h6,strong,b,.font-black,.font-bold,.font-extrabold,.text-slate-950,.text-slate-900,.text-slate-800,.text-gray-950,.text-gray-900,.text-gray-800){
  color:#f8fafc!important;
  opacity:1!important;
}

/* Koyu temada paragraflar, açıklamalar ve pasif görünen metinler soluk kalmasın. */
html.dark main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card) :is(p,span,small,li,div,.text-slate-700,.text-slate-600,.text-slate-500,.text-slate-400,.text-gray-700,.text-gray-600,.text-gray-500,.text-gray-400,.mj-pro-muted),
html[data-theme="dark"] main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card) :is(p,span,small,li,div,.text-slate-700,.text-slate-600,.text-slate-500,.text-slate-400,.text-gray-700,.text-gray-600,.text-gray-500,.text-gray-400,.mj-pro-muted),
body.dark main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card) :is(p,span,small,li,div,.text-slate-700,.text-slate-600,.text-slate-500,.text-slate-400,.text-gray-700,.text-gray-600,.text-gray-500,.text-gray-400,.mj-pro-muted),
body[data-theme="dark"] main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card) :is(p,span,small,li,div,.text-slate-700,.text-slate-600,.text-slate-500,.text-slate-400,.text-gray-700,.text-gray-600,.text-gray-500,.text-gray-400,.mj-pro-muted),
.dark main :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100,.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card) :is(p,span,small,li,div,.text-slate-700,.text-slate-600,.text-slate-500,.text-slate-400,.text-gray-700,.text-gray-600,.text-gray-500,.text-gray-400,.mj-pro-muted){
  color:#e2e8f0!important;
  opacity:1!important;
}

/* Linkler koyu kartta net görünsün. */
html.dark main :is(.bg-white,.bg-slate-50,.bg-slate-100,.card,.mj-pro-card,.tool-card,.category-card) a:not(.mj-pro-btn):not(.btn):not(.btn-primary):not(.btn-secondary),
html[data-theme="dark"] main :is(.bg-white,.bg-slate-50,.bg-slate-100,.card,.mj-pro-card,.tool-card,.category-card) a:not(.mj-pro-btn):not(.btn):not(.btn-primary):not(.btn-secondary),
body.dark main :is(.bg-white,.bg-slate-50,.bg-slate-100,.card,.mj-pro-card,.tool-card,.category-card) a:not(.mj-pro-btn):not(.btn):not(.btn-primary):not(.btn-secondary),
body[data-theme="dark"] main :is(.bg-white,.bg-slate-50,.bg-slate-100,.card,.mj-pro-card,.tool-card,.category-card) a:not(.mj-pro-btn):not(.btn):not(.btn-primary):not(.btn-secondary),
.dark main :is(.bg-white,.bg-slate-50,.bg-slate-100,.card,.mj-pro-card,.tool-card,.category-card) a:not(.mj-pro-btn):not(.btn):not(.btn-primary):not(.btn-secondary){
  color:#67e8f9!important;
  opacity:1!important;
}

/* Koyu temadaki butonlar okunur kalsın. */
html.dark main :is(button,.btn,.btn-primary,.btn-secondary,.mj-pro-btn,a[class*="btn"]),
html[data-theme="dark"] main :is(button,.btn,.btn-primary,.btn-secondary,.mj-pro-btn,a[class*="btn"]),
body.dark main :is(button,.btn,.btn-primary,.btn-secondary,.mj-pro-btn,a[class*="btn"]),
body[data-theme="dark"] main :is(button,.btn,.btn-primary,.btn-secondary,.mj-pro-btn,a[class*="btn"]),
.dark main :is(button,.btn,.btn-primary,.btn-secondary,.mj-pro-btn,a[class*="btn"]){
  opacity:1!important;
  filter:none!important;
}

/* Açık temaya geçince global koyu kart inline etkisi kalırsa temiz görünüm sağla. */
html:not(.dark):not([data-theme="dark"]) main :is(.bg-white,.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card){
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#d8e2ed!important;
}
html:not(.dark):not([data-theme="dark"]) main :is(.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100){
  background:#f8fafc!important;
  color:#0f172a!important;
  border-color:#d8e2ed!important;
}
html:not(.dark):not([data-theme="dark"]) main :is(.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card,.bg-white,.bg-slate-50,.bg-slate-100) :is(h1,h2,h3,h4,h5,h6,strong,b,.font-black,.font-bold,.font-extrabold,.text-slate-950,.text-slate-900,.text-slate-800){
  color:#0f172a!important;
}
html:not(.dark):not([data-theme="dark"]) main :is(.card,.mj-pro-card,.tool-card,.category-card,.expert-card,.post-card,.bulletin-card,.bg-white,.bg-slate-50,.bg-slate-100) :is(p,span,small,li,.text-slate-700,.text-slate-600,.text-slate-500,.text-slate-400,.mj-pro-muted){
  color:#64748b!important;
  opacity:1!important;
}

/* Grafik, canvas ve tablo çıktıları gerekirse kendi beyaz arka planını koruyabilir. */
html.dark main :is(canvas,svg,img,video),
html[data-theme="dark"] main :is(canvas,svg,img,video){
  color-scheme:normal;
}


/* === Metalurjist V20 Ana sayfa turkuaz CTA ve başlık kontrast düzeltmesi === */
/* V19 genel kart senkronu, mj-pro-card içindeki turkuaz gradient CTA yazılarını açık temada koyulaştırıyordu.
   Bu blok gradient CTA alanını her temada beyaz/net tutar. */
main .mj-pro-card :is(.bg-gradient-to-br.from-cyan-600.to-teal-700,.from-cyan-600.to-teal-700){
  background-image:linear-gradient(135deg,#0891b2,#0f766e)!important;
  background-color:#0f766e!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.18)!important;
}
main .mj-pro-card :is(.bg-gradient-to-br.from-cyan-600.to-teal-700,.from-cyan-600.to-teal-700) :is(h1,h2,h3,h4,strong,b,.font-black,.font-bold){
  color:#ffffff!important;
  opacity:1!important;
}
main .mj-pro-card :is(.bg-gradient-to-br.from-cyan-600.to-teal-700,.from-cyan-600.to-teal-700) :is(p,span,small,li,.text-white\/85){
  color:rgba(255,255,255,.90)!important;
  opacity:1!important;
}
html.dark main .mj-pro-card :is(.bg-gradient-to-br.from-cyan-600.to-teal-700,.from-cyan-600.to-teal-700),
html[data-theme="dark"] main .mj-pro-card :is(.bg-gradient-to-br.from-cyan-600.to-teal-700,.from-cyan-600.to-teal-700),
body.dark main .mj-pro-card :is(.bg-gradient-to-br.from-cyan-600.to-teal-700,.from-cyan-600.to-teal-700),
body[data-theme="dark"] main .mj-pro-card :is(.bg-gradient-to-br.from-cyan-600.to-teal-700,.from-cyan-600.to-teal-700),
.dark main .mj-pro-card :is(.bg-gradient-to-br.from-cyan-600.to-teal-700,.from-cyan-600.to-teal-700){
  background-image:linear-gradient(135deg,#0891b2,#0f766e)!important;
  background-color:#0f766e!important;
  color:#ffffff!important;
}
html:not(.dark):not([data-theme="dark"]) main .mj-pro-card :is(.bg-gradient-to-br.from-cyan-600.to-teal-700,.from-cyan-600.to-teal-700){
  background-image:linear-gradient(135deg,#0891b2,#0f766e)!important;
  background-color:#0f766e!important;
  color:#ffffff!important;
}

/* Ana sayfa hero başlık metni açık/koyu temada net kalsın. */
main h1{
  text-wrap:balance;
}


/* === Metalurjist V24 kompakt tek satır araç menüsü ===
   Araç kategorileri 6 ana kategoriye indirildi. Desktop Araçlar dropdown'ı daha az kalabalık, tek satırlı/yatay akışlı yapıya alınır. */
@media (min-width:1181px){
  .site-header .mj-inline-nav .menu-dropdown .dropdown-panel{
    width:min(1180px, calc(100vw - 32px))!important;
    max-height:calc(100vh - var(--mj-dropdown-top, 120px) - 24px)!important;
    overflow:auto!important;
    padding:18px!important;
  }
  .site-header .mj-inline-nav .dropdown-panel > .grid,
  .site-header .mj-inline-nav .dropdown-panel .grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 4px 8px!important;
    scroll-snap-type:x proximity!important;
  }
  .site-header .mj-inline-nav .dropdown-panel .grid > div{
    flex:0 0 178px!important;
    width:178px!important;
    min-width:178px!important;
    max-width:178px!important;
    max-height:430px!important;
    overflow:auto!important;
    scroll-snap-align:start!important;
    padding:12px!important;
    border-radius:22px!important;
  }
  .site-header .mj-inline-nav .dropdown-panel .grid > div .mb-2{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    display:block!important;
    margin:-12px -12px 8px!important;
    padding:12px!important;
    border-bottom:1px solid rgba(148,163,184,.22)!important;
    backdrop-filter:blur(10px)!important;
    line-height:1.2!important;
    font-size:12px!important;
  }
  .site-header .mj-inline-nav .dropdown-panel .grid > div a{
    display:block!important;
    padding:8px 9px!important;
    border-radius:13px!important;
    line-height:1.25!important;
    font-size:12px!important;
    font-weight:850!important;
    white-space:normal!important;
  }
  html:not(.dark):not([data-theme="dark"]) .site-header .mj-inline-nav .dropdown-panel .grid > div .mb-2{
    background:rgba(248,250,252,.95)!important;
    color:#0f172a!important;
  }
  html.dark .site-header .mj-inline-nav .dropdown-panel .grid > div .mb-2,
  html[data-theme="dark"] .site-header .mj-inline-nav .dropdown-panel .grid > div .mb-2,
  body.dark .site-header .mj-inline-nav .dropdown-panel .grid > div .mb-2,
  body[data-theme="dark"] .site-header .mj-inline-nav .dropdown-panel .grid > div .mb-2,
  .dark .site-header .mj-inline-nav .dropdown-panel .grid > div .mb-2{
    background:rgba(17,24,39,.96)!important;
    color:#f8fafc!important;
    border-color:#334155!important;
  }
}

/* Mobilde kategori blokları tek kolon ama daha kompakt; kategori başlığı ve araç linkleri okunur kalır. */
@media (max-width:1180px){
  [data-mobile-panel] details details,
  .mobile-menu details details{
    border-radius:18px!important;
  }
  [data-mobile-panel] details details summary,
  .mobile-menu details details summary{
    font-size:13px!important;
    font-weight:950!important;
  }
  [data-mobile-panel] details details a,
  .mobile-menu details details a{
    font-size:13px!important;
    line-height:1.25!important;
    padding:9px 11px!important;
  }
}


/* === Metalurjist V25 sabit frame mega araç menüsü === */
@media (min-width:1181px){
  .site-header .mj-mega-tools-panel{
    width:min(1240px,96vw)!important;
    padding:0!important;
    overflow:hidden!important;
    background:#ffffff!important;
    color:#0f172a!important;
  }
  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,
  .dark .site-header .mj-mega-tools-panel{
    background:#07111f!important;
    color:#f8fafc!important;
    border-color:#334155!important;
  }
  .site-header .mj-mega-tools-frame{
    display:grid!important;
    grid-template-columns:310px minmax(0,1fr)!important;
    min-height:560px!important;
    max-height:78vh!important;
    overflow:hidden!important;
  }
  .site-header .mj-mega-tools-cats{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:18px!important;
    border-right:1px solid #d8e2ed!important;
    background:linear-gradient(180deg,#f8fafc,#eef6f8)!important;
    overflow:auto!important;
  }
  html.dark .site-header .mj-mega-tools-cats,
  html[data-theme="dark"] .site-header .mj-mega-tools-cats,
  body.dark .site-header .mj-mega-tools-cats,
  body[data-theme="dark"] .site-header .mj-mega-tools-cats,
  .dark .site-header .mj-mega-tools-cats{
    background:linear-gradient(180deg,#0f172a,#08111f)!important;
    border-color:#334155!important;
  }
  .site-header .mj-mega-tools-all,
  .site-header .mj-mega-cat{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    border:1px solid #d8e2ed!important;
    background:#ffffff!important;
    color:#0f172a!important;
    border-radius:22px!important;
    padding:13px!important;
    text-align:left!important;
    cursor:pointer!important;
    text-decoration:none!important;
    box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
  }
  .site-header .mj-mega-cat.active,
  .site-header .mj-mega-cat:hover,
  .site-header .mj-mega-tools-all:hover{
    background:#ecfeff!important;
    color:#0e7490!important;
    border-color:#67e8f9!important;
    transform:translateX(2px)!important;
  }
  html.dark .site-header .mj-mega-tools-all,
  html.dark .site-header .mj-mega-cat,
  html[data-theme="dark"] .site-header .mj-mega-tools-all,
  html[data-theme="dark"] .site-header .mj-mega-cat,
  body.dark .site-header .mj-mega-tools-all,
  body.dark .site-header .mj-mega-cat,
  body[data-theme="dark"] .site-header .mj-mega-tools-all,
  body[data-theme="dark"] .site-header .mj-mega-cat,
  .dark .site-header .mj-mega-tools-all,
  .dark .site-header .mj-mega-cat{
    background:#111827!important;
    color:#f8fafc!important;
    border-color:#334155!important;
    box-shadow:0 12px 26px rgba(0,0,0,.25)!important;
  }
  html.dark .site-header .mj-mega-cat.active,
  html.dark .site-header .mj-mega-cat:hover,
  html.dark .site-header .mj-mega-tools-all:hover,
  html[data-theme="dark"] .site-header .mj-mega-cat.active,
  html[data-theme="dark"] .site-header .mj-mega-cat:hover,
  html[data-theme="dark"] .site-header .mj-mega-tools-all:hover,
  body.dark .site-header .mj-mega-cat.active,
  body.dark .site-header .mj-mega-cat:hover,
  body.dark .site-header .mj-mega-tools-all:hover,
  body[data-theme="dark"] .site-header .mj-mega-cat.active,
  body[data-theme="dark"] .site-header .mj-mega-cat:hover,
  body[data-theme="dark"] .site-header .mj-mega-tools-all:hover,
  .dark .site-header .mj-mega-cat.active,
  .dark .site-header .mj-mega-cat:hover,
  .dark .site-header .mj-mega-tools-all:hover{
    background:#0b3340!important;
    color:#67e8f9!important;
    border-color:#22d3ee!important;
  }
  .site-header .mj-mega-cat-icon,
  .site-header .mj-mega-tools-all > span{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:18px!important;
    display:grid!important;
    place-items:center!important;
    background:linear-gradient(135deg,#0891b2,#0f766e)!important;
    color:#ffffff!important;
    font-size:23px!important;
  }
  .site-header .mj-mega-cat-text{display:grid!important;gap:2px!important;min-width:0!important}
  .site-header .mj-mega-cat-text strong,
  .site-header .mj-mega-tools-all strong{
    display:block!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:950!important;
    color:inherit!important;
  }
  .site-header .mj-mega-cat-text em{
    display:block!important;
    font-size:11px!important;
    line-height:1.1!important;
    font-style:normal!important;
    color:#64748b!important;
    font-weight:850!important;
  }
  html.dark .site-header .mj-mega-cat-text em,
  html[data-theme="dark"] .site-header .mj-mega-cat-text em,
  body.dark .site-header .mj-mega-cat-text em,
  body[data-theme="dark"] .site-header .mj-mega-cat-text em,
  .dark .site-header .mj-mega-cat-text em{color:#cbd5e1!important}
  .site-header .mj-mega-tools-content{
    position:relative!important;
    overflow:auto!important;
    padding:20px!important;
    background:#ffffff!important;
  }
  html.dark .site-header .mj-mega-tools-content,
  html[data-theme="dark"] .site-header .mj-mega-tools-content,
  body.dark .site-header .mj-mega-tools-content,
  body[data-theme="dark"] .site-header .mj-mega-tools-content,
  .dark .site-header .mj-mega-tools-content{
    background:#07111f!important;
  }
  .site-header .mj-mega-pane{display:none!important}
  .site-header .mj-mega-pane.active{display:block!important}
  .site-header .mj-mega-pane-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:16px!important;
    margin-bottom:16px!important;
    padding-bottom:14px!important;
    border-bottom:1px solid #d8e2ed!important;
  }
  html.dark .site-header .mj-mega-pane-head,
  html[data-theme="dark"] .site-header .mj-mega-pane-head,
  body.dark .site-header .mj-mega-pane-head,
  body[data-theme="dark"] .site-header .mj-mega-pane-head,
  .dark .site-header .mj-mega-pane-head{border-color:#334155!important}
  .site-header .mj-mega-pane-kicker{
    display:inline-flex!important;
    border:1px solid #bae6fd!important;
    background:#ecfeff!important;
    color:#0e7490!important;
    border-radius:999px!important;
    padding:6px 10px!important;
    font-size:11px!important;
    font-weight:950!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
  }
  html.dark .site-header .mj-mega-pane-kicker,
  html[data-theme="dark"] .site-header .mj-mega-pane-kicker,
  body.dark .site-header .mj-mega-pane-kicker,
  body[data-theme="dark"] .site-header .mj-mega-pane-kicker,
  .dark .site-header .mj-mega-pane-kicker{
    background:#083344!important;
    color:#67e8f9!important;
    border-color:#164e63!important;
  }
  .site-header .mj-mega-pane-head h3{
    margin:8px 0 0!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    font-size:24px!important;
    line-height:1.1!important;
    font-weight:950!important;
    color:#0f172a!important;
  }
  html.dark .site-header .mj-mega-pane-head h3,
  html[data-theme="dark"] .site-header .mj-mega-pane-head h3,
  body.dark .site-header .mj-mega-pane-head h3,
  body[data-theme="dark"] .site-header .mj-mega-pane-head h3,
  .dark .site-header .mj-mega-pane-head h3{color:#f8fafc!important}
  .site-header .mj-mega-pane-head > a{
    border:1px solid #d8e2ed!important;
    background:#f8fafc!important;
    color:#0f172a!important;
    border-radius:16px!important;
    padding:10px 12px!important;
    font-size:12px!important;
    font-weight:950!important;
    white-space:nowrap!important;
    text-decoration:none!important;
  }
  .site-header .mj-mega-pane-head > a:hover{background:#ecfeff!important;color:#0e7490!important;border-color:#67e8f9!important}
  html.dark .site-header .mj-mega-pane-head > a,
  html[data-theme="dark"] .site-header .mj-mega-pane-head > a,
  body.dark .site-header .mj-mega-pane-head > a,
  body[data-theme="dark"] .site-header .mj-mega-pane-head > a,
  .dark .site-header .mj-mega-pane-head > a{background:#111827!important;color:#f8fafc!important;border-color:#334155!important}
  .site-header .mj-mega-tool-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .site-header .mj-mega-tool-card{
    display:flex!important;
    align-items:flex-start!important;
    gap:12px!important;
    min-height:112px!important;
    border:1px solid #d8e2ed!important;
    background:#f8fafc!important;
    color:#0f172a!important;
    border-radius:24px!important;
    padding:14px!important;
    text-decoration:none!important;
    box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
  }
  .site-header .mj-mega-tool-card:hover{
    background:#ecfeff!important;
    border-color:#67e8f9!important;
    transform:translateY(-2px)!important;
    box-shadow:0 18px 38px rgba(8,145,178,.15)!important;
  }
  html.dark .site-header .mj-mega-tool-card,
  html[data-theme="dark"] .site-header .mj-mega-tool-card,
  body.dark .site-header .mj-mega-tool-card,
  body[data-theme="dark"] .site-header .mj-mega-tool-card,
  .dark .site-header .mj-mega-tool-card{
    background:#111827!important;
    color:#f8fafc!important;
    border-color:#334155!important;
    box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
  }
  html.dark .site-header .mj-mega-tool-card:hover,
  html[data-theme="dark"] .site-header .mj-mega-tool-card:hover,
  body.dark .site-header .mj-mega-tool-card:hover,
  body[data-theme="dark"] .site-header .mj-mega-tool-card:hover,
  .dark .site-header .mj-mega-tool-card:hover{
    background:#0b3340!important;
    border-color:#22d3ee!important;
  }
  .site-header .mj-mega-tool-icon{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    border-radius:20px!important;
    display:grid!important;
    place-items:center!important;
    background:linear-gradient(135deg,#0891b2,#0f766e)!important;
    color:white!important;
    font-size:26px!important;
  }
  .site-header .mj-mega-tool-copy{display:grid!important;gap:6px!important;min-width:0!important}
  .site-header .mj-mega-tool-copy strong{
    color:#0f172a!important;
    font-size:14px!important;
    line-height:1.22!important;
    font-weight:950!important;
  }
  .site-header .mj-mega-tool-copy em{
    color:#64748b!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-style:normal!important;
    font-weight:750!important;
  }
  html.dark .site-header .mj-mega-tool-copy strong,
  html[data-theme="dark"] .site-header .mj-mega-tool-copy strong,
  body.dark .site-header .mj-mega-tool-copy strong,
  body[data-theme="dark"] .site-header .mj-mega-tool-copy strong,
  .dark .site-header .mj-mega-tool-copy strong{color:#f8fafc!important}
  html.dark .site-header .mj-mega-tool-copy em,
  html[data-theme="dark"] .site-header .mj-mega-tool-copy em,
  body.dark .site-header .mj-mega-tool-copy em,
  body[data-theme="dark"] .site-header .mj-mega-tool-copy em,
  .dark .site-header .mj-mega-tool-copy em{color:#cbd5e1!important}
  .site-header .mj-mega-empty{
    display:block!important;
    border:1px dashed #cbd5e1!important;
    border-radius:22px!important;
    padding:18px!important;
    color:#64748b!important;
    font-weight:850!important;
  }
}
@media (max-width:1180px){
  .site-header .mj-mega-tools-panel{display:none!important}
}


/* === Metalurjist V26 mega menü çakışma temizliği === */
@media (min-width:1181px){
  .site-header .mj-mega-tools-panel .mj-mega-tools-frame,
  .site-header .mj-mega-tools-panel .mj-mega-tools-frame *{
    box-sizing:border-box!important;
  }
  .site-header .mj-mega-tools-panel .mj-mega-tools-frame{
    display:grid!important;
    grid-template-columns:310px minmax(0,1fr)!important;
  }
  .site-header .mj-mega-tools-panel .mj-mega-tools-cats,
  .site-header .mj-mega-tools-panel .mj-mega-tools-content,
  .site-header .mj-mega-tools-panel .mj-mega-tool-grid{
    all:revert-layer;
  }
  .site-header .mj-mega-tools-panel .mj-mega-tools-cats{
    display:flex!important;flex-direction:column!important;gap:10px!important;padding:18px!important;overflow:auto!important;border-right:1px solid #d8e2ed!important;background:linear-gradient(180deg,#f8fafc,#eef6f8)!important;
  }
  html.dark .site-header .mj-mega-tools-panel .mj-mega-tools-cats,html[data-theme="dark"] .site-header .mj-mega-tools-panel .mj-mega-tools-cats,body.dark .site-header .mj-mega-tools-panel .mj-mega-tools-cats,body[data-theme="dark"] .site-header .mj-mega-tools-panel .mj-mega-tools-cats,.dark .site-header .mj-mega-tools-panel .mj-mega-tools-cats{
    background:linear-gradient(180deg,#0f172a,#08111f)!important;border-color:#334155!important;
  }
  .site-header .mj-mega-tools-panel .mj-mega-tools-content{
    display:block!important;position:relative!important;overflow:auto!important;padding:20px!important;background:#fff!important;
  }
  html.dark .site-header .mj-mega-tools-panel .mj-mega-tools-content,html[data-theme="dark"] .site-header .mj-mega-tools-panel .mj-mega-tools-content,body.dark .site-header .mj-mega-tools-panel .mj-mega-tools-content,body[data-theme="dark"] .site-header .mj-mega-tools-panel .mj-mega-tools-content,.dark .site-header .mj-mega-tools-panel .mj-mega-tools-content{background:#07111f!important}
  .site-header .mj-mega-tools-panel .mj-mega-pane{display:none!important}
  .site-header .mj-mega-tools-panel .mj-mega-pane.active{display:block!important}
  .site-header .mj-mega-tools-panel .mj-mega-tool-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;padding:0!important}
  .site-header .mj-mega-tools-panel .mj-mega-tool-card{display:flex!important;align-items:flex-start!important;gap:12px!important;min-height:112px!important;border:1px solid #d8e2ed!important;background:#f8fafc!important;color:#0f172a!important;border-radius:24px!important;padding:14px!important;text-decoration:none!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important}
  html.dark .site-header .mj-mega-tools-panel .mj-mega-tool-card,html[data-theme="dark"] .site-header .mj-mega-tools-panel .mj-mega-tool-card,body.dark .site-header .mj-mega-tools-panel .mj-mega-tool-card,body[data-theme="dark"] .site-header .mj-mega-tools-panel .mj-mega-tool-card,.dark .site-header .mj-mega-tools-panel .mj-mega-tool-card{background:#111827!important;color:#f8fafc!important;border-color:#334155!important}
}


/* === Metalurjist V44: pre-V29 working behavior + compact right menu visual standard ===
   This intentionally does NOT use fixed body-portal menu relocation.
   Menus stay in their original working DOM flow, move with the page scrollbar, and are styled compactly.
   Header/title are not overlapped because menus are not taken out of flow. */
:root{
  --mjv44-panel-bg:#eef6f8;
  --mjv44-panel-border:#d7e4ea;
  --mjv44-card-bg:#ffffff;
  --mjv44-card-border:#d8e2e8;
  --mjv44-card-text:#0f172a;
  --mjv44-icon-bg:#e6fbff;
  --mjv44-icon-border:#b8eff8;
  --mjv44-icon-text:#0891b2;
  --mjv44-hover-bg:#ecfeff;
  --mjv44-hover-border:#67e8f9;
  --mjv44-hover-text:#0e7490;
  --mjv44-shadow:0 10px 26px rgba(15,23,42,.08);
}
html.dark,html[data-theme="dark"],body.dark,body[data-theme="dark"]{
  --mjv44-panel-bg:#0b1726;
  --mjv44-panel-border:#334155;
  --mjv44-card-bg:#111827;
  --mjv44-card-border:#334155;
  --mjv44-card-text:#f8fafc;
  --mjv44-icon-bg:#083344;
  --mjv44-icon-border:#164e63;
  --mjv44-icon-text:#67e8f9;
  --mjv44-hover-bg:#0b3340;
  --mjv44-hover-border:#22d3ee;
  --mjv44-hover-text:#67e8f9;
  --mjv44-shadow:0 10px 26px rgba(0,0,0,.28);
}
html,body{overflow-x:hidden!important}

/* Başlık kartı: kesilmeyen, sayfa içinde güvenli tam genişlik */
.mj-unified-tool-title,
.measure-tool-hero{
  box-sizing:border-box!important;
  width:calc(100vw - 44px)!important;
  max-width:calc(100vw - 44px)!important;
  margin:18px auto 10px!important;
  padding:0!important;
  overflow:visible!important;
}
.mj-unified-tool-title-card,
.measure-tool-hero-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
  border-radius:28px!important;
}
.mj-unified-tool-action-card{
  box-sizing:border-box!important;
  width:calc(100vw - 44px)!important;
  max-width:calc(100vw - 44px)!important;
  margin:10px auto 16px!important;
  overflow:visible!important;
}

/* Wrapper/frame kırpmasını kaldır; menü akış içinde sağda çalışsın */
.mcds-shell,.mcds-app,.mcds-main,.mcds-layout,
.ehs-shell,.ehs-app,.ehs-main,.ehs-layout,
.ellx-shell,.ellx-app,.ellx-main,.ellx-layout,
.mi-shell,.mi-app,.mi-main,.mi-layout,
.jominy-tool,.jominy-sidebar,.carbon-tool,.carbon-sidebar,.kaynak-tool,.kaynak-sidebar,
.kirilma-tool,.kirilma-sidebar,.korozyon-tool,.korozyon-sidebar,.malzeme-tool,.malzeme-sidebar,
.xrd-premium-tool,.sem-realistic-shell,#sem-realistic-tool,#sem-tool,#prod-tool,#fatigue-tool,
.mjpt-shell,.mjpa-shell,.mbd-shell,.mvk-shell,.moh-shell,.mpt-shell,.mta-shell,
.tool-shell,.tool-layout,.tool-main,.tool-wrapper,.tool-page{
  overflow:visible!important;
}

/* Desktop: fixed değil; page-flow/sticky sağ menü. Sayfa scrollbarı ile hareket eder. */
@media(min-width:1024px){
  .mcds-side-nav,
  .ehs-side-nav,
  .ellx-side-nav,
  .mi-side-nav,
  .jominy-tool-nav,
  .carbon-tool-nav,
  .kaynak-tool-nav,
  .kirilma-tool-nav,
  .korozyon-tool-nav,
  .malzeme-tool-nav,
  .xrd-tool-nav,
  .sem-realistic-tool-nav,
  #sem-tool .sem-tool-nav,
  #prod-tool .mj-tool-nav,
  #fatigue-tool .mj-tool-nav,
  .mjpt-side,
  .mjpa-side,
  .mbd-nav,
  .mvk-nav,
  .moh-nav,
  .mpt-nav,
  .mta-nav,
  .xrd-premium-tool .side-menu,
  .side-menu,
  .side-nav,
  .tool-side-nav,
  .tool-sidebar,
  .right-tool-nav,
  .arac-side-nav,
  .arac-menu-panel{
    position:sticky!important;
    top:calc(var(--mj-header-safe-top,96px) + 18px)!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:auto!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:7px 5px!important;
    margin-left:auto!important;
    margin-right:18px!important;
    align-self:flex-start!important;
    float:none!important;
    border-radius:21px!important;
    background:var(--mjv44-panel-bg)!important;
    border:1px solid var(--mjv44-panel-border)!important;
    box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overflow-x:visible!important;
    z-index:120!important;
    scrollbar-width:none!important;
  }
  .mcds-side-nav::-webkit-scrollbar,
  .ehs-side-nav::-webkit-scrollbar,
  .ellx-side-nav::-webkit-scrollbar,
  .mi-side-nav::-webkit-scrollbar,
  .jominy-tool-nav::-webkit-scrollbar,
  .carbon-tool-nav::-webkit-scrollbar,
  .kaynak-tool-nav::-webkit-scrollbar,
  .kirilma-tool-nav::-webkit-scrollbar,
  .korozyon-tool-nav::-webkit-scrollbar,
  .malzeme-tool-nav::-webkit-scrollbar,
  .xrd-tool-nav::-webkit-scrollbar,
  .sem-realistic-tool-nav::-webkit-scrollbar,
  #sem-tool .sem-tool-nav::-webkit-scrollbar,
  #prod-tool .mj-tool-nav::-webkit-scrollbar,
  #fatigue-tool .mj-tool-nav::-webkit-scrollbar,
  .mjpt-side::-webkit-scrollbar,
  .mjpa-side::-webkit-scrollbar,
  .mbd-nav::-webkit-scrollbar,
  .mvk-nav::-webkit-scrollbar,
  .moh-nav::-webkit-scrollbar,
  .mpt-nav::-webkit-scrollbar,
  .mta-nav::-webkit-scrollbar,
  .xrd-premium-tool .side-menu::-webkit-scrollbar,
  .side-menu::-webkit-scrollbar,
  .side-nav::-webkit-scrollbar,
  .tool-side-nav::-webkit-scrollbar,
  .tool-sidebar::-webkit-scrollbar,
  .right-tool-nav::-webkit-scrollbar,
  .arac-side-nav::-webkit-scrollbar,
  .arac-menu-panel::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
}

/* Kare buton görsel standardı */
.mcds-side-nav a,.mcds-side-nav button,.mcds-mobile-toolnav a,.mcds-mobile-toolnav button,
.ehs-side-nav a,.ehs-side-nav button,.ehs-mobile-toolnav a,.ehs-mobile-toolnav button,
.ellx-side-nav a,.ellx-side-nav button,.mi-side-nav a,.mi-side-nav button,
.jominy-tool-nav a,.jominy-tool-nav button,.carbon-tool-nav a,.carbon-tool-nav button,
.kaynak-tool-nav a,.kaynak-tool-nav button,.kirilma-tool-nav a,.kirilma-tool-nav button,
.korozyon-tool-nav a,.korozyon-tool-nav button,.malzeme-tool-nav a,.malzeme-tool-nav button,
.xrd-tool-nav a,.xrd-tool-nav button,.sem-realistic-tool-nav a,.sem-realistic-tool-nav button,
#sem-tool .sem-tool-nav a,#sem-tool .sem-tool-nav button,
#prod-tool .mj-tool-nav a,#prod-tool .mj-tool-nav button,
#fatigue-tool .mj-tool-nav a,#fatigue-tool .mj-tool-nav button,
.mjpt-side a,.mjpt-side button,.mjpa-side a,.mjpa-side button,
.mbd-nav a,.mbd-nav button,.mvk-nav a,.mvk-nav button,.moh-nav a,.moh-nav button,.mpt-nav a,.mpt-nav button,.mta-nav a,.mta-nav button,
.xrd-premium-tool .side-menu a,.xrd-premium-tool .side-menu button,
.side-menu a,.side-menu button,.side-nav a,.side-nav button,.tool-side-nav a,.tool-side-nav button,.tool-sidebar a,.tool-sidebar button,.right-tool-nav a,.right-tool-nav button,.arac-side-nav a,.arac-side-nav button,.arac-menu-panel a,.arac-menu-panel button{
  box-sizing:border-box!important;
  width:66px!important;
  min-width:66px!important;
  max-width:66px!important;
  height:66px!important;
  min-height:66px!important;
  max-height:66px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:4px!important;
  margin:0!important;
  border-radius:16px!important;
  background:var(--mjv44-card-bg)!important;
  color:var(--mjv44-card-text)!important;
  border:1px solid var(--mjv44-card-border)!important;
  box-shadow:var(--mjv44-shadow)!important;
  text-decoration:none!important;
  text-align:center!important;
  font-weight:950!important;
  line-height:1.04!important;
  overflow:hidden!important;
}
.mcds-side-nav a:hover,.mcds-side-nav button:hover,.mcds-mobile-toolnav a:hover,.mcds-mobile-toolnav button:hover,
.ehs-side-nav a:hover,.ehs-side-nav button:hover,.ehs-mobile-toolnav a:hover,.ehs-mobile-toolnav button:hover,
.ellx-side-nav a:hover,.ellx-side-nav button:hover,.mi-side-nav a:hover,.mi-side-nav button:hover,
.jominy-tool-nav a:hover,.jominy-tool-nav button:hover,.carbon-tool-nav a:hover,.carbon-tool-nav button:hover,
.kaynak-tool-nav a:hover,.kaynak-tool-nav button:hover,.kirilma-tool-nav a:hover,.kirilma-tool-nav button:hover,
.korozyon-tool-nav a:hover,.korozyon-tool-nav button:hover,.malzeme-tool-nav a:hover,.malzeme-tool-nav button:hover,
.xrd-tool-nav a:hover,.xrd-tool-nav button:hover,.sem-realistic-tool-nav a:hover,.sem-realistic-tool-nav button:hover,
#sem-tool .sem-tool-nav a:hover,#sem-tool .sem-tool-nav button:hover,
#prod-tool .mj-tool-nav a:hover,#prod-tool .mj-tool-nav button:hover,
#fatigue-tool .mj-tool-nav a:hover,#fatigue-tool .mj-tool-nav button:hover,
.mjpt-side a:hover,.mjpt-side button:hover,.mjpa-side a:hover,.mjpa-side button:hover,
.mbd-nav a:hover,.mbd-nav button:hover,.mvk-nav a:hover,.mvk-nav button:hover,.moh-nav a:hover,.moh-nav button:hover,.mpt-nav a:hover,.mpt-nav button:hover,.mta-nav a:hover,.mta-nav button:hover,
.xrd-premium-tool .side-menu a:hover,.xrd-premium-tool .side-menu button:hover,
.side-menu a:hover,.side-menu button:hover,.side-nav a:hover,.side-nav button:hover,.tool-side-nav a:hover,.tool-side-nav button:hover,.tool-sidebar a:hover,.tool-sidebar button:hover,.right-tool-nav a:hover,.right-tool-nav button:hover,.arac-side-nav a:hover,.arac-side-nav button:hover,.arac-menu-panel a:hover,.arac-menu-panel button:hover{
  background:var(--mjv44-hover-bg)!important;
  color:var(--mjv44-hover-text)!important;
  border-color:var(--mjv44-hover-border)!important;
}

/* İkon kapsülleri */
.mcds-nav-icon,
.ehs-side-nav a>span:first-child,.ehs-side-nav button>span:first-child,
.ellx-side-nav button>:first-child,.mi-side-nav button>:first-child,
.jominy-tool-nav button>span:first-child,.carbon-tool-nav button>span:first-child,
.kaynak-tool-nav button>span:first-child,.kirilma-tool-nav button>span:first-child,
.korozyon-tool-nav button>span:first-child,.malzeme-tool-nav button>span:first-child,
.xrd-tool-nav button>span:first-child,.sem-realistic-tool-nav button .ico,
#sem-tool .sem-tool-nav .mj-nav-ico,#prod-tool .mj-tool-nav .mj-nav-ico,#fatigue-tool .mj-tool-nav .mj-nav-ico,
.mjpt-side button span,.mjpa-side button span,
.mbd-nav .mj-nav-ico,.mbd-nav .tool-nav-icon,.mbd-nav .icon,
.mvk-nav .mj-nav-ico,.mvk-nav .tool-nav-icon,.mvk-nav .icon,
.moh-nav .mj-nav-ico,.moh-nav .tool-nav-icon,.moh-nav .icon,
.mpt-nav .mj-nav-ico,.mpt-nav .tool-nav-icon,.mpt-nav .icon,
.mta-nav .mj-nav-ico,.mta-nav .tool-nav-icon,.mta-nav .icon,
.side-menu .mj-nav-ico,.side-menu .tool-nav-icon,.side-menu .icon,
.side-nav .mj-nav-ico,.side-nav .tool-nav-icon,.side-nav .icon,
.tool-side-nav .mj-nav-ico,.tool-side-nav .tool-nav-icon,.tool-side-nav .icon,
.tool-sidebar .mj-nav-ico,.tool-sidebar .tool-nav-icon,.tool-sidebar .icon,
.xrd-premium-tool .side-menu-link>span:first-child{
  box-sizing:border-box!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:var(--mjv44-icon-bg)!important;
  border:1px solid var(--mjv44-icon-border)!important;
  color:var(--mjv44-icon-text)!important;
  box-shadow:none!important;
  font-size:14px!important;
  line-height:1!important;
  margin:0!important;
}
.mcds-side-nav svg,.ehs-side-nav svg,.ellx-side-nav svg,.mi-side-nav svg,
.jominy-tool-nav svg,.carbon-tool-nav svg,.kaynak-tool-nav svg,.kirilma-tool-nav svg,.korozyon-tool-nav svg,
.malzeme-tool-nav svg,.xrd-tool-nav svg,.sem-realistic-tool-nav svg,#sem-tool .sem-tool-nav svg,#prod-tool .mj-tool-nav svg,#fatigue-tool .mj-tool-nav svg,
.mjpt-side svg,.mjpa-side svg,.mbd-nav svg,.mvk-nav svg,.moh-nav svg,.mpt-nav svg,.mta-nav svg,.side-menu svg,.side-nav svg,.tool-side-nav svg,.tool-sidebar svg{
  width:16px!important;
  height:16px!important;
  color:var(--mjv44-icon-text)!important;
  stroke:currentColor!important;
  fill:none!important;
}

/* Yazılar */
.mcds-side-title,.ehs-side-title,.ellx-side-title,.mi-side-title,.mjpt-side-title,.mjpa-side-title,.xrd-premium-tool .side-title,.side-title{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:8px!important;
  line-height:1.12!important;
  letter-spacing:.11em!important;
  font-weight:950!important;
  color:#475569!important;
  text-transform:uppercase!important;
  margin:0 0 2px!important;
  white-space:normal!important;
}
.mcds-side-nav a span:not(.mcds-nav-icon),.ehs-side-nav a b,.ehs-side-nav button b,
.ellx-side-nav button span:not(:first-child),.mi-side-nav button span:not(:first-child),
.jominy-tool-nav button b,.carbon-tool-nav button b,.kaynak-tool-nav button b,.kirilma-tool-nav button b,
.korozyon-tool-nav button em,.malzeme-tool-nav button em,.xrd-tool-nav button b,.sem-realistic-tool-nav button span:not(.ico),
#sem-tool .sem-tool-nav a span:not(.mj-nav-ico),#sem-tool .sem-tool-nav button span:not(.mj-nav-ico),
#prod-tool .mj-tool-nav button span:not(.mj-nav-ico),#fatigue-tool .mj-tool-nav button span:not(.mj-nav-ico),
.mjpt-side button em,.mjpa-side button em,
.mbd-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.mvk-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.moh-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.mpt-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.mta-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.xrd-premium-tool .side-menu-link span:not(:first-child),
.side-menu a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.side-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.tool-side-nav a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon),
.tool-sidebar a span:not(.mj-nav-ico):not(.tool-nav-icon):not(.icon){
  display:block!important;
  font-style:normal!important;
  font-size:8px!important;
  font-weight:950!important;
  color:inherit!important;
  line-height:1.02!important;
  max-width:58px!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  overflow-wrap:break-word!important;
  margin:0!important;
}

/* Mobil: tüm menüler yatay nav olarak orijinal akışta */
@media(max-width:1023px){
  .mj-unified-tool-title,
  .measure-tool-hero,
  .mj-unified-tool-action-card{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
  }
  .mcds-side-nav,.mcds-mobile-toolnav,
  .ehs-side-nav,.ehs-mobile-toolnav,
  .ellx-side-nav,.mi-side-nav,.jominy-tool-nav,.carbon-tool-nav,.kaynak-tool-nav,.kirilma-tool-nav,.korozyon-tool-nav,
  .malzeme-tool-nav,.xrd-tool-nav,.sem-realistic-tool-nav,#sem-tool .sem-tool-nav,#prod-tool .mj-tool-nav,#fatigue-tool .mj-tool-nav,
  .mjpt-side,.mjpa-side,.mbd-nav,.mvk-nav,.moh-nav,.mpt-nav,.mta-nav,.xrd-premium-tool .side-menu,
  .side-menu,.side-nav,.tool-side-nav,.tool-sidebar,.right-tool-nav,.arac-side-nav,.arac-menu-panel{
    position:sticky!important;
    top:calc(var(--mj-header-safe-top,96px) - 8px)!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100vw - 20px)!important;
    height:auto!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:7px!important;
    margin:8px auto 14px!important;
    border-radius:19px!important;
    background:var(--mjv44-panel-bg)!important;
    border:1px solid var(--mjv44-panel-border)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    z-index:120!important;
    scrollbar-width:none!important;
  }
  .mcds-side-nav::-webkit-scrollbar,.mcds-mobile-toolnav::-webkit-scrollbar,
  .ehs-side-nav::-webkit-scrollbar,.ehs-mobile-toolnav::-webkit-scrollbar,
  .ellx-side-nav::-webkit-scrollbar,.mi-side-nav::-webkit-scrollbar,.jominy-tool-nav::-webkit-scrollbar,.carbon-tool-nav::-webkit-scrollbar,
  .kaynak-tool-nav::-webkit-scrollbar,.kirilma-tool-nav::-webkit-scrollbar,.korozyon-tool-nav::-webkit-scrollbar,.malzeme-tool-nav::-webkit-scrollbar,
  .xrd-tool-nav::-webkit-scrollbar,.sem-realistic-tool-nav::-webkit-scrollbar,#sem-tool .sem-tool-nav::-webkit-scrollbar,#prod-tool .mj-tool-nav::-webkit-scrollbar,
  #fatigue-tool .mj-tool-nav::-webkit-scrollbar,.mjpt-side::-webkit-scrollbar,.mjpa-side::-webkit-scrollbar,.mbd-nav::-webkit-scrollbar,.mvk-nav::-webkit-scrollbar,
  .moh-nav::-webkit-scrollbar,.mpt-nav::-webkit-scrollbar,.mta-nav::-webkit-scrollbar,.xrd-premium-tool .side-menu::-webkit-scrollbar,
  .side-menu::-webkit-scrollbar,.side-nav::-webkit-scrollbar,.tool-side-nav::-webkit-scrollbar,.tool-sidebar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  .mcds-side-title,.ehs-side-title,.ellx-side-title,.mi-side-title,.mjpt-side-title,.mjpa-side-title,.xrd-premium-tool .side-title,.side-title{display:none!important}
  .mcds-side-nav a,.mcds-side-nav button,.mcds-mobile-toolnav a,.mcds-mobile-toolnav button,
  .ehs-side-nav a,.ehs-side-nav button,.ehs-mobile-toolnav a,.ehs-mobile-toolnav button,
  .ellx-side-nav a,.ellx-side-nav button,.mi-side-nav a,.mi-side-nav button,.jominy-tool-nav a,.jominy-tool-nav button,.carbon-tool-nav a,.carbon-tool-nav button,
  .kaynak-tool-nav a,.kaynak-tool-nav button,.kirilma-tool-nav a,.kirilma-tool-nav button,.korozyon-tool-nav a,.korozyon-tool-nav button,
  .malzeme-tool-nav a,.malzeme-tool-nav button,.xrd-tool-nav a,.xrd-tool-nav button,.sem-realistic-tool-nav a,.sem-realistic-tool-nav button,
  #sem-tool .sem-tool-nav a,#sem-tool .sem-tool-nav button,#prod-tool .mj-tool-nav a,#prod-tool .mj-tool-nav button,#fatigue-tool .mj-tool-nav a,#fatigue-tool .mj-tool-nav button,
  .mjpt-side a,.mjpt-side button,.mjpa-side a,.mjpa-side button,.mbd-nav a,.mbd-nav button,.mvk-nav a,.mvk-nav button,.moh-nav a,.moh-nav button,.mpt-nav a,.mpt-nav button,.mta-nav a,.mta-nav button,
  .xrd-premium-tool .side-menu a,.xrd-premium-tool .side-menu button,.side-menu a,.side-menu button,.side-nav a,.side-nav button,.tool-side-nav a,.tool-side-nav button,.tool-sidebar a,.tool-sidebar button,.right-tool-nav a,.right-tool-nav button,.arac-side-nav a,.arac-side-nav button,.arac-menu-panel a,.arac-menu-panel button{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:66px!important;
    min-height:66px!important;
    max-height:66px!important;
    border-radius:16px!important;
    scroll-snap-align:start!important;
  }
}



/* === Metalurjist V45 hedefli araç menüsü düzeltmeleri ===
   Kapsam: Üretim Parametre Optimizasyonu, Isıl İşlem, Jominy, Karbon Eşdeğeri,
   Mekanik Özellik, Yorulma Ömrü, Ashby Platformu, Alaşım Tasarım, Metalurji Birim Dönüştürücü.
   Amaç: Menü başlık ile araç arasına girmesin; sağda akış içinde/sticky dursun;
   fixed/body-portal olmasın; menü yanında scrollbar olmasın; yazılar kompakt olsun. */
:root{
  --mjv45-menu-panel:#eef6f8;
  --mjv45-menu-border:#d7e4ea;
  --mjv45-menu-card:#ffffff;
  --mjv45-menu-card-border:#d8e2e8;
  --mjv45-menu-text:#0f172a;
  --mjv45-menu-muted:#64748b;
  --mjv45-icon-bg:#e6fbff;
  --mjv45-icon-border:#b8eff8;
  --mjv45-icon-text:#0891b2;
  --mjv45-hover-bg:#ecfeff;
  --mjv45-hover-border:#67e8f9;
  --mjv45-hover-text:#0e7490;
}
html.dark,html[data-theme="dark"],body.dark,body[data-theme="dark"]{
  --mjv45-menu-panel:#0b1726;
  --mjv45-menu-border:#334155;
  --mjv45-menu-card:#111827;
  --mjv45-menu-card-border:#334155;
  --mjv45-menu-text:#f8fafc;
  --mjv45-menu-muted:#cbd5e1;
  --mjv45-icon-bg:#083344;
  --mjv45-icon-border:#164e63;
  --mjv45-icon-text:#67e8f9;
  --mjv45-hover-bg:#0b3340;
  --mjv45-hover-border:#22d3ee;
  --mjv45-hover-text:#67e8f9;
}

/* 1) Araçlar: içeriği sol kolon, menüyü sağ kolon yap. Menü artık başlık-araç arasına satır olarak girmez. */
@media(min-width:1024px){
  #prod-tool,
  #fatigue-tool,
  .mj-isil-page .mj-tool-page-shell,
  .jominy-tool,
  .carbon-tool,
  .moh-shell,
  .mbd-shell,
  .mi-shell,
  .alat-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
    column-gap:18px!important;
    align-items:start!important;
    overflow:visible!important;
  }

  #prod-tool > .layout,
  #fatigue-tool > .layout,
  .mj-isil-page .mj-tool-page-shell > .layout,
  .jominy-tool > .jominy-layout,
  .carbon-tool > .carbon-layout,
  .moh-shell > .moh-inner,
  .mbd-shell > .mbd-inner,
  .mi-shell > .mi-main,
  .alat-shell > .alat-layout{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    padding-right:0!important;
  }

  /* Ashby başlık/hero full satırda kalsın, ana içerik + sağ menü alt satırda dursun */
  .mi-shell > .mi-hero{
    grid-column:1 / -1!important;
    grid-row:1!important;
    width:calc(100% - 32px)!important;
  }
  .mi-shell > .mi-main{
    grid-row:2!important;
  }

  #prod-tool > .mj-tool-nav,
  #fatigue-tool > .mj-tool-nav,
  .mj-isil-page .mj-tool-page-shell > .mj-tool-nav,
  .jominy-tool > .jominy-tool-nav,
  .carbon-tool > .carbon-tool-nav,
  .moh-shell > .moh-nav,
  .mbd-shell > .mbd-nav,
  .mi-shell > .mi-side-nav,
  .alat-shell > .alat-tool-nav{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:end!important;
    position:sticky!important;
    top:calc(var(--mj-header-safe-top,96px) + 18px)!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    translate:none!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:7px 5px!important;
    margin:0!important;
    border-radius:21px!important;
    background:var(--mjv45-menu-panel)!important;
    border:1px solid var(--mjv45-menu-border)!important;
    box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overflow-x:visible!important;
    z-index:40!important;
    scrollbar-width:none!important;
  }

  #prod-tool > .mj-tool-nav::-webkit-scrollbar,
  #fatigue-tool > .mj-tool-nav::-webkit-scrollbar,
  .mj-isil-page .mj-tool-page-shell > .mj-tool-nav::-webkit-scrollbar,
  .jominy-tool > .jominy-tool-nav::-webkit-scrollbar,
  .carbon-tool > .carbon-tool-nav::-webkit-scrollbar,
  .moh-shell > .moh-nav::-webkit-scrollbar,
  .mbd-shell > .mbd-nav::-webkit-scrollbar,
  .mi-shell > .mi-side-nav::-webkit-scrollbar,
  .alat-shell > .alat-tool-nav::-webkit-scrollbar{
    display:none!important;width:0!important;height:0!important;
  }

  /* Ashby ve Alaşım nav ana içeriğin sağında ikinci grid satırda */
  .mi-shell > .mi-side-nav{
    grid-row:2!important;
  }
  .alat-shell > .alat-tool-nav{
    grid-row:1!important;
  }

  /* Bu araçların eski sağ boşlukları menüyü aşağı/sağa itmesin */
  #prod-tool,
  #fatigue-tool{
    padding-right:18px!important;
  }
  .jominy-layout,
  .carbon-layout{
    padding-right:0!important;
  }
  .moh-shell,
  .mbd-shell{
    padding-right:18px!important;
    overflow:visible!important;
  }
}

/* 2) Menü başlığı: olmayan araçlara CSS başlığı ekle; mevcut olanları standartlaştır. */
#prod-tool > .mj-tool-nav::before,
#fatigue-tool > .mj-tool-nav::before,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav::before,
.jominy-tool > .jominy-tool-nav::before,
.carbon-tool > .carbon-tool-nav::before,
.moh-shell > .moh-nav::before,
.mbd-shell > .mbd-nav::before,
.alat-shell > .alat-tool-nav::before{
  content:'ARAÇ\A MENÜSÜ';
  white-space:pre;
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:8px!important;
  line-height:1.08!important;
  letter-spacing:.10em!important;
  font-weight:950!important;
  color:var(--mjv45-menu-muted)!important;
  text-transform:uppercase!important;
  margin:0 0 2px!important;
}
.mi-side-title{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:8px!important;
  line-height:1.08!important;
  letter-spacing:.10em!important;
  font-weight:950!important;
  color:var(--mjv45-menu-muted)!important;
  text-transform:uppercase!important;
  margin:0 0 2px!important;
  padding:0!important;
}

/* 3) Butonlar: yazılar büyük olmasın; kompakt kare standart. */
#prod-tool > .mj-tool-nav button,
#prod-tool > .mj-tool-nav a,
#fatigue-tool > .mj-tool-nav button,
#fatigue-tool > .mj-tool-nav a,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav button,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav a,
.jominy-tool > .jominy-tool-nav button,
.jominy-tool > .jominy-tool-nav a,
.carbon-tool > .carbon-tool-nav button,
.carbon-tool > .carbon-tool-nav a,
.moh-shell > .moh-nav button,
.moh-shell > .moh-nav a,
.mbd-shell > .mbd-nav button,
.mbd-shell > .mbd-nav a,
.mi-shell > .mi-side-nav button,
.mi-shell > .mi-side-nav a,
.alat-shell > .alat-tool-nav button,
.alat-shell > .alat-tool-nav a{
  box-sizing:border-box!important;
  width:66px!important;
  min-width:66px!important;
  max-width:66px!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  flex:0 0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:4px!important;
  margin:0!important;
  border-radius:15px!important;
  background:var(--mjv45-menu-card)!important;
  color:var(--mjv45-menu-text)!important;
  border:1px solid var(--mjv45-menu-card-border)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
  text-decoration:none!important;
  text-align:center!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-weight:950!important;
  line-height:1.02!important;
  letter-spacing:0!important;
  text-transform:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
#prod-tool > .mj-tool-nav button:hover,
#fatigue-tool > .mj-tool-nav button:hover,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav button:hover,
.jominy-tool > .jominy-tool-nav button:hover,
.carbon-tool > .carbon-tool-nav button:hover,
.moh-shell > .moh-nav button:hover,
.mbd-shell > .mbd-nav button:hover,
.mi-shell > .mi-side-nav button:hover,
.alat-shell > .alat-tool-nav button:hover,
#prod-tool > .mj-tool-nav button.active,
#fatigue-tool > .mj-tool-nav button.active,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav button.active,
.jominy-tool > .jominy-tool-nav button.active,
.carbon-tool > .carbon-tool-nav button.active,
.moh-shell > .moh-nav button.active,
.mbd-shell > .mbd-nav button.active,
.mi-shell > .mi-side-nav button.active,
.alat-shell > .alat-tool-nav button.active{
  background:var(--mjv45-hover-bg)!important;
  color:var(--mjv45-hover-text)!important;
  border-color:var(--mjv45-hover-border)!important;
  transform:none!important;
}

/* İkon ve etiketler */
#prod-tool > .mj-tool-nav .mj-nav-ico,
#fatigue-tool > .mj-tool-nav .mj-nav-ico,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav .mj-nav-ico,
.jominy-tool > .jominy-tool-nav button > span:first-child,
.carbon-tool > .carbon-tool-nav button > span:first-child,
.moh-shell > .moh-nav .ico,
.mbd-shell > .mbd-nav .ico,
.mi-shell > .mi-side-nav button > span:first-child,
.alat-shell > .alat-tool-nav button::first-letter{
  color:var(--mjv45-icon-text)!important;
}
#prod-tool > .mj-tool-nav .mj-nav-ico,
#fatigue-tool > .mj-tool-nav .mj-nav-ico,
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav .mj-nav-ico,
.jominy-tool > .jominy-tool-nav button > span:first-child,
.carbon-tool > .carbon-tool-nav button > span:first-child,
.moh-shell > .moh-nav .ico,
.mbd-shell > .mbd-nav .ico,
.mi-shell > .mi-side-nav button > span:first-child{
  width:26px!important;
  min-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:var(--mjv45-icon-bg)!important;
  border:1px solid var(--mjv45-icon-border)!important;
  color:var(--mjv45-icon-text)!important;
  font-size:13px!important;
  line-height:1!important;
  margin:0!important;
}
#prod-tool > .mj-tool-nav button span:not(.mj-nav-ico),
#fatigue-tool > .mj-tool-nav button span:not(.mj-nav-ico),
.mj-isil-page .mj-tool-page-shell > .mj-tool-nav button span:not(.mj-nav-ico),
.jominy-tool > .jominy-tool-nav button b,
.carbon-tool > .carbon-tool-nav button b,
.moh-shell > .moh-nav button span:not(.ico),
.mbd-shell > .mbd-nav button span:not(.ico),
.mi-shell > .mi-side-nav button span,
.alat-shell > .alat-tool-nav button span{
  display:block!important;
  max-width:58px!important;
  font-size:8px!important;
  line-height:1.02!important;
  font-weight:950!important;
  color:inherit!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  text-transform:none!important;
}

/* Alaşım aracında buton içinde emoji ayrı span değil; fontu düşür. */
.alat-shell > .alat-tool-nav button{
  font-size:12px!important;
}
.alat-shell > .alat-tool-nav button span{
  font-size:8px!important;
}

/* 4) Mobil: bu araçlarda menü yatay nav olsun, başlıkla araç arasında dikey blok gibi kalmasın. */
@media(max-width:1023px){
  #prod-tool,
  #fatigue-tool,
  .mj-isil-page .mj-tool-page-shell,
  .jominy-tool,
  .carbon-tool,
  .moh-shell,
  .mbd-shell,
  .mi-shell,
  .alat-shell{
    display:block!important;
    overflow:visible!important;
    padding-right:10px!important;
    padding-left:10px!important;
  }
  #prod-tool > .mj-tool-nav,
  #fatigue-tool > .mj-tool-nav,
  .mj-isil-page .mj-tool-page-shell > .mj-tool-nav,
  .jominy-tool > .jominy-tool-nav,
  .carbon-tool > .carbon-tool-nav,
  .moh-shell > .moh-nav,
  .mbd-shell > .mbd-nav,
  .mi-shell > .mi-side-nav,
  .alat-shell > .alat-tool-nav{
    position:sticky!important;
    top:calc(var(--mj-header-safe-top,96px) - 8px)!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    translate:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:7px!important;
    margin:8px auto 14px!important;
    border-radius:18px!important;
    background:var(--mjv45-menu-panel)!important;
    border:1px solid var(--mjv45-menu-border)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    z-index:40!important;
  }
  #prod-tool > .mj-tool-nav::-webkit-scrollbar,
  #fatigue-tool > .mj-tool-nav::-webkit-scrollbar,
  .mj-isil-page .mj-tool-page-shell > .mj-tool-nav::-webkit-scrollbar,
  .jominy-tool > .jominy-tool-nav::-webkit-scrollbar,
  .carbon-tool > .carbon-tool-nav::-webkit-scrollbar,
  .moh-shell > .moh-nav::-webkit-scrollbar,
  .mbd-shell > .mbd-nav::-webkit-scrollbar,
  .mi-shell > .mi-side-nav::-webkit-scrollbar,
  .alat-shell > .alat-tool-nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
  #prod-tool > .mj-tool-nav::before,
  #fatigue-tool > .mj-tool-nav::before,
  .mj-isil-page .mj-tool-page-shell > .mj-tool-nav::before,
  .jominy-tool > .jominy-tool-nav::before,
  .carbon-tool > .carbon-tool-nav::before,
  .moh-shell > .moh-nav::before,
  .mbd-shell > .mbd-nav::before,
  .alat-shell > .alat-tool-nav::before,
  .mi-side-title{display:none!important;}
  #prod-tool > .mj-tool-nav button,
  #fatigue-tool > .mj-tool-nav button,
  .mj-isil-page .mj-tool-page-shell > .mj-tool-nav button,
  .jominy-tool > .jominy-tool-nav button,
  .carbon-tool > .carbon-tool-nav button,
  .moh-shell > .moh-nav button,
  .mbd-shell > .mbd-nav button,
  .mi-shell > .mi-side-nav button,
  .alat-shell > .alat-tool-nav button{
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    scroll-snap-align:start!important;
  }
}



/* === Metalurjist V47 hedefli sağ kolon araç menüsü düzeltmeleri ===
   Kapsam: Kırılma, Korozyon, Malzeme Veri Kütüphanesi, Metalurjik Periyodik Tablo,
   Mikroyapı Tahmin, XRD Analiz/Faz Tanımlama, SEM Analiz Cihazı.
   Amaç: Menü başlık ile araç arasında satır olarak kalmasın; sağ kolon akışına geçsin.
   Not: fixed/body portal yok; mevcut buton onclick/href davranışlarına dokunulmaz. */
:root{
  --mjv47-menu-panel:#eef6f8;
  --mjv47-menu-border:#d7e4ea;
  --mjv47-menu-card:#ffffff;
  --mjv47-menu-card-border:#d8e2e8;
  --mjv47-menu-text:#0f172a;
  --mjv47-menu-muted:#64748b;
  --mjv47-icon-bg:#e6fbff;
  --mjv47-icon-border:#b8eff8;
  --mjv47-icon-text:#0891b2;
  --mjv47-hover-bg:#ecfeff;
  --mjv47-hover-border:#67e8f9;
  --mjv47-hover-text:#0e7490;
}
html.dark,html[data-theme="dark"],body.dark,body[data-theme="dark"]{
  --mjv47-menu-panel:#0b1726;
  --mjv47-menu-border:#334155;
  --mjv47-menu-card:#111827;
  --mjv47-menu-card-border:#334155;
  --mjv47-menu-text:#f8fafc;
  --mjv47-menu-muted:#cbd5e1;
  --mjv47-icon-bg:#083344;
  --mjv47-icon-border:#164e63;
  --mjv47-icon-text:#67e8f9;
  --mjv47-hover-bg:#0b3340;
  --mjv47-hover-border:#22d3ee;
  --mjv47-hover-text:#67e8f9;
}

/* Desktop: araç kökü iki kolon. Sol içerik, sağ menü. */
@media(min-width:1024px){
  .kirilma-tool,
  .korozyon-tool,
  .mvk-shell,
  .mpt-shell,
  .mta-shell,
  #xrd-tool.xrd-premium-tool,
  #sem-tool{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
    column-gap:18px!important;
    align-items:start!important;
    overflow:visible!important;
  }

  .kirilma-tool > .kirilma-layout,
  .korozyon-tool > .korozyon-layout,
  .mvk-shell > .mvk-inner,
  .mpt-shell > .mpt-main,
  .mta-shell > .mta-layout,
  #xrd-tool > .wrap,
  #sem-tool > .sem-page-shell{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    padding-right:0!important;
    margin-right:0!important;
  }

  .kirilma-tool > .kirilma-tool-nav,
  .korozyon-tool > .korozyon-tool-nav,
  .mvk-shell > .mvk-nav,
  .mpt-shell > .mpt-nav,
  .mta-shell > .mta-nav,
  #xrd-tool > .xrd-tool-nav,
  #sem-tool > .sem-tool-nav{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:end!important;
    position:sticky!important;
    top:calc(var(--mj-header-safe-top,96px) + 18px)!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    translate:none!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:7px 5px!important;
    margin:0!important;
    border-radius:21px!important;
    background:var(--mjv47-menu-panel)!important;
    border:1px solid var(--mjv47-menu-border)!important;
    box-shadow:0 18px 44px rgba(15,23,42,.10)!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overflow-x:visible!important;
    z-index:40!important;
    scrollbar-width:none!important;
  }

  .kirilma-tool > .kirilma-tool-nav::-webkit-scrollbar,
  .korozyon-tool > .korozyon-tool-nav::-webkit-scrollbar,
  .mvk-shell > .mvk-nav::-webkit-scrollbar,
  .mpt-shell > .mpt-nav::-webkit-scrollbar,
  .mta-shell > .mta-nav::-webkit-scrollbar,
  #xrd-tool > .xrd-tool-nav::-webkit-scrollbar,
  #sem-tool > .sem-tool-nav::-webkit-scrollbar{
    display:none!important;width:0!important;height:0!important;
  }

  /* İçerik panellerindeki eski sağ paddingler menüyü aşağı/sağa itmesin */
  .kirilma-main,
  .korozyon-main,
  #xrd-tool .wrap,
  #sem-tool .sem-page-shell{
    padding-right:0!important;
  }
}

/* Menü başlığı: JS ile boş nav doldurulan araçlarda da CSS başlığı görünür. */
.kirilma-tool > .kirilma-tool-nav::before,
.korozyon-tool > .korozyon-tool-nav::before,
.mvk-shell > .mvk-nav::before,
.mpt-shell > .mpt-nav::before,
.mta-shell > .mta-nav::before,
#xrd-tool > .xrd-tool-nav::before,
#sem-tool > .sem-tool-nav::before{
  content:'ARAÇ\A MENÜSÜ';
  white-space:pre;
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:8px!important;
  line-height:1.08!important;
  letter-spacing:.10em!important;
  font-weight:950!important;
  color:var(--mjv47-menu-muted)!important;
  text-transform:uppercase!important;
  margin:0 0 2px!important;
}

/* Kompakt kare menü butonları */
.kirilma-tool > .kirilma-tool-nav button,
.kirilma-tool > .kirilma-tool-nav a,
.korozyon-tool > .korozyon-tool-nav button,
.korozyon-tool > .korozyon-tool-nav a,
.mvk-shell > .mvk-nav button,
.mvk-shell > .mvk-nav a,
.mpt-shell > .mpt-nav button,
.mpt-shell > .mpt-nav a,
.mta-shell > .mta-nav button,
.mta-shell > .mta-nav a,
#xrd-tool > .xrd-tool-nav button,
#xrd-tool > .xrd-tool-nav a,
#sem-tool > .sem-tool-nav button,
#sem-tool > .sem-tool-nav a{
  box-sizing:border-box!important;
  width:66px!important;
  min-width:66px!important;
  max-width:66px!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  flex:0 0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:4px!important;
  margin:0!important;
  border-radius:15px!important;
  background:var(--mjv47-menu-card)!important;
  color:var(--mjv47-menu-text)!important;
  border:1px solid var(--mjv47-menu-card-border)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
  text-decoration:none!important;
  text-align:center!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-weight:950!important;
  line-height:1.02!important;
  letter-spacing:0!important;
  text-transform:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.kirilma-tool > .kirilma-tool-nav button:hover,
.korozyon-tool > .korozyon-tool-nav button:hover,
.mvk-shell > .mvk-nav button:hover,
.mpt-shell > .mpt-nav button:hover,
.mta-shell > .mta-nav button:hover,
#xrd-tool > .xrd-tool-nav button:hover,
#sem-tool > .sem-tool-nav button:hover,
.kirilma-tool > .kirilma-tool-nav a:hover,
.korozyon-tool > .korozyon-tool-nav a:hover,
.mvk-shell > .mvk-nav a:hover,
.mpt-shell > .mpt-nav a:hover,
.mta-shell > .mta-nav a:hover,
#xrd-tool > .xrd-tool-nav a:hover,
#sem-tool > .sem-tool-nav a:hover,
.kirilma-tool > .kirilma-tool-nav button.active,
.korozyon-tool > .korozyon-tool-nav button.active,
.mvk-shell > .mvk-nav button.active,
.mpt-shell > .mpt-nav button.active,
.mta-shell > .mta-nav button.active,
#xrd-tool > .xrd-tool-nav button.active,
#sem-tool > .sem-tool-nav a.active{
  background:var(--mjv47-hover-bg)!important;
  color:var(--mjv47-hover-text)!important;
  border-color:var(--mjv47-hover-border)!important;
  transform:none!important;
}

/* İkonlar */
.kirilma-tool > .kirilma-tool-nav button > span:first-child,
.korozyon-tool > .korozyon-tool-nav button > span:first-child,
.mvk-shell > .mvk-nav .ico,
.mvk-shell > .mvk-nav button > span:first-child,
.mpt-shell > .mpt-nav .ico,
.mpt-shell > .mpt-nav button > span:first-child,
.mta-shell > .mta-nav .ico,
.mta-shell > .mta-nav button > span:first-child,
#xrd-tool > .xrd-tool-nav button > span:first-child,
#sem-tool > .sem-tool-nav .mj-nav-ico{
  width:26px!important;
  min-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:var(--mjv47-icon-bg)!important;
  border:1px solid var(--mjv47-icon-border)!important;
  color:var(--mjv47-icon-text)!important;
  font-size:13px!important;
  line-height:1!important;
  margin:0!important;
}
.kirilma-tool > .kirilma-tool-nav button b,
.korozyon-tool > .korozyon-tool-nav button em,
.mvk-shell > .mvk-nav button span:not(.ico),
.mpt-shell > .mpt-nav button span:not(.ico),
.mta-shell > .mta-nav button span:not(.ico),
#xrd-tool > .xrd-tool-nav button b,
#sem-tool > .sem-tool-nav a span:not(.mj-nav-ico),
#sem-tool > .sem-tool-nav button span:not(.mj-nav-ico){
  display:block!important;
  max-width:58px!important;
  font-size:8px!important;
  line-height:1.02!important;
  font-weight:950!important;
  color:inherit!important;
  font-style:normal!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  text-transform:none!important;
}

/* XRD: soldaki arama/bölüm menüsü kare menü değildir; normal liste görünümüne geri al. */
#xrd-tool .layout .sidebar{
  position:sticky!important;
  top:86px!important;
  align-self:start!important;
  max-height:calc(100vh - 110px)!important;
  overflow:auto!important;
  padding:16px!important;
}
#xrd-tool .layout .sidebar .side-menu{
  position:static!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:0!important;
  margin:10px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#xrd-tool .layout .sidebar .side-menu a,
#xrd-tool .layout .sidebar .side-menu button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:11px 12px!important;
  border-radius:14px!important;
  border:1px solid var(--line)!important;
  background:rgba(148,163,184,.08)!important;
  box-shadow:none!important;
  color:var(--ink)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-transform:none!important;
  letter-spacing:0!important;
  text-align:left!important;
  overflow:visible!important;
}
#xrd-tool .layout .sidebar .side-menu a span{
  display:inline!important;
  max-width:none!important;
  font-size:11px!important;
  color:var(--muted)!important;
}

/* Mobil: hedef araçların menüsü yatay nav olur. */
@media(max-width:1023px){
  .kirilma-tool,
  .korozyon-tool,
  .mvk-shell,
  .mpt-shell,
  .mta-shell,
  #xrd-tool.xrd-premium-tool,
  #sem-tool{
    display:block!important;
    overflow:visible!important;
    padding-right:10px!important;
    padding-left:10px!important;
  }
  .kirilma-tool > .kirilma-tool-nav,
  .korozyon-tool > .korozyon-tool-nav,
  .mvk-shell > .mvk-nav,
  .mpt-shell > .mpt-nav,
  .mta-shell > .mta-nav,
  #xrd-tool > .xrd-tool-nav,
  #sem-tool > .sem-tool-nav{
    position:sticky!important;
    top:calc(var(--mj-header-safe-top,96px) - 8px)!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    translate:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:7px!important;
    margin:8px auto 14px!important;
    border-radius:18px!important;
    background:var(--mjv47-menu-panel)!important;
    border:1px solid var(--mjv47-menu-border)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    z-index:40!important;
  }
  .kirilma-tool > .kirilma-tool-nav::-webkit-scrollbar,
  .korozyon-tool > .korozyon-tool-nav::-webkit-scrollbar,
  .mvk-shell > .mvk-nav::-webkit-scrollbar,
  .mpt-shell > .mpt-nav::-webkit-scrollbar,
  .mta-shell > .mta-nav::-webkit-scrollbar,
  #xrd-tool > .xrd-tool-nav::-webkit-scrollbar,
  #sem-tool > .sem-tool-nav::-webkit-scrollbar{
    display:none!important;width:0!important;height:0!important;
  }
  .kirilma-tool > .kirilma-tool-nav::before,
  .korozyon-tool > .korozyon-tool-nav::before,
  .mvk-shell > .mvk-nav::before,
  .mpt-shell > .mpt-nav::before,
  .mta-shell > .mta-nav::before,
  #xrd-tool > .xrd-tool-nav::before,
  #sem-tool > .sem-tool-nav::before{
    display:none!important;
  }
  .kirilma-tool > .kirilma-tool-nav button,
  .korozyon-tool > .korozyon-tool-nav button,
  .mvk-shell > .mvk-nav button,
  .mpt-shell > .mpt-nav button,
  .mta-shell > .mta-nav button,
  #xrd-tool > .xrd-tool-nav button,
  #sem-tool > .sem-tool-nav a,
  #sem-tool > .sem-tool-nav button{
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    scroll-snap-align:start!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}
}

