.ana-gallery-grid {
    --ana-gallery-gap: 8px;
    position: relative;
    margin-top: 20px;
}
.ana-gallery-grid .gallery-item {
    box-sizing: border-box;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
}
.ana-gallery-grid .gallery-box,
.ana-gallery-grid .gallery-img,
.ana-gallery-grid img {
    display: block;
    width: 100%;
}
.ana-gallery-grid .gallery-img {
    aspect-ratio: auto !important;
    height: auto !important;
}
.ana-gallery-grid .gallery-img:after,
.ana-gallery-grid .gallery-detail {
    display: none;
}
.ana-gallery-grid img,
.ana-gallery-grid .gallery-img > img {
    aspect-ratio: auto !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
}
.mfp-bg.ana-gallery-lightbox {
    background: #34334f;
    opacity: .88;
}
.ana-gallery-lightbox .mfp-arrow {
    align-items: center;
    background: rgba(52, 51, 79, .72);
    border: 1px solid rgba(237, 234, 225, .54);
    border-radius: 50%;
    color: #edeae1;
    display: flex;
    height: 48px;
    justify-content: center;
    opacity: 1;
    padding: 0;
    width: 48px;
}
.ana-gallery-lightbox .mfp-arrow:before,
.ana-gallery-lightbox .mfp-arrow:after { display: none; }
.ana-gallery-lightbox .mfp-arrow svg { height: 19px; stroke: currentColor; width: 19px; }
.ana-gallery-lightbox .mfp-arrow-right svg { transform: rotate(180deg); }
.ana-gallery-lightbox .mfp-arrow-left { left: 5px; }
.ana-gallery-lightbox .mfp-arrow-right { right: 5px; }
.ana-gallery-lightbox .mfp-arrow:hover,
.ana-gallery-lightbox .mfp-arrow:focus-visible { background: #80a7bf; border-color: #80a7bf; color: #fff; }
@media (max-width: 767.98px) {
    .ana-gallery-grid { --ana-gallery-gap: 6px; }
    .ana-gallery-lightbox .mfp-arrow { height: 42px; width: 42px; }
}