/* Eddie Vault 1.9.29.4 — mobile Details style 2.
   Keep the Details panel as a right-side drawer, but borrow the compact
   bottom-sheet aesthetics: thumbnail header, condensed detail rows, tighter
   action buttons, and a lighter crop preset deck. */
.eddie-my-vault-viewer__mobile-hero {
    display: contents;
}
.eddie-my-vault-viewer__mobile-thumb,
.eddie-my-vault-viewer__mobile-meta-line,
.eddie-my-vault-viewer__smart-rows {
    display: none;
}

@media (max-width: 860px) {
    html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        right: 0 !important;
        left: auto !important;
        width: min(92vw, 414px) !important;
        max-width: min(92vw, 414px) !important;
        padding: 14px 12px max(16px, env(safe-area-inset-bottom, 0px)) !important;
        border: 0 !important;
        border-left: 1px solid rgba(139, 202, 255, 0.19) !important;
        border-radius: 28px 0 0 28px !important;
        background:
            radial-gradient(circle at 8% 0%, rgba(33, 113, 181, 0.24), transparent 34%),
            linear-gradient(155deg, rgba(11, 22, 35, 0.985), rgba(4, 9, 16, 0.992) 58%, rgba(5, 11, 19, 0.985)) !important;
        box-shadow:
            -30px 0 90px rgba(0, 0, 0, 0.56),
            inset 1px 0 0 rgba(255, 255, 255, 0.035) !important;
        color: #f8fbff !important;
        overflow-y: auto !important;
        scrollbar-width: thin;
        scrollbar-color: rgba(145, 203, 255, 0.26) transparent;
        transform: translate3d(106%, 0, 0) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        transform: translate3d(0, 0, 0) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__mobile-overlay,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__mobile-overlay,
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before {
        background: rgba(0, 0, 0, 0.44) !important;
        backdrop-filter: blur(2px) !important;
        -webkit-backdrop-filter: blur(2px) !important;
    }

    html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side [data-vault-viewer-details],
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side [data-vault-viewer-details] {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        min-height: 0 !important;
        padding: 50px 2px 8px !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__side-close,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side-close {
        position: fixed !important;
        top: calc(var(--eddie-vault-mobile-nav-h, 94px) + 16px) !important;
        right: max(16px, env(safe-area-inset-right, 0px)) !important;
        z-index: 780 !important;
        width: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        border: 1px solid rgba(145, 203, 255, 0.22) !important;
        border-radius: 18px !important;
        background: rgba(17, 29, 45, 0.94) !important;
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
        color: #f8fbff !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-hero,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-hero {
        display: grid !important;
        grid-template-columns: 72px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;
        min-height: 76px !important;
        padding: 0 52px 2px 0 !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-thumb,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-thumb {
        display: block !important;
        width: 72px !important;
        height: 72px !important;
        border-radius: 16px !important;
        object-fit: cover !important;
        border: 1px solid rgba(145, 203, 255, 0.22) !important;
        background: rgba(255, 255, 255, 0.045) !important;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-title,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-title {
        min-width: 0 !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__eyebrow,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__eyebrow {
        display: none !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__side h2,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__side h2 {
        margin: 0 0 6px !important;
        font-size: clamp(1.65rem, 8.4vw, 2.2rem) !important;
        line-height: 0.96 !important;
        letter-spacing: -0.065em !important;
        color: #ffffff !important;
        text-shadow: 0 8px 28px rgba(0, 0, 0, 0.32) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        margin: 0 !important;
        color: #a8d2ff !important;
        font-weight: 850 !important;
        font-size: 0.86rem !important;
        line-height: 1.25 !important;
        letter-spacing: -0.015em !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line span,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line span + span::before,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-meta-line span + span::before {
        content: "•" !important;
        color: rgba(168, 210, 255, 0.54) !important;
        margin-right: 2px !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__position,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__position,
    html body.eddie-my-vault-page .eddie-my-vault-viewer__package-line,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__package-line,
    html body.eddie-my-vault-page .eddie-my-vault-viewer__direct,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__direct {
        display: none !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__summary,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__summary {
        margin: 0 !important;
        color: rgba(235, 244, 255, 0.78) !important;
        font-size: 0.95rem !important;
        line-height: 1.42 !important;
        max-height: 2.84em !important;
        overflow: hidden !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__notice,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__notice {
        display: none !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__notice--blocked,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__notice--blocked {
        display: block !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        border-radius: 16px !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-rows,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-rows {
        display: grid !important;
        gap: 7px !important;
        margin: 0 !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-row,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-row {
        display: grid !important;
        grid-template-columns: 36px minmax(0, 1fr) 22px !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: 58px !important;
        padding: 9px 10px !important;
        border: 1px solid rgba(145, 203, 255, 0.14) !important;
        border-radius: 17px !important;
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.028)) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-icon,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-icon {
        display: grid !important;
        place-items: center !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 14px !important;
        color: #65b8ff !important;
        border: 1px solid rgba(77, 163, 255, 0.36) !important;
        background: rgba(33, 113, 181, 0.18) !important;
        font-size: 17px !important;
        line-height: 1 !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-icon--lock,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-icon--lock {
        color: #7ee787 !important;
        border-color: rgba(126, 231, 135, 0.28) !important;
        background: rgba(55, 181, 90, 0.12) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-icon--receipt,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-icon--receipt {
        color: #d9b5ff !important;
        border-color: rgba(217, 181, 255, 0.28) !important;
        background: rgba(142, 85, 220, 0.12) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-row strong,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-row strong {
        display: block !important;
        margin: 0 0 2px !important;
        color: #f8fbff !important;
        font-size: 0.93rem !important;
        line-height: 1.12 !important;
        letter-spacing: -0.018em !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-row em,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-row em {
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        color: rgba(235, 244, 255, 0.66) !important;
        font-style: normal !important;
        font-size: 0.82rem !important;
        line-height: 1.22 !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__smart-caret,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__smart-caret {
        color: rgba(248, 251, 255, 0.82) !important;
        font-size: 19px !important;
        transform: translateY(-1px) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__actions,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1.28fr) minmax(0, 0.92fr) minmax(72px, 0.68fr) !important;
        gap: 8px !important;
        margin: 2px 0 0 !important;
        padding: 9px !important;
        border: 1px solid rgba(145, 203, 255, 0.10) !important;
        border-radius: 19px !important;
        background: rgba(255, 255, 255, 0.027) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__actions .eddie-my-vault__button,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions .eddie-my-vault__button,
    html body.eddie-my-vault-page .eddie-my-vault-viewer__actions a.eddie-my-vault__button,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions a.eddie-my-vault__button {
        min-width: 0 !important;
        min-height: 48px !important;
        padding: 0 10px !important;
        border-radius: 15px !important;
        font-size: 0.83rem !important;
        line-height: 1.1 !important;
        letter-spacing: -0.02em !important;
        white-space: normal !important;
        text-align: center !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__actions .eddie-my-vault__button:first-child,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions .eddie-my-vault__button:first-child {
        background: linear-gradient(180deg, #46adff, #1687df) !important;
        border-color: rgba(130, 210, 255, 0.58) !important;
        box-shadow: 0 16px 32px rgba(19, 133, 222, 0.32) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__profiles,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profiles {
        margin: 0 !important;
        padding: 12px !important;
        border: 1px solid rgba(145, 203, 255, 0.14) !important;
        border-radius: 22px !important;
        background: linear-gradient(145deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.024)) !important;
        box-shadow: none !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__profiles-head,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profiles-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin: 0 0 9px !important;
        gap: 10px !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__profiles-head span,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profiles-head span {
        color: #a8d2ff !important;
        font-size: 0.76rem !important;
        letter-spacing: 0.16em !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__profiles-head strong,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profiles-head strong {
        color: #f8fbff !important;
        font-size: 0.88rem !important;
        letter-spacing: -0.018em !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch {
        display: grid !important;
        grid-template-columns: 26px minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        min-height: 42px !important;
        margin: 0 0 9px !important;
        padding: 7px 9px !important;
        border-radius: 16px !important;
        border: 1px solid rgba(145, 203, 255, 0.12) !important;
        background: rgba(255, 255, 255, 0.035) !important;
        color: #f8fbff !important;
        text-align: left !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch span,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch span {
        display: grid !important;
        place-items: center !important;
        width: 26px !important;
        height: 26px !important;
        border-radius: 10px !important;
        background: rgba(77, 163, 255, 0.14) !important;
        color: #91cbff !important;
        font-size: 14px !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch strong,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch strong {
        font-size: 0.92rem !important;
        line-height: 1 !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch em,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-crop-launch em {
        color: rgba(235, 244, 255, 0.56) !important;
        font-size: 0.78rem !important;
        font-style: italic !important;
        line-height: 1 !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__profile-grid,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profile-grid {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(102px, 34%) !important;
        grid-template-columns: none !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 0 4px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: thin !important;
        scrollbar-color: rgba(145, 203, 255, 0.24) transparent !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__profile,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profile {
        min-width: 0 !important;
        min-height: 76px !important;
        padding: 11px 10px !important;
        border-radius: 17px !important;
        scroll-snap-align: start !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__profile strong,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profile strong {
        font-size: 0.88rem !important;
        line-height: 1.08 !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__profile span,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profile span {
        font-size: 0.68rem !important;
        letter-spacing: 0.12em !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__profile-note,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__profile-note {
        margin: 5px 2px 0 !important;
        font-size: 0.82rem !important;
        line-height: 1.3 !important;
        color: rgba(235, 244, 255, 0.67) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__crop-actions,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__crop-actions,
    html body.eddie-my-vault-page .eddie-my-vault-viewer__crop-applied,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__crop-applied {
        margin-top: 7px !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__meta,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__meta {
        display: none !important;
    }
}

@media (max-width: 390px) {
    html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        width: min(94vw, 380px) !important;
        max-width: min(94vw, 380px) !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-hero,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-hero {
        grid-template-columns: 58px minmax(0, 1fr) !important;
        gap: 10px !important;
        min-height: 62px !important;
        padding-right: 46px !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__mobile-thumb,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__mobile-thumb {
        width: 58px !important;
        height: 58px !important;
        border-radius: 14px !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__actions,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions {
        grid-template-columns: 1fr 1fr !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault-viewer__actions .eddie-my-vault__button:nth-child(3),
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions .eddie-my-vault__button:nth-child(3),
    html body.eddie-my-vault-page .eddie-my-vault-viewer__actions a.eddie-my-vault__button:nth-child(3),
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__actions a.eddie-my-vault__button:nth-child(3) {
        grid-column: 1 / -1 !important;
    }
}

/* Eddie Vault 1.9.29.5 — mobile Details top tightening.
   The Details drawer should feel attached to the Library/Details rail, not
   start below the zoom controls. Keep it as a right-side drawer while letting
   it cover the zoom cluster when open. */
@media (max-width: 860px) {
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        top: calc(var(--eddie-vault-mobile-nav-h, 94px) + 6px) !important;
        bottom: 0 !important;
        height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px) - 6px) !important;
        height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px) - 6px) !important;
        max-height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px) - 6px) !important;
        max-height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px) - 6px) !important;
        border-radius: 24px 0 0 0 !important;
        z-index: 820 !important;
    }

    html body.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side [data-vault-viewer-details],
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side [data-vault-viewer-details] {
        padding-top: 16px !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-my-vault-viewer__side-close,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-my-vault-viewer__side-close {
        top: calc(var(--eddie-vault-mobile-nav-h, 94px) + 18px) !important;
        z-index: 840 !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-my-vault-viewer__zoom,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-my-vault-viewer__zoom,
    html.eddie-vault-details-open body.eddie-my-vault-page .eddie-my-vault-viewer__zoom,
    html.eddie-vault-details-open body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault-viewer__zoom,
    body.eddie-my-vault-page.eddie-vault-details-open .eddie-my-vault-viewer__zoom,
    body.eddie-standalone-page.eddie-my-vault-page.eddie-vault-details-open .eddie-my-vault-viewer__zoom {
        z-index: 120 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translate3d(0, -4px, 0) !important;
        transition: opacity 140ms ease, visibility 140ms ease, transform 140ms ease !important;
    }
}

@media (max-width: 390px) {
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        top: calc(var(--eddie-vault-mobile-nav-h, 94px) + 4px) !important;
        height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px) - 4px) !important;
        height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px) - 4px) !important;
        max-height: calc(100svh - var(--eddie-vault-mobile-nav-h, 94px) - 4px) !important;
        max-height: calc(100dvh - var(--eddie-vault-mobile-nav-h, 94px) - 4px) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-my-vault-viewer__side-close,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-my-vault-viewer__side-close {
        top: calc(var(--eddie-vault-mobile-nav-h, 94px) + 14px) !important;
    }
}

/* Eddie Vault 1.9.29.6 — mobile Details drawer gap fix.
   The Details drawer lives inside the media stage. On several mobile browsers
   that stage becomes the containing block for the drawer, so using the full
   page nav height as the drawer top creates a second, fake header gap. Anchor
   the Details drawer to the top of the stage instead; the stage already begins
   directly below the Library / Details rail. */
@media (max-width: 860px) {
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline {
        position: relative !important;
        overflow: visible !important;
        isolation: isolate !important;
        z-index: 700 !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline::before {
        position: absolute !important;
        z-index: 710 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: auto !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        position: absolute !important;
        z-index: 820 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        width: min(91vw, 390px) !important;
        max-width: min(91vw, 390px) !important;
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        border-radius: 24px 0 0 0 !important;
        transform: translate3d(0, 0, 0) !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side [data-vault-viewer-details],
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side [data-vault-viewer-details] {
        padding-top: 18px !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side-close,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side-close {
        position: absolute !important;
        top: 16px !important;
        right: max(14px, env(safe-area-inset-right, 0px)) !important;
        z-index: 840 !important;
        margin: 0 !important;
    }
}

@media (max-width: 390px) {
    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side {
        width: min(94vw, 380px) !important;
        max-width: min(94vw, 380px) !important;
        top: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
    }

    html body.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side-close,
    html body.eddie-standalone-page.eddie-my-vault-page .eddie-my-vault--shell.is-details-open .eddie-vault-shell__stage.eddie-my-vault-viewer--inline .eddie-my-vault-viewer__side-close {
        top: 14px !important;
        right: max(12px, env(safe-area-inset-right, 0px)) !important;
    }
}