:root{
 --arkham-bg:#05080d;--arkham-text:#eef6ff;--arkham-muted:#98a9b9;--arkham-line:rgba(141,175,205,.18);
 --arkham-blue:#33d6ff;--arkham-blue-soft:#8beaff;--arkham-green:#78e7a6;
}

/* -------------------------------------------------------------------------
   Shared Arkham / MyEng-style header
   Four utility boxes sit ABOVE the main navigation.
   Calendar + social-logo section sits BELOW the main navigation.
   Logged-in account navigation gets its own final row.
   ------------------------------------------------------------------------- */
.arkham-shared-header{
 position:sticky!important;top:0!important;z-index:900!important;
 width:min(1480px,calc(100% - 40px))!important;
 margin:14px auto 0!important;padding:10px 14px 12px!important;
 border:1px solid rgba(117,158,191,.20)!important;border-radius:22px!important;
 background:linear-gradient(180deg,rgba(4,8,13,.96),rgba(4,8,13,.80))!important;
 box-shadow:0 18px 58px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)!important;
 backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
 overflow:visible!important;isolation:isolate!important;color:var(--arkham-text)!important;
}
.arkham-header-utilities{display:flex!important;justify-content:flex-end!important;align-items:center!important;width:100%!important;min-width:0!important;margin:0 0 10px!important}
.arkham-header-tools{display:flex!important;align-items:stretch!important;justify-content:flex-end!important;gap:10px!important;width:max-content!important;max-width:100%!important;min-width:0!important}

