/* 형사 목록 페이지 하단 상담바 — 상세 페이지(apart-post.css의 같은 블록)와 같은 모양.
   남색 통짜 바 → 반투명 흰 바 위에 알약 버튼 두 개.
   상세 페이지는 스크롤 160px 이후 슬라이드로 올라오지만(apart-article.js), 목록에는
   그 스크립트를 싣지 않으므로 여기서는 처음부터 보이게 둔다.
   ※ 모양을 바꿀 때는 apart-post.css의 '하단 상담바(형사)' 블록도 같이 손대야 한다. */

@media (max-width: 640px) {
  body:has(.logo[href*="/crimelaw/"]) .quick-inquiry {
    background: rgba(255, 255, 255, 0.94);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-top: 1px solid #eef0f4;
  }
  body:has(.logo[href*="/crimelaw/"]) .quick-inquiry .inner {
    padding: 9px 0 max(9px, env(safe-area-inset-bottom));
    justify-content: center;
    gap: 8px;
  }
  /* 목록 바에 있는 '위로' 버튼 등 부가 버튼은 감춘다 (상세와 동일) */
  body:has(.logo[href*="/crimelaw/"]) .quick-inquiry .inner .position-btn { display: none !important; }
  /* 두 버튼을 같은 비율로 */
  body:has(.logo[href*="/crimelaw/"]) .quick-inquiry .inner .tit {
    flex: 1 1 0; max-width: 170px; min-width: 0;
    height: 44px; line-height: 44px; padding: 0 10px;
    justify-content: center; white-space: nowrap;
    border-radius: 999px; border: 1px solid #e2e8f0;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.22);
  }
  body:has(.logo[href*="/crimelaw/"]) .quick-inquiry .inner .tit p {
    font-size: 14.5px; white-space: nowrap;
    display: inline-flex; align-items: center; gap: 4px;
  }
  body:has(.logo[href*="/crimelaw/"]) .quick-inquiry .inner .btn-type-01.m-inquiry-btn {
    flex: 1 1 0; max-width: 185px; min-width: 0;
    height: 44px; line-height: 44px; padding: 0 10px;
    white-space: nowrap; text-align: center;
    border-radius: 999px; font-size: 14.5px;
    box-shadow: 0 4px 16px rgba(23, 41, 89, 0.35);
  }
}