.yasmin-lightbox {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.9);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease-out;
}
.yasmin-lightbox--open {
opacity: 1;
pointer-events: auto;
}
.yasmin-lightbox__inner {
max-width: 90vw;
max-height: 90vh;
display: flex;
align-items: center;
justify-content: center;
}
.yasmin-lightbox__image {
max-width: 100%;
max-height: 90vh;
width: auto;
height: auto;
object-fit: contain;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}
.yasmin-lightbox__close {
position: absolute;
top: 1.5rem;
right: 1.5rem;
background: transparent;
color: #ffffff;
border: none;
cursor: pointer;
font-size: 1.5rem;
}
.yasmin-lightbox__close:focus {
outline: 2px solid #ffffff;
outline-offset: 2px;
} .yasmin-image-gallery .image-slider__item {
padding: 0 !important;
background: transparent !important;
border: none !important;
aspect-ratio: 2 / 3;
overflow: hidden;
}
.yasmin-image-gallery .image-slider__item img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
} .yasmin-image-gallery[data-max-columns="1"] {
--yasmin-gallery-single-max-width-effective: var(
--yasmin-gallery-single-max-width-mobile
);
max-width: var(--yasmin-gallery-single-max-width-effective);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.yasmin-image-gallery[data-max-columns="1"] {
--yasmin-gallery-single-max-width-effective: var(
--yasmin-gallery-single-max-width-tablet,
var(--yasmin-gallery-single-max-width-mobile)
);
}
}
@media (min-width: 1024px) {
.yasmin-image-gallery[data-max-columns="1"] {
--yasmin-gallery-single-max-width-effective: var(
--yasmin-gallery-single-max-width-desktop,
var(
--yasmin-gallery-single-max-width-tablet,
var(--yasmin-gallery-single-max-width-mobile)
)
);
}
}
.yasmin-image-gallery[data-max-columns="1"] .image-slider__item {
width: 100%;
max-width: none;
}
.yasmin-image-gallery[data-max-columns="1"] .image-slider__viewport {
max-width: var(--yasmin-gallery-single-max-width-effective);
margin-left: auto;
margin-right: auto;
} @media (min-width: 640px) {
.image-slider[data-max-columns="1"] .image-slider__item {
flex: 0 0 auto !important;
width: 100% !important;
}
}
@media (min-width: 1440px) {
.image-slider[data-max-columns="1"] .image-slider__item {
flex: 0 0 auto !important;
width: 100% !important;
}
.image-slider[data-max-columns="2"] .image-slider__item {
flex-basis: calc((100% - var(--image-slider-gap)) / 2) !important;
}
.image-slider[data-max-columns="3"] .image-slider__item {
flex-basis: calc((100% - 2 * var(--image-slider-gap)) / 3) !important;
}
}