/* 상품 상세페이지(웨딩홀/스드메/허니문/컬렉션) + 찜한 상품 페이지가 공용으로 쓰는
   하단 고정 CTA바. 예전엔 페이지마다 vd-/sd-/hd-/cd- 접두사만 다르게 복붙돼 있어서,
   모바일 하단 메뉴(.mob-bottom-bar)와 겹치는 버그 하나 고치는 데도 5개 파일을 각각
   손봐야 했다 — 공용 파일 하나로 정리해서 앞으로는 여기만 고치면 된다.
   버튼 색은 페이지별 :root의 --sky-deep 변수를 그대로 물려받는다. */
.detail-cta-bar{position:fixed; left:0; right:0; bottom:0; background:#fff; border-top:1px solid var(--line); padding:14px clamp(20px,4vw,64px); display:flex; gap:8px; justify-content:center;}
.detail-cta-btn{position:relative; flex:1; max-width:300px; border:none; border-radius:100px; padding:15px; font-size:14.5px; font-weight:800; cursor:pointer; font-family:inherit;}
.detail-cta-btn.primary{background:var(--sky-deep); color:#fff;}
.detail-cta-btn.secondary{background:#fff; color:var(--sky-deep); border:1.5px solid var(--sky-deep) !important;}

@media (max-width:760px){
  /* 오프셋으로 띄우는 대신, 이 CTA바가 있는 페이지에서는 사이트 공용
     하단 메뉴(.mob-bottom-bar)를 아예 숨긴다 — 상세페이지에서는 어차피
     지금 보는 상품에 대한 찜하기/신청하기가 우선이라, 둘 다 띄우면
     번잡하기만 하다. !important인 이유는 이 파일이 각 페이지의 <style>
     블록보다 먼저 로드돼서, 동일 우선순위면 나중에 나오는 페이지 쪽
     규칙이 이겨버리기 때문. */
  .mob-bottom-bar{display:none !important;}
}