.mobile-bar{display:none}
.compare:focus-within{outline:3px solid var(--yellow);outline-offset:5px}
@media(max-width:900px){
  .mobile-bar{display:flex;position:sticky;top:0;z-index:30;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:0 18px;background:var(--black);border-bottom:1px solid var(--line)}
  .mobile-menu summary{display:flex;align-items:center;gap:14px;min-height:52px;cursor:pointer;list-style:none;font-weight:800;color:var(--ivory)}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary::after{content:'+';color:var(--yellow);font-size:1.5rem}
  .mobile-menu[open] summary::after{content:'−'}
  .mobile-menu nav{position:absolute;left:0;right:0;top:100%;max-height:calc(100dvh - 60px);overflow:auto;padding:12px 18px 18px;background:var(--black);border-bottom:1px solid var(--yellow);box-shadow:0 14px 20px #0006}
  .mobile-menu nav a{display:flex;align-items:center;min-height:48px;padding:8px 12px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:700}
  .mobile-bar__call{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;background:var(--yellow);color:var(--black);font-weight:800;text-decoration:none}
  .mobile-menu summary:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
  section[id],footer[id],main[id]{scroll-margin-top:68px}
}

@media(max-width:360px){.mobile-bar{padding-inline:12px;gap:8px}.mobile-menu summary{font-size:.84rem;gap:8px}.mobile-bar__call{padding-inline:12px;font-size:.84rem}.hero h1{font-size:11.5vw}}