/* 드림렌즈 페이지 사진·그림·영상 (2026-10-04). 이 페이지(.yw-dl-visual)에만 적용 */
#ywe-p2.yw-dl-visual{--dl-ink:#17282b;--dl-muted:#56655f;--dl-line:#dfe5dc;--dl-cream:#f7f6f1;--dl-green:#2f5d50;--dl-gold:#c9a46a}
#ywe-p2.yw-dl-visual img{max-width:100%;display:block}
#ywe-p2.yw-dl-visual picture{display:contents}

/* HERO: 왼쪽 글, 오른쪽 사진 */
#ywe-p2.yw-dl-visual .ywe-p2-hero > .ywe-p2-container{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
#ywe-p2.yw-dl-visual .ywe-p2-hero-copy{margin:0;text-align:left;max-width:none}
#ywe-p2.yw-dl-visual .yw-dl-hero-img{margin:0;border-radius:20px;overflow:hidden;aspect-ratio:4/5;max-height:620px;box-shadow:0 30px 60px -30px rgba(23,40,43,.35)}
#ywe-p2.yw-dl-visual .yw-dl-hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
#ywe-p2.yw-dl-visual .yw-dl-chips{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#ywe-p2.yw-dl-visual .yw-dl-chips li{background:#fff;border:1px solid var(--dl-line);border-radius:14px;padding:14px 12px;text-align:center}
#ywe-p2.yw-dl-visual .yw-dl-chips b{display:block;font-size:18px;line-height:1.2;margin-bottom:4px;color:var(--dl-ink)}
#ywe-p2.yw-dl-visual .yw-dl-chips span{display:block;font-size:13.5px;line-height:1.4;color:var(--dl-muted);word-break:keep-all}

/* HOW IT WORKS 그림 3컷 */
#ywe-p2.yw-dl-visual .yw-dl-diagram{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#ywe-p2.yw-dl-visual .yw-dl-diagram li{background:var(--dl-cream);border-radius:20px;padding:24px 22px;text-align:center}
#ywe-p2.yw-dl-visual .yw-dl-diagram svg{width:100%;height:auto;max-height:180px;display:block;margin:0 auto 14px;font-family:Pretendard,"Noto Sans KR",sans-serif}
#ywe-p2.yw-dl-visual .yw-dl-n{font-size:12px;letter-spacing:.14em;color:var(--dl-green);font-weight:700;margin:0}
#ywe-p2.yw-dl-visual .yw-dl-diagram h3{font-size:20px;margin:6px 0 4px;color:var(--dl-ink)}
#ywe-p2.yw-dl-visual .yw-dl-diagram li p:last-child{font-size:15px;color:var(--dl-muted);margin:0;word-break:keep-all}

/* 렌즈센터 사진 */
#ywe-p2.yw-dl-visual .yw-dl-center{background:var(--dl-ink);color:#fff;border-radius:24px;margin:24px 0;padding:64px 56px}
#ywe-p2.yw-dl-visual .yw-dl-center h2{color:#fff}
#ywe-p2.yw-dl-visual .yw-dl-center .ywe-p2-number{color:var(--dl-gold)}
#ywe-p2.yw-dl-visual .yw-dl-center .ywe-detail-section-intro p{color:#c9d3cf}
#ywe-p2.yw-dl-visual .yw-dl-gallery{display:grid;grid-template-columns:1.4fr .8fr;gap:14px;margin-top:30px}
#ywe-p2.yw-dl-visual .yw-dl-g{margin:0;position:relative;border-radius:16px;overflow:hidden;height:400px}
#ywe-p2.yw-dl-visual .yw-dl-g-wide,#ywe-p2.yw-dl-visual .yw-dl-g-side2{height:290px}
#ywe-p2.yw-dl-visual .yw-dl-g img{width:100%;height:100%;object-fit:cover}
#ywe-p2.yw-dl-visual .yw-dl-g figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;background:linear-gradient(transparent,rgba(10,20,22,.8));color:#fff;font-size:16px;font-weight:700}
#ywe-p2.yw-dl-visual .yw-dl-g figcaption span{display:block;font-weight:400;font-size:13.5px;color:#d8e0dc}

