/* v9 hotfix: 요청받은 페이지에만 적용되는 보정 CSS */

/* 울쎄라피: 중복 섹션 제거 후 SEE/PLAN/TREAT + 추천문구를 한 화면에 안정적으로 배치 */
.ulthera-v8 .recommend-section{height:100%;min-height:100%;overflow:hidden}
.ulthera-v8 .recommend-visual{height:68%;min-height:0}
.ulthera-v8 .recommend-visual img{width:100%;height:100%;object-fit:cover;object-position:center top}
.ulthera-v8 .recommend-copy{height:32%;min-height:0;padding:2.2rem 7%;overflow:hidden}

/* 문신제거: 임시 이미지는 완전한 흰 영역으로만 표시 */
.tattoo-v8 .blank-sample{display:block;width:100%;height:100%;min-height:28rem;background:#fff}
.tattoo-v8 .prod_img .img .blank-sample{min-height:34rem}
.tattoo-v8 .tattoo-principle{padding:3vh 4vw}
.tattoo-v8 .tattoo-principle img{display:block;width:auto;height:auto;max-width:88%;max-height:82vh;object-fit:contain;margin:auto}

/* 색소질환 스타워커: 기존 장비 카드와 동일한 높이/텍스트 흐름 유지 */
.melanin-v8 .equipment_swiper .starwalker .starwalker-img{height:38rem;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.melanin-v8 .equipment_swiper .starwalker .starwalker-img img{display:block;width:auto!important;height:auto!important;max-width:88%!important;max-height:34rem!important;object-fit:contain!important;margin:0 auto}
.melanin-v8 .equipment_swiper .starwalker > p{position:static!important;transform:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}

/* 제모: 장비 이미지 과대노출 방지 + 탭 콘텐츠 안정화 */
.hair-v9 #sect4 .prod_wp{overflow:hidden}
.hair-v9 #sect4 .tab_wrap{position:relative;z-index:5}
.hair-v9 #sect4 .tab_wrap .tab{cursor:pointer}
.hair-v9 #sect4 .tab_cont{width:100%}
.hair-v9 #sect4 .prod_box{width:100%;overflow:hidden}
.hair-v9 #sect4 .prod_img .img{height:38rem;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hair-v9 #sect4 .prod_img .img img{display:block;width:auto!important;height:auto!important;max-width:80%!important;max-height:34rem!important;object-fit:contain!important;margin:auto}
.hair-v9 #sect4 .prod_info{box-sizing:border-box;padding-left:7%;padding-right:7%}

/* B&A: 1:2 프레임 안에서 실제 사진이 과도하게 잘리지 않도록 중앙 기준 */
.before-after-v8 .ba-card img{object-fit:cover;object-position:center center}

@media all and (max-width:1200px){
  .melanin-v8 .equipment_swiper .starwalker .starwalker-img{height:30rem}
  .melanin-v8 .equipment_swiper .starwalker .starwalker-img img{max-height:27rem!important}
  .hair-v9 #sect4 .prod_img .img{height:30rem}
  .hair-v9 #sect4 .prod_img .img img{max-height:27rem!important}
}

@media all and (max-width:768px){
  .ulthera-v8 .recommend-visual{height:58%}
  .ulthera-v8 .recommend-visual img{object-fit:cover;object-position:center top}
  .ulthera-v8 .recommend-copy{height:42%;padding:1.5rem 5%}
  .tattoo-v8 .blank-sample{min-height:20rem}
  .tattoo-v8 .prod_img .img .blank-sample{min-height:22rem}
  .tattoo-v8 .tattoo-principle img{max-width:96%;max-height:76vh}
  .melanin-v8 .equipment_swiper .starwalker .starwalker-img{height:22rem}
  .melanin-v8 .equipment_swiper .starwalker .starwalker-img img{max-height:20rem!important}
  .hair-v9 #sect4 .prod_img .img{height:23rem}
  .hair-v9 #sect4 .prod_img .img img{max-width:74%!important;max-height:20rem!important}
  .hair-v9 #sect4 .prod_info{padding-left:5%;padding-right:5%}
}
