.mobile-nav,.mobile-service-backdrop,.mobile-service-sheet{display:none}

@media (min-width:701px){
  .header{position:sticky;top:0;z-index:20;background:var(--paper)}
  .section{scroll-margin-top:96px}
}

@media (max-width:700px){
  html{scroll-padding-top:1rem;scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .header{position:static}
  .header nav,.header-phone{display:none}
  .section,[id^="service-"]{scroll-margin-top:1rem;scroll-margin-bottom:calc(88px + env(safe-area-inset-bottom))}

  .mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 18px rgba(25,60,53,.08)}
  .mobile-nav a,.mobile-nav button{appearance:none;border:0;border-radius:0;background:#fff;color:var(--ink);min-width:0;min-height:68px;padding:8px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;cursor:pointer}
  .mobile-nav a+a,.mobile-nav a+button{border-left:1px solid #e0e7e2}
  .mobile-nav .service-nav-button{background:var(--green);color:#fff}
  .mobile-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .mobile-nav-label{font-size:.7rem;font-weight:700;line-height:1.15;white-space:nowrap;letter-spacing:0}
  .mobile-nav a:focus-visible,.mobile-nav button:focus-visible,.mobile-service-sheet a:focus-visible,.mobile-service-close:focus-visible{outline:3px solid #a75216;outline-offset:-3px}

  .mobile-service-backdrop{position:fixed;inset:0 0 calc(68px + env(safe-area-inset-bottom));z-index:51;background:rgba(10,28,22,.32)}
  .mobile-service-backdrop[hidden]{display:none}
  .mobile-service-sheet{position:fixed;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));z-index:52;display:block;background:#fff;border-top:1px solid var(--line);border-radius:22px 22px 0 0;padding:12px 16px 18px;box-shadow:0 -8px 24px rgba(25,60,53,.12)}
  .mobile-service-sheet[hidden]{display:none}
  .mobile-service-handle{width:42px;height:4px;margin:0 auto 10px;border-radius:999px;background:#cbd6d0}
  .mobile-service-actions{display:flex;justify-content:flex-end;margin-bottom:8px}
  .mobile-service-close{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;min-width:44px;min-height:44px;padding:0 14px;cursor:pointer}
  .mobile-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mobile-service-grid a{min-height:66px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#f8faf9;display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;font-size:.85rem;font-weight:700}
  .mobile-service-grid a:last-child{grid-column:1/-1}
  .mobile-service-grid .arrow{color:var(--green);font-size:1.2rem;line-height:1}
  body.mobile-menu-open{overflow:hidden}
}

@media (max-width:360px){
  .mobile-nav-label{font-size:.64rem}
  .mobile-nav a,.mobile-nav button{padding-left:1px;padding-right:1px}
}