/* 2026-10-27 major-6 feedback — EVO ICL page only (FEEDBACK §6).
   m6-product-hero is written as a reusable product-page component (KPL·ECHO: swap data-product, logo, copy, images). */

/* 6-2 서브메뉴: 공통 서브메뉴(major6 D안)가 page-jump 링크를 오른쪽 섹션 바로가기로 대신한다 */
html body .site-header .page-jump{display:none!important}
html body #main section[id]{scroll-margin-top:172px}
@media (max-width:799px){html body #main section[id]{scroll-margin-top:128px}}

/* 6-1 제품 Hero 공통 레이아웃 */
html body #main .m6-product-hero{width:min(1200px,calc(100% - clamp(36px,5.6vw,80px)));margin:0 auto;padding:clamp(150px,13vw,176px) 0 clamp(48px,5vw,72px);font-family:'Pretendard Variable',Pretendard,system-ui,sans-serif;color:#111110;word-break:keep-all}
html body #main .m6ph-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,4vw,64px)}
/* 통일: 글 시작선 = GNB 알약 왼쪽 끝(1440에서 198), 사진은 1200 폭 오른쪽 끝(렌즈 히어로와 같은 공통 레이아웃) */
@media (min-width:800px){html body #main .m6ph-inner{padding-left:max(0px,calc((100% - var(--page-w,1044px)) / 2))}}
html body #main .m6ph-logo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:28px}
html body #main .m6ph-logo-img{display:block;width:auto;height:40px} /* 10/28 공식 로고(SVG). 다른 렌즈 제품도 같은 높이로 교체 */
html body #main .m6ph-eyebrow{margin:0 0 16px;font-size:17px;font-weight:700;line-height:1;color:#0FDFDD;letter-spacing:-.02em} /* 통일: 기존 히어로 eyebrow 17/700 민트 */
html body #main .m6-product-hero h1{margin:0;font-size:clamp(28px,2.7vw,38px);font-weight:400;line-height:1.45;letter-spacing:-.03em;color:#323232;text-align:left} /* 통일: 렌즈·시력교정 히어로 제목색 #323232 */
html body #main .m6ph-lead{margin:24px 0 0;max-width:520px;font-size:clamp(15px,1.2vw,17px);line-height:1.8;color:#323232}
/* 통일: 밑줄 글자 링크 → 기존 테두리 버튼(.bv-dir-btn 46px·14px/600, hover 반전) */
/* 화보 무대(5:4): 제품·패키지 화보 한 장. 촬영본 교체 시 .m6ph-photo 이미지만 바꾸면 됨(KPL·ECHO도 같은 틀) */
html body #main .m6ph-stage{position:relative;margin:0;aspect-ratio:5/4;background:#fff;overflow:hidden} /* 통일: 기존 히어로 사진에 없는 외곽선 제거 */
html body #main .m6ph-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:799px){
  html body #main .m6-product-hero{padding-top:148px}
  html body #main .m6ph-inner{grid-template-columns:1fr;gap:28px}
  html body #main .m6ph-copy{padding-inline:clamp(28px,4vw,56px)} /* 통일: 상세 히어로 글 상자 모바일 안쪽 여백 */
  html body #main .m6ph-logo{margin-bottom:20px}
  html body #main .m6ph-logo-img{height:32px}
  html body #main .m6-product-hero h1{font-size:26px}
  html body #main .m6-product-hero h1 br{display:none}
}

/* 6-3 상위 렌즈삽입술 링크 */
html body #main .m6-parent-link{margin-top:20px;font-size:15px;line-height:1.75;color:#323232}
html body #main .m6-parent-link a{color:#111110;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}


/* 6-5 의학정보 감수: #lens-continuation 범위 스타일(p 초기화)보다 우선하도록 공통 m6-review 값 재지정 */
html body #main #lens-continuation p.m6-review{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;width:min(960px,calc(100% - clamp(36px,5.6vw,80px)));max-width:none;margin:clamp(40px,5vw,64px) auto 0;padding:0;border:0;font:400 13px/1.6 'Pretendard Variable',Pretendard,system-ui,sans-serif;color:#6f6e69;text-align:left}

/* 6-7 단일 CTA: 버튼은 공통 .m6-btn[data-primary](상담 신청 민트 CTA) 그대로, 글자 내용 너비 */
html body #main .m6-simple-cta .m6-btn{white-space:nowrap}

/* 10/28 상담·예약 CTA: 시력교정·렌즈와 같은 공통 CTA(.m6-cta). 예전 EVO 상담 영역의 #consultation 규칙(전체 폭·위 64px)을 공통 CTA 폭·간격으로 되돌림 */
html body #main #consultation.m6-cta{width:min(1200px,calc(100% - clamp(36px,5.6vw,80px)));max-width:none;margin:clamp(120px,14vw,200px) auto 0}
/* 10/28 마지막 섹션(주의사항)과 푸터 사이 간격: 렌즈와 같은 clamp(96px,12vw,168px). 이전에는 0으로 안내 문구가 푸터에 붙어 있었음 */
html body #main>#precautions:last-child{margin-bottom:clamp(96px,12vw,168px)}
/* 10/28 주의사항 버튼: 렌즈와 같은 2개 버튼(.bv-dir-btn 46px, 간격 8px, 글자 내용 너비) */
html body #main #precautions .m6-precaution-actions{display:flex;flex-wrap:wrap;gap:8px;flex:none}
@media (max-width:799px){
  html body #main #precautions .m6-precaution-actions{margin-top:24px}
  html body #main #precautions .m6-precaution-actions .bv-dir-btn{margin-top:0}
}