.evv-mcm-carousel {
    display: flex;
    flex-direction: column;
    width: min(760px, calc(100vw - 40px));
    max-width: min(760px, calc(100vw - 40px));
    max-height: calc(100vh - 150px);
    margin: 20px auto;
    background: #FFFFFF;
    border: 1px solid rgba(34,51,76,.16);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(15,23,42,.10);
    overflow: hidden;
    color: #0F172A;
}

.evv-mcm-carousel:focus {
    outline: 3px solid rgba(191,160,70,.45);
    outline-offset: 4px;
}

.evv-mcm-carousel-head {
    flex: 0 0 auto;
    padding: 14px 18px;
    background: #0A1428;
    border-bottom: 4px solid #BFA046;
}

.evv-mcm-eyebrow {
    margin: 0 0 6px !important;
    color: #BFA046 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .72rem !important;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.evv-mcm-carousel-head h2 {
    margin: 0;
    color: #FFFFFF;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.35rem, 2.4vw, 1.9rem);
    line-height: 1.05;
}

.evv-mcm-carousel-head p:not(.evv-mcm-eyebrow) {
    margin: 6px 0 0;
    color: rgba(255,255,255,.86);
    font-size: .95rem;
    line-height: 1.35;
}

.evv-mcm-viewport {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.evv-mcm-track {
    display: flex;
    height: 100%;
    transition: transform .28s ease;
    will-change: transform;
}

.evv-mcm-slide {
    flex: 0 0 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
}

.evv-mcm-image-frame {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FAF8F3;
    overflow: hidden;
}

.evv-mcm-image-frame img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 335px);
    object-fit: contain;
    object-position: center center;
}

.evv-mcm-slide figcaption {
    flex: 0 0 auto;
    display: grid;
    gap: 3px;
    padding: 9px 16px;
    color: #334155;
    background: #FFFFFF;
    border-top: 1px solid rgba(34,51,76,.12);
    font-size: .9rem;
    line-height: 1.32;
}

.evv-mcm-slide figcaption strong {
    color: #0A1428;
    font-family: Georgia, "Times New Roman", serif;
    font-size: .96rem;
}

.evv-mcm-slide figcaption span {
    line-height: 1.35;
}

.evv-mcm-slide figcaption small {
    color: #64748b;
    font-weight: 700;
}

.evv-mcm-controls {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 9px 16px;
    background: #FAF8F3;
    border-top: 1px solid rgba(34,51,76,.12);
}

.evv-mcm-controls button {
    background: #0A1428;
    color: #BFA046;
    border: 1px solid #BFA046;
    border-radius: 999px;
    padding: 8px 13px;
    font-size: .84rem;
    font-weight: 800;
    cursor: pointer;
}

.evv-mcm-controls button:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.evv-mcm-controls button:hover:not(:disabled),
.evv-mcm-controls button:focus-visible {
    outline: 3px solid rgba(191,160,70,.45);
    outline-offset: 2px;
}

.evv-mcm-count {
    color: #334155;
    font-weight: 900;
    font-size: 1rem;
}

.evv-mcm-error {
    border-left: 5px solid #BFA046;
    background: #FAF8F3;
    padding: 14px 18px;
    color: #0F172A;
}

/* Portfolio Strip Mode */
.evv-mcm-mode-strip {
    width: min(1180px, calc(100vw - 42px));
    max-width: min(1180px, calc(100vw - 42px));
    max-height: none;
    border-radius: 22px;
    background:
        radial-gradient(circle at top left, rgba(191,160,70,.16), transparent 34%),
        linear-gradient(135deg, #071225 0%, #0A1428 45%, #111827 100%);
    border: 1px solid rgba(191,160,70,.35);
    box-shadow: 0 24px 70px rgba(2,6,23,.28);
}

.evv-mcm-mode-strip .evv-mcm-carousel-head {
    background: transparent;
    border-bottom: 1px solid rgba(191,160,70,.32);
    padding: 24px 28px 18px;
}

.evv-mcm-mode-strip .evv-mcm-carousel-head h2 {
    color: #FFFFFF;
    font-size: clamp(2rem, 4vw, 3.8rem);
    letter-spacing: -.045em;
}

.evv-mcm-mode-strip .evv-mcm-carousel-head p:not(.evv-mcm-eyebrow) {
    max-width: 760px;
    color: rgba(255,255,255,.76);
    font-size: 1rem;
}

.evv-mcm-mode-strip .evv-mcm-viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 24px 26px 22px;
}

.evv-mcm-mode-strip .evv-mcm-viewport::-webkit-scrollbar {
    height: 10px;
}

.evv-mcm-mode-strip .evv-mcm-viewport::-webkit-scrollbar-track {
    background: rgba(255,255,255,.08);
    border-radius: 999px;
}

.evv-mcm-mode-strip .evv-mcm-viewport::-webkit-scrollbar-thumb {
    background: rgba(191,160,70,.75);
    border-radius: 999px;
}

.evv-mcm-mode-strip .evv-mcm-track {
    gap: 18px;
    height: auto;
    transform: none;
    transition: none;
}

.evv-mcm-mode-strip .evv-mcm-slide {
    flex: 0 0 min(360px, 82vw);
    width: min(360px, 82vw);
    min-height: 0;
    scroll-snap-align: start;
    border-radius: 18px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 18px 40px rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.16);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.evv-mcm-mode-strip .evv-mcm-slide:hover {
    transform: translateY(-6px);
    box-shadow: 0 26px 56px rgba(0,0,0,.32);
    border-color: rgba(191,160,70,.65);
}

.evv-mcm-mode-strip .evv-mcm-image-frame {
    flex: 0 0 auto;
    height: 270px;
    background: #0F172A;
}

.evv-mcm-mode-strip .evv-mcm-image-frame img {
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
    object-position: center center;
    transition: transform .35s ease;
}

.evv-mcm-mode-strip .evv-mcm-slide:hover .evv-mcm-image-frame img {
    transform: scale(1.045);
}

.evv-mcm-mode-strip .evv-mcm-slide figcaption {
    min-height: 96px;
    padding: 14px 16px 16px;
    background: #FFFFFF;
    color: #334155;
}

.evv-mcm-mode-strip .evv-mcm-slide figcaption strong {
    color: #0A1428;
    font-size: 1.02rem;
    line-height: 1.12;
}

.evv-mcm-mode-strip .evv-mcm-slide figcaption span {
    font-size: .88rem;
    color: #475569;
}

.evv-mcm-mode-strip .evv-mcm-controls {
    background: rgba(255,255,255,.06);
    border-top: 1px solid rgba(191,160,70,.32);
    padding: 16px 26px;
}

.evv-mcm-mode-strip .evv-mcm-controls button {
    background: #BFA046;
    color: #071225;
    border-color: #BFA046;
}

.evv-mcm-mode-strip .evv-mcm-count {
    color: rgba(255,255,255,.86);
}

