@import url(
    "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap"
);

body.mz-art-history-premium-active {
    overflow-x: hidden;
}

.mz-art-history-page,
.mz-art-history-page * {
    box-sizing: border-box;
}

.mz-art-history-page {
    --mz-art-gold: #b8862c;
    --mz-art-gold-light: #d5b462;
    --mz-art-ink: #181816;
    --mz-art-muted: #69655f;
    --mz-art-cream: #f3eee4;
    --mz-art-cream-light: #faf8f3;
    --mz-art-line: rgba(24, 24, 22, 0.14);
    --mz-art-dark: #121211;

    width: 100%;
    margin: 0;
    color: var(--mz-art-ink);
    background: #fff;
    font-family: "Inter", sans-serif;
}

.mz-art-history-page h1,
.mz-art-history-page h2,
.mz-art-history-page h3 {
    font-family: "Cormorant Garamond", serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.035em;
}

.mz-art-history-page h1,
.mz-art-history-page h2,
.mz-art-history-page h3,
.mz-art-history-page p {
    margin-top: 0;
}

.mz-art-container {
    width: min(1390px, calc(100% - 96px));
    margin-inline: auto;
}

.mz-art-kicker {
    display: block;
    margin-bottom: 26px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.19em;
    line-height: 1.5;
    text-transform: uppercase;
}

.mz-art-kicker.gold {
    color: var(--mz-art-gold-light);
    -webkit-text-fill-color:
        var(--mz-art-gold-light);
}

.mz-art-gold-line {
    display: block;
    width: 74px;
    height: 2px;
    margin-bottom: 29px;
    background: var(--mz-art-gold);
}

.mz-art-cover {
    position: relative;
    display: flex;
    min-height: clamp(600px, 67vw, 760px);
    align-items: center;
    overflow: hidden;
    color: #fff;
    background:
        var(--mz-art-cover-image)
        center / cover no-repeat,
        #28231e;
}

.mz-art-cover.is-empty {
    background:
        linear-gradient(
            115deg,
            #181714,
            #4b4032 60%,
            #9b7639
        );
}

.mz-art-cover-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(10, 10, 9, 0.93) 0%,
            rgba(10, 10, 9, 0.77) 34%,
            rgba(10, 10, 9, 0.28) 68%,
            rgba(10, 10, 9, 0.08) 100%
        );
}

.mz-art-cover-inner {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: inherit;
    align-items: center;
    padding-block: 90px;
}

.mz-art-cover-copy {
    width: min(650px, 52%);
}

.mz-art-cover h1 {
    margin-bottom: 30px;
    color: #fff;
    -webkit-text-fill-color: #fff;
    font-size: clamp(62px, 6vw, 94px);
    line-height: 0.94;
}

.mz-art-cover p {
    max-width: 650px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.92);
    -webkit-text-fill-color:
        rgba(255, 255, 255, 0.92);
    font-size: clamp(17px, 1.35vw, 21px);
    line-height: 1.75;
}

.mz-art-intro {
    display: grid;
    grid-template-columns:
        minmax(340px, 0.8fr)
        minmax(0, 1.2fr);
    min-height: 650px;
    background: var(--mz-art-cream);
}

.mz-art-intro-copy {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 60px;
}

.mz-art-intro-copy-inner {
    width: min(460px, 100%);
}

.mz-art-intro h2 {
    margin-bottom: 26px;
    font-size: clamp(48px, 4.5vw, 72px);
    line-height: 0.98;
}

.mz-art-intro p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.85;
}

.mz-art-intro-image {
    position: relative;
    display: block !important;
    width: 100%;
    min-height: 650px;
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ded8ce !important;
    box-shadow: none !important;
    cursor: pointer;
}

.mz-art-intro-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 650px;
    object-fit: cover;
    transition: transform 600ms ease;
}

.mz-art-intro-image:hover img {
    transform: scale(1.02);
}