/* 원장 사진 */
#ywe-p2.yw-dl-visual .yw-dl-doctor-photo{margin:24px 0 0;border-radius:18px;overflow:hidden;max-width:340px;background:#efece6}
#ywe-p2.yw-dl-visual .yw-dl-doctor-photo img{width:100%;height:auto}

/* 진행 순서 사진 띠 */
#ywe-p2.yw-dl-visual .yw-dl-steps-photo{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 22px}
#ywe-p2.yw-dl-visual .yw-dl-steps-photo figure{margin:0;position:relative;border-radius:14px;overflow:hidden;height:190px}
#ywe-p2.yw-dl-visual .yw-dl-steps-photo img{width:100%;height:100%;object-fit:cover}
#ywe-p2.yw-dl-visual .yw-dl-steps-photo figcaption{position:absolute;left:10px;bottom:10px;background:rgba(23,40,43,.78);color:#fff;font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px}

/* 둘러보기 영상 */
#ywe-p2.yw-dl-visual .yw-dl-video{margin-top:26px;max-width:980px;border-radius:20px;overflow:hidden;background:#000;aspect-ratio:16/9}
#ywe-p2.yw-dl-visual .yw-dl-video video{width:100%;height:100%;display:block;object-fit:cover}

@media (max-width:1023px){
 #ywe-p2.yw-dl-visual .ywe-p2-hero > .ywe-p2-container{grid-template-columns:1fr;gap:24px}
 #ywe-p2.yw-dl-visual .yw-dl-hero-img{aspect-ratio:4/3.4;max-height:none}
 #ywe-p2.yw-dl-visual .yw-dl-center{padding:44px 28px}
}
@media (max-width:767px){
 #ywe-p2.yw-dl-visual .yw-dl-hero-img{border-radius:14px;aspect-ratio:16/10;margin-top:20px}
 #ywe-p2.yw-dl-visual .yw-dl-chips{gap:6px;margin-top:20px}
 #ywe-p2.yw-dl-visual .yw-dl-chips li{padding:11px 6px}
 #ywe-p2.yw-dl-visual .yw-dl-chips b{font-size:16px}
 #ywe-p2.yw-dl-visual .yw-dl-chips span{font-size:12px}
 #ywe-p2.yw-dl-visual .yw-dl-diagram{grid-template-columns:1fr;gap:12px;margin-top:18px}
 #ywe-p2.yw-dl-visual .yw-dl-diagram li{display:grid;grid-template-columns:118px 1fr;gap:4px 14px;align-items:center;text-align:left;padding:14px}
 #ywe-p2.yw-dl-visual .yw-dl-diagram svg{margin:0}
 #ywe-p2.yw-dl-visual .yw-dl-diagram h3{font-size:18px}
 #ywe-p2.yw-dl-visual .yw-dl-diagram li p:last-child{font-size:14px}
 #ywe-p2.yw-dl-visual .yw-dl-center{margin:16px -16px;border-radius:0;padding:36px 16px}
 #ywe-p2.yw-dl-visual .yw-dl-gallery{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
 #ywe-p2.yw-dl-visual .yw-dl-g{height:220px}
 #ywe-p2.yw-dl-visual .yw-dl-g-main,#ywe-p2.yw-dl-visual .yw-dl-g-wide{grid-column:1/3;height:230px}
 #ywe-p2.yw-dl-visual .yw-dl-g-wide{order:2;height:200px}
 #ywe-p2.yw-dl-visual .yw-dl-g-side2{height:220px}
 #ywe-p2.yw-dl-visual .yw-dl-g figcaption{padding:28px 12px 11px;font-size:14px}
 #ywe-p2.yw-dl-visual .yw-dl-g figcaption span{font-size:12px}
 #ywe-p2.yw-dl-visual .yw-dl-doctor-photo{max-width:220px;margin-top:16px}
 #ywe-p2.yw-dl-visual .yw-dl-steps-photo{grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0}
 #ywe-p2.yw-dl-visual .yw-dl-steps-photo figure{height:96px;border-radius:10px}
 #ywe-p2.yw-dl-visual .yw-dl-steps-photo figcaption{font-size:10.5px;left:5px;bottom:5px;padding:2px 6px}
 #ywe-p2.yw-dl-visual .yw-dl-video{border-radius:14px;margin-top:16px}
}