body:has(.lightbox-overlay) {overflow:hidden}
.lightbox-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);display: none;justify-content: center;align-items: center;z-index: 9999}
.lightbox-container {background: white;border-radius: 15px;padding: 40px 20px;width: 95%;max-width: 960px;max-height: 85vh;overflow: hidden;position: relative}
.lightbox-container:has(h3) {padding-top:60px}
.lightbox-container h3 {position:absolute;width:calc(100% - 50px);top:10px;left:20px}
.lightbox-content {max-width: 100%;max-height: calc(85vh - 80px);overflow: auto}
.lightbox-close {position: absolute;top: 0px;right: 10px;font-size: 2em;cursor: pointer}
.lightbox-container:has(.lightbox-image) {width: auto}
.lightbox-content img.lightbox-image {max-width: 100%;max-height: 75vh;height: 100%;width: auto;display: block;margin: 0 auto}/* paylaşma stilleri */
#t_paylasmodal {color-scheme: light dark; --bg: Canvas; --fg: CanvasText; --bd: color-mix(in oklab, CanvasText 18%, transparent); --bdh: color-mix(in oklab, CanvasText 30%, transparent); --ring: color-mix(in oklab, Highlight 60%, transparent); --overlay: color-mix(in oklab, black 45%, transparent); --panel: color-mix(in oklab, Canvas 96%, transparent)}
#t_paylasmodal .shareModalOpen {overflow: hidden}
#t_paylasmodal .btn-share{appearance:none; border:1px solid var(--bd); background:var(--bg); color:var(--fg);padding:.7rem 1rem; border-radius:.9rem; font-weight:700; cursor:pointer;transition:transform .12s ease, border-color .12s ease, box-shadow .12s ease}
#t_paylasmodal .btn-share:hover{ transform:translateY(-1px); border-color:var(--bdh)}
#t_paylasmodal .btn-share:focus-visible{ outline:3px solid var(--ring); outline-offset:2px}
#t_paylasmodal .share-modal{position:fixed; inset:0; display:grid; place-items:center; z-index:1000;pointer-events:none; opacity:0; transition:opacity .18s ease}
#t_paylasmodal .share-modal[aria-hidden="false"]{ pointer-events:auto; opacity:1}
#t_paylasmodal .share-overlay{position:absolute; inset:0; background:var(--overlay); backdrop-filter:blur(2px)}
#t_paylasmodal .share-panel{position:relative; width:min(720px, 92vw); max-height:88vh; overflow:auto;background:var(--panel); color:var(--fg); border:1px solid var(--bd); border-radius:1rem;box-shadow: 0 20px 40px rgba(0,0,0,.25);transform: translateY(12px) scale(.98); opacity:.98;transition: transform .22s ease;padding:1rem 1rem 1.2rem}
#t_paylasmodal .share-modal[aria-hidden="false"] .share-panel{ transform: translateY(0) scale(1)}
#t_paylasmodal .share-header{display:flex; align-items:center; justify-content:space-between; gap:.5rem;position:sticky; top:0; background:var(--panel); padding:.2rem .1rem .6rem; z-index:1}
#t_paylasmodal .share-header h2{ margin:0; font-size:1.1rem}
#t_paylasmodal .share-close{background:transparent; border:1px solid var(--bd); border-radius:.7rem; padding:.35rem;cursor:pointer;}
#t_paylasmodal .share-close:hover{ border-color:var(--bdh)}
#t_paylasmodal .share-close:focus-visible{ outline:3px solid var(--ring); outline-offset:2px}
#t_paylasmodal .share-list{list-style:none; margin:.25rem 0 0; padding:0;display:grid; gap:.75rem;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))}
#t_paylasmodal .share-item a{display:flex; align-items:center; gap:.6rem;padding:.75rem .9rem; text-decoration:none; border-radius:.9rem;background:var(--bg); color:var(--fg); border:1px solid var(--bd); transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease}
#t_paylasmodal .share-item a:hover{ transform:translateY(-1px); border-color:var(--bdh)}
#t_paylasmodal .share-item a:focus-visible{ outline:3px solid var(--ring); outline-offset:2px}
#t_paylasmodal .share-item svg{ width:22px; height:22px; flex:none}
#t_paylasmodal .share-item span{ font-weight:600; font-size:.95rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#t_paylasmodal .share-hint{ margin:.9rem .2rem 0; opacity:.8; font-size:.9rem}
.media (max-width: 520px){ .share-panel{ width:96vw; height:92vh; max-height:92vh; border-radius:.9rem}
#t_paylasmodal .share-list{ grid-template-columns:repeat(2, 1fr)}