.mz-art-view-label {
    position: absolute;
    right: 28px;
    bottom: 0;
    padding: 18px 27px;
    background: #fff;
    color: #171715 !important;
    -webkit-text-fill-color:
        #171715 !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.17em;
}

.mz-art-image-placeholder {
    display: grid;
    min-height: 650px;
    place-items: center;
    padding: 40px;
    color: #746e64;
}

.mz-art-development {
    padding: 140px 0 120px;
}

.mz-art-two-column,
.mz-art-dark-grid,
.mz-art-collection-grid {
    display: grid;
    grid-template-columns:
        minmax(280px, 0.85fr)
        minmax(0, 1.15fr);
    gap: 100px;
}

.mz-art-development h2,
.mz-art-dark h2,
.mz-art-collection h2,
.mz-art-creators h2,
.mz-art-gallery h2,
.mz-art-closing h2 {
    margin-bottom: 0;
    font-size: clamp(46px, 4vw, 68px);
    line-height: 1;
}

.mz-art-richtext p {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 1.9;
}

.mz-art-timeline {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    margin-top: 105px;
    border-top: 1px solid var(--mz-art-line);
}

.mz-art-timeline article {
    min-height: 280px;
    padding: 42px 34px;
    border-right: 1px solid var(--mz-art-line);
}

.mz-art-timeline article:last-child {
    border-right: 0;
}

.mz-art-timeline article > span,
.mz-art-featured article > span,
.mz-art-gallery-copy small {
    display: block;
    margin-bottom: 35px;
    color: var(--mz-art-gold);
    font-size: 13px;
    font-weight: 600;
}

.mz-art-timeline h3,
.mz-art-featured h3,
.mz-art-gallery-copy strong {
    font-size: 32px;
    line-height: 1.06;
}

.mz-art-timeline p,
.mz-art-featured p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.72;
}

.mz-art-dark {
    position: relative;
    width: min(1500px, calc(100% - 64px));
    margin-inline: auto;
    padding: 125px 0;
    overflow: hidden;
    color: #d8bb70;
    background:
        var(--mz-art-dark-image)
        center / cover no-repeat,
        var(--mz-art-dark);
}

.mz-art-dark-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(15, 15, 14, 0.97),
            rgba(15, 15, 14, 0.88)
        );
}

.mz-art-dark-grid {
    position: relative;
    z-index: 1;
}

.mz-art-dark h2 {
    color: #d7b75f;
    -webkit-text-fill-color: #d7b75f;
}

.mz-art-dark p {
    margin-bottom: 25px;
    color: #d8bd73;
    -webkit-text-fill-color: #d8bd73;
    font-size: 18px;
    line-height: 1.9;
}

.mz-art-creators {
    padding: 135px 0;
}

.mz-art-creators h2 {
    margin-bottom: 60px;
}

.mz-art-creators-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--mz-art-line);
    border-left: 1px solid var(--mz-art-line);
}

.mz-art-creators-grid ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border-right: 1px solid var(--mz-art-line);
}

.mz-art-creators-grid li {
    padding: 23px 26px;
    border-bottom: 1px solid var(--mz-art-line);
    font-size: 17px;
}

.mz-art-featured {
    padding: 0 0 130px;
}

.mz-art-featured-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 26px;
}

.mz-art-featured article {
    min-height: 260px;
    padding: 46px 42px;
    background: var(--mz-art-cream);
}

.mz-art-featured h3 {
    margin-bottom: 18px;
    font-size: 36px;
}

.mz-art-collection {
    position: relative;
    width: min(1500px, calc(100% - 64px));
    margin-inline: auto;
    padding: 120px 0 100px;
    background:
        linear-gradient(
            rgba(245, 240, 231, 0.95),
            rgba(245, 240, 231, 0.95)
        ),
        var(--mz-art-collection-image)
        center / cover no-repeat;
}

.mz-art-tags {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 45px;
}

