.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}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}