/* ==========================================================================
   모바일 하단 상담바 — 상간소송 피고 랜딩페이지 (법무법인 정서)
   ========================================================================== */
/* ---------- 모바일 하단 상담바 (누수 랜딩 방식) ---------- */
.mbar{display:none}
@media (max-width:1100px){
  .mbar{position:fixed;z-index:760;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;
    padding:10px max(8px,env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-right,0px));
    background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -4px 14px rgba(31,32,43,.10)}
  .mbar a,.mbar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;height:50px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
  .mbar svg{width:24px;height:24px}
  .mbar .is-main{color:var(--plum)}
  .mbar .is-main i{position:absolute;left:50%;top:-30px;width:54px;height:54px;margin-left:-27px;border-radius:50%;display:grid;place-items:center;background:var(--plum);color:#fff;border:4px solid #fff;box-shadow:0 6px 14px -4px rgba(178,77,99,.5)}
  .mbar .is-main i svg{width:22px;height:22px}
  .mbar .is-main>svg{visibility:hidden}
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
  .hero__panel{height:calc(100vh - var(--hh) - var(--hgap)*2 - 74px);height:calc(100svh - var(--hh) - var(--hgap)*2 - 74px - env(safe-area-inset-bottom,0px))}
}