.mz-art-tags span {
    padding: 14px 23px;
    border: 1px solid #cfc3ad;
    background: rgba(255, 255, 255, 0.5);
    font-size: 14px;
}

.mz-art-gallery {
    padding: 135px 0 150px;
}

.mz-art-gallery-heading {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        430px;
    gap: 70px;
    align-items: end;
    margin-bottom: 70px;
}

.mz-art-gallery-heading p {
    margin-bottom: 3px;
    color: var(--mz-art-muted);
    font-size: 16px;
    line-height: 1.8;
}

.mz-art-gallery-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 38px 30px;
}

.mz-art-gallery-item {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1.12fr)
        minmax(210px, 0.88fr);
    width: 100%;
    min-height: 480px;
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--mz-art-cream) !important;
    box-shadow: none !important;
    color: var(--mz-art-ink) !important;
    text-align: left;
    cursor: pointer;
}

.mz-art-gallery-image {
    position: relative;
    min-height: 480px;
    overflow: hidden;
    background: #fff;
}

.mz-art-gallery-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 480px;
    object-fit: cover;
    transition: transform 600ms ease;
}

.mz-art-gallery-item:hover img {
    transform: scale(1.025);
}

.mz-art-plus {
    position: absolute;
    top: 14px;
    right: 14px;
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #111;
    font-size: 28px;
    font-weight: 600;
}

.mz-art-gallery-copy {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 38px 32px;
}

.mz-art-gallery-copy strong {
    color: var(--mz-art-ink) !important;
    -webkit-text-fill-color:
        var(--mz-art-ink) !important;
    font-size: 31px;
}

.mz-art-gallery-empty {
    padding: 65px;
    border: 1px solid var(--mz-art-line);
    text-align: center;
}

.mz-art-closing {
    position: relative;
    display: flex;
    min-height: 550px;
    align-items: center;
    color: #fff;
    background:
        var(--mz-art-closing-image)
        center / cover no-repeat,
        #1b1917;
}

.mz-art-closing-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(12, 12, 11, 0.9),
            rgba(12, 12, 11, 0.42)
        );
}

.mz-art-closing-inner {
    position: relative;
    z-index: 1;
    padding-block: 90px;
}

.mz-art-closing-inner > span {
    display: block;
    margin-bottom: 24px;
    color: var(--mz-art-gold-light);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.2em;
}

.mz-art-closing h2 {
    max-width: 800px;
    margin-bottom: 24px;
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.mz-art-closing p {
    max-width: 690px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.88);
    -webkit-text-fill-color:
        rgba(255, 255, 255, 0.88);
    font-size: 18px;
    line-height: 1.8;
}

.mz-art-lightbox {
    position: fixed;
    z-index: 999999;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 34px;
    background: rgba(8, 8, 8, 0.95);
}

.mz-art-lightbox[hidden] {
    display: none !important;
}

.mz-art-lightbox img {
    max-width: 94vw;
    max-height: 92vh;
    object-fit: contain;
}

.mz-art-lightbox-close {
    position: fixed;
    top: 22px;
    right: 26px;
    width: 48px;
    height: 48px;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.4) !important;
    color: #fff !important;
    font-size: 34px;
}

@media (max-width: 1050px) {
    .mz-art-container {
        width: calc(100% - 50px);
    }

    .mz-art-cover-copy {
        width: 70%;
    }

    .mz-art-two-column,
    .mz-art-dark-grid,
    .mz-art-collection-grid {
        gap: 55px;
    }
}

