/* 로고 + 사이트 공통 푸터 스타일.
   세 페이지(랜딩·견적기·A/S)가 다 불러 쓴다. 견적기는 자기 토큰 체계를 따로 갖고 있으므로
   여기서는 var()에 폴백 값을 붙여 base.css 없이도 그대로 서게 만든다. */

.brandmark{display:flex;align-items:center;gap:.55rem;}
.brandmark img{height:1.625rem;width:auto;display:block;}

.sitefoot{
  background:var(--paper,#F5F5F7);
  border-top:1px solid var(--line,#D2D2D7);
  /* --foot-clear : 화면 아래에 고정 바가 있는 페이지(견적기의 가격바)가 자기 높이를 알려 준다.
     그래야 푸터 마지막 줄이 바 뒤로 숨지 않는다. */
  padding:1.75rem clamp(1.25rem,5vw,4rem) calc(2rem + var(--foot-clear,0px));
  font-size:0.8125rem;
  line-height:1.7;
  color:var(--muted,#86868B);
  letter-spacing:0;
}
.sitefoot .row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;}
.sitefoot .row+.row{margin-top:.9rem;}
.sitefoot a{color:inherit;text-decoration:none;}
.sitefoot .legal a{
  font-weight:600;color:var(--text,#1D1D1F);
  transition:color .18s cubic-bezier(.32,.72,0,1);
}
@media (hover:hover) and (pointer:fine){
  .sitefoot .legal a:hover{color:var(--amber-ink,#B35F14);}
}
.sitefoot .sep{color:var(--line,#D2D2D7);margin:0 .25rem;}
.sitefoot .tel{font-weight:600;color:var(--text,#1D1D1F);}
.sitefoot .fine{color:var(--muted,#86868B);}

/* 견적서를 인쇄할 때 회사 푸터가 따라 나오지 않게 — 인쇄물은 견적 4페이지만이다. */
@media print{
  .sitefoot{display:none!important;}
}