.cmp-tg{--cmp-tg-thumb-sz:20vw;width:100%;height:calc(100vh - 20px);display:flex;flex-direction:column;gap:8px;box-sizing:border-box;overflow:hidden}@media (min-width:678px){.cmp-tg{--cmp-tg-thumb-sz:120px}}.cmp-tg__main{width:100%;flex:1 1 auto;min-height:0;position:relative;overflow:hidden;border-radius:12px}.cmp-tg__main .swiper-wrapper{height:100%}.cmp-tg__main .swiper-slide{height:100%}.cmp-tg__main img{width:100%;height:100%;object-fit:cover;display:block}.cmp-tg__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .85);border:none;border-radius:50%;cursor:pointer;color:#171717;transition:background 0.2s ease;flex-shrink:0}.cmp-tg__arrow:hover{background:#fff}.cmp-tg__arrow--prev{left:16px}.cmp-tg__arrow--next{right:16px}.cmp-tg__arrow.swiper-button-disabled{opacity:.3;pointer-events:none}.cmp-tg__thumbs{width:100%;flex:0 0 auto;overflow:hidden;box-sizing:border-box;height:var(--cmp-tg-thumb-sz)}.cmp-tg__thumbs .swiper-slide{width:var(--cmp-tg-thumb-sz);height:var(--cmp-tg-thumb-sz);border-radius:8px;overflow:hidden;cursor:pointer;opacity:.55;transition:opacity 0.2s ease;box-sizing:border-box}.cmp-tg__thumbs .swiper-slide-thumb-active{opacity:1}.cmp-tg__thumbs img{width:100%;height:100%;object-fit:cover;display:block}.cmp-tg__main .swiper-slide{cursor:zoom-in}@media (min-width:1200px){.cmp-tg{flex-direction:row}.cmp-tg__thumbs .swiper-slide{width:100%}}.cmp-tg-lb{display:none;position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center}.cmp-tg-lb.is-open{display:flex}.cmp-tg-lb__overlay{position:absolute;inset:0;background:rgb(0 0 0 / .9)}.cmp-tg-lb__img-wrap{position:relative;z-index:1;width:calc(100vw - 130px);height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center}.cmp-tg-lb__img{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:4px;user-select:none}.cmp-tg-lb__close{position:absolute;top:16px;right:16px;z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .15);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background 0.2s ease}.cmp-tg-lb__close:hover{background:rgb(255 255 255 / .3)}.cmp-tg-lb__prev,.cmp-tg-lb__next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .15);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background 0.2s ease,opacity 0.2s ease}.cmp-tg-lb__prev:hover,.cmp-tg-lb__next:hover{background:rgb(255 255 255 / .3)}.cmp-tg-lb__prev:disabled,.cmp-tg-lb__next:disabled{opacity:.25;pointer-events:none}.cmp-tg-lb__prev{left:12px}.cmp-tg-lb__next{right:12px}.cmp-tg-lb__counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2;color:rgb(255 255 255 / .92);font-size:13px;font-family:system-ui,-apple-system,sans-serif;letter-spacing:.06em;background:rgb(0 0 0 / .45);padding:4px 14px;border-radius:20px;white-space:nowrap}