@media (max-width: 780px) {
    .mz-art-container {
        width: calc(100% - 34px);
    }

    .mz-art-cover {
        min-height: 610px;
        background-position: 60% center;
    }

    .mz-art-cover-copy {
        width: 100%;
    }

    .mz-art-cover h1 {
        font-size: 54px;
    }

    .mz-art-cover p {
        font-size: 16px;
    }

    .mz-art-intro {
        grid-template-columns: 1fr;
    }

    .mz-art-intro-copy {
        padding: 75px 24px;
    }

    .mz-art-intro-image,
    .mz-art-intro-image img,
    .mz-art-image-placeholder {
        min-height: 420px;
    }

    .mz-art-development {
        padding: 90px 0;
    }

    .mz-art-two-column,
    .mz-art-dark-grid,
    .mz-art-collection-grid,
    .mz-art-gallery-heading {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .mz-art-development h2,
    .mz-art-dark h2,
    .mz-art-collection h2,
    .mz-art-creators h2,
    .mz-art-gallery h2 {
        font-size: 43px;
    }

    .mz-art-richtext p,
    .mz-art-dark p {
        font-size: 16px;
        line-height: 1.8;
    }

    .mz-art-timeline {
        grid-template-columns: 1fr;
        margin-top: 65px;
    }

    .mz-art-timeline article {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid var(--mz-art-line);
    }

    .mz-art-dark,
    .mz-art-collection {
        width: calc(100% - 20px);
        padding: 85px 0;
    }

    .mz-art-creators {
        padding: 90px 0;
    }

    .mz-art-creators-grid,
    .mz-art-featured-grid,
    .mz-art-gallery-grid {
        grid-template-columns: 1fr;
    }

    .mz-art-gallery {
        padding: 90px 0 100px;
    }

    .mz-art-gallery-heading {
        margin-bottom: 45px;
    }

    .mz-art-gallery-item {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .mz-art-gallery-image,
    .mz-art-gallery-image img {
        min-height: 360px;
    }

    .mz-art-closing h2 {
        font-size: 46px;
    }
}

@media (max-width: 480px) {
    .mz-art-creators-grid {
        grid-template-columns: 1fr;
    }

    .mz-art-cover h1 {
        font-size: 48px;
    }

    .mz-art-gallery-image,
    .mz-art-gallery-image img {
        min-height: 300px;
    }
}

/* MZ_ART_INTRO_IMAGE_FULL_RIGHT_START */

/*
 * Druga sekcija stranice Istorija umetnosti:
 * tekst zauzima levu polovinu, a fotografija celu desnu polovinu.
 */
body.mz-art-history-premium-active
.mz-art-intro {
    display: grid !important;
    grid-template-columns: 50% 50% !important;
    width: 100% !important;
    min-height: 620px !important;
    align-items: stretch !important;
    overflow: hidden !important;
}

/*
 * Levi tekstualni deo.
 */
body.mz-art-history-premium-active
.mz-art-intro-copy {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 620px !important;
    align-items: center !important;
}

/*
 * Slika potpuno ispunjava desnu polovinu.
 */
body.mz-art-history-premium-active
.mz-art-intro-image {
    position: relative !important;
    display: block !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 620px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #171612 !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    box-shadow: none !important;
    cursor: zoom-in !important;
}

/*
 * Uklanjanje prethodnog dekorativnog unutrašnjeg okvira,
 * jer slika sada ide od ivice do ivice.
 */
body.mz-art-history-premium-active
.mz-art-intro-image::before {
    display: none !important;
    content: none !important;
}

/*
 * Blago zatamnjenje pri dnu radi čitljivosti natpisa.
 */
body.mz-art-history-premium-active
.mz-art-intro-image::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 150px !important;
    background:
        linear-gradient(
            180deg,
            rgba(10, 10, 9, 0) 0%,
            rgba(10, 10, 9, 0.48) 100%
        ) !important;
    pointer-events: none !important;
}

/*
 * Natpis u donjem desnom uglu,
 * kao na odgovarajućoj sekciji stranice Istorija.
 */
body.mz-art-history-premium-active
.mz-art-view-label {
    position: absolute !important;
    z-index: 3 !important;
    right: 34px !important;
    bottom: 31px !important;
    display: inline-flex !important;
    min-height: 40px !important;
    align-items: center !important;
    padding: 0 0 7px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.82) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: transparent !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    pointer-events: none !important;
}

