/* ===== תצוגת תמונה (עיצוב ג): בגלריה ובעמוד של כל תמונה ===== */
.lk{--lk-ink:#1d1d1f;--lk-soft:#5f5a58;--lk-wa:#1f9d55;position:fixed;inset:0;z-index:200;background:#0d0b0b;color:var(--lk-ink);font-family:-apple-system,"SF Hebrew",BlinkMacSystemFont,"Assistant",system-ui,sans-serif;line-height:1.55;overflow:hidden;-webkit-font-smoothing:antialiased;display:none}
.lk.open{display:block}
.lk-amb{position:absolute;inset:-60px;background:center/cover no-repeat;filter:blur(60px) saturate(1.3) brightness(.72);transform:scale(1.1);transition:background-image .3s}
.lk-view{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:72px 90px 112px;touch-action:pan-y}
.lk.has-sheet .lk-view{padding:72px 40px 40px 440px}
.lk-img{width:auto;height:auto;object-fit:contain;max-width:100%;max-height:100%;border-radius:18px;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);user-select:none;-webkit-user-drag:none;transition:opacity .18s ease}
.lk-img.fade{opacity:0}
.lk-top{position:absolute;inset:0 0 auto 0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:4}
.lk-chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;color:#fff;text-decoration:none;font:500 15px/1 inherit;font-family:inherit;cursor:pointer;background:rgba(255,255,255,.16);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.22);transition:transform .1s ease-out,background .2s}
.lk-chip:active{transform:scale(.96)}.lk-chip:hover{background:rgba(255,255,255,.26)}
.lk-chip svg{width:18px;height:18px;flex:none}
.lk-count{color:rgba(255,255,255,.85);font-size:14px;font-variant-numeric:tabular-nums}
.lk-arrow{position:absolute;top:50%;margin-top:-23px;width:46px;height:46px;padding:0;justify-content:center;z-index:4}
.lk-arrow.prev{right:18px}.lk-arrow.next{left:440px}
.lk.has-sheet .lk-arrow.next{left:440px}
.lk-dock{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:calc(22px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px;padding:7px;padding-inline-start:20px;border-radius:999px;background:rgba(255,255,255,.74);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 18px 40px -16px rgba(0,0,0,.5);white-space:nowrap}
.lk-dock .lbl{font-size:15px;font-weight:600}
.lk-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;background:var(--lk-wa);color:#fff;text-decoration:none;font-weight:600;font-size:16px;transition:transform .1s ease-out,filter .2s}
.lk-go:active{transform:scale(.96)}.lk-go:hover{filter:brightness(1.06)}
.lk-go svg{width:20px;height:20px}
.lk-sheet{position:absolute;z-index:5;background:rgba(255,255,255,.8);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.55);box-shadow:0 30px 60px -20px rgba(0,0,0,.45);color:var(--lk-ink)}
.lk-grab{display:none;width:40px;height:5px;border-radius:3px;background:rgba(0,0,0,.25);margin:8px auto 14px;cursor:grab}
.lk-sheet h1,.lk-sheet h2.t{font-size:27px;line-height:1.15;letter-spacing:-.02em;font-weight:700;margin:0 0 6px;text-wrap:balance;font-family:inherit}
.lk-where{color:var(--lk-soft);font-size:15px;margin:0 0 18px}
.lk-where a{color:inherit}
.lk-cta{display:flex;gap:10px;margin:0 0 22px}
.lk-cta .lk-go{flex:1;border-radius:14px;height:50px;font-size:17px}
.lk-sq{flex:0 0 50px;height:50px;border:0;border-radius:14px;background:rgba(0,0,0,.07);color:var(--lk-ink);display:grid;place-items:center;cursor:pointer}
.lk-sq svg{width:20px;height:20px}
.lk-desc{margin:0 0 18px;font-size:17px}
.lk-fit{font-size:15px;color:var(--lk-soft);margin:0 0 4px}
.lk-fit b{display:block;color:var(--lk-ink);font-size:17px;font-weight:600;margin-top:2px}
.lk-sheet h3{font-size:19px;letter-spacing:-.01em;margin:22px 0 10px;font-family:inherit}
.lk-grp{background:rgba(255,255,255,.72);border-radius:16px;padding:4px 16px;margin:0 0 14px}
.lk-grp div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;font-size:15px}
.lk-grp div+div{border-top:.5px solid rgba(0,0,0,.12)}
.lk-grp span:first-child{color:var(--lk-soft);flex:none}
.lk-grp span:last-child{text-align:left;font-weight:500}
.lk-more{display:flex;flex-direction:column;gap:8px;margin-top:6px;font-size:15px}
.lk-more a{color:var(--lk-ink);font-weight:600}
.lk-series{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.lk-series img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;display:block}
.lk :focus-visible{outline:3px solid #0a84ff;outline-offset:2px}
@media(min-width:901px){.lk-sheet{top:72px;left:24px;width:392px;max-height:calc(100% - 96px);border-radius:26px;overflow:auto;padding:28px 26px}}
@media(max-width:900px){
 .lk-view,.lk.has-sheet .lk-view{padding:0;align-items:center}
 .lk-img{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;box-shadow:none}
 .lk-arrow{display:none}
 .lk-dock{left:12px;right:12px;transform:none;justify-content:space-between}
 .lk-sheet{left:0;right:0;bottom:0;height:88%;border-radius:26px 26px 0 0;padding:0 18px;will-change:transform;touch-action:none}
 .lk-grab{display:block}
 .lk-inner{height:calc(100% - 30px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
 .lk-sheet.locked .lk-inner{overflow:hidden}
 .lk-series{grid-template-columns:repeat(3,1fr)}
}
@media(prefers-reduced-transparency:reduce){.lk-sheet,.lk-dock,.lk-chip{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.lk-chip{color:#1d1d1f}}
@media(prefers-reduced-motion:reduce){.lk-img,.lk-chip,.lk-go{transition:none}}
/* עמוד תמונה עצמאי */
.lk.page{display:block}
.lk-view picture{display:contents}
.lk-sheet{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}
.lk,.lk *{box-sizing:border-box}.lk-arrow{z-index:6}
.lk-arrow{background:rgba(20,16,16,.55);border-color:rgba(255,255,255,.35)}.lk-arrow:hover{background:rgba(20,16,16,.75)}@media(min-width:901px){.lk.has-sheet .lk-view{padding:72px 90px 40px 510px}}
@media(min-width:901px){.lk-arrow.next,.lk.has-sheet .lk-arrow.next{left:18px}.lk-sheet{left:84px}.lk.has-sheet .lk-view{padding:72px 90px 40px 516px}}
