/* ==========================================================================
   모바일 하단 상담바 — 상간소송 원고 랜딩페이지 (법무법인 정서)
   ========================================================================== */
/* ---------- 모바일 하단 상담바 ---------- */
.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:#1a1a1a;border-radius:22px 22px 0 0;box-shadow:0 -6px 18px rgba(0,0,0,.4)}
  .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:600;color:var(--tx-2)}
  .mbar svg{width:24px;height:24px;color:var(--gold)}
  .mbar .is-main{color:var(--gold-2)}
  .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(--gold);box-shadow:0 6px 14px -4px rgba(218,194,163,.5)}
  .mbar .is-main i svg{width:22px;height:22px;color:var(--on-gold)}
  .mbar .is-main>svg{visibility:hidden}
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
}