.cg-main-swiper.swiper-container, .cg-thumb-swiper.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .cg-main-swiper ul.swiper-wrapper, .cg-thumb-swiper ul.swiper-wrapper { padding: 0; margin: 0; } .cg-main-swiper ul.swiper-wrapper li.swiper-slide, .cg-thumb-swiper ul.swiper-wrapper li.swiper-slide { list-style: none; margin: 0; } .cg-main-swiper { height: auto; width: 100%; position: relative; } .cg-main-swiper .swiper-slide img, .cg-thumb-swiper .swiper-slide img { display: block; width: 100%; height: auto; } .gallery-hide { display: none; } .gallery-show { display: block; } .elementor-invisible { visibility: visible; } .cg-main-swiper .swiper-slide:has(.cgkit-image-caption) { position: relative; } .cgkit-image-caption { box-sizing: border-box; position: absolute; bottom: 0.5rem; left: 0.5rem; padding: 0.4rem 0.5rem; background: rgba(255, 255, 255, 0.95); border-radius: 4px; max-width: calc(100% - 1rem); color: #000; font-size: 11px; line-height: 1.5; text-align: left; } .rtl .cgkit-image-caption { right: 0.5rem; left: auto; } div.cgkit-play, div.cgkit-play svg { position: absolute; font-size: 100%; border-radius: 100px; top: 50%; left: 50%; width: 40px; height: 40px; transform: translate(-50%, -50%); z-index: 10; transition: 0.2s all; } div.cgkit-play:hover { background-color: rgba(0, 0, 0, .5); } div.cgkit-play:active, div.cgkit-play:focus { outline: 0; border: none; -moz-outline-style: none; } div.cg-main-swiper div.cgkit-play, div.cg-main-swiper div.cgkit-play svg, div.pswp__scroll-wrap div.cgkit-play, div.pswp__scroll-wrap div.cgkit-play svg { width: 60px; height: 60px; } div.cg-main-swiper div.cgkit-play svg, div.pswp__scroll-wrap div.cgkit-play svg { width: 80px; height: 80px; } div.cg-main-swiper .swiper-slide.cgkit-iframe-video-nap a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } div.cg-main-swiper .swiper-slide.cgkit-iframe-video a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #000; } div.cgkit-iframe-wrap { position: relative; padding-bottom: 56.25%; height: 0; width: 100%; } div.cgkit-iframe-wrap iframe { position: absolute; top: 0; left: 0px; width: 100%; height: 100%; } div.cgkit-iframe-wrap img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: unset !important; } div.cgkit-video-wrap { position: relative; width: 100%; } div.cgkit-video-wrap video { display: block; width: 100%; height: auto; object-fit: fill; -o-object-fit: fill; } div.pswp__scroll-wrap div.cgkit-video-wrap { width: auto; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; } div.pswp__scroll-wrap div.cgkit-video-wrap video { width: auto; height: 100%; } div.cgkit-video-wrap div.cgkit-play { opacity: 0; transition: 0.15s all; } div.cgkit-video-wrap:hover div.cgkit-play, div.cgkit-video-wrap div.cgkit-play.not-autoplay { opacity: 1; } .cg-layout-horizontal .swiper-slide-imglink { height: auto; width: 100%; } .cg-lightbox-active .swiper-slide-imglink { cursor: zoom-in; } .cg-thumb-swiper .swiper-slide { height: 100%; opacity: 0.4; } .cg-thumb-swiper .swiper-slide.active, .cg-thumb-swiper .swiper-slide.swiper-slide-thumb-active { opacity: 1; } #commercegurus-pdp-gallery .swiper-button-next:after, #commercegurus-pdp-gallery .swiper-button-prev:after { content: ""; font-family: inherit; font-size: inherit; width: 22px; height: 22px; background: #111; -webkit-mask-position: center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } #commercegurus-pdp-gallery .swiper-button-next, #commercegurus-pdp-gallery .swiper-button-prev { width: 42px; height: 42px; margin-top: -21px; padding: 0; background: hsla(0, 0%, 100%, 0.75); transition: background 0.5s ease; border-radius: 0.25rem; cursor: pointer; } #commercegurus-pdp-gallery .swiper-button-next:focus, #commercegurus-pdp-gallery .swiper-button-prev:focus { outline: 0; } #commercegurus-pdp-gallery .swiper-button-next:focus-visible, #commercegurus-pdp-gallery .swiper-button-prev:focus-visible { outline: 0.25rem solid #2491ff; outline-offset: 0; } #commercegurus-pdp-gallery .swiper-button-next:hover, #commercegurus-pdp-gallery .swiper-button-prev:hover { background: #fff; } #commercegurus-pdp-gallery .swiper-button-prev:after, #commercegurus-pdp-gallery .swiper-button-next:after { -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 19L8 12L15 5' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 19L8 12L15 5' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } #commercegurus-pdp-gallery .swiper-button-next:after { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .rtl #commercegurus-pdp-gallery .swiper-button-next:after { -webkit-transform: none; transform: none; } .rtl #commercegurus-pdp-gallery .swiper-button-prev:after { transform: scale(-1, 1); } @media (max-width: 770px) { .ckit-mobile-pdp-gallery-active .swiper-container.cg-thumb-swiper { cursor: auto !important; height: inherit; margin-top: 5px; padding: 0 1em; } .ckit-mobile-pdp-gallery-active .swiper-container.cg-thumb-swiper .swiper-wrapper { display: inline-block; width: 100%; text-align: center; transform: none !important; line-height: 1em; } .ckit-mobile-pdp-gallery-active .swiper-container.cg-thumb-swiper .swiper-wrapper .swiper-slide { display: inline-block; background: #000; opacity: 0.2; cursor: auto; border-radius: 50%; margin: 1px 2px; max-width: 8px; height: 8px; padding: 0; } .ckit-mobile-pdp-gallery-active .swiper-container.cg-thumb-swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { background: #555; opacity: 1; } .ckit-mobile-pdp-gallery-active .swiper-button-next, .ckit-mobile-pdp-gallery-active .swiper-button-prev { display: none; } .ckit-mobile-pdp-gallery-active .swiper-container.cg-thumb-swiper .swiper-wrapper .swiper-slide > * { display: none !important; } .ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .swiper-wrapper.cg-psp-gallery { display: flex; gap: 10px; } .ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .cgkit-one-slider .swiper-wrapper.cg-psp-gallery { gap: 0px; } .ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .swiper-wrapper.cg-psp-gallery .swiper-slide { display: flex; width: var(--cgkit-showedge-percent, 91%); } .ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .swiper-wrapper.cg-psp-gallery .swiper-slide img { max-width: 100%; max-height: 100%; height: auto !important; } .ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .cg-main-swiper.swiper-container-initialized .swiper-wrapper .swiper-slide { display: flex; } .ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .cg-main-swiper.swiper-container-initialized .swiper-wrapper.cg-psp-gallery { gap: 0; } .ckit-mobile-pdp-gallery-active.ckit-mobile-show-edge .cg-main-swiper.swiper-container-initialized .swiper-wrapper.cg-psp-gallery .swiper-slide { flex: none; } .ckit-mobile-pdp-gallery-active .cgkit-one-slider .swiper-wrapper.cg-psp-gallery .swiper-slide { flex: none; width: 100%; display: block !important; } .cgkit-iframe-wrap { position: relative; } .cgkit-iframe-wrap.cgkit-iframe-autoplay::before, .cg-lightbox-active .cgkit-iframe-embed::before { content: ""; background: transparent; width: 100%; height: 100%; min-height: 1px; position: absolute; top: 0; left: 0; z-index: 99; } .pswp--animated-in .pswp__zoom-wrap { display: flex; justify-content: center; align-items: center; } div.cgkit-iframe-wrap { width: 100%; } div.cg-main-swiper div.cgkit-video-wrap.autoplay div.cgkit-play svg, div.pswp__scroll-wrap div.cgkit-video-wrap.autoplay div.cgkit-play svg { display: none; visibility: hidden; } div.cgkit-video-wrap.autoplay div.cgkit-play { width: 100%; height: 100%; border-radius: 0px; } div.cgkit-video-wrap.autoplay div.cgkit-play:hover { background: none; } div.cgkit-video-wrap.autoplay video { display: block; } div.cgkit-video-wrap.autoplay img { display: none; } div.pswp__scroll-wrap div.cgkit-video-wrap { width: auto !important; display: flex; align-items: center; } div.pswp__scroll-wrap div.cgkit-video-wrap video { height: auto !important; } } #commercegurus-pdp-gallery-wrapper.ckit-shortcode-gallery { max-width: 100%; width: 100%; } .cgkit-single-gallery #commercegurus-pdp-gallery .swiper-button-next, .cgkit-single-gallery #commercegurus-pdp-gallery .swiper-button-prev { display: none; } .pswp .pswp__caption__center { word-wrap: break-word; }