:root {
	--swiper-navigation-size: 2rem;
    --swiper-theme-color: #000000;
}

.glightbox-clean button.gbtn {
    padding: 0;
}

a.glightbox{
	display: flex;
}

.swiper-button-next:after, .swiper-button-prev:after {
	content: none;
}

.custom-gallery{
	position: relative;
	& img{
		display: flex;
	}
	
	& .custom-gallery__button{
		position: absolute;
        bottom: 1rem;
        right: 1rem;
        padding: 0.75rem 1rem;
        background-color: var(--e-global-color-primary);
        color: #fff;
        border-radius: 0.5rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
	}
}

.custom-product-gallery{
	border-radius: 1rem;
    & img{
        width: 100%;
        height: 100%;
        object-fit: cover;
		max-height: 478px;
    }
}

.swiper-wrapper{
	align-items: flex-end;
}


.custom-product-gallery-thumbs {
    & .swiper-slide {
        opacity: 0.5;
        cursor: pointer;
    }

    & .swiper-slide-thumb-active {
        opacity: 1;
        cursor: default;
    }
}