/* ONDA_MOBILE_CVR_20260923 — 모바일 전환 보강.
   원문 HTML·제목·설명·구조화 데이터는 바꾸지 않는다. 화면 표시만 바꾸고, 960px 이하에서만 동작한다.
   ① 상담 버튼 「무료 상담」 라벨·메뉴(전화·순위견적)·말풍선 ② 첫 화면 한 줄 후킹 문구(CSS 로만 그려 레이아웃 이동 없음)
   ③ 문의·견적 쪽 폼을 첫 화면으로 ④ 문서 끝 중복 상담 상자·사례 카드 스크롤 줄이기 */

.ocv-m,.oc-widget .oc-actions>.oc-call,.oc-widget .oc-actions>.oc-quote,.ocv-bubble,.ocv-alt{display:none}

@media(max-width:960px){
  /* ① 상담 버튼 */
  .oc-widget .ocv-d{display:none}
  .oc-widget .ocv-m{display:inline}
  .oc-widget .oc-actions.ocv-actions{grid-template-columns:1fr 1fr}
  .oc-widget .oc-actions.ocv-actions>a{grid-column:1/-1}
  .oc-widget .oc-actions>.oc-quote{display:flex;flex-direction:column;gap:1px;background:var(--pm-mint,#eff7f2);border:1px solid #cfe3da;color:var(--pm-ink,#173b32)}
  .oc-widget .oc-quote em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--pm-muted,#5f786c)}

  .pm-float.oc-widget .ocv-bubble{display:block;position:absolute;right:0;bottom:calc(100% + 13px);width:min(292px,calc(100vw - 32px));visibility:hidden;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}
  .pm-float.oc-widget .ocv-bubble.is-on{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .22s ease,transform .22s ease}
  .pm-float.oc-widget.oc-open .ocv-bubble{display:none}
  .pm-float.oc-widget.ocv-yield{opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
  .pm-float.oc-widget{transition:opacity .18s ease,transform .18s ease}
  .ocv-bubble .ocv-bubble-link{display:grid;gap:3px;padding:13px 46px 14px 16px;border-radius:16px;background:var(--pm-ink,#173b32);color:#fff!important;text-decoration:none!important;box-shadow:0 12px 30px #173b3236;word-break:keep-all}
  .ocv-bubble .ocv-bubble-link::after{content:"";position:absolute;right:64px;bottom:-6px;width:13px;height:13px;background:var(--pm-ink,#173b32);transform:rotate(45deg);border-radius:0 0 3px 0}
  .ocv-bubble .ocv-kicker{font-size:11px;font-weight:700;line-height:1.4;color:#9fe0c8}
  .ocv-bubble .ocv-title{font-size:15.5px;font-weight:780;line-height:1.4;letter-spacing:-.035em}
  .ocv-bubble .ocv-go{font-size:12.5px;font-weight:600;line-height:1.5;color:#d6eee4}
  .ocv-bubble .ocv-go::after{content:" →"}
  .ocv-bubble .ocv-close{position:absolute;top:3px;right:3px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:#cfe7dd;font:inherit;font-size:21px;line-height:1;cursor:pointer}
  .ocv-bubble :is(a,button):focus-visible{outline:3px solid #58ac94;outline-offset:2px}

  /* ② 첫 화면 한 줄 — 버튼 바로 아래. 가짜 약속 없이 이미 공개된 조건만 쓴다 */
  .pm-hero-actions[data-cta-position="top"]::after,.pm-home .oh-hero-actions::after{content:"상담 무료 · 연락처만 남기면 시작";display:block;flex:1 0 100%;order:9;margin-top:-3px;padding-left:21px;font-size:12.5px;font-weight:650;line-height:18px;letter-spacing:-.02em;color:var(--pm-green,#07846f);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2307846f'/%3E%3Cpath d='M4.6 8.2l2.2 2.2 4.6-4.7' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left center/15px 15px no-repeat}
  .pm-home .oh-hero-actions::after{content:"상담 무료 · 연락처만 남기면 시작 · 실제 사례 공개";margin-top:4px}
  .pm-form-page.pm-theme-place .pm-hero-actions[data-cta-position="top"]::after{content:"무료 · 회원가입 없음 · 전화번호 입력 없음"}

  /* ③ 문의 쪽 — 장식 사진·중복 버튼을 빼고 폼을 제목 바로 아래로 */
  .pm-form-page.pm-theme-data .pm-article-hero .pm-hero-figure,
  .pm-form-page.pm-theme-data .pm-article-hero .pm-hero-actions,
  .pm-form-page.pm-theme-data .pm-article-hero .pm-hero-note{display:none}
  .pm-form-page.pm-theme-data .pm-article-hero{gap:0;padding-bottom:4px}
  .pm-form-page.pm-theme-data .pm-form-section>#pm-inquiry{order:-1}
  .pm-form-page.pm-theme-data #contactForm::before{content:"상담 무료 · 필수 입력은 연락처 하나";display:block;margin:0 0 14px;padding-left:21px;font-size:12.5px;font-weight:700;line-height:18px;color:var(--pm-green,#07846f);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2307846f'/%3E%3Cpath d='M4.6 8.2l2.2 2.2 4.6-4.7' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left center/15px 15px no-repeat}
  .ocv-alt.callout{display:block;margin:14px 0 0;padding:16px;border:1px solid var(--pm-line,#d9e5df);border-radius:14px;background:#fff;line-height:1.5}
  .ocv-alt .ocv-alt-title{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--pm-ink,#173b32)}
  .ocv-alt .ocv-alt-row{display:grid;grid-template-columns:1fr;gap:8px}
  .ocv-alt .ocv-alt-row a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 8px;border-radius:10px;font-size:14px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none}
  .ocv-alt .ocv-alt-kakao{background:#fee500;color:#191600!important}

  /* 견적 쪽 — 장식 사진을 빼서 주소 입력칸을 첫 화면에 */
  .pm-form-page.pm-theme-place .pm-article-hero .pm-hero-figure{display:none}
  .pm-form-page.pm-theme-place .pm-article-hero{gap:0;padding-bottom:8px}

  /* ④ 문서 끝 — 바로 뒤에 같은 상담 상자가 또 있으면 앞의 일반 상자는 접는다 */
  #oj-related:has(~ .pm-consult) .oj-consult{display:none}
  #oj-recent.ocv-solo{display:none}
}

/* 사례 카드 4장 2x2(약 700px) → 옆으로 넘기는 한 줄 */
@media(max-width:640px){
  .oj-related .oj-grid{display:flex;gap:12px;margin:0 -20px;padding:2px 20px 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none}
  .oj-related .oj-grid::-webkit-scrollbar{display:none}
  .oj-related .oj-grid>.oj-card{flex:0 0 min(74%,300px);scroll-snap-align:start}
}

@media(prefers-reduced-motion:reduce){
  .pm-float.oc-widget,.pm-float.oc-widget.ocv-yield,.pm-float.oc-widget .ocv-bubble,.pm-float.oc-widget .ocv-bubble.is-on{transition:none}
}
/* 2026-10-02 전화 연결 비노출(운영자 지시) — 옛 스크립트가 캐시에 남아 통화 버튼을 만들어도 숨긴다 */
.oc-widget .oc-call,.ocv-alt .ocv-alt-call{display:none!important}