/* Compact native menu. Accessible labels remain available without visible text. */
.header .mobile-navigation>.menu{
  box-sizing:border-box;width:48px;min-width:48px;min-height:44px;
  padding:10px 13px;gap:0;flex:none;overflow:visible;
  border:1px solid #42596d;border-radius:9px;background:#101f30;color:#eef7fc;
}
.header .mobile-navigation>.menu::marker{content:""}
.header .mobile-navigation>.menu::-webkit-details-marker{display:none}
.header .mobile-navigation .menu-symbol{
  display:flex;align-items:center;justify-content:center;gap:4px;
  position:relative;flex:none;width:22px;height:16px;background:none;
}
.header .mobile-navigation .menu-symbol::before,
.header .mobile-navigation .menu-symbol::after{content:none}
.header .mobile-navigation .menu-symbol>i{
  display:block;flex:none;width:4px;height:4px;border-radius:50%;
  background:currentColor;animation:ec-menu-pulse 2.8s ease-in-out infinite;
}
.header .mobile-navigation .menu-symbol>i:nth-child(2){width:6px;height:6px;animation-delay:.16s}
.header .mobile-navigation .menu-symbol>i:nth-child(3){animation-delay:.32s}
.header .mobile-navigation[open]>.menu{background:#243c50;border-color:#88aec8}
.header .mobile-navigation[open] .menu-symbol>i,
.header .mobile-navigation:focus-within .menu-symbol>i{animation:none}
.header .mobile-navigation>.menu:focus-visible{outline:2px solid #a7dcff;outline-offset:3px}
@keyframes ec-menu-pulse{0%,65%,100%{opacity:.72;transform:scale(.92)}28%{opacity:1;transform:scale(1.08)}}
@media(max-width:760px){
  .header .mobile-navigation{margin-right:3px}
  .mf-hero.mf-mobile-landscape{
    display:grid;grid-template-columns:18px minmax(0,1fr) 18px;
    gap:14px 0;min-height:0;padding:22px 0 30px;background:#061323;
  }
  .mf-mobile-landscape::after{display:none}
  .mf-mobile-landscape .mf-manufacturer-layout,
  .mf-mobile-landscape .mf-hero-copy{display:contents}
  .mf-mobile-landscape .mf-hero-copy>*{grid-column:2;margin:0;min-width:0}
  .mf-mobile-landscape .mf-card-breadcrumb{grid-row:1}
  .mf-mobile-landscape .mf-eyebrow{grid-row:2}
  .mf-mobile-landscape h1{grid-row:3}
  .mf-mobile-landscape .mf-lead{grid-row:4}
  .mf-mobile-landscape .mf-hero-benefits{grid-row:5;margin:6px 0 0}
  .mf-mobile-landscape>.hero-responsive{
    display:block;grid-column:1/-1;grid-row:6;position:relative;
    height:clamp(168px,47vw,240px);margin:2px 0 4px;overflow:hidden;z-index:0;
  }
  .mf-mobile-landscape>.hero-responsive .mf-warehouse-scene{
    position:static;inset:auto;transform:none;display:block;
    width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 51%;
  }
  .mf-mobile-landscape>.hero-responsive::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg,#061323 0,transparent 16%,transparent 87%,#061323 100%);
  }
  .mf-mobile-landscape .mf-hero-cities{grid-row:7}
  .mf-mobile-landscape .mf-hero-actions{grid-row:8}
  .mf-mobile-landscape .mf-account-note{grid-row:9}
  .mf-mobile-landscape .mf-hero-contact,
  .mf-mobile-landscape .mf-hero-email{display:none}
}
@media(prefers-reduced-motion:reduce){
  .header .mobile-navigation .menu-symbol>i{animation:none;opacity:1;transform:none}
}