/*
 * Diskretan zoom efekat bez promene dimenzija sekcije.
 */
body.mz-art-history-premium-active
.mz-art-intro-image {
    transition:
        filter 250ms ease !important;
}

body.mz-art-history-premium-active
.mz-art-intro-image:hover {
    filter: brightness(1.06) !important;
}

/*
 * Tablet.
 */
@media (max-width: 1050px) {
    body.mz-art-history-premium-active
    .mz-art-intro {
        grid-template-columns: 48% 52% !important;
        min-height: 570px !important;
    }

    body.mz-art-history-premium-active
    .mz-art-intro-copy,
    body.mz-art-history-premium-active
    .mz-art-intro-image {
        min-height: 570px !important;
    }
}

/*
 * Mobilni prikaz: tekst ide iznad slike.
 */
@media (max-width: 780px) {
    body.mz-art-history-premium-active
    .mz-art-intro {
        display: block !important;
        min-height: 0 !important;
    }

    body.mz-art-history-premium-active
    .mz-art-intro-copy {
        min-height: 0 !important;
    }

    body.mz-art-history-premium-active
    .mz-art-intro-image {
        width: 100% !important;
        min-height: 480px !important;
        height: 62vh !important;
        max-height: 650px !important;
    }

    body.mz-art-history-premium-active
    .mz-art-view-label {
        right: 22px !important;
        bottom: 23px !important;
    }
}

@media (max-width: 520px) {
    body.mz-art-history-premium-active
    .mz-art-intro-image {
        min-height: 390px !important;
        height: 55vh !important;
    }
}

/* MZ_ART_INTRO_IMAGE_FULL_RIGHT_END */

/* MZ_ART_MEDIA_GALLERY_PREMIUM_START */

/*
 * Uvodna slika „Машине“ potpuno ispunjava
 * desnu polovinu druge sekcije.
 */
body.mz-art-history-premium-active
.mz-art-intro {
    display: grid !important;
    grid-template-columns: 50% 50% !important;
    width: 100% !important;
    min-height: 620px !important;
    align-items: stretch !important;
    overflow: hidden !important;
}

body.mz-art-history-premium-active
.mz-art-intro-copy {
    display: flex !important;
    min-width: 0 !important;
    min-height: 620px !important;
    align-items: center !important;
}

body.mz-art-history-premium-active
.mz-art-intro-image {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 620px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: #181713 !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    box-shadow: none !important;
    cursor: zoom-in !important;
    transition:
        filter 220ms ease,
        transform 350ms ease !important;
}

body.mz-art-history-premium-active
.mz-art-intro-image:hover {
    filter: brightness(1.06) !important;
}

body.mz-art-history-premium-active
.mz-art-intro-image::before {
    display: none !important;
    content: none !important;
}

body.mz-art-history-premium-active
.mz-art-intro-image::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 170px !important;
    background:
        linear-gradient(
            180deg,
            rgba(10, 10, 9, 0) 0%,
            rgba(10, 10, 9, 0.58) 100%
        ) !important;
    pointer-events: none !important;
}

body.mz-art-history-premium-active
.mz-art-view-label {
    position: absolute !important;
    z-index: 3 !important;
    right: 34px !important;
    bottom: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding-bottom: 8px !important;
    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.82) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.15em !important;
    pointer-events: none !important;
}

/*
 * Premium galerija.
 */
body.mz-art-history-premium-active
.mz-art-gallery {
    padding:
        clamp(76px, 8vw, 118px)
        0
        clamp(92px, 9vw, 136px) !important;
    background:
        linear-gradient(
            180deg,
            #faf8f3 0%,
            #f2ece2 100%
        ) !important;
}

body.mz-art-history-premium-active
.mz-art-gallery-grid {
    display: grid !important;
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    margin-top: 50px !important;
}

