.iomx-header, .iomx-header *, .iomx-drawer, .iomx-drawer *{
box-sizing:border-box;
}
.iomx-header button, .iomx-drawer button{
font:inherit;
}
.iomx-header{
position:relative!important;
z-index:1000!important;
width:100%!important;
background:
radial-gradient(circle at 78% 120%,rgba(225,27,34,.09),transparent 26%),
linear-gradient(135deg,rgba(255,255,255,.018),transparent 33%),
#070a0d!important;
border-bottom:1px solid rgba(225,27,34,.46)!important;
box-shadow:0 10px 30px rgba(0,0,0,.25)!important;
}
.iomx-inner{
height:92px!important;
padding:0 30px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:24px!important;
}
.iomx-brand{
display:flex!important;
align-items:center!important;
gap:8px!important;
}
.iomx-logo{
display:flex!important;
align-items:center!important;
}
.iomx-logo img{
height:58px!important;
width:auto!important;
max-height:58px!important;
filter:grayscale(1) brightness(0) invert(1)!important;
-webkit-filter:grayscale(1) brightness(0) invert(1)!important;
}
.iomx-powered{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:2px!important;
}
.iomx-powered span{
color:rgba(255,255,255,.42)!important;
font-size:7px!important;
font-weight:900!important;
letter-spacing:.1em!important;
}
.iomx-powered strong{
color:#fff!important;
font-size:18px!important;
line-height:1!important;
}
.iomx-powered a{
color:rgba(255,255,255,.46)!important;
font-size:8px!important;
text-decoration:none!important;
}
.iomx-actions{
margin-left:auto!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
}
.iomx-next,
.iomx-give,
.iomx-toggle{
height:52px!important;
min-height:52px!important;
margin:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
.iomx-next{
min-width:154px!important;
gap:12px!important;
padding:0 22px!important;
color:#fff!important;
background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(225,27,34,.045))!important;
border:1px solid rgba(225,27,34,.52)!important;
border-radius:0!important;
clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)!important;
cursor:pointer!important;
}
.iomx-give{
min-width:170px!important;
gap:7px!important;
padding:0 24px!important;
color:#fff!important;
background:linear-gradient(135deg,#ef2229,#c8131a)!important;
border:1px solid rgba(255,94,100,.7)!important;
border-radius:0!important;
clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)!important;
box-shadow:0 8px 24px rgba(225,27,34,.20)!important;
cursor:pointer!important;
}
.iomx-toggle{
width:58px!important;
min-width:58px!important;
padding:0!important;
flex-direction:column!important;
gap:6px!important;
background:#080b0f!important;
border:1px solid rgba(225,27,34,.62)!important;
border-radius:0!important;
clip-path:polygon(16% 0,84% 0,100% 50%,84% 100%,16% 100%,0 50%)!important;
cursor:pointer!important;
}
.iomx-toggle i{
display:block!important;
width:23px!important;
height:2px!important;
background:#fff!important;
border-radius:999px!important;
transition:.25s ease!important;
}
.iomx-toggle.is-open i{background:#ed1c24!important}
.iomx-toggle.is-open i:nth-child(1){transform:translateY(8px) rotate(45deg)!important}
.iomx-toggle.is-open i:nth-child(2){opacity:0!important}
.iomx-toggle.is-open i:nth-child(3){transform:translateY(-8px) rotate(-45deg)!important}
.iomx-light-rail{
height:2px!important;
background:linear-gradient(90deg,transparent,#9b1117,#ed1c24,#fff,#ed1c24,#9b1117,transparent)!important;
background-size:220% 100%!important;
box-shadow:0 0 8px rgba(225,27,34,.48)!important;
animation:iomxRail 3.2s linear infinite!important;
}
@keyframes iomxRail{
from{background-position:110% 0}
to{background-position:-110% 0}
}
.iomx-backdrop[hidden],
.iomx-drawer[hidden]{display:none!important}
.iomx-backdrop{
position:fixed!important;
inset:0!important;
z-index:3000!important;
background:rgba(0,0,0,.48)!important;
backdrop-filter:blur(3px)!important;
}
.iomx-drawer{
position:fixed!important;
top:0!important;
right:0!important;
bottom:0!important;
width:min(430px,92vw)!important;
height:100vh!important;
z-index:4000!important;
padding:34px 22px 26px!important;
overflow-y:auto!important;
background:
radial-gradient(circle at 110% 8%,rgba(225,27,34,.15),transparent 28%),
linear-gradient(155deg,rgba(12,15,20,.995),rgba(4,7,10,.995))!important;
border-left:1px solid rgba(225,27,34,.38)!important;
box-shadow:-28px 0 70px rgba(0,0,0,.52)!important;
}
.iomx-drawer-top{
display:grid!important;
grid-template-columns:1fr auto!important;
gap:4px 12px!important;
align-items:center!important;
padding:0 4px 18px!important;
border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.iomx-drawer-top span{
grid-column:1!important;
color:#ed1c24!important;
font-size:10px!important;
font-weight:900!important;
letter-spacing:.16em!important;
}
.iomx-drawer-top strong{
grid-column:1!important;
color:#fff!important;
font-size:22px!important;
}
.iomx-close{
grid-column:2!important;
grid-row:1 / span 2!important;
width:42px!important;
height:42px!important;
color:#fff!important;
background:rgba(255,255,255,.03)!important;
border:1px solid rgba(255,255,255,.10)!important;
border-radius:10px!important;
cursor:pointer!important;
}
.iomx-link{
width:100%!important;
min-height:88px!important;
display:grid!important;
grid-template-columns:50px 1fr 22px!important;
align-items:center!important;
column-gap:12px!important;
padding:15px 8px!important;
background:transparent!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.07)!important;
color:#fff!important;
text-decoration:none!important;
text-align:left!important;
cursor:pointer!important;
}
.iomx-link:hover{
background:linear-gradient(90deg,rgba(225,27,34,.075),transparent)!important;
}
.iomx-icon{
width:34px!important;
height:34px!important;
color:#fff!important;
}
.iomx-icon svg{
width:100%!important;
height:100%!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.6!important;
}
.iomx-link.active .iomx-icon{color:#ed1c24!important}
.iomx-link > span:nth-child(2){
display:flex!important;
flex-direction:column!important;
gap:4px!important;
}
.iomx-link strong{
color:#fff!important;
font-size:14px!important;
text-transform:uppercase!important;
}
.iomx-link small{
color:rgba(255,255,255,.5)!important;
font-size:10px!important;
}
.iomx-link b{
color:rgba(255,255,255,.42)!important;
font-size:18px!important;
}
@media(max-width:900px){
.iomx-header{display:none!important}
.iomx-backdrop,.iomx-drawer{display:none!important}
}
@media(prefers-reduced-motion:reduce){
.iomx-light-rail{animation:none!important}
}
html body .iomtpl .iomtpl-newsletter-modal,
html body .iomtpl .iomtpl-give-modal,
html body .iomtpl .iomtpl-contact-modal,
html body .iomtpl .iomtpl-assistance-form-modal,
html body .iomtpl .iomtpl-donate-items-modal,
html body .iomtpl .iomtpl-letter-modal,
html body .iomtpl .iomtpl-comments-modal,
html body .iomtpl .iomtpl-locations-modal,
html body .iomtpl .iomtpl-founder-modal,
html body .iomtpl .iomtpl-modal{
z-index:9000!important;
}
html body .iomtpl .iomtpl-newsletter-modal,
html body .iomtpl .iomtpl-give-modal,
html body .iomtpl .iomtpl-contact-modal,
html body .iomtpl .iomtpl-assistance-form-modal,
html body .iomtpl .iomtpl-donate-items-modal,
html body .iomtpl .iomtpl-letter-modal,
html body .iomtpl .iomtpl-comments-modal,
html body .iomtpl .iomtpl-locations-modal,
html body .iomtpl .iomtpl-founder-modal,
html body .iomtpl .iomtpl-modal,
html body .iomtpl .iomtpl-hub-overlay,
html body .iomtpl .iomtpl-nextstep-overlay{
z-index:9000!important;
}
.iomx-header{
position:relative!important;
overflow:hidden!important;
}
.iomx-header::before{
content:""!important;
position:absolute!important;
left:0!important;
right:0!important;
bottom:0!important;
height:1px!important;
background:rgba(237,28,36,.36)!important;
z-index:20!important;
pointer-events:none!important;
}
.iomx-header::after{
content:""!important;
position:absolute!important;
left:-18%!important;
bottom:0!important;
width:18%!important;
height:3px!important;
z-index:21!important;
pointer-events:none!important;
background:linear-gradient(
90deg,
rgba(237,28,36,0) 0%,
rgba(237,28,36,.15) 18%,
rgba(255,64,72,.72) 38%,
rgba(255,145,149,.95) 47%,
#ffffff 50%,
rgba(255,145,149,.95) 53%,
rgba(255,64,72,.72) 62%,
rgba(237,28,36,.15) 82%,
rgba(237,28,36,0) 100%
)!important;
box-shadow:
0 0 7px rgba(255,75,82,.88),
0 0 16px rgba(237,28,36,.48),
0 0 26px rgba(237,28,36,.20)!important;
animation:iomx-v522-running-light 4.4s linear infinite!important;
will-change:transform!important;
}
@keyframes iomx-v522-running-light{
0%{
transform:translateX(0)!important;
opacity:0!important;
}
6%{
opacity:1!important;
}
94%{
opacity:1!important;
}
100%{
transform:translateX(655%)!important;
opacity:0!important;
}
}
.iomx-light-rail{
height:1px!important;
opacity:.35!important;
animation:none!important;
}
@media(prefers-reduced-motion:reduce){
.iomx-header::after{
animation:none!important;
display:none!important;
}
}
.iomx-header::before,
.iomx-header::after{
content:none!important;
display:none!important;
}
.iomx-light-rail{
position:relative!important;
width:100%!important;
height:3px!important;
margin:0!important;
overflow:hidden!important;
opacity:1!important;
background:
linear-gradient(
90deg,
rgba(237,28,36,.08),
rgba(237,28,36,.34) 20%,
rgba(237,28,36,.34) 80%,
rgba(237,28,36,.08)
)!important;
box-shadow:
0 0 5px rgba(237,28,36,.20)!important;
animation:none!important;
}
.iomx-light-rail::after{
content:""!important;
position:absolute!important;
top:0!important;
left:-190px!important;
width:180px!important;
height:3px!important;
background:
linear-gradient(
90deg,
transparent 0%,
rgba(237,28,36,.12) 18%,
rgba(255,55,63,.68) 40%,
rgba(255,152,156,.96) 47%,
#fff 50%,
rgba(255,152,156,.96) 53%,
rgba(255,55,63,.68) 60%,
rgba(237,28,36,.12) 82%,
transparent 100%
)!important;
box-shadow:
0 0 7px rgba(255,76,83,.94),
0 0 15px rgba(237,28,36,.58),
0 0 28px rgba(237,28,36,.24)!important;
animation:iomx-v524-comet 4.1s linear infinite!important;
will-change:left!important;
}
@keyframes iomx-v524-comet{
0%{
left:-190px;
opacity:0;
}
5%{
opacity:1;
}
95%{
opacity:1;
}
100%{
left:calc(100% + 190px);
opacity:0;
}
}
@media(prefers-reduced-motion:reduce){
.iomx-light-rail::after{
animation:none!important;
display:none!important;
}
}
.iomx-light-rail{
display:block!important;
position:relative!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
width:100%!important;
min-width:100%!important;
height:4px!important;
overflow:hidden!important;
opacity:1!important;
visibility:visible!important;
z-index:80!important;
pointer-events:none!important;
background:rgba(179,17,24,.52)!important;
box-shadow:0 0 7px rgba(237,28,36,.22)!important;
}
.iomx-light-rail::before{
content:""!important;
display:block!important;
position:absolute!important;
top:0!important;
left:0!important;
width:240px!important;
height:4px!important;
opacity:1!important;
background:linear-gradient(
90deg,
transparent 0%,
rgba(237,28,36,.12) 10%,
rgba(255,35,45,.72) 34%,
rgba(255,90,98,1) 44%,
#fff 50%,
rgba(255,90,98,1) 56%,
rgba(255,35,45,.72) 66%,
rgba(237,28,36,.12) 90%,
transparent 100%
)!important;
filter:drop-shadow(0 0 4px rgba(255,255,255,.88))
drop-shadow(0 0 9px rgba(255,30,40,.92))!important;
transform:translate3d(-260px,0,0);
animation:iomx-v525-run 3.25s linear infinite!important;
will-change:transform!important;
}
.iomx-light-rail::after{
content:none!important;
display:none!important;
}
@keyframes iomx-v525-run{
0%   { transform:translate3d(-260px,0,0); }
100% { transform:translate3d(calc(100vw + 260px),0,0); }
}
@media(prefers-reduced-motion:reduce){
.iomx-light-rail::before{
display:block!important;
animation:iomx-v525-run 6s linear infinite!important;
}
}
.iomx-drawer .iomx-link,
.iomx-drawer a.iomx-link,
.iomx-drawer button.iomx-link{
-webkit-appearance:none!important;
appearance:none!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
min-height:88px!important;
margin:0!important;
padding:15px 8px!important;
display:grid!important;
grid-template-columns:50px minmax(0,1fr) 22px!important;
align-items:center!important;
column-gap:12px!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.07)!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:#fff!important;
font:inherit!important;
line-height:normal!important;
text-align:left!important;
text-decoration:none!important;
text-transform:none!important;
letter-spacing:normal!important;
cursor:pointer!important;
box-sizing:border-box!important;
}
.iomx-drawer .iomx-link:hover,
.iomx-drawer .iomx-link:focus-visible{
background:linear-gradient(90deg,rgba(225,27,34,.075),transparent)!important;
color:#fff!important;
text-decoration:none!important;
outline:none!important;
}
.iomx-mobile-header{
display:none;
}
@media(max-width:900px){
.iomx-header{
display:none!important;
}
.iomx-mobile-header{
position:relative!important;
z-index:2500!important;
display:block!important;
width:100%!important;
background:
radial-gradient(circle at 82% 120%,rgba(225,27,34,.09),transparent 30%),
#070a0d!important;
border-bottom:1px solid rgba(225,27,34,.40)!important;
box-shadow:0 8px 24px rgba(0,0,0,.24)!important;
}
.iomx-mobile-inner{
min-height:72px!important;
padding:0 16px!important;
display:flex!important;
align-items:center!important;
gap:8px!important;
}
.iomx-mobile-logo{
display:flex!important;
align-items:center!important;
flex:0 0 auto!important;
}
.iomx-mobile-logo img{
width:auto!important;
height:45px!important;
max-height:45px!important;
filter:grayscale(1) brightness(0) invert(1)!important;
-webkit-filter:grayscale(1) brightness(0) invert(1)!important;
}
.iomx-mobile-powered{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:1px!important;
margin-left:2px!important;
}
.iomx-mobile-powered span{
color:rgba(255,255,255,.40)!important;
font-size:6.5px!important;
font-weight:900!important;
line-height:1!important;
letter-spacing:.09em!important;
}
.iomx-mobile-powered strong{
color:#fff!important;
font-size:15px!important;
line-height:1!important;
}
.iomx-mobile-toggle{
-webkit-appearance:none!important;
appearance:none!important;
width:48px!important;
min-width:48px!important;
height:44px!important;
min-height:44px!important;
margin-left:auto!important;
padding:0!important;
display:inline-flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
border:1px solid rgba(225,27,34,.52)!important;
border-radius:11px!important;
background:
linear-gradient(145deg,rgba(225,27,34,.055),rgba(255,255,255,.018))!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
0 6px 16px rgba(0,0,0,.16)!important;
cursor:pointer!important;
}
.iomx-mobile-toggle i{
display:block!important;
width:21px!important;
height:2px!important;
border-radius:999px!important;
background:#fff!important;
transition:.24s ease!important;
}
.iomx-mobile-toggle.is-open i{
background:#ed1c24!important;
box-shadow:0 0 7px rgba(237,28,36,.45)!important;
}
.iomx-mobile-toggle.is-open i:nth-child(1){
transform:translateY(7px) rotate(45deg)!important;
}
.iomx-mobile-toggle.is-open i:nth-child(2){
opacity:0!important;
}
.iomx-mobile-toggle.is-open i:nth-child(3){
transform:translateY(-7px) rotate(-45deg)!important;
}
.iomx-mobile-rail{
position:relative!important;
width:100%!important;
height:2px!important;
overflow:hidden!important;
background:rgba(179,17,24,.42)!important;
}
.iomx-mobile-rail::after{
content:""!important;
position:absolute!important;
top:0!important;
left:0!important;
width:110px!important;
height:2px!important;
background:
linear-gradient(90deg,transparent,#ed1c24,#fff,#ed1c24,transparent)!important;
box-shadow:
0 0 7px rgba(237,28,36,.60)!important;
transform:translateX(-130px);
animation:iomx-mobile-light 4.8s linear infinite!important;
}
@keyframes iomx-mobile-light{
from{transform:translateX(-130px)}
to{transform:translateX(calc(100vw + 130px))}
}
.iomtpl-mobile-menu.iomx-mobile-panel{
position:relative!important;
z-index:2400!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:8px 12px 14px!important;
display:none!important;
grid-template-columns:1fr!important;
gap:7px!important;
background:
linear-gradient(180deg,#090d12 0%,#05070a 100%)!important;
border:0!important;
border-bottom:1px solid rgba(225,27,34,.22)!important;
box-shadow:0 16px 34px rgba(0,0,0,.28)!important;
}
.iomtpl-mobile-menu.iomx-mobile-panel.is-open{
display:grid!important;
}
.iomtpl-mobile-menu.iomx-mobile-panel > a,
.iomtpl-mobile-menu.iomx-mobile-panel > button{
-webkit-appearance:none!important;
appearance:none!important;
width:100%!important;
min-height:48px!important;
margin:0!important;
padding:0 14px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
border:1px solid rgba(255,255,255,.07)!important;
border-radius:11px!important;
background:
linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
color:#fff!important;
font-size:12px!important;
font-weight:800!important;
line-height:1.2!important;
text-align:left!important;
text-decoration:none!important;
box-shadow:none!important;
}
.iomtpl-mobile-menu.iomx-mobile-panel > a:active,
.iomtpl-mobile-menu.iomx-mobile-panel > button:active{
background:rgba(225,27,34,.08)!important;
border-color:rgba(225,27,34,.25)!important;
}
.iomtpl-mobile-menu.iomx-mobile-panel > a span,
.iomtpl-mobile-menu.iomx-mobile-panel > button span{
color:#ed1c24!important;
font-size:16px!important;
}
}
@media(max-width:430px){
.iomx-mobile-inner{
min-height:68px!important;
padding-left:14px!important;
padding-right:14px!important;
}
.iomx-mobile-logo img{
height:41px!important;
max-height:41px!important;
}
.iomx-mobile-toggle{
width:46px!important;
min-width:46px!important;
height:42px!important;
min-height:42px!important;
}
}


/* ==========================================================
   v5.37 — MOBILE MENU POLISH
   Desktop menu untouched.
   ========================================================== */
@media(max-width:900px){
  .iomx-mobile-inner{
    min-height:68px!important;
    padding:0 14px!important;
    gap:8px!important;
  }

  .iomx-mobile-logo img{
    height:42px!important;
    max-height:42px!important;
  }

  .iomx-mobile-powered span{
    font-size:6px!important;
  }

  .iomx-mobile-powered strong{
    font-size:15px!important;
  }

  .iomx-mobile-toggle{
    width:46px!important;
    min-width:46px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:12px!important;
  }

  .iomtpl-mobile-menu.iomx-mobile-panel{
    padding:10px 12px 14px!important;
    gap:7px!important;
  }

  .iomtpl-mobile-menu.iomx-mobile-panel>a,
  .iomtpl-mobile-menu.iomx-mobile-panel>button{
    min-height:48px!important;
    padding:0 14px!important;
    border-radius:11px!important;
    font-size:12.5px!important;
  }
}

@media(max-width:430px){
  .iomx-mobile-inner{
    min-height:64px!important;
    padding:0 12px!important;
  }

  .iomx-mobile-logo img{
    height:39px!important;
    max-height:39px!important;
  }

  .iomx-mobile-powered strong{
    font-size:14px!important;
  }

  .iomx-mobile-toggle{
    width:44px!important;
    min-width:44px!important;
    height:40px!important;
    min-height:40px!important;
  }
}


/* ==========================================================
   v5.42 — MOBILE HEADER/MENU POLISH
   Desktop menu untouched.
   ========================================================== */
@media(max-width:900px){

  .iomx-mobile-header{
    position:relative!important;
  }

  .iomx-mobile-inner{
    min-height:66px!important;
    padding:0 14px!important;
    gap:7px!important;
  }

  .iomx-mobile-logo img{
    height:40px!important;
    max-height:40px!important;
  }

  .iomx-mobile-powered{
    gap:1px!important;
    margin-left:1px!important;
  }

  .iomx-mobile-powered span{
    font-size:5.8px!important;
  }

  .iomx-mobile-powered strong{
    font-size:14px!important;
  }

  .iomx-mobile-toggle{
    width:44px!important;
    min-width:44px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:11px!important;
  }

  .iomtpl-mobile-menu.iomx-mobile-panel{
    padding:9px 11px 13px!important;
    gap:6px!important;
  }

  .iomtpl-mobile-menu.iomx-mobile-panel>a,
  .iomtpl-mobile-menu.iomx-mobile-panel>button{
    min-height:47px!important;
    padding:0 13px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }

  .iomtpl-mobile-menu.iomx-mobile-panel>a span,
  .iomtpl-mobile-menu.iomx-mobile-panel>button span{
    font-size:15px!important;
  }
}

@media(max-width:430px){
  .iomx-mobile-inner{
    min-height:62px!important;
    padding:0 12px!important;
  }

  .iomx-mobile-logo img{
    height:37px!important;
    max-height:37px!important;
  }

  .iomx-mobile-toggle{
    width:42px!important;
    min-width:42px!important;
    height:38px!important;
    min-height:38px!important;
  }
}


/* ==========================================================
   v5.43 — MOBILE MENU OVERFLOW FIX
   ========================================================== */
@media(max-width:900px){

  .iomx-mobile-header,
  .iomx-mobile-inner,
  .iomtpl-mobile-menu.iomx-mobile-panel{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .iomx-mobile-inner > *{
    min-width:0!important;
  }

  .iomx-mobile-logo{
    flex:0 1 auto!important;
    min-width:0!important;
  }

  .iomx-mobile-logo img{
    max-width:150px!important;
    width:auto!important;
  }

  .iomx-mobile-powered{
    min-width:0!important;
    flex:0 1 auto!important;
  }

  .iomtpl-mobile-menu.iomx-mobile-panel > a,
  .iomtpl-mobile-menu.iomx-mobile-panel > button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    gap:10px!important;
  }

  .iomtpl-mobile-menu.iomx-mobile-panel > a{
    white-space:normal!important;
  }

  .iomtpl-mobile-menu.iomx-mobile-panel > a span,
  .iomtpl-mobile-menu.iomx-mobile-panel > button span{
    flex:0 0 auto!important;
    width:18px!important;
    max-width:18px!important;
    margin-left:auto!important;
    text-align:right!important;
  }
}


/* ==========================================================
   v5.77 — Leadership Login at bottom of navigation menu
   ========================================================== */
.iomx-leadership-login-wrap{
  width:100%;
  margin-top:auto;
  padding:18px 16px 16px;
  box-sizing:border-box;
}

.iomx-leadership-login{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  width:100%;
  min-height:48px;
  padding:12px 16px;

  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;

  background:linear-gradient(135deg,#d71920 0%,#a90d15 100%);
  color:#fff!important;
  text-decoration:none!important;

  font-size:13px;
  font-weight:850;
  letter-spacing:.025em;

  box-shadow:
    0 10px 24px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.16);

  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}

.iomx-leadership-login:visited{
  color:#fff!important;
}

.iomx-leadership-login:hover,
.iomx-leadership-login:focus-visible{
  color:#fff!important;
  transform:translateY(-2px);
  filter:brightness(1.08);
  box-shadow:
    0 14px 30px rgba(0,0,0,.34),
    0 0 0 3px rgba(215,25,32,.16);
}

.iomx-leadership-login-icon{
  display:inline-grid;
  place-items:center;

  width:24px;
  height:24px;

  border-radius:7px;
  background:rgba(255,255,255,.15);

  color:#fff!important;
  font-size:13px;
  font-weight:900;
}

/* Desktop menu: keep login visually at the bottom/end of the menu area */
@media(min-width:901px){
  .iomx-leadership-login-wrap{
    max-width:260px;
    margin-left:auto;
    margin-right:auto;
    padding-top:22px;
  }
}

/* Mobile drawer: pin to bottom naturally after nav items */
@media(max-width:900px){
  .iomx-leadership-login-wrap{
    padding:16px 14px 18px;
  }

  .iomx-leadership-login{
    min-height:50px;
    font-size:14px;
  }
}


/* ==========================================================
   v5.78 — Leadership Login mobile menu alignment fix
   ========================================================== */
@media(max-width:900px){
  .iomtpl-mobile-menu .iomx-leadership-login-wrap{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:12px 0 0!important;
    padding:14px 0 0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    box-sizing:border-box!important;
  }

  .iomtpl-mobile-menu .iomx-leadership-login{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:54px!important;
    margin:0!important;
    padding:0 18px!important;
    box-sizing:border-box!important;

    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;

    border:1px solid rgba(230,32,42,.48)!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,rgba(215,25,32,.20),rgba(100,8,14,.34))!important;

    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-decoration:none!important;

    font-size:15px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.01em!important;

    box-shadow:inset 3px 0 0 #e51e2a,0 8px 20px rgba(0,0,0,.16)!important;
    transform:none!important;
  }

  .iomtpl-mobile-menu .iomx-leadership-login > span:last-child{
    flex:1 1 auto!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-align:left!important;
    white-space:normal!important;
  }

  .iomtpl-mobile-menu .iomx-leadership-login-icon{
    flex:0 0 30px!important;
    display:grid!important;
    place-items:center!important;
    width:30px!important;
    height:30px!important;
    border-radius:8px!important;
    background:#e51e2a!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:14px!important;
  }

  .iomtpl-mobile-menu .iomx-leadership-login:hover,
  .iomtpl-mobile-menu .iomx-leadership-login:focus-visible,
  .iomtpl-mobile-menu .iomx-leadership-login:active{
    transform:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    filter:none!important;
  }
}

@media(max-width:420px){
  .iomtpl-mobile-menu .iomx-leadership-login{
    min-height:52px!important;
    padding:0 14px!important;
    font-size:14px!important;
  }
}


/* v5.79 — Mobile Leadership Login text correction */
@media(max-width:900px){
  .iomtpl-mobile-menu .iomx-leadership-login{
    justify-content:flex-start!important;
  }

  .iomtpl-mobile-menu .iomx-leadership-login > span:last-child{
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;

    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;

    font-family:inherit!important;
    font-size:15px!important;
    font-style:normal!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.02em!important;
    text-align:left!important;
    text-transform:none!important;
    text-decoration:none!important;

    white-space:nowrap!important;
    overflow:visible!important;
    opacity:1!important;
  }

  .iomtpl-mobile-menu .iomx-leadership-login-icon{
    margin:0!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }
}

@media(max-width:360px){
  .iomtpl-mobile-menu .iomx-leadership-login > span:last-child{
    font-size:13.5px!important;
    letter-spacing:0!important;
  }
}


/* ==========================================================
   v5.80 — Full-screen mobile navigation
   ========================================================== */
@media(max-width:900px){
  .iomtpl-mobile-menu.iomx-mobile-panel{
    position:fixed!important;
    inset:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;

    width:100vw!important;
    max-width:none!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100vh!important;

    margin:0!important;
    padding:
      calc(env(safe-area-inset-top,0px) + 88px)
      18px
      calc(env(safe-area-inset-bottom,0px) + 24px)!important;

    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;

    border:0!important;
    border-radius:0!important;

    background:rgba(8,8,10,.985)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;

    z-index:99990!important;
  }

  /* Keep mobile header/menu toggle visible above the full-screen menu
     so the same control can close it. */
  .iomx-mobile-header{
    position:relative!important;
    z-index:99999!important;
  }

  .iomx-mobile-toggle{
    position:relative!important;
    z-index:100000!important;
  }

  /* Navigation items use the available full-screen width cleanly. */
  .iomtpl-mobile-menu.iomx-mobile-panel > a,
  .iomtpl-mobile-menu.iomx-mobile-panel > button{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }

  /* Leadership Login stays as the final item and remains contained. */
  .iomtpl-mobile-menu.iomx-mobile-panel .iomx-leadership-login-wrap{
    width:100%!important;
    margin-top:16px!important;
    padding-bottom:max(4px,env(safe-area-inset-bottom,0px))!important;
  }

  /* Hidden state must still fully remove the overlay. */
  .iomtpl-mobile-menu.iomx-mobile-panel[aria-hidden="true"]{
    pointer-events:none!important;
  }
}

@supports not (height:100dvh){
  @media(max-width:900px){
    .iomtpl-mobile-menu.iomx-mobile-panel{
      height:100vh!important;
    }
  }
}


/* ==========================================================
   v5.81 — Full-screen mobile menu scroll + login visibility
   ========================================================== */
@media(max-width:900px){

  .iomtpl-mobile-menu.iomx-mobile-panel{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;

    max-height:none!important;
    min-height:100dvh!important;

    padding:
      calc(env(safe-area-inset-top,0px) + 88px)
      16px
      calc(env(safe-area-inset-bottom,0px) + 28px)!important;

    scroll-padding-bottom:110px!important;
  }

  /* Every regular menu item must remain part of the scroll flow. */
  .iomtpl-mobile-menu.iomx-mobile-panel > a,
  .iomtpl-mobile-menu.iomx-mobile-panel > button{
    flex:0 0 auto!important;
  }

  /* Leadership Login is always reachable at the bottom.
     Sticky keeps it visible near the bottom on shorter screens,
     while it still remains the final menu item in document order. */
  .iomtpl-mobile-menu.iomx-mobile-panel .iomx-leadership-login-wrap{
    flex:0 0 auto!important;
    width:100%!important;

    margin-top:auto!important;
    padding:
      16px
      0
      max(8px,env(safe-area-inset-bottom,0px))!important;

    position:sticky!important;
    bottom:0!important;

    z-index:6!important;

    background:
      linear-gradient(
        180deg,
        rgba(8,8,10,0) 0%,
        rgba(8,8,10,.94) 24%,
        rgba(8,8,10,.99) 58%,
        rgba(8,8,10,1) 100%
      )!important;
  }

  .iomtpl-mobile-menu.iomx-mobile-panel .iomx-leadership-login{
    width:100%!important;
    max-width:none!important;
    min-height:54px!important;

    margin:0!important;

    box-sizing:border-box!important;
  }

  /* Add a little breathing room to the last public nav item
     so it never sits underneath the sticky leadership button. */
  .iomtpl-mobile-menu.iomx-mobile-panel > a:last-of-type,
  .iomtpl-mobile-menu.iomx-mobile-panel > button:last-of-type{
    margin-bottom:8px!important;
  }
}

@media(max-width:900px) and (max-height:700px){
  .iomtpl-mobile-menu.iomx-mobile-panel{
    padding-top:82px!important;
    padding-bottom:20px!important;
  }

  .iomtpl-mobile-menu.iomx-mobile-panel .iomx-leadership-login-wrap{
    position:sticky!important;
    bottom:0!important;
    padding-top:12px!important;
  }
}


/* ==========================================================
   v5.82 — SINGLE MOBILE MENU SYSTEM
   Fixes duplicate/open-by-default mobile navigation.
   ========================================================== */
@media(max-width:900px){

  /* CLOSED: absolutely no mobile panel should be visible or interactive. */
  #iomtpl-mobile-menu-panel[hidden],
  #iomtpl-mobile-menu-panel[aria-hidden="true"]:not(.open):not(.is-open){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* OPEN: exactly one full-screen mobile panel. */
  #iomtpl-mobile-menu-panel.open,
  #iomtpl-mobile-menu-panel.is-open,
  #iomtpl-mobile-menu-panel[aria-hidden="false"]{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;

    position:fixed!important;
    inset:0!important;

    width:100vw!important;
    max-width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:100dvh!important;

    margin:0!important;
    padding:
      calc(env(safe-area-inset-top,0px) + 88px)
      16px
      calc(env(safe-area-inset-bottom,0px) + 24px)!important;

    box-sizing:border-box!important;

    flex-direction:column!important;
    align-items:stretch!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;

    border:0!important;
    border-radius:0!important;

    background:rgba(8,8,10,.99)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;

    z-index:99990!important;
  }

  /* Keep mobile header/toggle above the active panel. */
  .iomx-mobile-header{
    position:relative!important;
    z-index:99999!important;
  }

  .iomx-mobile-toggle{
    position:relative!important;
    z-index:100000!important;
  }

  /* Do not allow any legacy mobile menu clone to show. */
  body .iomx-drawer{
    display:none!important;
  }

  /* Leadership Login remains at the true bottom of the single panel. */
  #iomtpl-mobile-menu-panel .iomx-leadership-login-wrap{
    position:static!important;
    flex:0 0 auto!important;
    width:100%!important;
    margin-top:auto!important;
    padding:16px 0 max(8px,env(safe-area-inset-bottom,0px))!important;
    background:none!important;
  }

  #iomtpl-mobile-menu-panel .iomx-leadership-login{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}