/* site-enhance.css — 라이트박스 + 공유 버튼. 각 사이트의 --accent / --bg 변수를 따라갑니다. */
img.sl-zoomable{cursor:zoom-in;transition:filter .15s ease, transform .15s ease;}
img.sl-zoomable:hover{filter:brightness(1.06);}
img.sl-zoomable:focus-visible{outline:3px solid var(--accent,#23aa08);outline-offset:2px;}
/* 사진 위 라벨(Before/After 등)이 클릭을 가로채지 않도록 */
.ph .lbl,.badge{pointer-events:none;}
.ph,.case-card{position:relative;}
.ph::after{content:"⤢";position:absolute;right:8px;bottom:8px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:.9rem;line-height:26px;text-align:center;pointer-events:none;opacity:.85;}

html.sl-lock{overflow:hidden;}

.sl-overlay{position:fixed;inset:0;z-index:1000;background:rgba(8,10,14,.94);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease;}
.sl-overlay[hidden]{display:none;}
.sl-overlay.sl-on{opacity:1;}
.sl-fig{margin:0;max-width:96vw;max-height:94vh;display:flex;flex-direction:column;align-items:center;gap:10px;}
.sl-img{max-width:96vw;max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:8px;background:#111;box-shadow:0 10px 40px rgba(0,0,0,.5);}
.sl-cap{color:#dfe3e8;font-size:.9rem;text-align:center;max-width:min(90vw,720px);line-height:1.5;}
.sl-count{position:absolute;top:16px;left:50%;transform:translateX(-50%);color:#cfd4da;font-size:.85rem;background:rgba(255,255,255,.1);padding:4px 12px;border-radius:999px;}
.sl-btn{position:absolute;border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.14);width:46px;height:46px;border-radius:50%;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s ease;}
.sl-btn:hover{background:rgba(255,255,255,.28);}
.sl-btn[hidden]{display:none;}
.sl-close{top:14px;right:14px;font-size:1.2rem;}
.sl-prev{left:14px;top:50%;transform:translateY(-50%);font-size:2rem;padding-bottom:4px;}
.sl-next{right:14px;top:50%;transform:translateY(-50%);font-size:2rem;padding-bottom:4px;}

.sl-share{position:fixed;right:16px;bottom:18px;z-index:60;display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;color:#fff;background:var(--accent,#23aa08);padding:12px 16px;border-radius:999px;font:800 .9rem/1 "Noto Sans KR","Malgun Gothic",sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.28);transition:transform .15s ease, box-shadow .15s ease;}
.sl-share:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.32);}
.sl-share:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px var(--accent,#23aa08);}

.sl-sheet{position:fixed;right:16px;bottom:72px;z-index:61;min-width:210px;background:#fff;color:#171a20;border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.3);padding:6px;opacity:0;transform:translateY(6px);transition:opacity .15s ease, transform .15s ease;}
.sl-sheet[hidden]{display:none;}
.sl-sheet.sl-on{opacity:1;transform:none;}
.sl-sheet-item{display:block;width:100%;text-align:left;border:0;background:transparent;padding:12px 14px;border-radius:10px;font:700 .92rem/1.2 "Noto Sans KR","Malgun Gothic",sans-serif;color:inherit;cursor:pointer;}
.sl-sheet-item:hover,.sl-sheet-item:focus-visible{background:#eef2f0;outline:none;}

.sl-toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%,12px);z-index:1100;background:rgba(20,24,32,.94);color:#fff;padding:11px 18px;border-radius:999px;font:700 .9rem/1.2 "Noto Sans KR","Malgun Gothic",sans-serif;opacity:0;pointer-events:none;transition:opacity .2s ease, transform .2s ease;white-space:nowrap;}
.sl-toast.sl-show{opacity:1;transform:translate(-50%,0);}

.sl-hidden-ta{position:fixed;left:-9999px;top:0;opacity:0;}

@media (max-width:560px){
  .sl-share{right:12px;bottom:14px;padding:13px;}
  .sl-share-txt{display:none;}
  .sl-sheet{right:12px;bottom:66px;}
  .sl-prev,.sl-next{width:40px;height:40px;}
  .sl-prev{left:8px;} .sl-next{right:8px;}
}
@media (prefers-reduced-motion:reduce){
  .sl-overlay,.sl-share,.sl-sheet,.sl-toast,img.sl-zoomable{transition:none;}
}