/* 모바일 하단 고정 CTA — 전 페이지 공통
   휴대폰에서 어느 위치까지 스크롤했든 "견적"과 "전화"가 항상 손에 닿게 한다.
   768px 이하에서만 보이며, PC에서는 나타나지 않는다. */

.mcta{
  display:none;
  position:fixed; left:0; right:0; bottom:0; z-index:90;
  gap:8px; padding:10px 12px;
  padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px)); /* 아이폰 홈 바 피하기 */
  background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  backdrop-filter:saturate(180%) blur(12px);
  border-top:1px solid #E8EBEF;
  box-shadow:0 -6px 24px rgba(43,41,41,.10);
}
.mcta a,
.mcta button{
  flex:1 1 0; min-width:0;
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  height:52px; padding:0 10px;
  border:0; cursor:pointer;
  font-family:inherit; font-size:16px; font-weight:700; letter-spacing:-.02em;
  border-radius:100px;
  transition:.2s;
  white-space:nowrap;
}
/* 전화 — 테두리형 */
.mcta .mcta-tel{
  background:#fff; color:#1A334E;
  box-shadow:inset 0 0 0 2px #1A334E;
}
.mcta .mcta-tel:active{background:#F1F4F8}
/* 견적 — 시그니처 코랄 */
.mcta .mcta-quote{
  background:#FF4547; color:#fff;
  box-shadow:0 6px 18px rgba(255,69,71,.32);
}
.mcta .mcta-quote:active{background:#E83B3D; transform:translateY(1px)}
.mcta svg{width:18px;height:18px;flex:none}

@media (max-width:768px){
  .mcta{display:flex}
  /* 고정 바에 본문 끝이 가리지 않도록 여백 확보 */
  body{padding-bottom:76px}
}

/* 인쇄 시에는 숨김 */
@media print{ .mcta{display:none !important} }