/* =========================================================
   page/lens/ 폴더 전용 CSS
   - retina.css / myopia.css 공용 컴포넌트 재사용 + 수술과정 스텝만 추가
   ========================================================= */
.bd-lens-step{ padding:80px 0 100px; }
.bd-lens-step-list{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.bd-lens-step-tag{ display:block; font-family:'Marcellus'; font-size:14px; color:var(--bd-main,#188FCA); margin-bottom:14px; }
.bd-lens-step-img{ aspect-ratio:4/3; border-radius:12px; overflow:hidden; margin-bottom:18px; background:#f0f5fa; }
.bd-lens-step-img img, .bd-lens-step-img .bd-ph{ width:100%; height:100%; object-fit:cover; }
.bd-lens-step-list p{ color:#444; font-size:14.5px; line-height:1.7; }
.bd-lens-step-list b{ color:var(--bd-main-deep,#0e6690); }
@media (max-width:768px){ .bd-lens-step-list{ grid-template-columns:1fr; } }