/* Exact MyEng support-box visual language. */
.myeng-header-support,.arkham-header-support{
 min-height:54px!important;width:232px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:8px 11px!important;
 border-radius:15px!important;border:1px solid rgba(118,215,255,.24)!important;
 background:radial-gradient(circle at 85% 20%,rgba(97,217,255,.18),transparent 36%),linear-gradient(135deg,rgba(97,217,255,.11),rgba(121,168,255,.08) 52%,rgba(155,136,255,.07))!important;
 color:var(--arkham-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(24,119,199,.13)!important;
 overflow:hidden!important;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.myeng-header-support:hover,.arkham-header-support:hover{transform:translateY(-2px)!important;border-color:rgba(139,234,255,.46)!important;background:radial-gradient(circle at 85% 20%,rgba(97,217,255,.24),transparent 38%),linear-gradient(135deg,rgba(97,217,255,.16),rgba(121,168,255,.11) 52%,rgba(155,136,255,.10))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 15px 30px rgba(24,119,199,.18)!important}
.myeng-header-support:focus-visible,.arkham-header-support:focus-visible{outline:2px solid rgba(139,234,255,.82)!important;outline-offset:2px!important}
.myeng-support-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;display:grid!important;place-items:center!important;border-radius:12px!important;border:1px solid rgba(139,234,255,.23)!important;background:linear-gradient(145deg,rgba(97,217,255,.19),rgba(121,168,255,.13))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
.myeng-support-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:#dff9ff!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.myeng-support-copy{min-width:0!important;display:block!important;text-align:left!important}.myeng-support-copy strong,.myeng-support-copy small{display:block!important}.myeng-support-copy strong{font-size:13px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:-.01em!important}.myeng-support-copy small{margin-top:4px!important;color:#9fc6dc!important;font-size:10px!important;line-height:1.2!important;font-weight:750!important;white-space:nowrap!important}
.myeng-support-unread-badge{display:inline-grid!important;place-items:center!important;width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;border-radius:50%!important;background:#ef4444!important;border:1px solid rgba(255,255,255,.22)!important;color:#7ddcff!important;font:950 10px/1 Tahoma,"Segoe UI",Arial,sans-serif!important;box-shadow:0 0 0 3px rgba(239,68,68,.10),0 5px 14px rgba(0,0,0,.25)!important;text-shadow:0 0 8px rgba(125,220,255,.38)!important;flex:0 0 24px!important}
.myeng-support-unread-badge[hidden]{display:none!important}

/* Exact MyEng pill-style theme box. */
.theme-switcher{display:inline-flex!important;align-items:center!important;gap:2px!important;padding:3px!important;border:1px solid var(--arkham-line)!important;background:rgba(128,160,190,.06)!important;border-radius:999px!important;height:38px!important;box-sizing:border-box!important}
.theme-choice{border:0!important;background:transparent!important;color:#98a9b9!important;border-radius:999px!important;padding:7px 11px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;font:800 12px/1 "Segoe UI",Tahoma,Arial,sans-serif!important;cursor:pointer!important;transition:background .18s ease,color .18s ease,box-shadow .18s ease!important;white-space:nowrap!important}.theme-choice:hover{color:#eef6ff!important}.theme-choice.active{background:rgba(15,25,35,.92)!important;color:#eef6ff!important;box-shadow:0 5px 14px rgba(0,0,0,.18)!important}

/* Exact MyEng music-box visual language. */
.myeng-music-control,.arkham-music-control{position:relative!important;flex:0 0 auto!important;min-width:176px!important;height:38px!important;padding:0 13px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid rgba(139,234,255,.30)!important;border-radius:15px!important;background:rgba(6,12,18,.82)!important;color:#dff8ff!important;font:800 12px/1 "Segoe UI",Tahoma,Arial,sans-serif!important;cursor:pointer!important;user-select:none!important;box-shadow:0 8px 22px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important}.myeng-music-control:hover,.arkham-music-control:hover{transform:translateY(-1px)!important;border-color:rgba(139,234,255,.55)!important;background:rgba(8,17,25,.92)!important;box-shadow:0 12px 28px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05)!important}.myeng-music-control:active,.arkham-music-control:active{transform:translateY(0)!important}.myeng-music-control.is-playing,.arkham-music-control.is-playing{border-color:rgba(120,231,166,.55)!important;color:#a7f3c4!important}.myeng-music-icon{font-size:17px;line-height:1}

/* Language box mirrors the other MyEng controls. */
.language-switcher{position:relative!important;z-index:1100!important}.language-current{height:38px!important;min-width:168px!important;padding:0 13px!important;border:1px solid rgba(139,234,255,.30)!important;border-radius:15px!important;background:rgba(6,12,18,.82)!important;color:#dff8ff!important;font:800 12px/1 "Segoe UI",Tahoma,Arial,sans-serif!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;cursor:pointer!important;box-shadow:0 8px 22px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;white-space:nowrap!important}.language-current:hover{border-color:rgba(139,234,255,.55)!important;background:rgba(8,17,25,.92)!important}.language-current-flags,.language-flags{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:max-content!important}.language-current-flags img,.language-flags img{display:block!important;width:19px!important;height:19px!important;object-fit:contain!important}.language-menu{display:none!important;position:absolute!important;right:0!important;top:calc(100% + 7px)!important;z-index:99999!important;width:max-content!important;min-width:178px!important;padding:7px!important;border:1px solid rgba(120,177,208,.28)!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(7,13,20,.995),rgba(5,10,16,.995))!important;box-shadow:0 22px 60px rgba(0,0,0,.72),0 0 28px rgba(31,132,178,.10)!important;backdrop-filter:blur(20px)!important}.language-menu.open{display:block!important}.language-option{display:flex!important;align-items:center!important;gap:9px!important;padding:9px 10px!important;border-radius:8px!important;text-decoration:none!important;color:#c8d5df!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}.language-option:hover,.language-option[aria-current="true"]{background:rgba(51,214,255,.08)!important;color:#fff!important}

/* Main header row: Home + Arkham's primary navigation only. */
.arkham-main-row{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:14px!important;align-items:center!important;min-width:0!important}
.arkham-home-brand{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;white-space:nowrap!important;min-width:max-content!important}.arkham-home-mark{width:42px!important;height:42px!important;border-radius:12px!important;display:grid!important;place-items:center!important;border:1px solid rgba(54,221,255,.76)!important;color:var(--arkham-blue-soft)!important;font-size:22px!important;font-weight:950!important;box-shadow:0 0 25px rgba(51,214,255,.17),inset 0 0 18px rgba(51,214,255,.08)!important}.arkham-home-label{font-weight:900!important;font-size:14px!important;letter-spacing:.01em!important;color:#eef6ff!important}
.arkham-primary-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;padding:5px!important;border:1px solid rgba(125,172,202,.17)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(10,18,27,.78),rgba(6,12,19,.68))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 30px rgba(0,0,0,.16)!important}.arkham-primary-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;white-space:nowrap!important;color:#c8d5df!important;border-radius:9px!important;padding:8px 10px!important;min-height:36px!important;font-size:12px!important;font-weight:750!important;transition:.18s ease!important}.arkham-primary-nav a:hover,.arkham-primary-nav a[aria-current="page"]{color:#fff!important;background:rgba(255,255,255,.07)!important;box-shadow:inset 0 0 0 1px rgba(51,214,255,.12)!important}

/* Calendar + social logos: a distinct row BELOW the main headers. */
.arkham-meta-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(141,175,205,.12)!important;min-width:0!important}
.arkham-calendar-box{width:230px!important;min-width:230px!important;padding:9px 12px 10px!important;border:1px solid rgba(118,215,255,.21)!important;border-radius:16px!important;background:radial-gradient(circle at 80% 18%,rgba(99,216,255,.12),transparent 32%),linear-gradient(145deg,rgba(10,24,38,.88),rgba(7,16,27,.80) 62%,rgba(25,18,54,.60))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 11px 25px rgba(0,0,0,.15)!important;color:var(--arkham-text)!important}.arkham-calendar-head{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:7px!important;color:#dff7ff!important}.arkham-calendar-head strong{font-size:11px!important;font-weight:900!important;white-space:nowrap!important}.arkham-calendar-icon{font-size:17px!important;color:#80e4ff!important;line-height:1!important}.arkham-calendar-line{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important;font-size:9px!important;line-height:1.45!important}.arkham-calendar-line span{color:#91abc0!important;font-weight:800!important}.arkham-calendar-line strong{color:#e8f9ff!important;font-size:10px!important;font-weight:850!important;white-space:nowrap!important}.arkham-clock{margin-top:5px!important;color:#85e2ff!important;font:900 18px/1.05 "Segoe UI",Tahoma,Arial,sans-serif!important;letter-spacing:.035em!important;text-align:right!important;white-space:nowrap!important;text-shadow:0 0 18px rgba(97,217,255,.16)!important}
.arkham-social-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;padding:2px 0!important}.arkham-social{width:44px!important;height:44px!important;border-radius:50%!important;overflow:hidden!important;border:1px solid rgba(67,206,255,.32)!important;box-shadow:0 5px 20px rgba(0,0,0,.24)!important;display:block!important;flex:0 0 auto!important;transition:.18s ease!important;background:#0b1620!important}.arkham-social:hover{transform:translateY(-2px) scale(1.03)!important;border-color:rgba(139,234,255,.9)!important;box-shadow:0 0 24px rgba(51,214,255,.20)!important}.arkham-social img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.arkham-social-letter{width:100%;height:100%;display:grid;place-items:center;font-size:11px;font-weight:950;letter-spacing:.04em;color:#e8fbff;background:linear-gradient(135deg,#174a68,#0b2839)}

/* Logged-in account row: completely separate from main navigation. */
.arkham-role-row{display:flex!important;align-items:center!important;gap:12px!important;margin-top:10px!important;padding:9px 4px 0!important;border-top:1px solid rgba(141,175,205,.12)!important;min-width:0!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:thin!important;white-space:nowrap!important}.arkham-role-context{display:inline-flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;padding:8px 10px!important;border:1px solid rgba(118,215,255,.15)!important;border-radius:10px!important;background:rgba(8,17,25,.68)!important;color:#91a6b7!important;font-size:11px!important;font-weight:800!important}.arkham-role-context strong{color:#fff!important}.arkham-role-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#78e7a6!important;box-shadow:0 0 11px rgba(120,231,166,.60)!important}.arkham-role-nav{display:flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important;min-width:max-content!important}.arkham-role-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;white-space:nowrap!important;color:#c8d5df!important;border-radius:9px!important;padding:8px 10px!important;min-height:34px!important;font-size:11px!important;font-weight:800!important;transition:.18s ease!important}.arkham-role-nav a:hover,.arkham-role-nav a[aria-current="page"]{color:#fff!important;background:rgba(51,214,255,.10)!important;box-shadow:inset 0 0 0 1px rgba(51,214,255,.14)!important}.arkham-role-nav .arkham-logout{color:#ffb5b5!important}.arkham-cart-link{gap:6px!important}.arkham-cart-link img{width:21px!important;height:21px!important;display:block!important;flex:0 0 auto!important}.arkham-cart-pill{min-width:18px!important;height:18px!important;display:inline-grid!important;place-items:center!important;padding:0 5px!important;border-radius:999px!important;background:rgba(51,214,255,.13)!important;color:var(--arkham-blue-soft)!important;font-size:10px!important;font-weight:950!important;line-height:1!important}

/* Global light theme; the utility boxes intentionally match MyEng's light palette. */
html[data-theme="light"] body{color:#10202a!important}html[data-theme="light"] .arkham-shared-header{background:linear-gradient(180deg,rgba(246,252,255,.96),rgba(232,243,249,.90))!important;border-color:rgba(70,115,138,.20)!important;box-shadow:0 18px 52px rgba(59,92,108,.16)!important}.arkham-theme-switcher{}.arkham-shared-header .theme-choice.active{background:rgba(255,255,255,.94)!important;color:#24475c!important}.arkham-shared-header .theme-choice:hover{color:#24475c!important}html[data-theme="light"] .myeng-header-support,html[data-theme="light"] .arkham-header-support{border-color:rgba(42,145,194,.22)!important;background:radial-gradient(circle at 85% 20%,rgba(72,181,227,.14),transparent 38%),linear-gradient(135deg,rgba(84,184,226,.10),rgba(106,155,230,.08) 52%,rgba(154,138,240,.07))!important;color:#1c3b52!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.60),0 10px 24px rgba(52,113,146,.10)!important}html[data-theme="light"] .myeng-header-support:hover,html[data-theme="light"] .arkham-header-support:hover{border-color:rgba(42,145,194,.40)!important}html[data-theme="light"] .myeng-support-icon{background:linear-gradient(145deg,rgba(82,185,224,.15),rgba(111,150,227,.10))!important;border-color:rgba(42,145,194,.18)!important}html[data-theme="light"] .myeng-support-icon svg{stroke:#1d6285!important}html[data-theme="light"] .myeng-support-copy small{color:#5a7488!important}html[data-theme="light"] .myeng-music-control,html[data-theme="light"] .arkham-music-control,html[data-theme="light"] .language-current{background:rgba(255,255,255,.90)!important;color:#245775!important;border-color:rgba(42,145,194,.28)!important;box-shadow:0 8px 22px rgba(42,89,119,.10)!important}html[data-theme="light"] .arkham-home-label{color:#122530!important}html[data-theme="light"] .arkham-primary-nav{background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(241,248,252,.70))!important;border-color:rgba(56,116,143,.18)!important}html[data-theme="light"] .arkham-primary-nav a,html[data-theme="light"] .arkham-role-nav a{color:#415666!important}html[data-theme="light"] .arkham-primary-nav a:hover,html[data-theme="light"] .arkham-primary-nav a[aria-current="page"],html[data-theme="light"] .arkham-role-nav a:hover,html[data-theme="light"] .arkham-role-nav a[aria-current="page"]{color:#10212b!important;background:rgba(35,110,146,.08)!important}html[data-theme="light"] .arkham-calendar-box{border-color:rgba(42,145,194,.20)!important;background:radial-gradient(circle at 80% 18%,rgba(81,182,226,.10),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,249,253,.92) 62%,rgba(240,239,250,.86))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 11px 25px rgba(55,88,111,.10)!important}html[data-theme="light"] .arkham-calendar-head strong{color:#2b5870!important}html[data-theme="light"] .arkham-calendar-icon{color:#2588b4!important}html[data-theme="light"] .arkham-calendar-line span{color:#687f90!important}html[data-theme="light"] .arkham-calendar-line strong{color:#29495d!important}html[data-theme="light"] .arkham-clock{color:#247ca1!important;text-shadow:none!important}html[data-theme="light"] .arkham-role-context{background:rgba(255,255,255,.72)!important;color:#687f90!important;border-color:rgba(42,145,194,.16)!important}html[data-theme="light"] .arkham-role-context strong{color:#29495d!important}html[data-theme="light"] .arkham-social-letter{color:#17313d;background:linear-gradient(135deg,#d9eef6,#c0dfea)}

html[dir="rtl"] .arkham-shared-header{direction:rtl!important}html[dir="rtl"] .arkham-header-tools{direction:ltr!important;justify-content:flex-start!important}html[dir="rtl"] .arkham-header-tools>*{direction:rtl!important}html[dir="rtl"] .arkham-header-tools > .arkham-header-support{order:4!important}html[dir="rtl"] .arkham-header-tools > .arkham-theme-switcher{order:3!important}html[dir="rtl"] .arkham-header-tools > .arkham-music-control{order:2!important}html[dir="rtl"] .arkham-header-tools > .arkham-language{order:1!important}html[dir="rtl"] .arkham-main-row{direction:rtl!important}html[dir="rtl"] .arkham-primary-nav{direction:rtl!important;justify-content:flex-start!important}html[dir="rtl"] .arkham-meta-row{direction:rtl!important}.arkham-meta-row .arkham-calendar-box{order:1}.arkham-meta-row .arkham-social-row{order:2;margin-left:0}.arkham-role-row{direction:ltr!important}.arkham-role-nav{direction:ltr!important}html[dir="rtl"] .arkham-role-row{direction:rtl!important}html[dir="rtl"] .arkham-role-nav{direction:rtl!important}html[dir="rtl"] .arkham-role-context{direction:rtl!important}.arkham-role-context{order:1}.arkham-role-nav{order:2}
html[dir="rtl"] .arkham-meta-row .arkham-calendar-box{order:2}html[dir="rtl"] .arkham-meta-row .arkham-social-row{order:1;justify-content:flex-start!important}

.arkham-language-menu{direction:ltr!important}html[dir="rtl"] .arkham-language-menu{right:auto!important;left:0!important}html[dir="rtl"] .language-option{direction:ltr!important;text-align:left!important}

@media(max-width:1120px){.arkham-header-tools{gap:7px!important}.myeng-header-support,.arkham-header-support{width:218px!important}.myeng-music-control,.arkham-music-control{min-width:145px!important}.language-current{min-width:175px!important}.arkham-primary-nav a{font-size:11px!important;padding-inline:8px!important}.arkham-calendar-box{width:214px!important;min-width:214px!important}.arkham-social{width:42px!important;height:42px!important}}
@media(max-width:820px){
 .arkham-shared-header{width:calc(100% - 12px)!important;margin:6px auto 0!important;padding:8px 9px 10px!important;border-radius:16px!important}
 .arkham-header-utilities{margin-bottom:8px!important;overflow-x:auto!important;justify-content:flex-start!important;padding-bottom:2px!important;scrollbar-width:thin!important}
 .arkham-header-tools{width:max-content!important;max-width:none!important;justify-content:flex-start!important;gap:6px!important}
 .myeng-header-support,.arkham-header-support{width:220px!important;min-height:50px!important;height:50px!important;padding:7px 9px!important;border-radius:14px!important}
 .myeng-support-icon{width:34px!important;height:34px!important;flex-basis:34px!important}.myeng-support-icon svg{width:21px!important;height:21px!important}.myeng-support-copy strong{font-size:11px!important}.myeng-support-copy small{font-size:9px!important}
 .theme-switcher{height:44px!important}.theme-choice{font-size:10px!important;padding:7px 9px!important}.myeng-music-control,.arkham-music-control{min-width:145px!important;height:50px!important;border-radius:14px!important;font-size:10px!important}.language-current{min-width:170px!important;height:50px!important;border-radius:14px!important;font-size:10px!important}
 .arkham-main-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:max-content!important;min-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important;padding-bottom:2px!important}.arkham-home-brand{flex:0 0 auto!important}.arkham-primary-nav{flex:0 0 auto!important;justify-content:flex-start!important}
 .arkham-meta-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.arkham-calendar-box{width:100%!important;min-width:0!important}.arkham-social-row{width:100%!important;justify-content:flex-start!important}
 html[dir="rtl"] .arkham-meta-row{direction:rtl!important}html[dir="rtl"] .arkham-meta-row .arkham-calendar-box{order:1!important}html[dir="rtl"] .arkham-meta-row .arkham-social-row{order:2!important}
 .arkham-role-row{display:flex!important;align-items:center!important;width:100%!important;overflow-x:auto!important;white-space:nowrap!important;padding-top:8px!important}.arkham-role-context{display:none!important}.arkham-role-nav{width:max-content!important;min-width:max-content!important}
}
@media(max-width:520px){.myeng-header-support,.arkham-header-support{width:205px!important}.myeng-music-control,.arkham-music-control{min-width:132px!important}.language-current{min-width:155px!important}.arkham-home-label{font-size:12px!important}.arkham-home-mark{width:38px!important;height:38px!important}.arkham-primary-nav a{font-size:10px!important;padding:7px 8px!important}.arkham-social{width:39px!important;height:39px!important}}


/* ========================================================================
   V122 DESKTOP HEADER STRUCTURE — authoritative override
   The old Arkham stylesheet defines .site-header as a horizontal flex row.
   The shared header must be a vertical stack so every section gets its own row.
   Social logos are an exact 2 x 4 grid on desktop.
   ======================================================================== */
@media (min-width:821px){
  .arkham-shared-header{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:min(1480px,calc(100% - 40px))!important;
  }
  .arkham-shared-header > .arkham-header-utilities,
  .arkham-shared-header > .arkham-main-row,
  .arkham-shared-header > .arkham-meta-row,
  .arkham-shared-header > .arkham-role-row{
    width:100%!important;
    flex:0 0 auto!important;
  }
  .arkham-shared-header > .arkham-header-utilities{display:flex!important;justify-content:flex-end!important;}
  .arkham-shared-header > .arkham-main-row{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;}
  .arkham-shared-header > .arkham-meta-row{display:flex!important;align-items:center!important;justify-content:space-between!important;}
  .arkham-shared-header > .arkham-role-row{display:flex!important;align-items:center!important;}

  /* Exactly eight logos: 4 columns x 2 rows. */
  .arkham-shared-header .arkham-social-row{
    display:grid!important;
    grid-template-columns:repeat(4,76px)!important;
    grid-template-rows:repeat(2,76px)!important;
    grid-auto-flow:row!important;
    gap:8px!important;
    width:max-content!important;
    min-width:328px!important;
    max-width:none!important;
    overflow:visible!important;
    align-items:center!important;
    justify-content:end!important;
    justify-items:center!important;
  }
  .arkham-shared-header .arkham-social{
    width:76px!important;
    height:76px!important;
  }
}

/* At desktop widths below 1200px, keep the exact 2 x 4 grid but scale the orbs. */
@media (min-width:821px) and (max-width:1199px){
  .arkham-shared-header .arkham-social-row{
    grid-template-columns:repeat(4,60px)!important;
    grid-template-rows:repeat(2,60px)!important;
    min-width:256px!important;
    gap:7px!important;
  }
  .arkham-shared-header .arkham-social{width:60px!important;height:60px!important}
}


/* ========================================================================
   V123 — FINAL ARKHAM HEADER POLISH
   English utility order (visual LTR): Support → Theme → Music → Language.
   Persian utility order (visual RTL): Support → Theme → Music → Language.
   Cart remains icon-only. Home mark is a polished inline SVG A.
   ======================================================================== */

/* Utility order must be determined by layout direction, not by DOM tricks. */
.arkham-header-tools{direction:ltr!important;flex-direction:row!important;justify-content:flex-start!important}
.arkham-header-tools > .arkham-header-support{order:1!important}
.arkham-header-tools > .arkham-theme-switcher{order:2!important}
.arkham-header-tools > .arkham-music-control{order:3!important}
.arkham-header-tools > .arkham-language{order:4!important}

/* Keep each control's internal text readable while preserving the requested visual order. */
html[dir="rtl"] .arkham-header-tools{direction:rtl!important;justify-content:flex-start!important}
html[dir="rtl"] .arkham-header-tools > .arkham-header-support{order:1!important;direction:rtl!important}
html[dir="rtl"] .arkham-header-tools > .arkham-theme-switcher{order:2!important;direction:rtl!important}
html[dir="rtl"] .arkham-header-tools > .arkham-music-control{order:3!important;direction:rtl!important}
html[dir="rtl"] .arkham-header-tools > .arkham-language{order:4!important;direction:rtl!important}

/* Music box: width hugs its text rather than reserving a large empty block. */
.myeng-music-control,.arkham-music-control{
  width:max-content!important;min-width:0!important;max-width:max-content!important;padding-inline:10px!important;
}

/* Icon-only shopping cart, with the numeric badge kept when non-zero. */
.arkham-role-nav .arkham-cart-link{width:40px!important;min-width:40px!important;height:36px!important;padding:5px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;position:relative!important}
.arkham-role-nav .arkham-cart-link img{width:22px!important;height:22px!important;display:block!important}
.arkham-role-nav .arkham-cart-link .arkham-cart-pill{position:absolute!important;right:1px!important;top:1px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important}
html[dir="rtl"] .arkham-role-nav .arkham-cart-link .arkham-cart-pill{right:auto!important;left:1px!important}

/* Richer MyEng-style Arkham home mark and typography. */
.arkham-home-brand{gap:11px!important;padding:3px 7px 3px 3px!important;border:1px solid transparent!important;border-radius:15px!important;transition:.18s ease!important}
.arkham-home-brand:hover{border-color:rgba(139,234,255,.15)!important;background:rgba(51,214,255,.04)!important;transform:translateY(-1px)!important}
.arkham-home-mark{position:relative!important;width:46px!important;height:46px!important;border-radius:14px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:radial-gradient(circle at 28% 22%,rgba(140,236,255,.20),transparent 34%),linear-gradient(145deg,rgba(22,58,79,.98),rgba(5,16,27,.98))!important;border:1px solid rgba(92,224,255,.66)!important;box-shadow:0 0 28px rgba(51,214,255,.16),inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 20px rgba(51,214,255,.07)!important}
.arkham-home-mark:before{content:"";position:absolute;inset:4px;border-radius:10px;border:1px solid rgba(151,238,255,.10)!important;pointer-events:none}
.arkham-home-mark svg{width:34px!important;height:34px!important;display:block!important;filter:drop-shadow(0 0 9px rgba(86,224,255,.28))!important}
.arkham-home-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;line-height:1!important}
.arkham-home-copy small{font-size:8px!important;letter-spacing:.24em!important;font-weight:950!important;color:#78dcf4!important;margin-bottom:5px!important}
.arkham-home-copy strong{font-size:14px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.018em!important;color:#f3fbff!important;white-space:nowrap!important;text-shadow:0 0 18px rgba(89,207,241,.10)!important}
html[data-theme="light"] .arkham-home-brand:hover{background:rgba(35,110,146,.05)!important}
html[data-theme="light"] .arkham-home-mark{background:radial-gradient(circle at 28% 22%,rgba(93,188,223,.20),transparent 36%),linear-gradient(145deg,rgba(224,245,252,.98),rgba(201,229,239,.98))!important;border-color:rgba(42,145,194,.42)!important;box-shadow:0 0 22px rgba(42,145,194,.10),inset 0 1px 0 rgba(255,255,255,.90)!important}
html[data-theme="light"] .arkham-home-copy small{color:#2b87ac!important}
html[data-theme="light"] .arkham-home-copy strong{color:#122530!important;text-shadow:none!important}

/* Logged-in row: account tools only; support is intentionally absent. */
.arkham-role-row{margin-top:10px!important}

/* English support page gets a slightly more intentional app-like finish. */
html[lang="en"] .arkham-support-page .arkham-support-hero h1{letter-spacing:-.055em!important}
html[lang="en"] .arkham-support-page .arkham-support-panel{box-shadow:0 24px 75px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025)!important}

/* Desktop remains a true multi-row stack. */
@media (min-width:821px){
  .arkham-shared-header{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .arkham-shared-header > .arkham-header-utilities{order:1!important}
  .arkham-shared-header > .arkham-main-row{order:2!important}
  .arkham-shared-header > .arkham-meta-row{order:3!important}
  .arkham-shared-header > .arkham-role-row{order:4!important}
  .arkham-header-tools{margin-left:0!important;margin-right:auto!important}
  html[dir="rtl"] .arkham-header-tools{margin-left:auto!important;margin-right:0!important}
}

/* Mobile keeps the utility row horizontally scrollable, with the same requested
   visual ordering in each language. */
@media (max-width:820px){
  .arkham-header-tools{flex-direction:row!important;width:max-content!important}
  .arkham-home-copy strong{font-size:12px!important}
  .arkham-home-copy small{font-size:7px!important;margin-bottom:3px!important}
  .arkham-home-mark{width:38px!important;height:38px!important;border-radius:12px!important}
  .arkham-home-mark svg{width:29px!important;height:29px!important}
  .myeng-music-control,.arkham-music-control{min-width:0!important;width:max-content!important;padding-inline:9px!important}
}

/* ========================================================================
   V124 — MAIN-ROW CALENDAR + 2x4 ORB SOCIAL LAYOUT
   Utility controls remain above. Calendar and social orbs now share the
   same horizontal row as the Home + primary navigation. The account row
   follows immediately, eliminating the previous dead/empty gap.
   ======================================================================== */
@media (min-width:821px){
  .arkham-shared-header{
    gap:0!important;
    padding-bottom:9px!important;
  }

  /* Utilities occupy the dedicated top row. */
  .arkham-header-utilities{
    margin:0 0 8px!important;
    min-height:38px!important;
  }

  /* One unified desktop main row: Home | Nav | Calendar | 2x4 social orbs. */
  .arkham-shared-header > .arkham-main-row{
    display:grid!important;
    grid-template-columns:auto minmax(380px,1fr) 188px 194px!important;
    gap:12px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  .arkham-shared-header > .arkham-main-row .arkham-primary-nav{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:thin!important;
  }

  .arkham-shared-header > .arkham-main-row .arkham-calendar-box{
    width:188px!important;
    min-width:188px!important;
    margin:0!important;
  }

  /* Exactly 2 rows x 4 columns, with smaller compact orb buttons. */
  .arkham-shared-header > .arkham-main-row .arkham-social-row{
    display:grid!important;
    grid-template-columns:repeat(4,43px)!important;
    grid-template-rows:repeat(2,43px)!important;
    grid-auto-flow:row!important;
    gap:5px!important;
    width:187px!important;
    min-width:187px!important;
    max-width:187px!important;
    overflow:visible!important;
    align-items:center!important;
    justify-items:center!important;
    justify-content:end!important;
    margin:0!important;
    padding:0!important;
  }
  .arkham-shared-header > .arkham-main-row .arkham-social{
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    border-radius:50%!important;
  }

  /* Restore the original Arkham exclusive orb treatment for WhatsApp/TeamSpeak. */
  .arkham-shared-header .arkham-social.social-official{position:relative!important;isolation:isolate!important;overflow:hidden!important}
  .arkham-shared-header .arkham-social.social-official .social-base{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    object-fit:cover!important;z-index:1!important;
  }
  .arkham-shared-header .arkham-social.social-official .social-brand-mask{
    position:absolute!important;left:12%!important;top:7%!important;width:76%!important;height:68%!important;
    border-radius:50%!important;z-index:2!important;
    background:radial-gradient(circle at 50% 46%,rgba(7,17,28,.99),rgba(4,11,18,.97) 72%,rgba(4,11,18,0) 73%)!important;
    transform:none!important;
  }
  .arkham-shared-header .arkham-social.social-official .social-official-logo{
    position:absolute!important;z-index:3!important;left:22%!important;top:14%!important;
    width:56%!important;height:50%!important;object-fit:contain!important;
    transform:none!important;display:block!important;
  }
  .arkham-shared-header .arkham-social.social-whatsapp .social-whatsapp-official{left:22%!important;top:14%!important;width:56%!important;height:50%!important}
  .arkham-shared-header .arkham-social.social-teamspeak .social-teamspeak-official{left:22%!important;top:14%!important;width:56%!important;height:50%!important}

  /* Account row follows the main row directly. */
  .arkham-shared-header > .arkham-role-row{
    margin-top:7px!important;
    padding-top:7px!important;
  }

  /* No standalone meta row remains in the header; preserve safety if one is
     emitted by an older cached partial. */
  .arkham-shared-header > .arkham-meta-row{display:none!important}
}

@media (min-width:821px) and (max-width:1200px){
  .arkham-shared-header > .arkham-main-row{
    grid-template-columns:auto minmax(300px,1fr) 170px 155px!important;
    gap:9px!important;
  }
  .arkham-shared-header > .arkham-main-row .arkham-calendar-box{width:170px!important;min-width:170px!important}
  .arkham-shared-header > .arkham-main-row .arkham-social-row{grid-template-columns:repeat(4,35px)!important;grid-template-rows:repeat(2,35px)!important;width:152px!important;min-width:152px!important;max-width:152px!important;gap:5px!important}
  .arkham-shared-header > .arkham-main-row .arkham-social{width:35px!important;height:35px!important;min-width:35px!important}
  .arkham-shared-header > .arkham-main-row .arkham-primary-nav a{font-size:10px!important;padding-inline:5px!important}
}

@media (max-width:820px){
  /* Mobile: keep the primary row horizontally scrollable and retain a compact
     2x4 orb grid without creating a desktop-style empty gap. */
  .arkham-shared-header > .arkham-meta-row{display:none!important}
  .arkham-shared-header > .arkham-main-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;width:max-content!important;min-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important}
  .arkham-shared-header > .arkham-main-row .arkham-primary-nav{flex:0 0 auto!important;width:max-content!important;max-width:none!important}
  .arkham-shared-header > .arkham-main-row .arkham-calendar-box{flex:0 0 178px!important;width:178px!important;min-width:178px!important}
  .arkham-shared-header > .arkham-main-row .arkham-social-row{flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(4,38px)!important;grid-template-rows:repeat(2,38px)!important;gap:5px!important;width:167px!important;min-width:167px!important;max-width:167px!important;overflow:visible!important}
  .arkham-shared-header > .arkham-main-row .arkham-social{width:38px!important;height:38px!important;min-width:38px!important}
  .arkham-shared-header > .arkham-role-row{margin-top:6px!important;padding-top:6px!important}
}