/* 서윤산업 v4 공통 덧씌움 — site.css 다음에 불러온다 (옛 시안 페이지는 그대로 두기 위해 따로 둔다) */

/* 머리말 앞 기호: 짧은 주황 세로 막대 */
.eyebrow{gap:10px}
.eyebrow::before{width:3px;height:14px;background:var(--point);border-radius:2px}

/* 메뉴 5개가 한 줄에 들어가게 */
header.gnb .wrap{gap:28px}
.menu>li>a{padding:0 13px}

/* 머리 오른쪽: 견적문의 — 넓은 타원 버튼 */
.hd-tel{white-space:nowrap;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:var(--point);color:var(--point-ink);border:0;border-radius:999px;padding:8px 24px;margin-left:6px;font-size:18px;line-height:1.15;transition:transform .15s}
.hd-tel small{color:var(--point-ink);opacity:.8;font-size:12px;font-weight:800}
.hd-tel:hover{background:var(--point-hover)}
.hd-tel:active{transform:scale(.97)}
.hd-tel:focus-visible,.float a:focus-visible{outline:3px solid var(--main-2);outline-offset:2px}

@media(max-width:900px){
  .hd-tel{padding:6px 14px;font-size:14px;margin:0}
  .logo{min-width:0}
  .hd-tel small{font-size:10.5px}
  /* 휴대폰: 아래 고정 줄 대신 오른쪽 아래 떠 있는 QUICK 메뉴 */
  .mbar{display:none!important}
  .float{display:flex;position:fixed;right:12px;bottom:16px;margin:0;width:62px;border-radius:16px;box-shadow:0 12px 28px rgba(var(--main-d-rgb),.28)}
  .float .f-head{font-size:10px;padding:7px 0}
  .float a{padding:9px 0 8px;gap:4px;font-size:11px}
  .float a i{width:38px;height:38px;border-radius:11px}
  .float svg{width:19px;height:19px}
  .float .f-top{padding:7px 0;font-size:10px}
  html.shot .float{display:flex;position:absolute;top:560px;right:12px;bottom:auto}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}