.gykkSlide * {user-select: none}
.gykkSlide {position: relative;overflow: hidden}
.gykkSlide .dragging {cursor: grabbing;transition: none}
.gykkSlide .gykkSlide-container {display: flex}
.gykkSlide .gykkItem {position: relative;animation-delay: 0s;animation-iteration-count: 1;animation-fill-mode: forwards}
.gykkSlide .gykkItem:has(.onScreen),.gykkSlide .gykkItem .caption {animation-delay: 0.5s;animation-fill-mode: both}
.gykkSlide .gykkItem .caption.hidden {display: none;visibility: hidden;opacity: 0}
.gykkSlide .gykkItem.active {left: 0;opacity: 1}
.gykkSlide .gykkItem.previous {left: -100%}
.gykkSlide img {display: block;width: 100%;height: auto}
.gykkSlide .gykkSlide-navs {}
.gykkSlide .nav-button {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(0, 0, 0, 0.5);color: white;border: none;padding: 10px;cursor: pointer;z-index: 10}
.gykkSlide .nav-button.prev {left: 10px}
.gykkSlide .nav-button.next {right: 10px}
.gykkSlide .gykkSlide-dots {text-align: center;margin-top: 10px}
.gykkSlide .dot {display: inline-block;width: 10px;height: 10px;margin: 5px;background-color: gray;border-radius: 50%;cursor: pointer}
.gykkSlide .dot.active {background-color: black}
.gykkSlide .gykkSlide-thumbs-wrapper {display: flex;align-items: center;justify-content: center;gap: 8px;margin-top: 10px;width: 100%}
.gykkSlide .gykkSlide-thumbs {position: relative;overflow: hidden;flex: 1 1 auto;width: 100%;scroll-behavior: smooth}
.gykkSlide .gykkSlide-thumbs-track {display: flex;flex-wrap: nowrap;transition: transform 0.3s ease}
.gykkSlide .gykkSlide-thumbs:not(.has-scroll) .gykkSlide-thumbs-track {justify-content: center}
.gykkSlide .gykkThumb {box-sizing: border-box;padding: 5px;cursor: pointer;opacity: 0.6;transition:opacity 0.3s,border-color 0.3s;border: 2px solid transparent}
.gykkSlide .gykkThumb img {display: block;width: 100%;height: auto}
.gykkSlide .gykkThumb.active {opacity: 1;border-color: #000;box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1)}
.gykkSlide .gykkThumb-nav {background-color: rgba(0, 0, 0, 0.5);color: #fff;border: none;padding: 6px 10px;cursor: pointer;display: flex;align-items: center;justify-content: center;border-radius: 2px;transition: opacity 0.3s}
.gykkSlide .gykkThumb-nav[disabled] {opacity: 0.3;cursor: default}
.gykkSlide .gykkThumb-nav:not([disabled]):hover {opacity: 0.7}/* 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)}