body.mz-art-history-premium-active
.mz-art-gallery-item {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border:
        1px solid
        rgba(184, 132, 40, 0.20) !important;
    border-radius: 0 !important;
    color: #171612 !important;
    background: #fff !important;
    box-shadow:
        0 18px 45px
        rgba(20, 17, 12, 0.08) !important;
    text-align: left !important;
    cursor: zoom-in !important;
    transition:
        transform 280ms ease,
        box-shadow 280ms ease,
        border-color 280ms ease !important;
}

body.mz-art-history-premium-active
.mz-art-gallery-item:hover {
    z-index: 2 !important;
    border-color:
        rgba(184, 132, 40, 0.52) !important;
    box-shadow:
        0 28px 65px
        rgba(20, 17, 12, 0.16) !important;
    transform: translateY(-7px) !important;
}

body.mz-art-history-premium-active
.mz-art-gallery-image {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    min-height: 270px !important;
    overflow: hidden !important;
    background: #181713 !important;
}

body.mz-art-history-premium-active
.mz-art-gallery-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition:
        transform 700ms
        cubic-bezier(.2, .72, .2, 1),
        filter 350ms ease !important;
}

body.mz-art-history-premium-active
.mz-art-gallery-item:hover
.mz-art-gallery-image img {
    filter: brightness(1.04) !important;
    transform: scale(1.055) !important;
}

body.mz-art-history-premium-active
.mz-art-gallery-copy {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 38px 1fr !important;
    gap: 15px !important;
    align-items: start !important;
    min-height: 112px !important;
    padding: 24px 25px 26px !important;
    background: #fff !important;
}

body.mz-art-history-premium-active
.mz-art-gallery-copy small {
    padding-top: 5px !important;
    color: #b88428 !important;
    -webkit-text-fill-color: #b88428 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
}

body.mz-art-history-premium-active
.mz-art-gallery-copy strong {
    display: block !important;
    color: #1d1b17 !important;
    -webkit-text-fill-color: #1d1b17 !important;
    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;
    font-size:
        clamp(22px, 1.7vw, 29px) !important;
    font-weight: 600 !important;
    line-height: 1.06 !important;
    letter-spacing: -0.025em !important;
}

/*
 * Ako konkretna verzija koristi figure/figcaption.
 */
body.mz-art-history-premium-active
.mz-art-gallery-grid figure {
    position: relative !important;
    margin: 0 !important;
    overflow: hidden !important;
    border:
        1px solid
        rgba(184, 132, 40, 0.20) !important;
    background: #fff !important;
    box-shadow:
        0 18px 45px
        rgba(20, 17, 12, 0.08) !important;
    transition:
        transform 280ms ease,
        box-shadow 280ms ease !important;
}

body.mz-art-history-premium-active
.mz-art-gallery-grid figure:hover {
    transform: translateY(-7px) !important;
    box-shadow:
        0 28px 65px
        rgba(20, 17, 12, 0.16) !important;
}

body.mz-art-history-premium-active
.mz-art-gallery-grid figcaption {
    min-height: 88px !important;
    padding: 22px 24px !important;
    color: #1d1b17 !important;
    -webkit-text-fill-color: #1d1b17 !important;
    background: #fff !important;
    font-family:
        "Cormorant Garamond",
        Georgia,
        serif !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
}

/*
 * Lightbox.
 */
body.mz-art-history-premium-active
.mz-art-lightbox {
    position: fixed !important;
    z-index: 999999 !important;
    inset: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 48px !important;
    background:
        rgba(8, 8, 7, 0.96) !important;
    backdrop-filter: blur(6px) !important;
}

body.mz-art-history-premium-active
.mz-art-lightbox:not([hidden]) {
    display: flex !important;
}