@media (max-width: 700px) {
    .evv-mcm-carousel {
        width: calc(100vw - 22px);
        max-width: calc(100vw - 22px);
        max-height: calc(100vh - 120px);
        margin: 12px auto;
        border-radius: 14px;
    }

    .evv-mcm-image-frame img {
        max-height: calc(100vh - 315px);
    }

    .evv-mcm-controls {
        padding: 9px 12px;
    }

    .evv-mcm-controls button {
        padding: 8px 11px;
    }

    .evv-mcm-mode-strip {
        width: calc(100vw - 22px);
        max-width: calc(100vw - 22px);
        max-height: none;
        border-radius: 18px;
    }

    .evv-mcm-mode-strip .evv-mcm-carousel-head {
        padding: 20px 18px 14px;
    }

    .evv-mcm-mode-strip .evv-mcm-viewport {
        padding: 18px 16px;
    }

    .evv-mcm-mode-strip .evv-mcm-image-frame {
        height: 235px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .evv-mcm-track,
    .evv-mcm-mode-strip .evv-mcm-slide,
    .evv-mcm-mode-strip .evv-mcm-image-frame img {
        transition: none !important;
    }
}

/* ============================================================
   EVV MCM — Strip Mode Wide Editorial Upgrade
   Breaks the visual archive out of cramped content columns.
   ============================================================ */

.evv-mcm-mode-strip {
    width: min(1280px, calc(100vw - 56px)) !important;
    max-width: min(1280px, calc(100vw - 56px)) !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
}

.evv-mcm-mode-strip .evv-mcm-carousel-head {
    padding: 28px 34px 22px !important;
}

.evv-mcm-mode-strip .evv-mcm-carousel-head h2 {
    font-size: clamp(2.6rem, 5.2vw, 5rem) !important;
    line-height: .92 !important;
}

.evv-mcm-mode-strip .evv-mcm-carousel-head p:not(.evv-mcm-eyebrow) {
    font-size: 1.05rem !important;
    max-width: 820px !important;
}

.evv-mcm-mode-strip .evv-mcm-viewport {
    padding: 28px 32px 26px !important;
}

.evv-mcm-mode-strip .evv-mcm-slide {
    flex-basis: clamp(320px, 29vw, 390px) !important;
    width: clamp(320px, 29vw, 390px) !important;
}

.evv-mcm-mode-strip .evv-mcm-image-frame {
    height: 285px !important;
}

.evv-mcm-mode-strip .evv-mcm-slide figcaption {
    min-height: 84px !important;
}

.evv-mcm-mode-strip .evv-mcm-controls {
    padding: 15px 32px !important;
}

@media (min-width: 1350px) {
    .evv-mcm-mode-strip {
        width: min(1380px, calc(100vw - 72px)) !important;
        max-width: min(1380px, calc(100vw - 72px)) !important;
    }

    .evv-mcm-mode-strip .evv-mcm-slide {
        flex-basis: 400px !important;
        width: 400px !important;
    }

    .evv-mcm-mode-strip .evv-mcm-image-frame {
        height: 300px !important;
    }
}

@media (max-width: 900px) {
    .evv-mcm-mode-strip {
        width: calc(100vw - 28px) !important;
        max-width: calc(100vw - 28px) !important;
    }

    .evv-mcm-mode-strip .evv-mcm-carousel-head h2 {
        font-size: clamp(2rem, 9vw, 3rem) !important;
    }

    .evv-mcm-mode-strip .evv-mcm-slide {
        flex-basis: min(330px, 82vw) !important;
        width: min(330px, 82vw) !important;
    }
}

/* ============================================================
   EVV MCM — Strip Mode Full-Bleed Correction
   Fixes the bad left-shift breakout and creates a true editorial band.
   ============================================================ */

.evv-mcm-mode-strip {
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    width: calc(100vw - 48px) !important;
    max-width: 1380px !important;
    margin-left: calc(-50vw + 24px) !important;
    margin-right: 0 !important;
    transform: none !important;
}

.evv-mcm-mode-strip .evv-mcm-carousel-head,
.evv-mcm-mode-strip .evv-mcm-viewport,
.evv-mcm-mode-strip .evv-mcm-controls {
    width: 100% !important;
    box-sizing: border-box !important;
}

.evv-mcm-mode-strip .evv-mcm-track {
    align-items: stretch !important;
}

.evv-mcm-mode-strip .evv-mcm-slide {
    flex: 0 0 clamp(280px, 25vw, 360px) !important;
    width: clamp(280px, 25vw, 360px) !important;
}

.evv-mcm-mode-strip .evv-mcm-image-frame {
    height: 260px !important;
}

.evv-mcm-mode-strip .evv-mcm-slide figcaption {
    min-height: 82px !important;
}

@media (min-width: 1200px) {
    .evv-mcm-mode-strip .evv-mcm-slide {
        flex-basis: 340px !important;
        width: 340px !important;
    }

    .evv-mcm-mode-strip .evv-mcm-image-frame {
        height: 255px !important;
    }
}

@media (max-width: 900px) {
    .evv-mcm-mode-strip {
        left: 50% !important;
        width: calc(100vw - 22px) !important;
        max-width: calc(100vw - 22px) !important;
        margin-left: calc(-50vw + 11px) !important;
    }

    .evv-mcm-mode-strip .evv-mcm-slide {
        flex-basis: min(320px, 82vw) !important;
        width: min(320px, 82vw) !important;
    }

    .evv-mcm-mode-strip .evv-mcm-image-frame {
        height: 235px !important;
    }
}

/* ============================================================

   EVV MCM — Strip Mode Full-Bleed Correction

   Fixes the bad left-shift breakout and creates a true editorial band.

   ============================================================ */

.evv-mcm-mode-strip {

    position: relative !important;

    left: 50% !important;

    right: auto !important;

    width: calc(100vw - 48px) !important;

    max-width: 1380px !important;

    margin-left: calc(-50vw + 24px) !important;

    margin-right: 0 !important;

    transform: none !important;

}

.evv-mcm-mode-strip .evv-mcm-carousel-head,

.evv-mcm-mode-strip .evv-mcm-viewport,

.evv-mcm-mode-strip .evv-mcm-controls {

    width: 100% !important;

    box-sizing: border-box !important;

}

.evv-mcm-mode-strip .evv-mcm-track {

    align-items: stretch !important;

}

.evv-mcm-mode-strip .evv-mcm-slide {

    flex: 0 0 clamp(280px, 25vw, 360px) !important;

    width: clamp(280px, 25vw, 360px) !important;

}

.evv-mcm-mode-strip .evv-mcm-image-frame {

    height: 260px !important;

}

.evv-mcm-mode-strip .evv-mcm-slide figcaption {

    min-height: 82px !important;

}

@media (min-width: 1200px) {

    .evv-mcm-mode-strip .evv-mcm-slide {

        flex-basis: 340px !important;

        width: 340px !important;

    }

    .evv-mcm-mode-strip .evv-mcm-image-frame {

        height: 255px !important;

    }

}

@media (max-width: 900px) {

    .evv-mcm-mode-strip {

        left: 50% !important;

        width: calc(100vw - 22px) !important;

        max-width: calc(100vw - 22px) !important;

        margin-left: calc(-50vw + 11px) !important;

    }

    .evv-mcm-mode-strip .evv-mcm-slide {

        flex-basis: min(320px, 82vw) !important;

        width: min(320px, 82vw) !important;

    }

    .evv-mcm-mode-strip .evv-mcm-image-frame {

        height: 235px !important;

    }

}


/* ============================================================
   EVV MCM — Strip Mode Contained Reset
   Kill bad full-bleed breakout. Center it cleanly.
   ============================================================ */

body .evv-mcm-carousel.evv-mcm-mode-strip {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 24px auto !important;
    width: min(1100px, calc(100vw - 40px)) !important;
    max-width: min(1100px, calc(100vw - 40px)) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head,
body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-viewport,
body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-controls {
    width: 100% !important;
    box-sizing: border-box !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head {
    padding: 24px 28px 18px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head h2 {
    font-size: clamp(2rem, 4.2vw, 4rem) !important;
    line-height: .95 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 24px 26px 22px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-track {
    display: flex !important;
    gap: 18px !important;
    width: max-content !important;
    height: auto !important;
    transform: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide {
    flex: 0 0 315px !important;
    width: 315px !important;
    max-width: 315px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame {
    height: 235px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-controls {
    padding: 14px 26px !important;
}

@media (min-width: 1180px) {
    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide {
        flex-basis: 330px !important;
        width: 330px !important;
        max-width: 330px !important;
    }

    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame {
        height: 245px !important;
    }
}

@media (max-width: 700px) {
    body .evv-mcm-carousel.evv-mcm-mode-strip {
        width: calc(100vw - 22px) !important;
        max-width: calc(100vw - 22px) !important;
        margin: 14px auto !important;
    }

    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head {
        padding: 20px 18px 14px !important;
    }

    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-viewport {
        padding: 18px 16px !important;
    }

    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide {
        flex-basis: min(300px, 82vw) !important;
        width: min(300px, 82vw) !important;
        max-width: min(300px, 82vw) !important;
    }

    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame {
        height: 225px !important;
    }
}

/* ============================================================
   EVV MCM — Strip Mode Dark Editorial Restore
   Restores the premium navy/gold archive look after later overrides.
   ============================================================ */

body .evv-mcm-carousel.evv-mcm-mode-strip {
    background:
        radial-gradient(circle at top left, rgba(191,160,70,.14), transparent 34%),
        linear-gradient(135deg, #071225 0%, #0A1428 48%, #101827 100%) !important;
    border: 1px solid rgba(191,160,70,.42) !important;
    box-shadow: 0 24px 70px rgba(2,6,23,.28) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head {
    background: transparent !important;
    border-bottom: 1px solid rgba(191,160,70,.32) !important;
    min-height: 0 !important;
    padding: 26px 30px 20px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-eyebrow {
    color: #BFA046 !important;
    -webkit-text-fill-color: #BFA046 !important;
    margin: 0 0 8px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head h2 {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    font-size: clamp(2.25rem, 4.7vw, 4.5rem) !important;
    line-height: .94 !important;
    letter-spacing: -.045em !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head p:not(.evv-mcm-eyebrow) {
    color: rgba(255,255,255,.78) !important;
    -webkit-text-fill-color: rgba(255,255,255,.78) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 8px 0 0 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-viewport {
    background: transparent !important;
    border-top: 0 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide {
    background: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.24) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide figcaption {
    background: #FFFFFF !important;
    color: #334155 !important;
    min-height: 72px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide figcaption strong {
    color: #0A1428 !important;
    -webkit-text-fill-color: #0A1428 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-controls {
    background: rgba(255,255,255,.06) !important;
    border-top: 1px solid rgba(191,160,70,.32) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-count {
    color: rgba(255,255,255,.86) !important;
    -webkit-text-fill-color: rgba(255,255,255,.86) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-controls button {
    background: #BFA046 !important;
    color: #071225 !important;
    -webkit-text-fill-color: #071225 !important;
    border-color: #BFA046 !important;
}

/* ============================================================
   EVV MCM — Premium Strip Polish
   Makes the archive feel intentional, editorial, and serious.
   ============================================================ */

/* Hide WordPress page title only on current private test page */
body.page-id-4045 .entry-title,
body.page-id-4045 h1.entry-title,
body.page-id-4045 .wp-block-post-title {
    display: none !important;
}

body.page-id-4045 .site-main,
body.page-id-4045 main,
body.page-id-4045 article {
    padding-top: 22px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip {
    border-radius: 24px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0) 22%),
        radial-gradient(circle at 12% 0%, rgba(191,160,70,.20), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(255,255,255,.08), transparent 26%),
        linear-gradient(135deg, #060D1C 0%, #0A1428 48%, #101827 100%) !important;
    box-shadow:
        0 30px 85px rgba(2,6,23,.30),
        0 0 0 5px rgba(191,160,70,.12) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(191,160,70,.22), transparent 18%, transparent 82%, rgba(191,160,70,.18)),
        linear-gradient(180deg, rgba(255,255,255,.06), transparent 34%);
    opacity: .7;
    z-index: -1;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head {
    padding: 28px 34px 22px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-eyebrow {
    font-size: .74rem !important;
    letter-spacing: .18em !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head h2 {
    max-width: 980px !important;
    text-wrap: balance !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head p:not(.evv-mcm-eyebrow) {
    font-size: 1.04rem !important;
    line-height: 1.45 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-viewport {
    padding: 26px 30px 24px !important;
    scroll-padding-left: 30px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-track {
    gap: 20px !important;
    align-items: stretch !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide {
    border-radius: 20px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    box-shadow:
        0 18px 38px rgba(0,0,0,.28),
        0 0 0 1px rgba(255,255,255,.20) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame {
    height: 248px !important;
    background: #0A1428 !important;
    border-bottom: 1px solid rgba(34,51,76,.10) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame img {
    filter: saturate(1.03) contrast(1.02) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide figcaption {
    min-height: 86px !important;
    padding: 15px 16px 16px !important;
    background:
        linear-gradient(180deg, #FFFFFF 0%, #FAF8F3 100%) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide figcaption strong {
    display: block !important;
    font-size: 1rem !important;
    line-height: 1.18 !important;
    letter-spacing: -.01em !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide figcaption span {
    display: block !important;
    margin-top: 4px !important;
    color: #475569 !important;
    font-size: .86rem !important;
    line-height: 1.35 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-controls {
    padding: 15px 30px !important;
    background: rgba(15,23,42,.74) !important;
    backdrop-filter: blur(10px) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-controls button {
    min-width: 88px !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-controls button:hover:not(:disabled) {
    transform: translateY(-1px) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-count {
    font-size: 1.05rem !important;
    letter-spacing: .03em !important;
}

/* Fade the right edge so partial next card looks intentional */
body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-viewport {
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 88%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, #000 0%, #000 88%, transparent 100%) !important;
}

@media (max-width: 700px) {
    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head {
        padding: 22px 20px 16px !important;
    }

    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head h2 {
        font-size: clamp(2rem, 11vw, 3rem) !important;
    }

    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-viewport {
        padding: 18px 16px !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame {
        height: 230px !important;
    }
}

/* ============================================================
   EVV MCM — Strip Image Focus Correction
   Prevents heads/faces from being cropped by default card crops.
   ============================================================ */

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame img {
    object-position: center top !important;
}

/* Keep landscape scenery centered instead of top-weighted when needed later. */
body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide.is-landscape .evv-mcm-image-frame img {
    object-position: center center !important;
}

/* ============================================================
   EVV MCM — Strip Clean Reset
   Pulls back the overdone polish. Clean, serious, usable.
   ============================================================ */

body .evv-mcm-carousel.evv-mcm-mode-strip {
    background: #0A1428 !important;
    border: 2px solid rgba(191,160,70,.42) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 55px rgba(2,6,23,.22) !important;
    overflow: hidden !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip::before {
    display: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head {
    background: #0A1428 !important;
    border-bottom: 1px solid rgba(191,160,70,.28) !important;
    padding: 24px 30px 18px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head h2 {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: clamp(2.15rem, 4.4vw, 4.1rem) !important;
    line-height: .96 !important;
    letter-spacing: -.04em !important;
    margin: 0 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head p:not(.evv-mcm-eyebrow) {
    color: rgba(255,255,255,.78) !important;
    -webkit-text-fill-color: rgba(255,255,255,.78) !important;
    margin-top: 8px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-viewport {
    background: #0A1428 !important;
    padding: 24px 28px 22px !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-track {
    gap: 18px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide {
    flex: 0 0 330px !important;
    width: 330px !important;
    max-width: 330px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.22) !important;
    overflow: hidden !important;
    transform: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.28) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame {
    height: 235px !important;
    background: #FAF8F3 !important;
    border-bottom: 1px solid rgba(34,51,76,.12) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    filter: none !important;
    transform: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide:hover .evv-mcm-image-frame img {
    transform: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide figcaption {
    min-height: 66px !important;
    padding: 12px 14px !important;
    background: #FFFFFF !important;
    color: #0A1428 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide figcaption strong {
    color: #0A1428 !important;
    -webkit-text-fill-color: #0A1428 !important;
    font-size: .96rem !important;
    line-height: 1.2 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-controls {
    background: #111827 !important;
    border-top: 1px solid rgba(191,160,70,.28) !important;
    padding: 14px 28px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-controls button {
    background: #BFA046 !important;
    color: #071225 !important;
    -webkit-text-fill-color: #071225 !important;
    border-color: #BFA046 !important;
    box-shadow: none !important;
    min-width: 82px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-count {
    color: rgba(255,255,255,.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,.88) !important;
}

@media (max-width: 700px) {
    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide {
        flex-basis: min(300px, 82vw) !important;
        width: min(300px, 82vw) !important;
        max-width: min(300px, 82vw) !important;
    }

    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame {
        height: 220px !important;
    }
}

/* ============================================================
   EVV MCM — Strip Clean Reset
   Pulls back the overdone polish. Clean, serious, usable.
   ============================================================ */

body .evv-mcm-carousel.evv-mcm-mode-strip {
    background: #0A1428 !important;
    border: 2px solid rgba(191,160,70,.42) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 55px rgba(2,6,23,.22) !important;
    overflow: hidden !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip::before {
    display: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head {
    background: #0A1428 !important;
    border-bottom: 1px solid rgba(191,160,70,.28) !important;
    padding: 24px 30px 18px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head h2 {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: clamp(2.15rem, 4.4vw, 4.1rem) !important;
    line-height: .96 !important;
    letter-spacing: -.04em !important;
    margin: 0 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head p:not(.evv-mcm-eyebrow) {
    color: rgba(255,255,255,.78) !important;
    -webkit-text-fill-color: rgba(255,255,255,.78) !important;
    margin-top: 8px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-viewport {
    background: #0A1428 !important;
    padding: 24px 28px 22px !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-track {
    gap: 18px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide {
    flex: 0 0 330px !important;
    width: 330px !important;
    max-width: 330px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.22) !important;
    overflow: hidden !important;
    transform: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.28) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame {
    height: 235px !important;
    background: #FAF8F3 !important;
    border-bottom: 1px solid rgba(34,51,76,.12) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    filter: none !important;
    transform: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide:hover .evv-mcm-image-frame img {
    transform: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide figcaption {
    min-height: 66px !important;
    padding: 12px 14px !important;
    background: #FFFFFF !important;
    color: #0A1428 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide figcaption strong {
    color: #0A1428 !important;
    -webkit-text-fill-color: #0A1428 !important;
    font-size: .96rem !important;
    line-height: 1.2 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-controls {
    background: #111827 !important;
    border-top: 1px solid rgba(191,160,70,.28) !important;
    padding: 14px 28px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-controls button {
    background: #BFA046 !important;
    color: #071225 !important;
    -webkit-text-fill-color: #071225 !important;
    border-color: #BFA046 !important;
    box-shadow: none !important;
    min-width: 82px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-count {
    color: rgba(255,255,255,.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,.88) !important;
}

@media (max-width: 700px) {
    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide {
        flex-basis: min(300px, 82vw) !important;
        width: min(300px, 82vw) !important;
        max-width: min(300px, 82vw) !important;
    }

    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame {
        height: 220px !important;
    }
}

/* ============================================================
   EVV MCM — Strip Clean Reset
   Pulls back the overdone polish. Clean, serious, usable.
   ============================================================ */

body .evv-mcm-carousel.evv-mcm-mode-strip {
    background: #0A1428 !important;
    border: 2px solid rgba(191,160,70,.42) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 55px rgba(2,6,23,.22) !important;
    overflow: hidden !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip::before {
    display: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head {
    background: #0A1428 !important;
    border-bottom: 1px solid rgba(191,160,70,.28) !important;
    padding: 24px 30px 18px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head h2 {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    font-size: clamp(2.15rem, 4.4vw, 4.1rem) !important;
    line-height: .96 !important;
    letter-spacing: -.04em !important;
    margin: 0 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-carousel-head p:not(.evv-mcm-eyebrow) {
    color: rgba(255,255,255,.78) !important;
    -webkit-text-fill-color: rgba(255,255,255,.78) !important;
    margin-top: 8px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-viewport {
    background: #0A1428 !important;
    padding: 24px 28px 22px !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-track {
    gap: 18px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide {
    flex: 0 0 330px !important;
    width: 330px !important;
    max-width: 330px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.22) !important;
    overflow: hidden !important;
    transform: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.28) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame {
    height: 235px !important;
    background: #FAF8F3 !important;
    border-bottom: 1px solid rgba(34,51,76,.12) !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    filter: none !important;
    transform: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide:hover .evv-mcm-image-frame img {
    transform: none !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide figcaption {
    min-height: 66px !important;
    padding: 12px 14px !important;
    background: #FFFFFF !important;
    color: #0A1428 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide figcaption strong {
    color: #0A1428 !important;
    -webkit-text-fill-color: #0A1428 !important;
    font-size: .96rem !important;
    line-height: 1.2 !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-controls {
    background: #111827 !important;
    border-top: 1px solid rgba(191,160,70,.28) !important;
    padding: 14px 28px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-controls button {
    background: #BFA046 !important;
    color: #071225 !important;
    -webkit-text-fill-color: #071225 !important;
    border-color: #BFA046 !important;
    box-shadow: none !important;
    min-width: 82px !important;
}

body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-count {
    color: rgba(255,255,255,.88) !important;
    -webkit-text-fill-color: rgba(255,255,255,.88) !important;
}

@media (max-width: 700px) {
    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-slide {
        flex-basis: min(300px, 82vw) !important;
        width: min(300px, 82vw) !important;
        max-width: min(300px, 82vw) !important;
    }

    body .evv-mcm-carousel.evv-mcm-mode-strip .evv-mcm-image-frame {
        height: 220px !important;
    }
}

/* ============================================================
   EVV MCM — Lightbox Viewer
   ============================================================ */

.evv-mcm-lightbox-trigger {
    border: 0;
    padding: 0;
    cursor: zoom-in;
    font: inherit;
}

.evv-mcm-lightbox-trigger:focus-visible {
    outline: 4px solid rgba(191,160,70,.65);
    outline-offset: -4px;
}

.evv-mcm-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 28px;
    background: rgba(2,6,23,.88);
    backdrop-filter: blur(8px);
}

.evv-mcm-lightbox.is-open {
    display: flex;
}

.evv-mcm-lightbox-inner {
    position: relative;
    width: min(1180px, calc(100vw - 48px));
    max-height: calc(100vh - 56px);
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    background: #0A1428;
    border: 1px solid rgba(191,160,70,.5);
    border-radius: 20px;
    box-shadow: 0 30px 90px rgba(0,0,0,.55);
    overflow: hidden;
}

.evv-mcm-lightbox-stage {
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #050A14;
}

.evv-mcm-lightbox-stage img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: calc(100vh - 190px);
    object-fit: contain;
}

.evv-mcm-lightbox-caption {
    padding: 16px 20px;
    background: #0A1428;
    border-top: 1px solid rgba(191,160,70,.28);
    color: rgba(255,255,255,.86);
}

.evv-mcm-lightbox-caption strong {
    display: block;
    color: #FFFFFF;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
    line-height: 1.2;
}

.evv-mcm-lightbox-caption span {
    display: block;
    margin-top: 5px;
    color: rgba(255,255,255,.74);
    line-height: 1.45;
}

.evv-mcm-lightbox-close,
.evv-mcm-lightbox-prev,
.evv-mcm-lightbox-next {
    position: absolute;
    z-index: 2;
    border: 1px solid rgba(191,160,70,.75);
    background: #BFA046;
    color: #071225;
    border-radius: 999px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 12px 24px rgba(0,0,0,.32);
}

.evv-mcm-lightbox-close {
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    font-size: 22px;
    line-height: 1;
}

.evv-mcm-lightbox-prev,
.evv-mcm-lightbox-next {
    top: 50%;
    transform: translateY(-50%);
    min-width: 54px;
    min-height: 46px;
    padding: 10px 14px;
}

.evv-mcm-lightbox-prev {
    left: 14px;
}

.evv-mcm-lightbox-next {
    right: 14px;
}

.evv-mcm-lightbox-close:hover,
.evv-mcm-lightbox-prev:hover,
.evv-mcm-lightbox-next:hover,
.evv-mcm-lightbox-close:focus-visible,
.evv-mcm-lightbox-prev:focus-visible,
.evv-mcm-lightbox-next:focus-visible {
    outline: 3px solid rgba(255,255,255,.7);
    outline-offset: 2px;
}

@media (max-width: 700px) {
    .evv-mcm-lightbox {
        padding: 12px;
    }

    .evv-mcm-lightbox-inner {
        width: calc(100vw - 24px);
        max-height: calc(100vh - 24px);
        border-radius: 16px;
    }

    .evv-mcm-lightbox-stage img {
        max-height: calc(100vh - 175px);
    }

    .evv-mcm-lightbox-prev,
    .evv-mcm-lightbox-next {
        top: auto;
        bottom: 86px;
        transform: none;
    }
}

/* ============================================================
   EVV MCM — Lightbox Arrow Sharpening
   Cleaner, stronger, less toy-like.
   ============================================================ */

.evv-mcm-lightbox-prev,
.evv-mcm-lightbox-next {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #BFA046 !important;
    color: #071225 !important;
    border: 2px solid rgba(255,255,255,.72) !important;
    border-radius: 999px !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 2.2rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-shadow: none !important;
    box-shadow:
        0 14px 28px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
    transition:
        transform .16s ease,
        background .16s ease,
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease !important;
}

.evv-mcm-lightbox-prev {
    left: 18px !important;
}

.evv-mcm-lightbox-next {
    right: 18px !important;
}

.evv-mcm-lightbox-prev:hover,
.evv-mcm-lightbox-next:hover,
.evv-mcm-lightbox-prev:focus-visible,
.evv-mcm-lightbox-next:focus-visible {
    background: #F3D982 !important;
    color: #050A14 !important;
    border-color: #FFFFFF !important;
    transform: translateY(-50%) scale(1.06) !important;
    outline: none !important;
    box-shadow:
        0 18px 34px rgba(0,0,0,.48),
        0 0 0 4px rgba(191,160,70,.28),
        inset 0 1px 0 rgba(255,255,255,.45) !important;
}

.evv-mcm-lightbox-close {
    width: 46px !important;
    height: 46px !important;
    background: #BFA046 !important;
    color: #071225 !important;
    border: 2px solid rgba(255,255,255,.72) !important;
    font-size: 1.8rem !important;
    font-weight: 900 !important;
    box-shadow:
        0 14px 28px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.evv-mcm-lightbox-close:hover,
.evv-mcm-lightbox-close:focus-visible {
    background: #F3D982 !important;
    color: #050A14 !important;
    border-color: #FFFFFF !important;
    outline: none !important;
    box-shadow:
        0 18px 34px rgba(0,0,0,.48),
        0 0 0 4px rgba(191,160,70,.28),
        inset 0 1px 0 rgba(255,255,255,.45) !important;
}

@media (max-width: 700px) {
    .evv-mcm-lightbox-prev,
    .evv-mcm-lightbox-next {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        font-size: 2rem !important;
    }
}

/* EVV MCM — Dedicated Preview Page */
.evv-mcm-preview-page-wrap {
    max-width: 1220px;
    margin: 0 auto;
    padding: 28px 18px 42px;
}

.evv-mcm-preview-page-head {
    max-width: 960px;
    margin: 0 auto 22px;
    padding: 22px 24px;
    background: #0A1428;
    color: #FFFFFF;
    border-left: 5px solid #BFA046;
    border-radius: 18px;
    box-shadow: 0 16px 34px rgba(15,23,42,.18);
}

.evv-mcm-preview-page-head p {
    margin: 0 0 6px;
    color: #BFA046;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .78rem;
}

.evv-mcm-preview-page-head h1 {
    margin: 0 0 10px;
    color: #FFFFFF;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1;
}

.evv-mcm-preview-page-head code {
    display: block;
    overflow-x: auto;
    padding: 9px 10px;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.88);
    border: 1px solid rgba(191,160,70,.28);
    border-radius: 10px;
}

/* EVV MCM — Clean Preview Canvas */
.evv-mcm-preview-clean {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 24px 18px 42px;
}

.evv-mcm-preview-clean .evv-mcm-carousel {
    margin-top: 0 !important;
}

@media (max-width: 700px) {
    .evv-mcm-preview-clean {
        padding: 14px 10px 28px;
    }
}

/* EVV MCM — Aggressive Astra Clean Preview Fix */
body.evv-mcm-preview-page {
    background: #F7F7F4 !important;
}

body.evv-mcm-preview-page .evv-mcm-preview-clean {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 18px 18px 38px !important;
}

body.evv-mcm-preview-page .evv-mcm-preview-clean .evv-mcm-carousel {
    width: min(1180px, calc(100vw - 36px)) !important;
    max-width: min(1180px, calc(100vw - 36px)) !important;
    margin: 0 auto !important;
}

body.evv-mcm-preview-page.admin-bar .evv-mcm-preview-clean {
    padding-top: 18px !important;
}

@media (max-width: 700px) {
    body.evv-mcm-preview-page .evv-mcm-preview-clean {
        padding: 10px 8px 26px !important;
    }

    body.evv-mcm-preview-page .evv-mcm-preview-clean .evv-mcm-carousel {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
    }
}

/* EVV MCM — Public Gallery Page Wrapper */
.evv-mcm-gallery-page {
    --evv-navy: #0A1428;
    --evv-gold: #BFA046;
    --evv-cream: #FAF8F3;
    --evv-ink: #0F172A;

    max-width: 1280px;
    margin: 0 auto;
    padding: clamp(20px, 4vw, 46px) 18px;
    color: var(--evv-ink);
}

.evv-mcm-gallery-hero {
    position: relative;
    overflow: hidden;
    margin: 0 auto 26px;
    padding: clamp(24px, 5vw, 54px);
    border-radius: 26px;
    background:
        radial-gradient(circle at top left, rgba(191,160,70,.18), transparent 34%),
        linear-gradient(135deg, #071225 0%, #0A1428 48%, #151A2A 100%);
    border: 1px solid rgba(191,160,70,.38);
    box-shadow: 0 24px 70px rgba(2,6,23,.24);
}

.evv-mcm-gallery-hero::after {
    content: "";
    position: absolute;
    inset: auto -60px -100px auto;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    background: rgba(191,160,70,.12);
    filter: blur(4px);
}

.evv-mcm-gallery-kicker {
    margin: 0 0 10px;
    color: var(--evv-gold);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: .82rem;
}

.evv-mcm-gallery-hero h1 {
    position: relative;
    z-index: 1;
    max-width: 980px;
    margin: 0;
    color: #FFFFFF;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.4rem, 6vw, 5.4rem);
    line-height: .95;
    letter-spacing: -.055em;
}

.evv-mcm-gallery-subtitle {
    position: relative;
    z-index: 1;
    max-width: 760px;
    margin: 18px 0 0;
    color: rgba(255,255,255,.82);
    font-size: clamp(1rem, 2vw, 1.24rem);
    line-height: 1.45;
}

.evv-mcm-gallery-meta {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.evv-mcm-gallery-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.88);
    border: 1px solid rgba(191,160,70,.30);
    font-size: .88rem;
    font-weight: 800;
}

.evv-mcm-gallery-actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.evv-mcm-gallery-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 999px;
    background: var(--evv-gold);
    color: #071225 !important;
    border: 1px solid var(--evv-gold);
    text-decoration: none !important;
    font-weight: 900;
    letter-spacing: .04em;
}

.evv-mcm-gallery-button:hover,
.evv-mcm-gallery-button:focus {
    color: #071225 !important;
    filter: brightness(1.04);
}

.evv-mcm-gallery-button.secondary {
    background: transparent;
    color: var(--evv-gold) !important;
}

.evv-mcm-gallery-button.secondary:hover,
.evv-mcm-gallery-button.secondary:focus {
    background: rgba(191,160,70,.12);
    color: var(--evv-gold) !important;
}

.evv-mcm-gallery-body .evv-mcm-carousel {
    margin-top: 0 !important;
}

@media (max-width: 760px) {
    .evv-mcm-gallery-page {
        padding: 18px 10px;
    }

    .evv-mcm-gallery-hero {
        border-radius: 20px;
        padding: 24px 18px;
    }

    .evv-mcm-gallery-button {
        width: 100%;
    }
}

/* EVV MCM — Clean Public Gallery Page Override */
.evv-mcm-gallery-page-clean {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 18px 42px !important;
    background: #F7F7F4 !important;
}

.evv-mcm-gallery-shell {
    width: min(1180px, calc(100vw - 36px));
    margin: 0 auto;
}

.evv-mcm-gallery-hero-clean {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 24px;
    margin: 0 0 16px;
    padding: 22px 24px;
    border-radius: 22px;
    background: #0A1428;
    border: 1px solid rgba(191,160,70,.38);
    box-shadow: 0 18px 44px rgba(2,6,23,.18);
}

.evv-mcm-gallery-hero-clean .evv-mcm-gallery-kicker {
    margin: 0 0 8px;
    color: #BFA046;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .78rem;
}

.evv-mcm-gallery-hero-clean h1 {
    margin: 0;
    color: #FFFFFF;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 4vw, 4rem);
    line-height: 1;
    letter-spacing: -.045em;
}

.evv-mcm-gallery-hero-clean .evv-mcm-gallery-subtitle {
    max-width: 760px;
    margin: 10px 0 0;
    color: rgba(255,255,255,.82);
    font-size: 1rem;
    line-height: 1.4;
}

.evv-mcm-gallery-meta-clean {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    flex: 0 0 auto;
}

.evv-mcm-gallery-meta-clean span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.88);
    border: 1px solid rgba(191,160,70,.30);
    font-size: .84rem;
    font-weight: 800;
}

.evv-mcm-gallery-actions-clean {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 16px;
}

.evv-mcm-gallery-actions-clean a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #BFA046;
    color: #071225 !important;
    text-decoration: none !important;
    font-weight: 900;
}

.evv-mcm-gallery-body-clean .evv-mcm-carousel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

.evv-mcm-gallery-body-clean .evv-mcm-mode-strip .evv-mcm-viewport {
    padding-top: 22px !important;
}

@media (max-width: 760px) {
    .evv-mcm-gallery-page-clean {
        padding: 12px 8px 28px !important;
    }

    .evv-mcm-gallery-shell {
        width: calc(100vw - 16px);
    }

    .evv-mcm-gallery-hero-clean {
        align-items: flex-start;
        flex-direction: column;
        padding: 18px;
        border-radius: 18px;
    }

    .evv-mcm-gallery-meta-clean {
        justify-content: flex-start;
    }
}

/* EVV MCM — Gallery Page Reset */
.evv-mcm-gallery-page-reset {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 18px;
}

.evv-mcm-gallery-page-reset .evv-mcm-carousel {
    margin-top: 0 !important;
}

@media (max-width: 700px) {
    .evv-mcm-gallery-page-reset {
        padding: 10px;
    }
}

/* ============================================================
   EVV MCM — MUST-FIX SHOWCASE OVERRIDE
   Purpose: clean final public showcase without fighting old patches.
   ============================================================ */

html.evv-mcm-lightbox-open,
html.evv-mcm-lightbox-open body {
    overflow: hidden !important;
}

.evv-mcm-showcase-v2 {
    --evv-navy: #071225;
    --evv-navy-2: #0A1428;
    --evv-gold: #BFA046;
    --evv-cream: #FAF8F3;
    --evv-ink: #0F172A;

    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 18px 18px 42px !important;
    background: #F7F7F4 !important;
    color: var(--evv-ink) !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-inner {
    width: min(1240px, calc(100vw - 36px)) !important;
    max-width: min(1240px, calc(100vw - 36px)) !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at top right, rgba(191,160,70,.12), transparent 30%),
        linear-gradient(135deg, #071225 0%, #0A1428 52%, #111827 100%) !important;
    border: 1px solid rgba(191,160,70,.42) !important;
    box-shadow: 0 24px 64px rgba(2,6,23,.28) !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 24px !important;
    align-items: end !important;
    padding: 24px 30px 20px !important;
    border-bottom: 1px solid rgba(191,160,70,.24) !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-kicker {
    margin: 0 0 9px !important;
    color: var(--evv-gold) !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-head h2 {
    margin: 0 !important;
    max-width: none !important;
    color: #FFFFFF !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(2.45rem, 4.7vw, 4.45rem) !important;
    line-height: .98 !important;
    letter-spacing: -.05em !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-subtitle {
    max-width: 760px !important;
    margin: 12px 0 0 !important;
    color: rgba(255,255,255,.80) !important;
    font-size: 1rem !important;
    line-height: 1.42 !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-end !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-stats span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.88) !important;
    border: 1px solid rgba(191,160,70,.30) !important;
    font-size: .84rem !important;
    font-weight: 800 !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-stage {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) 58px !important;
    gap: 18px !important;
    align-items: center !important;
    padding: 22px 30px 16px !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-feature {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    background: var(--evv-cream) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    box-shadow: 0 20px 48px rgba(0,0,0,.24) !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-image-button {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: zoom-in !important;
    background: var(--evv-cream) !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-feature img {
    display: block !important;
    width: 100% !important;
    height: min(56vh, 560px) !important;
    max-height: min(56vh, 560px) !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: var(--evv-cream) !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-feature figcaption {
    display: block !important;
    min-height: 0 !important;
    padding: 13px 18px !important;
    background: #FFFFFF !important;
    border-top: 1px solid rgba(34,51,76,.10) !important;
    border-left: 0 !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-feature figcaption strong {
    display: block !important;
    color: var(--evv-navy-2) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1.18rem !important;
    line-height: 1.15 !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-feature figcaption span {
    display: block !important;
    margin-top: 3px !important;
    color: #475569 !important;
    font-size: .95rem !important;
    line-height: 1.35 !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-arrow {
    width: 48px !important;
    height: 48px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(191,160,70,.85) !important;
    background: var(--evv-gold) !important;
    color: #071225 !important;
    cursor: pointer !important;
    font-size: 2.15rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.28) !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-arrow:hover,
.evv-mcm-showcase-v2 .evv-mcm-showcase-arrow:focus-visible {
    outline: 3px solid rgba(191,160,70,.42) !important;
    outline-offset: 3px !important;
    filter: brightness(1.04) !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-rail {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    padding: 0 30px 16px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-thumb {
    flex: 0 0 108px !important;
    width: 108px !important;
    height: 76px !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    padding: 0 !important;
    border: 2px solid rgba(255,255,255,.22) !important;
    background: #FFFFFF !important;
    cursor: pointer !important;
    scroll-snap-align: start !important;
    opacity: .72 !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-thumb.is-active {
    opacity: 1 !important;
    border-color: var(--evv-gold) !important;
    box-shadow: 0 0 0 3px rgba(191,160,70,.22) !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-count {
    display: flex !important;
    justify-content: center !important;
    padding: 0 20px 18px !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 1.1rem !important;
    font-weight: 900 !important;
}

@keyframes evv-mcm-fade-in {
    from { opacity: 0; backdrop-filter: blur(0px); }
    to { opacity: 1; backdrop-filter: blur(6px); }
}

@keyframes evv-mcm-slide-up {
    from { opacity: 0; transform: translateY(20px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.evv-mcm-showcase-lightbox {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 28px !important;
    background: rgba(2,6,23,.92) !important;
    backdrop-filter: blur(6px) !important;
    animation: evv-mcm-fade-in .2s ease-out forwards !important;
}

.evv-mcm-showcase-lightbox-panel {
    position: relative !important;
    width: min(1180px, calc(100vw - 44px)) !important;
    max-height: calc(100vh - 44px) !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    background: #0A1428 !important;
    border: 1px solid rgba(191,160,70,.55) !important;
    box-shadow: 0 28px 90px rgba(0,0,0,.55) !important;
    animation: evv-mcm-slide-up .25s ease-out forwards !important;
}

.evv-mcm-showcase-lightbox-panel img {
    display: block !important;
    width: 100% !important;
    max-height: calc(100vh - 170px) !important;
    object-fit: contain !important;
    background: #020617 !important;
}

.evv-mcm-showcase-lightbox-caption {
    display: grid !important;
    gap: 4px !important;
    padding: 16px 20px !important;
    background: #FFFFFF !important;
    color: #0A1428 !important;
}

.evv-mcm-showcase-lightbox-caption strong {
    display: block !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1.15rem !important;
}

.evv-mcm-showcase-lightbox-caption span {
    display: block !important;
    color: #475569 !important;
}

.evv-mcm-showcase-lightbox-caption small {
    display: block !important;
    color: #64748b !important;
    font-weight: 900 !important;
}

.evv-mcm-showcase-lightbox-close,
.evv-mcm-showcase-lightbox-nav {
    position: absolute !important;
    z-index: 2 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(191,160,70,.9) !important;
    background: #BFA046 !important;
    color: #071225 !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.evv-mcm-showcase-lightbox-close {
    top: 14px !important;
    right: 14px !important;
    width: 46px !important;
    height: 46px !important;
    font-size: 30px !important;
}

.evv-mcm-showcase-lightbox-nav {
    top: 50% !important;
    width: 54px !important;
    height: 54px !important;
    font-size: 2.4rem !important;
    transform: translateY(-50%) !important;
}

.evv-mcm-showcase-lightbox-prev {
    left: 16px !important;
}

.evv-mcm-showcase-lightbox-next {
    right: 16px !important;
}

@media (max-width: 900px) {
    .evv-mcm-showcase-v2 {
        padding: 10px 8px 28px !important;
    }

    .evv-mcm-showcase-v2 .evv-mcm-showcase-inner {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        border-radius: 18px !important;
    }

    .evv-mcm-showcase-v2 .evv-mcm-showcase-head {
        grid-template-columns: 1fr !important;
        padding: 20px 18px 16px !important;
    }

    .evv-mcm-showcase-v2 .evv-mcm-showcase-head h2 {
        font-size: clamp(2rem, 10vw, 3.1rem) !important;
    }

    .evv-mcm-showcase-v2 .evv-mcm-showcase-stage {
        grid-template-columns: 1fr !important;
        padding: 16px !important;
    }

    .evv-mcm-showcase-v2 .evv-mcm-showcase-arrow {
        position: absolute !important;
        top: 50% !important;
        z-index: 4 !important;
    }

    .evv-mcm-showcase-v2 .evv-mcm-showcase-prev {
        left: 22px !important;
    }

    .evv-mcm-showcase-v2 .evv-mcm-showcase-next {
        right: 22px !important;
    }

    .evv-mcm-showcase-v2 .evv-mcm-showcase-feature {
        max-width: 100% !important;
    }

    .evv-mcm-showcase-v2 .evv-mcm-showcase-feature img {
        height: min(50vh, 430px) !important;
        max-height: min(50vh, 430px) !important;
    }

    .evv-mcm-showcase-v2 .evv-mcm-showcase-rail {
        padding: 0 16px 14px !important;
    }

    .evv-mcm-showcase-v2 .evv-mcm-showcase-thumb {
        flex-basis: 92px !important;
        width: 92px !important;
        height: 68px !important;
    }

    .evv-mcm-showcase-lightbox {
        padding: 12px !important;
    }

    .evv-mcm-showcase-lightbox-panel {
        width: calc(100vw - 24px) !important;
        max-height: calc(100vh - 24px) !important;
    }

    .evv-mcm-showcase-lightbox-nav {
        width: 46px !important;
        height: 46px !important;
        font-size: 2rem !important;
    }
}

/* EVV MCM — Center Featured Image Stage */
.evv-mcm-showcase-v2 .evv-mcm-showcase-stage {
    grid-template-columns: 58px minmax(0, 860px) 58px !important;
    justify-content: center !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-feature {
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-image-button {
    display: grid !important;
    place-items: center !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-feature img {
    width: auto !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.evv-mcm-showcase-v2 .evv-mcm-showcase-feature figcaption {
    text-align: center !important;
}

@media (max-width: 900px) {
    .evv-mcm-showcase-v2 .evv-mcm-showcase-stage {
        grid-template-columns: 1fr !important;
    }

    .evv-mcm-showcase-v2 .evv-mcm-showcase-feature {
        max-width: 100% !important;
    }
}

/* ============================================================
   EVV MCM — Fit Mode Viewport + Caption Fix
   Keeps the full carousel visible without clipping the image title.
   ============================================================ */

.evv-mcm-mode-fit {
    box-sizing: border-box !important;
    width: min(760px, calc(100vw - 32px)) !important;
    max-width: min(760px, calc(100vw - 32px)) !important;
    height: auto !important;
    max-height: none !important;
    margin: clamp(10px, 2vh, 18px) auto !important;
    overflow: visible !important;
}

.evv-mcm-mode-fit .evv-mcm-carousel-head {
    padding: 10px 18px 11px !important;
}

.evv-mcm-mode-fit .evv-mcm-carousel-head h2 {
    font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
    line-height: 1.08 !important;
}

.evv-mcm-mode-fit .evv-mcm-carousel-head p:not(.evv-mcm-eyebrow) {
    display: none !important;
}

.evv-mcm-mode-fit .evv-mcm-viewport {
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
}

.evv-mcm-mode-fit .evv-mcm-track {
    height: auto !important;
    align-items: stretch !important;
}

.evv-mcm-mode-fit .evv-mcm-slide {
    height: auto !important;
    min-height: 0 !important;
}

.evv-mcm-mode-fit .evv-mcm-image-frame {
    flex: 0 0 auto !important;
    height: min(52vh, 460px) !important;
    min-height: 220px !important;
    max-height: 460px !important;
    width: 100% !important;
    border: 0 !important;
    cursor: zoom-in !important;
}

.evv-mcm-mode-fit .evv-mcm-image-frame img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
}

.evv-mcm-mode-fit .evv-mcm-slide figcaption {
    display: block !important;
    min-height: 0 !important;
    max-height: 86px !important;
    overflow: auto !important;
    padding: 8px 16px !important;
    font-size: .9rem !important;
    line-height: 1.25 !important;
}

.evv-mcm-mode-fit .evv-mcm-slide figcaption strong {
    display: block !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: .95rem !important;
    line-height: 1.2 !important;
}

.evv-mcm-mode-fit .evv-mcm-controls {
    padding: 8px 16px !important;
}

@media (max-height: 760px) {
    .evv-mcm-mode-fit .evv-mcm-image-frame {
        height: 42vh !important;
        min-height: 180px !important;
    }

    .evv-mcm-mode-fit .evv-mcm-carousel-head {
        padding: 8px 16px !important;
    }

    .evv-mcm-mode-fit .evv-mcm-slide figcaption {
        max-height: 70px !important;
        padding: 7px 14px !important;
    }

    .evv-mcm-mode-fit .evv-mcm-controls {
        padding: 7px 14px !important;
    }
}

/* ============================================================
   EVV MCM — Carousel Lightbox
   ============================================================ */

html.evv-mcm-lightbox-open,
html.evv-mcm-lightbox-open body {
    overflow: hidden !important;
}

.evv-mcm-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(2, 6, 23, .88);
}

.evv-mcm-lightbox-panel {
    position: relative;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    width: min(1180px, calc(100vw - 44px));
    height: min(860px, calc(100vh - 44px));
    max-width: calc(100vw - 44px);
    max-height: calc(100vh - 44px);
    background: #071225;
    border: 1px solid rgba(191,160,70,.55);
    border-radius: 18px;
    box-shadow: 0 30px 90px rgba(0,0,0,.45);
    overflow: hidden;
}

.evv-mcm-lightbox-media {
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px 68px;
    background: #020617;
}

.evv-mcm-lightbox-media img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.evv-mcm-lightbox-caption {
    display: grid;
    gap: 4px;
    padding: 13px 18px 15px;
    color: rgba(255,255,255,.84);
    background: #0A1428;
    border-top: 3px solid #BFA046;
}

.evv-mcm-lightbox-caption strong {
    color: #FFFFFF;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.evv-mcm-lightbox-caption span {
    color: rgba(255,255,255,.78);
}

.evv-mcm-lightbox-caption small {
    color: #BFA046;
    font-weight: 900;
}

.evv-mcm-lightbox-close,
.evv-mcm-lightbox-nav {
    position: absolute;
    z-index: 2;
    border: 1px solid rgba(191,160,70,.75);
    background: #0A1428;
    color: #BFA046;
    cursor: pointer;
    box-shadow: 0 12px 30px rgba(0,0,0,.28);
}

.evv-mcm-lightbox-close {
    top: 14px;
    right: 14px;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    font-size: 30px;
    line-height: 1;
}

.evv-mcm-lightbox-nav {
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    height: 74px;
    border-radius: 999px;
    font-size: 58px;
    line-height: .8;
}

.evv-mcm-lightbox-prev {
    left: 12px;
}

.evv-mcm-lightbox-next {
    right: 12px;
}

.evv-mcm-lightbox-nav:disabled {
    opacity: .35;
    cursor: not-allowed;
}

.evv-mcm-lightbox-close:hover,
.evv-mcm-lightbox-close:focus-visible,
.evv-mcm-lightbox-nav:hover:not(:disabled),
.evv-mcm-lightbox-nav:focus-visible:not(:disabled) {
    outline: 3px solid rgba(191,160,70,.5);
    outline-offset: 3px;
}

@media (max-width: 700px) {
    .evv-mcm-lightbox {
        padding: 10px;
    }

    .evv-mcm-lightbox-panel {
        width: calc(100vw - 20px);
        height: calc(100vh - 20px);
        max-width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
    }

    .evv-mcm-lightbox-media {
        padding: 56px 12px 14px;
    }

    .evv-mcm-lightbox-nav {
        width: 44px;
        height: 58px;
        font-size: 44px;
    }
}

/* ============================================================
   EVV MCM — Hide Theme Page Title on Carousel Pages + Larger Fit View
   ============================================================ */

body:has(.evv-mcm-carousel) .entry-title,
body:has(.evv-mcm-carousel) .page-title,
body:has(.evv-mcm-carousel) .wp-block-post-title,
body:has(.evv-mcm-carousel) h1.entry-title {
    display: none !important;
}

.evv-mcm-mode-fit {
    width: min(960px, calc(100vw - 32px)) !important;
    max-width: min(960px, calc(100vw - 32px)) !important;
    margin-top: 12px !important;
}

.evv-mcm-mode-fit .evv-mcm-image-frame {
    height: min(68vh, 640px) !important;
    max-height: 640px !important;
}

@media (max-height: 760px) {
    .evv-mcm-mode-fit .evv-mcm-image-frame {
        height: 56vh !important;
        max-height: 520px !important;
    }
}

/* ============================================================
   EVV MCM — Premium Front-End Polish
   Locked visual upgrade for fit carousel and lightbox.
   ============================================================ */

.evv-mcm-mode-fit {
    position: relative !important;
    border: 1px solid rgba(191,160,70,.34) !important;
    border-radius: 22px !important;
    background: #FAF8F3 !important;
    box-shadow:
        0 22px 70px rgba(2,6,23,.16),
        0 0 0 1px rgba(255,255,255,.7) inset,
        0 0 42px rgba(191,160,70,.14) !important;
    overflow: hidden !important;
}

.evv-mcm-mode-fit::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75),
        inset 0 -1px 0 rgba(2,6,23,.08);
    z-index: 2;
}

.evv-mcm-mode-fit .evv-mcm-carousel-head {
    position: relative !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(191,160,70,.18), transparent 30%),
        linear-gradient(135deg, #071225 0%, #0A1428 48%, #101B34 100%) !important;
    border-bottom: 4px solid #BFA046 !important;
    box-shadow: 0 8px 22px rgba(2,6,23,.24) !important;
}

.evv-mcm-mode-fit .evv-mcm-carousel-head::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 4px;
    background: linear-gradient(90deg, rgba(191,160,70,.2), #BFA046, rgba(191,160,70,.2));
    box-shadow: 0 0 18px rgba(191,160,70,.45);
}

.evv-mcm-mode-fit .evv-mcm-eyebrow {
    color: #BFA046 !important;
    text-shadow: 0 0 18px rgba(191,160,70,.24);
}

.evv-mcm-mode-fit .evv-mcm-carousel-head h2 {
    color: #FFFFFF !important;
    text-shadow: 0 2px 18px rgba(0,0,0,.34);
}

.evv-mcm-mode-fit .evv-mcm-viewport {
    background:
        radial-gradient(circle at center, rgba(191,160,70,.08), transparent 42%),
        linear-gradient(180deg, #FBF9F1 0%, #F4F0E5 100%) !important;
}

.evv-mcm-mode-fit .evv-mcm-image-frame {
    position: relative !important;
    background:
        linear-gradient(90deg, rgba(250,248,243,.96), rgba(255,255,255,.72), rgba(250,248,243,.96)) !important;
}

.evv-mcm-mode-fit .evv-mcm-image-frame::before {
    content: "";
    position: absolute;
    inset: 18px;
    border-radius: 14px;
    pointer-events: none;
    box-shadow:
        inset 0 0 0 1px rgba(191,160,70,.16),
        inset 0 18px 36px rgba(255,255,255,.28),
        inset 0 -18px 36px rgba(2,6,23,.06);
}

.evv-mcm-mode-fit .evv-mcm-image-frame img {
    position: relative !important;
    z-index: 1 !important;
    filter: drop-shadow(0 12px 20px rgba(2,6,23,.16));
    transition: transform .28s ease, filter .28s ease !important;
}

.evv-mcm-mode-fit .evv-mcm-image-frame:hover img {
    transform: scale(1.012);
    filter: drop-shadow(0 18px 30px rgba(2,6,23,.2));
}

.evv-mcm-mode-fit .evv-mcm-slide figcaption {
    background:
        linear-gradient(180deg, #FFFFFF 0%, #FAF8F3 100%) !important;
    border-top: 1px solid rgba(34,51,76,.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.evv-mcm-mode-fit .evv-mcm-slide figcaption strong {
    color: #071225 !important;
    font-weight: 800 !important;
}

.evv-mcm-mode-fit .evv-mcm-slide figcaption::after {
    content: "Click image to enlarge";
    display: block;
    margin-top: 3px;
    color: #64748B;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.evv-mcm-mode-fit .evv-mcm-controls {
    background:
        linear-gradient(180deg, #FAF8F3 0%, #F1EBDC 100%) !important;
    border-top: 1px solid rgba(34,51,76,.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.evv-mcm-mode-fit .evv-mcm-controls button {
    min-width: 104px;
    background:
        linear-gradient(180deg, #111D36 0%, #071225 100%) !important;
    color: #BFA046 !important;
    border: 1px solid rgba(191,160,70,.8) !important;
    box-shadow:
        0 8px 20px rgba(2,6,23,.16),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.evv-mcm-mode-fit .evv-mcm-controls button:hover:not(:disabled),
.evv-mcm-mode-fit .evv-mcm-controls button:focus-visible:not(:disabled) {
    transform: translateY(-1px);
    box-shadow:
        0 12px 26px rgba(2,6,23,.22),
        0 0 0 3px rgba(191,160,70,.18),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.evv-mcm-mode-fit .evv-mcm-controls button:disabled {
    background: #6B7280 !important;
    color: rgba(255,255,255,.72) !important;
    border-color: rgba(107,114,128,.5) !important;
}

.evv-mcm-mode-fit .evv-mcm-count {
    color: #22334C !important;
    font-size: 1.02rem !important;
    letter-spacing: .04em;
}

/* Lightbox premium finish */

.evv-mcm-lightbox {
    backdrop-filter: blur(10px);
    animation: evvMcmFadeIn .18s ease both;
}

.evv-mcm-lightbox-panel {
    animation: evvMcmLiftIn .2s ease both;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at top, rgba(191,160,70,.12), transparent 34%),
        #071225 !important;
    box-shadow:
        0 36px 110px rgba(0,0,0,.58),
        0 0 0 1px rgba(255,255,255,.06) inset,
        0 0 48px rgba(191,160,70,.16) !important;
}

.evv-mcm-lightbox-media {
    background:
        radial-gradient(circle at center, rgba(191,160,70,.08), transparent 46%),
        #020617 !important;
}

.evv-mcm-lightbox-media img {
    filter: drop-shadow(0 24px 44px rgba(0,0,0,.45));
}

.evv-mcm-lightbox-caption {
    background:
        linear-gradient(135deg, #071225 0%, #0A1428 60%, #111D36 100%) !important;
    border-top: 4px solid #BFA046 !important;
}

.evv-mcm-lightbox-close,
.evv-mcm-lightbox-nav {
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.evv-mcm-lightbox-close:hover,
.evv-mcm-lightbox-nav:hover:not(:disabled) {
    background: #111D36 !important;
    transform: scale(1.04);
    box-shadow:
        0 18px 38px rgba(0,0,0,.36),
        0 0 0 4px rgba(191,160,70,.18) !important;
}

.evv-mcm-lightbox-nav:hover:not(:disabled) {
    transform: translateY(-50%) scale(1.04);
}

@keyframes evvMcmFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes evvMcmLiftIn {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .evv-mcm-lightbox,
    .evv-mcm-lightbox-panel,
    .evv-mcm-mode-fit .evv-mcm-image-frame img,
    .evv-mcm-mode-fit .evv-mcm-controls button {
        animation: none !important;
        transition: none !important;
    }
}


/* ============================================================
   EVV MCM — Premium Polish Layer 2
   Navigation badge, stronger stage, refined controls.
   ============================================================ */

.evv-mcm-mode-fit {
    isolation: isolate !important;
}

.evv-mcm-mode-fit::after {
    content: "";
    position: absolute;
    inset: auto 18px 56px 18px;
    height: 70px;
    pointer-events: none;
    background: radial-gradient(ellipse at center, rgba(191,160,70,.18), transparent 70%);
    filter: blur(18px);
    opacity: .7;
    z-index: 0;
}

.evv-mcm-mode-fit .evv-mcm-carousel-head,
.evv-mcm-mode-fit .evv-mcm-viewport,
.evv-mcm-mode-fit .evv-mcm-controls {
    position: relative !important;
    z-index: 1 !important;
}

.evv-mcm-mode-fit .evv-mcm-carousel-head {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 18px !important;
}

.evv-mcm-mode-fit .evv-mcm-carousel-head .evv-mcm-eyebrow {
    grid-column: 1 / -1 !important;
}

.evv-mcm-mode-fit .evv-mcm-carousel-head h2 {
    grid-column: 1 !important;
}

.evv-mcm-mode-fit .evv-mcm-carousel-head h2::after {
    content: "";
    display: block;
    width: 84px;
    height: 2px;
    margin-top: 8px;
    background: linear-gradient(90deg, #BFA046, transparent);
    border-radius: 999px;
}

.evv-mcm-mode-fit .evv-mcm-image-frame {
    overflow: hidden !important;
}

.evv-mcm-mode-fit .evv-mcm-image-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(7,18,37,.05), transparent 12%, transparent 88%, rgba(7,18,37,.05)),
        linear-gradient(180deg, rgba(255,255,255,.18), transparent 22%, transparent 78%, rgba(7,18,37,.08));
    z-index: 2;
}

.evv-mcm-mode-fit .evv-mcm-slide figcaption {
    position: relative !important;
    padding-left: 20px !important;
}

.evv-mcm-mode-fit .evv-mcm-slide figcaption::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, #BFA046, rgba(191,160,70,.25));
}

.evv-mcm-mode-fit .evv-mcm-controls {
    display: grid !important;
    grid-template-columns: minmax(110px, auto) 1fr minmax(110px, auto) !important;
    align-items: center !important;
    gap: 14px !important;
}

.evv-mcm-mode-fit .evv-mcm-prev {
    justify-self: start !important;
}

.evv-mcm-mode-fit .evv-mcm-next {
    justify-self: end !important;
}

.evv-mcm-mode-fit .evv-mcm-count {
    justify-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 86px !important;
    padding: 7px 14px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(191,160,70,.36) !important;
    box-shadow:
        0 8px 22px rgba(2,6,23,.08),
        inset 0 1px 0 rgba(255,255,255,.75) !important;
}

.evv-mcm-mode-fit .evv-mcm-prev::before {
    content: "‹ ";
    font-size: 1.15em;
    line-height: 0;
}

.evv-mcm-mode-fit .evv-mcm-next::after {
    content: " ›";
    font-size: 1.15em;
    line-height: 0;
}

.evv-mcm-mode-fit .evv-mcm-controls button {
    letter-spacing: .02em !important;
    text-transform: none !important;
}

.evv-mcm-mode-fit .evv-mcm-controls button:active:not(:disabled) {
    transform: translateY(0) scale(.985) !important;
}

/* High-end lightbox navigation refinement */

.evv-mcm-lightbox::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 20% 15%, rgba(191,160,70,.14), transparent 28%),
        radial-gradient(circle at 80% 85%, rgba(191,160,70,.1), transparent 32%);
}

.evv-mcm-lightbox-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 rgba(191,160,70,.12);
    z-index: 3;
}

.evv-mcm-lightbox-close {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 300 !important;
}

.evv-mcm-lightbox-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: Georgia, "Times New Roman", serif !important;
    backdrop-filter: blur(8px);
    background: rgba(10,20,40,.88) !important;
}

.evv-mcm-lightbox-caption {
    position: relative !important;
}

.evv-mcm-lightbox-caption::before {
    content: "EVV Visual Archive";
    color: #BFA046;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

@media (max-width: 700px) {
    .evv-mcm-mode-fit .evv-mcm-carousel-head {
        display: block !important;
    }

    .evv-mcm-mode-fit .evv-mcm-controls {
        grid-template-columns: 1fr auto 1fr !important;
        gap: 8px !important;
        padding: 8px 10px !important;
    }

    .evv-mcm-mode-fit .evv-mcm-controls button {
        min-width: 84px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .evv-mcm-mode-fit .evv-mcm-count {
        min-width: 70px !important;
        padding: 6px 10px !important;
        font-size: .9rem !important;
    }
}

/* ============================================================
   EVV MCM — Premium Polish Layer 3
   Cinematic depth, progress rail feel, richer active stage.
   ============================================================ */

.evv-mcm-mode-fit {
    transform: translateZ(0) !important;
}

.evv-mcm-mode-fit .evv-mcm-carousel-head {
    overflow: hidden !important;
}

.evv-mcm-mode-fit .evv-mcm-carousel-head::before {
    content: "";
    position: absolute;
    top: -80%;
    left: -30%;
    width: 55%;
    height: 240%;
    pointer-events: none;
    background: linear-gradient(
        115deg,
        transparent 0%,
        rgba(255,255,255,.04) 38%,
        rgba(191,160,70,.18) 50%,
        rgba(255,255,255,.04) 62%,
        transparent 100%
    );
    transform: rotate(8deg);
    animation: evvMcmHeaderSheen 7s ease-in-out infinite;
    opacity: .65;
}

.evv-mcm-mode-fit .evv-mcm-viewport {
    position: relative !important;
}

.evv-mcm-mode-fit .evv-mcm-viewport::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 48%, rgba(255,255,255,.56), transparent 35%),
        radial-gradient(circle at 50% 100%, rgba(191,160,70,.16), transparent 45%);
    z-index: 0;
}

.evv-mcm-mode-fit .evv-mcm-track {
    position: relative !important;
    z-index: 1 !important;
}

.evv-mcm-mode-fit .evv-mcm-slide {
    position: relative !important;
}

.evv-mcm-mode-fit .evv-mcm-image-frame img {
    border-radius: 10px !important;
}

.evv-mcm-mode-fit .evv-mcm-image-frame:hover::before {
    box-shadow:
        inset 0 0 0 1px rgba(191,160,70,.28),
        inset 0 18px 36px rgba(255,255,255,.34),
        inset 0 -18px 36px rgba(2,6,23,.08),
        0 0 34px rgba(191,160,70,.18);
}

.evv-mcm-mode-fit .evv-mcm-slide figcaption {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 12px !important;
    align-items: center !important;
}

.evv-mcm-mode-fit .evv-mcm-slide figcaption strong {
    grid-column: 1 !important;
}

.evv-mcm-mode-fit .evv-mcm-slide figcaption::after {
    grid-column: 1 / -1 !important;
}

.evv-mcm-mode-fit .evv-mcm-controls {
    position: relative !important;
    overflow: hidden !important;
}

.evv-mcm-mode-fit .evv-mcm-controls::before {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    top: 0;
    height: 3px;
    border-radius: 999px;
    background:
        linear-gradient(90deg,
            rgba(191,160,70,.18),
            rgba(191,160,70,.95),
            rgba(191,160,70,.18)
        );
    box-shadow: 0 0 16px rgba(191,160,70,.35);
}

.evv-mcm-mode-fit .evv-mcm-controls::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 7px;
    width: min(220px, 42%);
    height: 4px;
    transform: translateX(-50%);
    border-radius: 999px;
    background:
        repeating-linear-gradient(
            90deg,
            rgba(34,51,76,.28) 0,
            rgba(34,51,76,.28) 12px,
            transparent 12px,
            transparent 18px
        );
    opacity: .55;
}

.evv-mcm-mode-fit .evv-mcm-count {
    position: relative !important;
    z-index: 2 !important;
}

.evv-mcm-mode-fit .evv-mcm-count::before {
    content: "IMAGE";
    margin-right: 7px;
    color: #64748B;
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.evv-mcm-mode-fit .evv-mcm-controls button {
    position: relative !important;
    z-index: 2 !important;
}

.evv-mcm-mode-fit .evv-mcm-controls button::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.12), transparent 48%);
}

/* Lightbox Layer 3 */

.evv-mcm-lightbox-panel {
    outline: 1px solid rgba(191,160,70,.22);
    outline-offset: -8px;
}

.evv-mcm-lightbox-media {
    position: relative !important;
}

.evv-mcm-lightbox-media::before {
    content: "";
    position: absolute;
    inset: 18px 72px;
    pointer-events: none;
    border-radius: 18px;
    background:
        radial-gradient(circle at center, rgba(191,160,70,.1), transparent 58%);
    box-shadow:
        inset 0 0 0 1px rgba(191,160,70,.12),
        0 0 44px rgba(191,160,70,.08);
}

.evv-mcm-lightbox-media img {
    position: relative !important;
    z-index: 1 !important;
    border-radius: 12px !important;
}

.evv-mcm-lightbox-caption {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: 16px !important;
    align-items: center !important;
}

.evv-mcm-lightbox-caption::before {
    grid-column: 1 / -1 !important;
}

.evv-mcm-lightbox-caption strong {
    grid-column: 1 !important;
}

.evv-mcm-lightbox-caption small {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: center !important;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(191,160,70,.12);
    border: 1px solid rgba(191,160,70,.35);
}

.evv-mcm-lightbox-caption span {
    grid-column: 1 / -1 !important;
}

@keyframes evvMcmHeaderSheen {
    0%, 68%, 100% {
        transform: translateX(0) rotate(8deg);
        opacity: 0;
    }
    78% {
        opacity: .7;
    }
    92% {
        transform: translateX(260%) rotate(8deg);
        opacity: 0;
    }
}

@media (max-width: 700px) {
    .evv-mcm-mode-fit .evv-mcm-controls::after {
        display: none !important;
    }

    .evv-mcm-mode-fit .evv-mcm-count::before {
        display: none !important;
    }

    .evv-mcm-lightbox-media::before {
        inset: 56px 14px 18px;
    }

    .evv-mcm-lightbox-caption {
        grid-template-columns: 1fr !important;
    }

    .evv-mcm-lightbox-caption small {
        grid-column: 1 !important;
        grid-row: auto !important;
        justify-self: start !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .evv-mcm-mode-fit .evv-mcm-carousel-head::before {
        animation: none !important;
        display: none !important;
    }
}

/* ============================================================
   EVV MCM — Premium Polish Layer 4
   Filmstrip illusion, richer controls, final gallery finish.
   ============================================================ */

.evv-mcm-mode-fit .evv-mcm-controls {
    padding-bottom: 18px !important;
}

.evv-mcm-mode-fit .evv-mcm-controls::after {
    bottom: 8px !important;
    width: min(280px, 48%) !important;
    height: 6px !important;
    background:
        repeating-linear-gradient(
            90deg,
            rgba(7,18,37,.48) 0,
            rgba(7,18,37,.48) 10px,
            rgba(191,160,70,.42) 10px,
            rgba(191,160,70,.42) 13px,
            transparent 13px,
            transparent 20px
        ) !important;
    box-shadow: 0 0 12px rgba(191,160,70,.16);
}

.evv-mcm-mode-fit .evv-mcm-count {
    backdrop-filter: blur(8px);
    background:
        linear-gradient(180deg, rgba(255,255,255,.86), rgba(250,248,243,.68)) !important;
}

.evv-mcm-mode-fit .evv-mcm-count::after {
    content: "";
    width: 7px;
    height: 7px;
    margin-left: 9px;
    border-radius: 999px;
    background: #BFA046;
    box-shadow: 0 0 12px rgba(191,160,70,.75);
}

.evv-mcm-mode-fit .evv-mcm-controls button {
    overflow: hidden !important;
}

.evv-mcm-mode-fit .evv-mcm-controls button:hover:not(:disabled)::before {
    content: "";
    position: absolute;
    inset: -60% auto -60% -40%;
    width: 38%;
    pointer-events: none;
    background: linear-gradient(110deg, transparent, rgba(255,255,255,.18), transparent);
    transform: rotate(14deg);
    animation: evvMcmButtonSheen .65s ease both;
}

.evv-mcm-mode-fit .evv-mcm-slide figcaption {
    backdrop-filter: blur(8px);
}

.evv-mcm-mode-fit .evv-mcm-slide figcaption strong::before {
    content: "◈";
    display: inline-block;
    margin-right: 8px;
    color: #BFA046;
    font-size: .78em;
    transform: translateY(-1px);
}

.evv-mcm-mode-fit .evv-mcm-image-frame {
    box-shadow:
        inset 0 20px 42px rgba(255,255,255,.28),
        inset 0 -22px 44px rgba(7,18,37,.08);
}

.evv-mcm-mode-fit .evv-mcm-image-frame img {
    max-width: calc(100% - 34px) !important;
    max-height: calc(100% - 26px) !important;
}

/* More graceful first paint */

.evv-mcm-carousel {
    animation: evvMcmCarouselSettle .28s ease both;
}

@keyframes evvMcmCarouselSettle {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes evvMcmButtonSheen {
    from {
        left: -45%;
        opacity: 0;
    }
    35% {
        opacity: 1;
    }
    to {
        left: 120%;
        opacity: 0;
    }
}

/* Better lightbox command surface */

.evv-mcm-lightbox-close {
    background:
        radial-gradient(circle at 35% 20%, rgba(255,255,255,.16), transparent 34%),
        #0A1428 !important;
}

.evv-mcm-lightbox-close::after {
    content: "ESC";
    position: absolute;
    right: 52px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255,255,255,.68);
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .12em;
    white-space: nowrap;
}

.evv-mcm-lightbox-nav::after {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: inherit;
    pointer-events: none;
    border: 1px solid rgba(255,255,255,.08);
}

.evv-mcm-lightbox-prev::before,
.evv-mcm-lightbox-next::before {
    position: absolute;
    bottom: -24px;
    color: rgba(255,255,255,.58);
    font-family: Arial, Helvetica, sans-serif;
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.evv-mcm-lightbox-prev::before {
    content: "Previous";
}

.evv-mcm-lightbox-next::before {
    content: "Next";
}

.evv-mcm-lightbox-caption strong {
    text-shadow: 0 2px 18px rgba(0,0,0,.45);
}

.evv-mcm-lightbox-caption small::before {
    content: "IMAGE ";
    color: rgba(255,255,255,.62);
}

/* Mobile final tightening */

@media (max-width: 700px) {
    .evv-mcm-mode-fit {
        border-radius: 18px !important;
        width: calc(100vw - 18px) !important;
        max-width: calc(100vw - 18px) !important;
    }

    .evv-mcm-mode-fit .evv-mcm-image-frame img {
        max-width: calc(100% - 18px) !important;
        max-height: calc(100% - 18px) !important;
    }

    .evv-mcm-mode-fit .evv-mcm-slide figcaption strong::before {
        margin-right: 6px;
    }

    .evv-mcm-lightbox-close::after,
    .evv-mcm-lightbox-prev::before,
    .evv-mcm-lightbox-next::before {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .evv-mcm-carousel,
    .evv-mcm-mode-fit .evv-mcm-controls button:hover:not(:disabled)::before {
        animation: none !important;
    }
}

/* ============================================================
   EVV MCM — Premium UX Layer 5
   Thumbnail rail, active image preview, load states, mobile hint.
   ============================================================ */

.evv-mcm-img-loading {
    opacity: .35;
    filter: blur(7px) drop-shadow(0 12px 20px rgba(2,6,23,.12)) !important;
}

.evv-mcm-img-loaded {
    opacity: 1;
}

.evv-mcm-img-error {
    opacity: .45;
    filter: grayscale(1);
}

.evv-mcm-thumb-rail {
    display: flex;
    gap: 9px;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 11px 16px 13px;
    background:
        linear-gradient(180deg, #F1EBDC 0%, #E9DFC9 100%);
    border-top: 1px solid rgba(34,51,76,.12);
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.evv-mcm-thumb-rail::-webkit-scrollbar {
    height: 7px;
}

.evv-mcm-thumb-rail::-webkit-scrollbar-track {
    background: rgba(34,51,76,.12);
    border-radius: 999px;
}

.evv-mcm-thumb-rail::-webkit-scrollbar-thumb {
    background: rgba(191,160,70,.72);
    border-radius: 999px;
}

.evv-mcm-thumb {
    flex: 0 0 auto;
    width: 62px;
    height: 44px;
    padding: 0;
    border: 2px solid rgba(34,51,76,.18);
    border-radius: 10px;
    overflow: hidden;
    background: #071225;
    cursor: pointer;
    opacity: .72;
    scroll-snap-align: center;
    box-shadow: 0 6px 14px rgba(2,6,23,.12);
    transition:
        transform .18s ease,
        opacity .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.evv-mcm-thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.evv-mcm-thumb:hover,
.evv-mcm-thumb:focus-visible {
    opacity: 1;
    transform: translateY(-2px);
    border-color: rgba(191,160,70,.7);
    box-shadow:
        0 10px 20px rgba(2,6,23,.18),
        0 0 0 3px rgba(191,160,70,.16);
    outline: none;
}

.evv-mcm-thumb.is-active {
    opacity: 1;
    border-color: #BFA046;
    transform: translateY(-2px) scale(1.04);
    box-shadow:
        0 12px 24px rgba(2,6,23,.2),
        0 0 0 3px rgba(191,160,70,.24),
        0 0 22px rgba(191,160,70,.22);
}

.evv-mcm-swipe-hint {
    position: absolute;
    right: 18px;
    bottom: 14px;
    z-index: 5;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(7,18,37,.78);
    color: #BFA046;
    border: 1px solid rgba(191,160,70,.45);
    font-family: Arial, Helvetica, sans-serif;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    pointer-events: none;
    box-shadow: 0 10px 24px rgba(2,6,23,.24);
    opacity: .95;
    transition: opacity .5s ease, transform .5s ease;
}

.evv-mcm-swipe-hint.is-fading {
    opacity: 0;
    transform: translateY(5px);
}

@media (max-width: 700px) {
    .evv-mcm-thumb-rail {
        padding: 9px 10px 11px;
        gap: 7px;
    }

    .evv-mcm-thumb {
        width: 54px;
        height: 40px;
        border-radius: 8px;
    }

    .evv-mcm-swipe-hint {
        right: 10px;
        bottom: 10px;
        font-size: .64rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .evv-mcm-thumb,
    .evv-mcm-swipe-hint,
    .evv-mcm-img-loading,
    .evv-mcm-img-loaded {
        transition: none !important;
    }
}

/* ============================================================
   EVV MCM — Premium UX Layer 6
   Swipe / drag feel.
   ============================================================ */

.evv-mcm-mode-fit .evv-mcm-viewport {
    touch-action: pan-y !important;
    cursor: grab;
}

.evv-mcm-mode-fit .evv-mcm-viewport.is-dragging {
    cursor: grabbing;
}

.evv-mcm-mode-fit.is-swipe-ready .evv-mcm-image-frame img {
    transform: scale(.995);
}

.evv-mcm-mode-fit .evv-mcm-swipe-hint::before {
    content: "← ";
}

.evv-mcm-mode-fit .evv-mcm-swipe-hint::after {
    content: " →";
}

.evv-mcm-lightbox {
    touch-action: pan-y;
}

.evv-mcm-lightbox.is-lightbox-swipe-ready .evv-mcm-lightbox-panel {
    box-shadow:
        0 40px 120px rgba(0,0,0,.62),
        0 0 0 1px rgba(255,255,255,.08) inset,
        0 0 58px rgba(191,160,70,.22) !important;
}

@media (hover: none) {
    .evv-mcm-mode-fit .evv-mcm-viewport {
        cursor: default;
    }

    .evv-mcm-mode-fit .evv-mcm-image-frame:hover img {
        transform: none;
    }
}

/* ============================================================
   EVV MCM — Premium UX Layer 7
   Optional Play/Pause slideshow control.
   ============================================================ */

.evv-mcm-mode-fit.has-play-toggle .evv-mcm-controls {
    grid-template-columns: auto minmax(110px, auto) 1fr minmax(110px, auto) !important;
}

.evv-mcm-mode-fit .evv-mcm-play-toggle {
    justify-self: start !important;
    min-width: 88px !important;
    background:
        linear-gradient(180deg, #BFA046 0%, #A88932 100%) !important;
    color: #071225 !important;
    border-color: rgba(7,18,37,.22) !important;
    font-weight: 900 !important;
}

.evv-mcm-mode-fit .evv-mcm-play-toggle[aria-pressed="true"] {
    background:
        linear-gradient(180deg, #F2D37A 0%, #BFA046 100%) !important;
    box-shadow:
        0 12px 26px rgba(191,160,70,.22),
        0 0 0 3px rgba(191,160,70,.2),
        inset 0 1px 0 rgba(255,255,255,.32) !important;
}

.evv-mcm-mode-fit.is-playing .evv-mcm-count::after {
    animation: evvMcmPulseDot 1.2s ease-in-out infinite;
}

.evv-mcm-mode-fit.is-hover-paused .evv-mcm-play-toggle::after,
.evv-mcm-mode-fit.is-focus-paused .evv-mcm-play-toggle::after {
    content: "";
}

@keyframes evvMcmPulseDot {
    0%, 100% {
        transform: scale(1);
        opacity: .75;
    }
    50% {
        transform: scale(1.45);
        opacity: 1;
    }
}

@media (max-width: 700px) {
    .evv-mcm-mode-fit.has-play-toggle .evv-mcm-controls {
        grid-template-columns: 1fr 1fr !important;
        grid-template-areas:
            "play count"
            "prev next" !important;
    }

    .evv-mcm-mode-fit .evv-mcm-play-toggle {
        grid-area: play !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .evv-mcm-mode-fit .evv-mcm-count {
        grid-area: count !important;
        justify-self: stretch !important;
    }

    .evv-mcm-mode-fit .evv-mcm-prev {
        grid-area: prev !important;
        width: 100% !important;
    }

    .evv-mcm-mode-fit .evv-mcm-next {
        grid-area: next !important;
        width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .evv-mcm-mode-fit.is-playing .evv-mcm-count::after {
        animation: none !important;
    }
}

/* ============================================================
   EVV MCM — Premium UX Layer 8
   Theater Mode.
   ============================================================ */

html.evv-mcm-theater-open,
html.evv-mcm-theater-open body {
    overflow: hidden !important;
}

.evv-mcm-mode-fit .evv-mcm-theater-toggle {
    justify-self: end !important;
    min-width: 96px !important;
    background:
        linear-gradient(180deg, #22334C 0%, #071225 100%) !important;
    color: #F2D37A !important;
    border-color: rgba(242,211,122,.58) !important;
}

.evv-mcm-mode-fit .evv-mcm-theater-toggle[aria-pressed="true"] {
    background:
        linear-gradient(180deg, #BFA046 0%, #8E6F21 100%) !important;
    color: #071225 !important;
}

.evv-mcm-carousel.is-theater-mode {
    position: fixed !important;
    inset: 18px !important;
    z-index: 999998 !important;
    width: calc(100vw - 36px) !important;
    max-width: calc(100vw - 36px) !important;
    height: calc(100vh - 36px) !important;
    max-height: calc(100vh - 36px) !important;
    margin: 0 !important;
    border-radius: 24px !important;
    box-shadow:
        0 40px 120px rgba(0,0,0,.58),
        0 0 0 1px rgba(191,160,70,.34),
        0 0 72px rgba(191,160,70,.18) !important;
    animation: evvMcmTheaterIn .2s ease both;
}

html.evv-mcm-theater-open body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 999997;
    background:
        radial-gradient(circle at 20% 10%, rgba(191,160,70,.13), transparent 30%),
        radial-gradient(circle at 80% 90%, rgba(191,160,70,.1), transparent 34%),
        rgba(2,6,23,.88);
    backdrop-filter: blur(9px);
}

.evv-mcm-carousel.is-theater-mode .evv-mcm-image-frame {
    height: auto !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
}

.evv-mcm-carousel.is-theater-mode .evv-mcm-viewport {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.evv-mcm-carousel.is-theater-mode .evv-mcm-track {
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

.evv-mcm-carousel.is-theater-mode .evv-mcm-slide {
    height: auto !important;
    min-height: 0 !important;
}

.evv-mcm-carousel.is-theater-mode .evv-mcm-image-frame img {
    max-width: calc(100% - 44px) !important;
    max-height: calc(100% - 34px) !important;
}

.evv-mcm-carousel.is-theater-mode .evv-mcm-carousel-head {
    padding: 12px 22px !important;
}

.evv-mcm-carousel.is-theater-mode .evv-mcm-carousel-head h2 {
    font-size: clamp(1.35rem, 2.4vw, 2.1rem) !important;
}

.evv-mcm-carousel.is-theater-mode .evv-mcm-thumb-rail {
    max-height: 78px !important;
}

.evv-mcm-carousel.is-theater-mode .evv-mcm-slide figcaption {
    max-height: 78px !important;
}

.evv-mcm-carousel.is-theater-mode .evv-mcm-controls {
    padding-top: 10px !important;
    padding-bottom: 18px !important;
}

.evv-mcm-carousel.is-theater-mode::before {
    content: "THEATER MODE";
    position: absolute;
    top: 14px;
    right: 132px;
    z-index: 5;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(7,18,37,.72);
    color: #BFA046;
    border: 1px solid rgba(191,160,70,.34);
    font-family: Arial, Helvetica, sans-serif;
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .14em;
}

@keyframes evvMcmTheaterIn {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 700px) {
    .evv-mcm-carousel.is-theater-mode {
        inset: 8px !important;
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        height: calc(100vh - 16px) !important;
        max-height: calc(100vh - 16px) !important;
        border-radius: 18px !important;
    }

    .evv-mcm-carousel.is-theater-mode::before {
        display: none !important;
    }

    .evv-mcm-mode-fit.has-theater-toggle .evv-mcm-controls {
        grid-template-columns: 1fr 1fr !important;
        grid-template-areas:
            "play theater"
            "count count"
            "prev next" !important;
    }

    .evv-mcm-mode-fit .evv-mcm-theater-toggle {
        grid-area: theater !important;
        width: 100% !important;
        min-width: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .evv-mcm-carousel.is-theater-mode {
        animation: none !important;
    }
}

/* ============================================================
   EVV MCM — Theater Mode Rollback
   Layer 8 rejected. Hide and neutralize it completely.
   ============================================================ */

.evv-mcm-theater-toggle {
    display: none !important;
}

html.evv-mcm-theater-open,
html.evv-mcm-theater-open body {
    overflow: auto !important;
}

html.evv-mcm-theater-open body::before {
    display: none !important;
    content: none !important;
}

.evv-mcm-carousel.is-theater-mode {
    position: relative !important;
    inset: auto !important;
    z-index: auto !important;
    width: min(960px, calc(100vw - 32px)) !important;
    max-width: min(960px, calc(100vw - 32px)) !important;
    height: auto !important;
    max-height: none !important;
    margin: 12px auto !important;
    animation: none !important;
}

.evv-mcm-carousel.is-theater-mode::before {
    display: none !important;
    content: none !important;
}

.evv-mcm-mode-fit.has-theater-toggle .evv-mcm-controls {
    grid-template-columns: auto minmax(110px, auto) 1fr minmax(110px, auto) !important;
}

/* ============================================================
   EVV MCM — Premium UX Layer 8 Replacement
   Accessibility and focus polish.
   ============================================================ */

.evv-mcm-live-region {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.evv-mcm-carousel.has-keyboard-focus {
    outline: 4px solid rgba(191,160,70,.34) !important;
    outline-offset: 6px !important;
}

.evv-mcm-mode-fit button:focus-visible,
.evv-mcm-thumb:focus-visible,
.evv-mcm-lightbox button:focus-visible {
    outline: 3px solid rgba(242,211,122,.78) !important;
    outline-offset: 3px !important;
}

.evv-mcm-mode-fit .evv-mcm-image-frame:focus-visible {
    outline: 4px solid rgba(191,160,70,.42) !important;
    outline-offset: -8px !important;
}

.evv-mcm-mode-fit .evv-mcm-controls button:focus-visible {
    box-shadow:
        0 0 0 4px rgba(191,160,70,.18),
        0 14px 28px rgba(2,6,23,.22),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.evv-mcm-mode-fit .evv-mcm-thumb:focus-visible {
    border-color: #F2D37A !important;
    box-shadow:
        0 0 0 4px rgba(191,160,70,.22),
        0 12px 24px rgba(2,6,23,.2) !important;
}

@media (forced-colors: active) {
    .evv-mcm-carousel,
    .evv-mcm-mode-fit .evv-mcm-controls button,
    .evv-mcm-thumb,
    .evv-mcm-lightbox-panel {
        border: 2px solid CanvasText !important;
        box-shadow: none !important;
    }

    .evv-mcm-mode-fit .evv-mcm-carousel-head,
    .evv-mcm-mode-fit .evv-mcm-controls,
    .evv-mcm-thumb-rail {
        background: Canvas !important;
        color: CanvasText !important;
    }
}

/* ============================================================
   EVV MCM — Premium UX Layer 9
   Lightbox tools.
   ============================================================ */

.evv-mcm-lightbox-tools {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 5;
    display: flex;
    gap: 8px;
    align-items: center;
}

.evv-mcm-lightbox-tool {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(191,160,70,.58);
    background:
        linear-gradient(180deg, rgba(17,29,54,.94), rgba(7,18,37,.94));
    color: #F2D37A !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow:
        0 12px 28px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(8px);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.evv-mcm-lightbox-tool:hover,
.evv-mcm-lightbox-tool:focus-visible {
    transform: translateY(-1px);
    background:
        linear-gradient(180deg, rgba(34,51,76,.98), rgba(7,18,37,.98));
    box-shadow:
        0 16px 34px rgba(0,0,0,.36),
        0 0 0 3px rgba(191,160,70,.18),
        inset 0 1px 0 rgba(255,255,255,.12);
    outline: none;
}

@media (max-width: 700px) {
    .evv-mcm-lightbox-tools {
        top: 62px;
        left: 10px;
        right: 10px;
        justify-content: center;
    }

    .evv-mcm-lightbox-tool {
        min-height: 34px;
        padding: 7px 10px;
        font-size: .64rem;
    }
}


/* EVV MCM — Image/Video Responsive Media */
.evv-mcm-carousel video,
.evv-mcm-carousel img,
.evv-mcm-showcase video,
.evv-mcm-showcase img,
.evv-mcm-gallery-page video,
.evv-mcm-gallery-page img {
    max-width: 100%;
}

.evv-mcm-media-el,
.evv-mcm-feature-media,
.evv-mcm-thumb-media {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #050814;
    border-radius: inherit;
}

.evv-mcm-mode-fit .evv-mcm-image-frame {
    aspect-ratio: 16 / 9;
}

.evv-mcm-mode-strip .evv-mcm-image-frame {
    aspect-ratio: 4 / 5;
}

.evv-mcm-image-frame video,
.evv-mcm-image-frame img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.evv-mcm-thumb-media {
    object-fit: cover;
}

@media (orientation: portrait) and (max-width: 782px) {
    .evv-mcm-mode-fit .evv-mcm-image-frame {
        aspect-ratio: 9 / 16;
    }
}

@media (orientation: landscape) and (max-width: 920px) {
    .evv-mcm-mode-fit .evv-mcm-image-frame {
        aspect-ratio: 16 / 9;
    }
}