.tg-media-gallery { padding: 50px 0; }
.tg-media-slider { position: relative; }
.tg-media-viewport { overflow: hidden; width: 100%; }
.tg-media-track { display: flex; transition: transform .32s ease; will-change: transform; }
.tg-media-slide { flex: 0 0 100%; min-width: 0; margin: 0; }
.tg-media-frame { display: flex; width: 100%; min-height: 260px; margin: 0; overflow: hidden; align-items: center; justify-content: center; border-radius: 24px; background: #15131a; }
.tg-media-photo, .tg-media-video { display: block; width: 100%; max-height: min(75vh, 820px); object-fit: contain; }
.tg-media-video { aspect-ratio: 16 / 9; background: #000; }
.tg-media-caption { margin: 14px 0 0; text-align: center; }
.tg-media-arrow { position: absolute; z-index: 2; top: 50%; width: 46px; height: 46px; border: 0; border-radius: 50%; transform: translateY(-50%); background: #fff; box-shadow: 0 8px 24px rgb(0 0 0 / .25); color: #2b1a47; cursor: pointer; font-size: 30px; line-height: 1; }
.tg-media-arrow--prev { left: 16px; }
.tg-media-arrow--next { right: 16px; }
.tg-media-arrow[disabled] { cursor: default; opacity: .4; }
.tg-media-arrow.is-hidden { display: none; }
@media (max-width: 768px) { .tg-media-gallery { padding: 35px 0; } .tg-media-frame { min-height: 180px; border-radius: 16px; } .tg-media-arrow { width: 38px; height: 38px; font-size: 25px; } .tg-media-arrow--prev { left: 8px; } .tg-media-arrow--next { right: 8px; } }