body.mz-art-history-premium-active
.mz-art-lightbox img {
    display: block !important;
    width: auto !important;
    max-width: 94vw !important;
    height: auto !important;
    max-height: 88vh !important;
    object-fit: contain !important;
    background: #14130f !important;
    box-shadow:
        0 30px 90px
        rgba(0, 0, 0, 0.50) !important;
}

body.mz-art-history-premium-active
.mz-art-lightbox-close {
    position: fixed !important;
    z-index: 3 !important;
    top: 23px !important;
    right: 27px !important;
    display: grid !important;
    width: 52px !important;
    height: 52px !important;
    place-items: center !important;
    border:
        1px solid
        rgba(255, 255, 255, 0.55) !important;
    border-radius: 50% !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background:
        rgba(0, 0, 0, 0.20) !important;
    font-size: 29px !important;
    cursor: pointer !important;
}

/*
 * Tablet.
 */
@media (max-width: 1080px) {
    body.mz-art-history-premium-active
    .mz-art-gallery-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

/*
 * Mobilni prikaz.
 */
@media (max-width: 780px) {
    body.mz-art-history-premium-active
    .mz-art-intro {
        display: block !important;
        min-height: 0 !important;
    }

    body.mz-art-history-premium-active
    .mz-art-intro-copy {
        min-height: 0 !important;
    }

    body.mz-art-history-premium-active
    .mz-art-intro-image {
        width: 100% !important;
        min-height: 480px !important;
        height: 62vh !important;
        max-height: 650px !important;
    }

    body.mz-art-history-premium-active
    .mz-art-gallery-grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    body.mz-art-history-premium-active
    .mz-art-gallery-image {
        min-height: 320px !important;
    }

    body.mz-art-history-premium-active
    .mz-art-lightbox {
        padding: 20px !important;
    }
}

@media (max-width: 520px) {
    body.mz-art-history-premium-active
    .mz-art-intro-image {
        min-height: 390px !important;
        height: 55vh !important;
    }

    body.mz-art-history-premium-active
    .mz-art-gallery-image {
        min-height: 260px !important;
    }
}

/* MZ_ART_MEDIA_GALLERY_PREMIUM_END */

/* MZ_ART_GALLERY_INTER_FONT_FINAL_START */

/*
 * Galerija koristi isti font kao tekst označen
 * na dostavljenoj slici:
 *
 * Inter, -apple-system, BlinkMacSystemFont,
 * "Segoe UI", Arial, sans-serif.
 *
 * Postojeće veličine fontova ostaju nepromenjene.
 */

/* Brojevi 01, 02, 03... */
body.mz-art-history-premium-active
.mz-art-gallery-grid
.mz-art-gallery-copy small {
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;
}

/* Nazivi dela ispod fotografija. */
body.mz-art-history-premium-active
.mz-art-gallery-grid
.mz-art-gallery-copy strong {
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    /*
     * Veličina se namerno ne postavlja,
     * tako da ostaje postojeća veličina galerije.
     */
}

/*
 * Rezervna pravila ako galerija koristi figure
 * i figcaption u nekoj drugoj verziji plugina.
 */
body.mz-art-history-premium-active
.mz-art-gallery-grid figcaption,

body.mz-art-history-premium-active
.mz-art-gallery-grid
[class*="caption"],

body.mz-art-history-premium-active
.mz-art-gallery-grid
[class*="title"] {
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;
}

/*
 * Sprečava nasleđivanje Cormorant Garamond fonta
 * iz opštih pravila za strong i naslove.
 */
body.mz-art-history-premium-active
.mz-art-gallery-item strong,

body.mz-art-history-premium-active
.mz-art-gallery-item small {
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;
}

/* MZ_ART_GALLERY_INTER_FONT_FINAL_END */



/* MZ_ART_GALLERY_TITLE_FINAL */

body.mz-art-history-premium-active
.mz-art-gallery-copy strong{

    font-size:15px!important;
    line-height:1.45!important;
    font-weight:500!important;
}

/* brojeve ne diramo */