:root {
    color-scheme: dark;

    --bg: #080a0f;
    --panel: rgba(18, 21, 29, .92);
    --panel-soft: rgba(255, 255, 255, .045);
    --line: rgba(255, 255, 255, .10);
    --line-strong: rgba(255, 255, 255, .17);

    --text: #f8fafc;
    --muted: #a8b0bf;

    --accent: #7cffad;
    --accent-soft: rgba(124, 255, 173, .10);

    --warm: #ffd37c;
    --warm-soft: rgba(255, 211, 124, .10);

    --danger: #ff8e97;
    --danger-soft: rgba(255, 142, 151, .09);

    --radius: 22px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    color: var(--text);
    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(124, 255, 173, .09),
            transparent 34rem
        ),
        radial-gradient(
            circle at 100% 10%,
            rgba(255, 211, 124, .07),
            transparent 30rem
        ),
        var(--bg);

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

a {
    color: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

.guest-shell {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 22px;
}

.guest-card {
    width: min(100%, 680px);
    padding: 34px 24px;
    text-align: center;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: var(--panel);
    box-shadow: 0 28px 90px rgba(0, 0, 0, .38);
}

.brand-mark,
.brand-small,
.avatar {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(124, 255, 173, .35);
    color: var(--accent);
    background: var(--accent-soft);
    font-weight: 850;
}

.brand-mark {
    width: 72px;
    height: 72px;
    margin: 0 auto 22px;
    border-radius: 24px;
    font-size: 30px;
}

.brand-small {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    font-size: 19px;
}

.avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 18px;
}

.avatar.large {
    width: 54px;
    height: 54px;
    font-size: 21px;
}

.eyebrow {
    margin: 0 0 9px;
    color: var(--accent);
    font-size: 11px;
    line-height: 1.4;
    font-weight: 850;
    letter-spacing: .17em;
}

.guest-card h1 {
    margin: 0;
    font-size: clamp(38px, 10vw, 66px);
    line-height: .98;
    letter-spacing: -.055em;
}

.guest-lead {
    max-width: 530px;
    margin: 22px auto 0;
    color: var(--muted);
    font-size: 17px;
    line-height: 1.65;
}

.guest-note {
    max-width: 500px;
    margin: 24px auto 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.6;
}

.guest-actions,
.account-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.guest-actions {
    max-width: 420px;
    margin: 28px auto 0;
}

.button {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 18px;
    border: 1px solid var(--line);
    border-radius: 14px;
    font: inherit;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.button.primary {
    border-color: rgba(124, 255, 173, .32);
    color: #07110b;
    background: var(--accent);
}

.button.secondary {
    color: var(--text);
    background: var(--panel-soft);
}

.button.danger {
    color: var(--danger);
    background: var(--danger-soft);
}

.button:disabled {
    opacity: .55;
    cursor: wait;
}

.app-shell {
    width: min(100%, 1220px);
    margin: 0 auto;
    padding: 0 16px 34px;
}

.topbar {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 11px 0;
    background:
        linear-gradient(
            to bottom,
            rgba(8, 10, 15, .96),
            rgba(8, 10, 15, .86)
        );
    backdrop-filter: blur(16px);
}

.brand {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    text-decoration: none;
}

.brand > span:last-child {
    min-width: 0;
}

.brand strong {
    display: block;
    font-size: 15px;
}

.brand small {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: 11px;
}

.top-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.top-actions a {
    padding: 8px 9px;
    border-radius: 10px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
}

.top-actions a:hover {
    color: var(--text);
    background: var(--panel-soft);
}

.dashboard {
    display: grid;
    gap: 18px;
}

.welcome,
.module-section,
.account-panel {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--panel);
}

.welcome {
    padding: 24px;
}

.welcome h1 {
    margin: 0;
    font-size: clamp(30px, 8vw, 54px);
    line-height: 1.02;
    letter-spacing: -.045em;
}

.welcome-copy {
    max-width: 690px;
    margin: 13px 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.65;
}

.member-chip {
    margin-top: 22px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: var(--panel-soft);
}

.member-chip strong,
.member-chip small {
    display: block;
}

.member-chip strong {
    font-size: 13px;
}

.member-chip small {
    max-width: 260px;
    margin-top: 2px;
    overflow: hidden;
    color: var(--muted);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.module-section,
.account-panel {
    padding: 20px;
}

.section-heading,
.account-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.section-heading h2,
.account-heading h2 {
    margin: 0;
    font-size: clamp(23px, 5vw, 32px);
    letter-spacing: -.035em;
}

.tier-pill {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 10px;
    border: 1px solid rgba(124, 255, 173, .22);
    border-radius: 999px;
    color: var(--accent);
    background: var(--accent-soft);
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

.module-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 18px;
}

.module-card {
    min-height: 92px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 18px;
    color: var(--text);
    background: var(--panel-soft);
    text-decoration: none;
    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease;
}

a.module-card:hover {
    transform: translateY(-2px);
    border-color: var(--line-strong);
    background: rgba(255, 255, 255, .065);
}

.module-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: rgba(255, 255, 255, .035);
    font-size: 22px;
}

.module-content {
    min-width: 0;
}

.module-content strong,
.module-content small {
    display: block;
}

.module-content strong {
    font-size: 15px;
}

.module-content small {
    margin-top: 5px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.45;
}

.module-arrow {
    color: var(--muted);
    font-size: 20px;
}

.live-card .module-icon {
    border-color: rgba(255, 120, 130, .20);
    background: rgba(255, 90, 105, .06);
}

.upgrade-card {
    border-color: rgba(255, 211, 124, .22);
    background: var(--warm-soft);
}

.upgrade-card .module-icon {
    border-color: rgba(255, 211, 124, .28);
}

.coming-soon {
    opacity: .78;
}

.coming-label {
    padding: 5px 8px;
    border-radius: 999px;
    color: var(--warm);
    background: var(--warm-soft);
    font-size: 9px;
    font-weight: 850;
    white-space: nowrap;
}

.approval-note {
    margin: 16px 3px 0;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.55;
}

.account-details {
    display: grid;
    gap: 9px;
    margin: 20px 0;
}

.account-details > div {
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--panel-soft);
}

.account-details dt {
    color: var(--muted);
    font-size: 10px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.account-details dd {
    margin: 5px 0 0;
    overflow-wrap: anywhere;
    font-size: 13px;
    font-weight: 750;
}

.account-buttons form {
    margin: 0;
}

.account-buttons .button {
    width: 100%;
}

.signout-status {
    min-height: 18px;
    margin: 11px 0 0;
    color: var(--danger);
    font-size: 12px;
}

.dashboard-footer {
    padding: 24px 0 4px;
    color: var(--muted);
    text-align: center;
    font-size: 11px;
}

@media (min-width: 620px) {
    .guest-card {
        padding: 48px;
    }

    .guest-actions,
    .account-buttons {
        flex-direction: row;
    }

    .guest-actions .button {
        flex: 1;
    }

    .welcome {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
    }

    .member-chip {
        max-width: 330px;
        margin-top: 0;
    }

    .module-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .account-buttons {
        align-items: center;
    }

    .account-buttons .button {
        width: auto;
    }
}

@media (min-width: 940px) {
    .app-shell {
        padding-left: 24px;
        padding-right: 24px;
    }

    .welcome {
        padding: 34px;
    }

    .module-section,
    .account-panel {
        padding: 28px;
    }

    .module-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .module-card {
        min-height: 112px;
        align-items: start;
    }

    .module-arrow,
    .coming-label {
        align-self: center;
    }

    .account-details {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .module-card {
        transition: none;
    }
}

/*
 * PRENSHIP_ACCOUNTS_COMMERCE_LANDING_M49UE1V2
 */

.prenship-commerce-landing {
    margin: 22px 0 28px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 26px;
    background:
        radial-gradient(
            circle at 82% 14%,
            rgba(187,74,255,.13),
            transparent 31%
        ),
        var(--panel);
}

.prenship-commerce-live {
    display: grid;
    grid-template-columns:
        minmax(260px,.72fr)
        minmax(0,1.65fr);
}

.prenship-commerce-copy {
    padding: clamp(24px,4vw,44px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.prenship-commerce-eyebrow {
    margin: 0 0 11px;
    color: #ff628d;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.prenship-commerce-copy h2,
.prenship-market-heading h2 {
    margin: 0;
    color: var(--text);
    font-size: clamp(28px,4vw,48px);
    line-height: 1.03;
    letter-spacing: -.045em;
}

.prenship-commerce-copy p {
    max-width: 520px;
    margin: 16px 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.65;
}

.prenship-commerce-actions {
    margin-top: 23px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.prenship-commerce-action {
    min-height: 44px;
    padding: 0 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--text);
    background: rgba(255,255,255,.045);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.prenship-commerce-action:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,.075);
}

.prenship-commerce-action.primary {
    border-color: rgba(255,87,143,.35);
    background:
        linear-gradient(
            135deg,
            rgba(255,61,119,.18),
            rgba(173,73,255,.16)
        );
}

.prenship-live-frame-shell {
    position: relative;
    min-height: 430px;
    border-left: 1px solid var(--line);
    background: #05060a;
}

.prenship-live-frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: #05060a;
}

.prenship-market-section {
    padding: clamp(24px,4vw,38px);
    border-top: 1px solid var(--line);
}

.prenship-market-heading {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.prenship-market-heading h2 {
    font-size: clamp(25px,3vw,36px);
}

.prenship-market-heading p {
    margin: 7px 0 0;
    color: var(--muted);
    font-size: 14px;
}

.prenship-product-grid {
    display: grid;
    grid-template-columns:
        repeat(4,minmax(0,1fr));
    gap: 14px;
}

.prenship-product-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 18px;
    color: var(--text);
    background: rgba(255,255,255,.032);
    text-decoration: none;
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.prenship-product-card:hover {
    transform: translateY(-3px);
    border-color: rgba(117,255,157,.26);
    background: rgba(255,255,255,.052);
}

.prenship-product-media {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: grid;
    place-items: center;
    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(164,77,255,.20),
            transparent 45%
        ),
        #0b0d13;
}

.prenship-product-media img,
.prenship-product-media video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.prenship-product-placeholder {
    color: rgba(255,255,255,.70);
    font-size: 34px;
    font-weight: 900;
}

.prenship-product-body {
    padding: 14px;
}

.prenship-product-store {
    overflow: hidden;
    margin: 0 0 5px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prenship-product-name {
    overflow: hidden;
    min-height: 42px;
    margin: 0;
    display: -webkit-box;
    color: var(--text);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.prenship-product-bottom {
    margin-top: 12px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 10px;
}

.prenship-product-price {
    color: var(--text);
    font-size: 17px;
    font-weight: 900;
}

.prenship-product-available {
    color: var(--muted);
    font-size: 11px;
    white-space: nowrap;
}

.prenship-products-loading,
.prenship-products-empty {
    grid-column: 1 / -1;
    padding: 30px 18px;
    border: 1px dashed var(--line);
    border-radius: 18px;
    color: var(--muted);
    text-align: center;
}

@media (max-width: 1050px) {
    .prenship-commerce-live {
        grid-template-columns: 1fr;
    }

    .prenship-live-frame-shell {
        min-height: 460px;
        border-top: 1px solid var(--line);
        border-left: 0;
    }

    .prenship-product-grid {
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .prenship-commerce-landing {
        margin: 14px 0 22px;
        border-radius: 20px;
    }

    .prenship-commerce-copy,
    .prenship-market-section {
        padding: 20px;
    }

    .prenship-live-frame-shell {
        min-height: 390px;
    }

    .prenship-market-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .prenship-product-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
        gap: 10px;
    }
}

@media (max-width: 430px) {
    .prenship-live-frame-shell {
        min-height: 330px;
    }

    .prenship-product-body {
        padding: 11px;
    }

    .prenship-product-name {
        font-size: 14px;
    }

    .prenship-product-price {
        font-size: 15px;
    }

    .prenship-product-available {
        display: none;
    }
}

/*
 * PRENSHIP_ACCOUNTS_FULL_LANDING_M49UE3
 *
 * Design:
 * Prenship Moments
 * Why Pay $50
 * Marketplace
 * Live Auctions
 * Marketplace Plus / Live Selling
 */

.prenship-legacy-welcome-hidden {
    display: none !important;
}

/* ---------------------------------------------------------
   TOP NAV
--------------------------------------------------------- */

.prenship-top-nav {
    margin-left: auto;
    margin-right: 24px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px;
    border: 1px solid rgba(240,188,55,.14);
    border-radius: 12px;
    background: rgba(255,255,255,.018);
}

.prenship-top-nav a {
    min-height: 34px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 8px;
    color: #d8dce7;
    font-size: 12px;
    font-weight: 780;
    text-decoration: none;
}

.prenship-top-nav a:hover {
    background: rgba(255,255,255,.05);
    color: #fff;
}

.prenship-top-nav .auction {
    color: #ffc828;
}

/* ---------------------------------------------------------
   LANDING ROOT
--------------------------------------------------------- */

.prenship-landing-v3 {
    display: grid;
    gap: 15px;
    margin-bottom: 28px;
    color: #fff;
}

.prenship-landing-panel {
    overflow: hidden;
    border: 1px solid rgba(226,179,56,.19);
    border-radius: 17px;
    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(18,62,108,.14),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #060a0f,
            #080c13 55%,
            #05080c
        );
}

/* ---------------------------------------------------------
   MOMENTS HERO
--------------------------------------------------------- */

.prenship-moments {
    min-height: 370px;
    padding: 30px 28px;
    display: grid;
    grid-template-columns:
        minmax(230px,.82fr)
        minmax(400px,1.5fr)
        minmax(165px,.45fr);
    align-items: center;
    gap: 22px;
}

.prenship-kicker {
    margin: 0 0 7px;
    color: #f3bb31;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.prenship-moments-copy h1 {
    margin: 0;
    font-size: clamp(36px,5vw,60px);
    line-height: .93;
    letter-spacing: -.055em;
}

.prenship-moments-copy h1 span {
    display: block;
    margin-top: 6px;
    color: #eeb83e;
}

.prenship-moments-copy h2 {
    margin: 17px 0 0;
    font-size: clamp(22px,2.5vw,30px);
    font-weight: 700;
}

.prenship-moments-copy > p {
    max-width: 330px;
    margin: 15px 0 0;
    color: #b4bac7;
    font-size: 14px;
    line-height: 1.7;
}

.prenship-moment-features {
    margin-top: 22px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.prenship-moment-feature {
    display: grid;
    gap: 4px;
    justify-items: center;
    color: #cfd4de;
    font-size: 10px;
}

.prenship-moment-feature span:first-child {
    font-size: 21px;
}

.prenship-gold-button {
    width: fit-content;
    min-height: 44px;
    margin-top: 22px;
    padding: 0 19px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #d79e15;
    border-radius: 8px;
    color: #ffd25a;
    background: rgba(215,158,21,.05);
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

.prenship-moment-carousel {
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prenship-moment-card {
    position: absolute;
    width: 170px;
    height: 245px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 15px;
    box-shadow: 0 20px 50px rgba(0,0,0,.40);
}

.prenship-moment-card::after {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            transparent 35%,
            rgba(0,0,0,.10) 55%,
            rgba(0,0,0,.85)
        );
    content: "";
}

.prenship-moment-card.bali {
    left: 5%;
    transform: rotate(-5deg);
    background:
        linear-gradient(
            160deg,
            #1d84a5,
            #0d5263 45%,
            #061f29
        );
}

.prenship-moment-card.dubai {
    z-index: 3;
    width: 205px;
    height: 290px;
    border-color: #d69e18;
    box-shadow:
        0 0 22px rgba(224,166,29,.18),
        0 24px 60px rgba(0,0,0,.55);
    background:
        radial-gradient(
            circle at 50% 55%,
            #b76e12,
            transparent 8%
        ),
        radial-gradient(
            circle at 38% 64%,
            #e0a81f,
            transparent 4%
        ),
        linear-gradient(
            #07162d,
            #092749 50%,
            #151008
        );
}

.prenship-moment-card.falls {
    right: 7%;
    transform: rotate(4deg);
    background:
        linear-gradient(
            145deg,
            #224e2d,
            #0c3528 46%,
            #06130d
        );
}

.prenship-moment-card.swiss {
    right: -2%;
    width: 125px;
    height: 195px;
    transform: rotate(6deg);
    background:
        linear-gradient(
            #2f5a7a,
            #a8c4d1 42%,
            #1c4957 58%,
            #081b25
        );
}

.prenship-moment-label {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
}

.prenship-moment-bottom {
    position: absolute;
    z-index: 2;
    left: 12px;
    right: 12px;
    bottom: 13px;
}

.prenship-moment-bottom strong {
    display: block;
    font-size: 13px;
}

.prenship-moment-bottom small {
    display: block;
    margin-top: 5px;
    color: #ffc92f;
    font-size: 10px;
}

.prenship-access {
    align-self: center;
}

.prenship-access h3 {
    margin: 0 0 9px;
    color: #ffc83a;
    font-size: 14px;
}

.prenship-access > p {
    margin: 0 0 17px;
    color: #bdc2cd;
    font-size: 12px;
    line-height: 1.6;
}

.prenship-access-card {
    width: 100%;
    margin-top: 10px;
    padding: 15px 12px;
    display: block;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
}

.prenship-access-card strong {
    display: block;
    font-size: 20px;
}

.prenship-access-card small {
    display: block;
    margin-top: 4px;
    font-size: 10px;
}

.prenship-access-card.free {
    border: 1px solid #219df7;
    color: #38aaff;
    background: rgba(31,146,227,.04);
}

.prenship-access-card.paid {
    border: 1px solid #e0a419;
    color: #ffc940;
    background: rgba(224,164,25,.05);
}

/* ---------------------------------------------------------
   WHY PAY
--------------------------------------------------------- */

.prenship-why {
    padding: 27px 28px;
    display: grid;
    grid-template-columns: 145px 240px 1fr;
    align-items: center;
    gap: 24px;
}

.prenship-lock {
    width: 120px;
    height: 120px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(240,178,31,.65);
    border-radius: 50%;
    color: #ffd253;
    background:
        radial-gradient(
            circle,
            rgba(239,170,18,.25),
            transparent 62%
        );
    box-shadow:
        0 0 36px rgba(232,167,23,.20),
        inset 0 0 25px rgba(232,167,23,.10);
    font-size: 52px;
}

.prenship-why-copy h2 {
    margin: 0;
    font-size: 31px;
}

.prenship-why-copy h2 span {
    color: #eeb42e;
}

.prenship-why-copy p {
    margin: 9px 0 0;
    color: #b6bcc7;
    font-size: 12px;
    line-height: 1.6;
}

.prenship-benefit-grid {
    display: grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
}

.prenship-benefit {
    min-height: 88px;
    padding: 13px 15px;
    border-left: 1px solid rgba(255,255,255,.06);
    text-align: center;
}

.prenship-benefit-icon {
    display: block;
    margin-bottom: 7px;
    color: #f0b92f;
    font-size: 21px;
}

.prenship-benefit strong {
    display: block;
    font-size: 11px;
}

.prenship-benefit small {
    display: block;
    margin-top: 5px;
    color: #aeb4c0;
    font-size: 10px;
    line-height: 1.45;
}

/* ---------------------------------------------------------
   COMMERCE
--------------------------------------------------------- */

.prenship-commerce-v3 {
    padding: 21px 18px 18px;
}

.prenship-commerce-title {
    text-align: center;
}

.prenship-commerce-title h2 {
    margin: 0;
    background:
        linear-gradient(
            90deg,
            #38a7ff,
            #aa66ff
        );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: clamp(25px,3vw,34px);
}

.prenship-commerce-title p {
    margin: 5px 0 18px;
    color: #c3c7d1;
    font-size: 12px;
}

.prenship-commerce-three {
    display: grid;
    grid-template-columns:
        1fr 1fr 1fr;
    gap: 10px;
}

.prenship-commerce-card-v3 {
    min-width: 0;
    overflow: hidden;
    padding: 17px;
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            rgba(8,14,23,.96),
            rgba(8,10,16,.98)
        );
}

.prenship-commerce-card-v3.market {
    border: 1px solid rgba(41,151,255,.45);
}

.prenship-commerce-card-v3.auction {
    border: 1px solid rgba(171,82,255,.45);
}

.prenship-commerce-card-v3.live {
    border: 1px solid rgba(171,82,255,.42);
}

.prenship-commerce-card-v3 > h3 {
    margin: 0;
    text-align: center;
    font-size: 21px;
}

.prenship-commerce-card-v3.market > h3 {
    color: #339fff;
}

.prenship-commerce-card-v3.auction > h3,
.prenship-commerce-card-v3.live > h3 {
    color: #b967ff;
}

.prenship-commerce-subtitle {
    margin: 5px 0 14px;
    color: #d4d7df;
    font-size: 11px;
    text-align: center;
}

.prenship-market-icons {
    margin: 14px 0 18px;
    display: grid;
    grid-template-columns:
        repeat(4,1fr);
    gap: 6px;
}

.prenship-market-icon {
    display: grid;
    gap: 5px;
    justify-items: center;
    color: #aeb5c2;
    font-size: 9px;
}

.prenship-market-icon span:first-child {
    color: #36a8ff;
    font-size: 19px;
}

.prenship-product-stage {
    min-height: 205px;
    display: grid;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap: 7px;
    align-content: center;
}

.prenship-stage-item {
    overflow: hidden;
    min-height: 95px;
    position: relative;
    border-radius: 9px;
    background:
        radial-gradient(
            circle at 50% 35%,
            rgba(47,126,191,.20),
            transparent 55%
        ),
        #070b11;
}

.prenship-stage-item img,
.prenship-stage-item video {
    width: 100%;
    height: 95px;
    object-fit: cover;
}

.prenship-stage-label {
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 6px;
    padding: 4px 5px;
    border-radius: 5px;
    background: rgba(0,0,0,.72);
    font-size: 8px;
    font-weight: 750;
}

.prenship-card-note {
    min-height: 35px;
    margin: 14px 0;
    color: #bbc0ca;
    font-size: 10px;
    line-height: 1.55;
    text-align: center;
}

/* auction */

.prenship-auction-box {
    min-height: 285px;
    padding: 13px;
    border: 1px solid rgba(187,95,255,.22);
    border-radius: 11px;
    background:
        linear-gradient(
            145deg,
            rgba(36,15,50,.35),
            rgba(8,9,15,.92)
        );
}

.prenship-auction-live {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.prenship-auction-status {
    padding: 4px 8px;
    border-radius: 6px;
    color: #fff;
    background: #e73c4f;
    font-size: 9px;
    font-weight: 900;
}

.prenship-auction-bids {
    color: #cfd3dd;
    font-size: 9px;
}

.prenship-auction-product {
    margin-top: 14px;
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 10px;
    align-items: center;
}

.prenship-auction-product-icon {
    width: 70px;
    height: 70px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(199,115,255,.26);
    border-radius: 10px;
    background:
        radial-gradient(
            circle,
            rgba(172,76,255,.25),
            transparent 62%
        ),
        #080910;
    font-size: 35px;
}

.prenship-auction-product strong {
    font-size: 13px;
}

.prenship-auction-product small {
    display: block;
    margin-top: 5px;
    color: #aeb4c0;
    font-size: 9px;
}

.prenship-auction-timer {
    margin-top: 13px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    text-align: center;
}

.prenship-auction-timer small {
    display: block;
    color: #aab0bd;
    font-size: 8px;
}

.prenship-auction-clock {
    margin-top: 5px;
    font-size: 20px;
    font-variant-numeric: tabular-nums;
    letter-spacing: .08em;
}

.prenship-auction-prices {
    margin-top: 13px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}

.prenship-auction-price {
    padding: 8px;
    border-radius: 8px;
    background: rgba(255,255,255,.035);
}

.prenship-auction-price small {
    display: block;
    color: #989fad;
    font-size: 8px;
}

.prenship-auction-price strong {
    display: block;
    margin-top: 3px;
    color: #ffc645;
    font-size: 17px;
}

.prenship-auction-empty {
    min-height: 285px;
    display: grid;
    place-items: center;
    padding: 25px;
    color: #b7bdc9;
    text-align: center;
}

/* live */

.prenship-live-v3-shell {
    position: relative;
    height: 285px;
    overflow: hidden;
    border: 1px solid rgba(184,88,255,.20);
    border-radius: 11px;
    background: #05060a;
}

.prenship-live-v3-frame {
    width: 100%;
    height: 100%;
    border: 0;
}

.prenship-live-v3-badge {
    position: absolute;
    z-index: 3;
    top: 9px;
    left: 9px;
    padding: 4px 7px;
    border-radius: 5px;
    color: #fff;
    background: #e83e50;
    font-size: 9px;
    font-weight: 900;
    pointer-events: none;
}

/* buttons */

.prenship-commerce-button {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
}

.prenship-commerce-button.blue {
    border: 1px solid #1c7fc6;
    color: #49aaff;
    background: rgba(20,111,172,.09);
}

.prenship-commerce-button.purple {
    border: 1px solid #8641bd;
    color: #c371ff;
    background: rgba(126,50,180,.11);
}

/* ---------------------------------------------------------
   BOTTOM BENEFITS
--------------------------------------------------------- */

.prenship-bottom-benefits {
    padding: 22px;
    display: grid;
    grid-template-columns:
        repeat(5,1fr);
}

.prenship-bottom-benefit {
    padding: 4px 18px;
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 9px;
    border-left: 1px solid rgba(255,255,255,.07);
}

.prenship-bottom-benefit:first-child {
    border-left: 0;
}

.prenship-bottom-benefit > span {
    color: #53b7ff;
    font-size: 25px;
}

.prenship-bottom-benefit strong {
    display: block;
    font-size: 10px;
}

.prenship-bottom-benefit small {
    display: block;
    margin-top: 4px;
    color: #aeb4c0;
    font-size: 9px;
    line-height: 1.45;
}

/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */

@media (max-width: 1050px) {

    .prenship-moments {
        grid-template-columns: 1fr 1.3fr;
    }

    .prenship-access {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .prenship-access h3,
    .prenship-access > p {
        grid-column: 1 / -1;
    }

    .prenship-why {
        grid-template-columns: 120px 1fr;
    }

    .prenship-benefit-grid {
        grid-column: 1 / -1;
    }

    .prenship-commerce-three {
        grid-template-columns: 1fr;
    }

    .prenship-bottom-benefits {
        grid-template-columns:
            repeat(2,1fr);
        gap: 15px;
    }
}

@media (max-width: 720px) {

    .prenship-top-nav {
        display: none;
    }

    .prenship-moments {
        min-height: 0;
        padding: 22px;
        grid-template-columns: 1fr;
    }

    .prenship-moment-carousel {
        min-height: 275px;
        transform: scale(.88);
    }

    .prenship-moments-copy h1 {
        font-size: 42px;
    }

    .prenship-why {
        padding: 22px;
        grid-template-columns: 1fr;
    }

    .prenship-lock {
        margin: 0 auto;
    }

    .prenship-why-copy {
        text-align: center;
    }

    .prenship-benefit-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

    .prenship-commerce-v3 {
        padding: 16px 10px;
    }

    .prenship-bottom-benefits {
        grid-template-columns: 1fr;
    }

    .prenship-bottom-benefit {
        border-left: 0;
        border-top:
            1px solid rgba(255,255,255,.07);
        padding: 12px 2px;
    }

    .prenship-bottom-benefit:first-child {
        border-top: 0;
    }
}

/*
 * PRENSHIP_ACCOUNTS_UNIFIED_LANDING_M49UE4
 *
 * Locked landing reference:
 * Moments
 * Why Pay $50
 * Marketplace | Live Auctions | Marketplace Plus
 * Five-value footer strip
 */

body.prenship-e4-active {
    display: block !important;
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    background:
        radial-gradient(
            circle at 50% -10%,
            rgba(19, 43, 68, .18),
            transparent 35%
        ),
        #010305;
    color: #f7f8fb;
}

body.prenship-e4-active > .guest-shell,
body.prenship-e4-active > .app-shell {
    display: none !important;
}

#prenship-e4 {
    --e4-gold: #f2b91e;
    --e4-gold-soft: #ffc940;
    --e4-blue: #229fff;
    --e4-purple: #b45cff;
    --e4-red: #f04752;
    --e4-text: #f6f7fa;
    --e4-muted: #b5bac5;
    --e4-line: rgba(242,185,30,.20);
    --e4-panel: #05090e;

    width: min(100% - 28px, 1500px);
    margin: 0 auto;
    padding: 18px 0 14px;
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

#prenship-e4 *,
#prenship-e4 *::before,
#prenship-e4 *::after {
    box-sizing: border-box;
}

#prenship-e4 a {
    text-decoration: none;
}

/* ==========================================================
   HEADER
========================================================== */

.e4-header {
    min-height: 62px;
    display: grid;
    grid-template-columns:
        minmax(220px,1fr)
        auto
        minmax(220px,1fr);
    align-items: center;
    gap: 18px;
    padding: 0 5px 12px;
}

.e4-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.e4-logo {
    position: relative;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: grid;
    place-items: center;
    color: #191000;
    font-size: 20px;
    font-weight: 950;
}

.e4-logo::before,
.e4-logo::after {
    position: absolute;
    inset: 5px 8px;
    border-radius: 7px;
    background:
        linear-gradient(
            145deg,
            #ffd75a,
            #d9990a
        );
    content: "";
    transform: skewY(-20deg);
}

.e4-logo::after {
    inset: 11px 14px;
    background: #080705;
    opacity: .68;
    transform: skewY(20deg);
}

.e4-logo span {
    position: relative;
    z-index: 3;
    color: #ffd65b;
}

.e4-brand-name {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .02em;
}

.e4-brand-tagline {
    display: block;
    margin-top: 2px;
    color: #c1c5cc;
    font-size: 9px;
}

.e4-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    background: rgba(255,255,255,.012);
}

.e4-nav a {
    min-height: 34px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 6px;
    color: #d9dce3;
    font-size: 11px;
    font-weight: 720;
}

.e4-nav a:hover {
    background: rgba(255,255,255,.05);
    color: #fff;
}

.e4-nav a.e4-auctions {
    color: #f4bd25;
}

.e4-header-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.e4-head-btn {
    min-height: 38px;
    padding: 0 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 7px;
    color: #fff;
    background: rgba(255,255,255,.015);
    font-size: 11px;
    font-weight: 760;
}

.e4-head-btn.gold {
    border-color: #c88a07;
    background:
        linear-gradient(
            135deg,
            #9c6905,
            #bb830a 58%,
            #694603
        );
    box-shadow:
        inset 0 0 14px rgba(255,216,75,.12);
}

/* ==========================================================
   SHARED PANEL
========================================================== */

.e4-panel {
    overflow: hidden;
    margin-bottom: 13px;
    border: 1px solid var(--e4-line);
    border-radius: 12px;
    background:
        radial-gradient(
            circle at 72% 0%,
            rgba(18,47,78,.14),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            #05090d,
            #03070b 65%,
            #020507
        );
}

/* ==========================================================
   MOMENTS
========================================================== */

.e4-moments {
    min-height: 382px;
    padding: 29px 28px;
    display: grid;
    grid-template-columns:
        minmax(240px,.78fr)
        minmax(470px,1.58fr)
        minmax(175px,.45fr);
    gap: 20px;
    align-items: center;
}

.e4-moments-copy h1 {
    margin: 0;
    color: #f8f8fa;
    font-size: clamp(37px,4vw,52px);
    line-height: .91;
    letter-spacing: -.04em;
}

.e4-moments-copy h1 span {
    display: block;
    margin-top: 6px;
    color: #eab540;
    font-size: 1.18em;
}

.e4-moments-copy h2 {
    margin: 16px 0 0;
    color: #fff;
    font-size: 23px;
    font-weight: 680;
}

.e4-moments-copy > p {
    max-width: 310px;
    margin: 15px 0 0;
    color: #c1c4cb;
    font-size: 11px;
    line-height: 1.7;
}

.e4-moment-icons {
    max-width: 295px;
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}

.e4-moment-icon {
    display: grid;
    justify-items: center;
    gap: 6px;
    color: #eef0f4;
    font-size: 9px;
    white-space: nowrap;
}

.e4-moment-icon b {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

.e4-gold-outline {
    min-height: 43px;
    width: fit-content;
    margin-top: 22px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid #d49d0d;
    border-radius: 6px;
    color: #ffc733;
    font-size: 11px;
    font-weight: 900;
}

/* carousel */

.e4-carousel {
    position: relative;
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.e4-moment-card {
    position: absolute;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 13px;
    box-shadow:
        0 20px 55px rgba(0,0,0,.48);
}

.e4-moment-card::before {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.05),
            transparent 35%,
            rgba(0,0,0,.08) 55%,
            rgba(0,0,0,.92)
        );
    content: "";
}

.e4-bali {
    left: 4%;
    width: 160px;
    height: 220px;
    transform: rotate(-6deg);
    background:
        radial-gradient(
            ellipse at 45% 25%,
            #8dc6e7 0 13%,
            transparent 14%
        ),
        linear-gradient(
            145deg,
            #76c7e7 0 29%,
            #127e9d 30% 52%,
            #126679 53% 65%,
            #17452e 66% 100%
        );
}

.e4-dubai {
    z-index: 4;
    width: 205px;
    height: 292px;
    border-color: #dba411;
    box-shadow:
        0 0 21px rgba(237,175,20,.22),
        0 28px 55px rgba(0,0,0,.52);
    background:
        linear-gradient(
            180deg,
            #081930,
            #0d3051 48%,
            #301a06 74%,
            #070504
        );
}

.e4-dubai::after {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 37px;
    width: 4px;
    height: 137px;
    background:
        linear-gradient(
            #d3e1e8,
            #b48739 58%,
            #e5a621
        );
    box-shadow:
        -38px 89px 0 2px #c88815,
        -24px 79px 0 1px #c88815,
        -11px 102px 0 2px #d49b1c,
        17px 94px 0 2px #ba7411,
        32px 82px 0 2px #d29a20,
        48px 100px 0 1px #b86f0d;
    content: "";
    transform:
        translateX(-50%)
        perspective(50px)
        rotateX(4deg);
}

.e4-falls {
    right: 8%;
    width: 160px;
    height: 220px;
    transform: rotate(5deg);
    background:
        linear-gradient(
            145deg,
            #346622,
            #164820 38%,
            #d3e1d8 39% 47%,
            #1f5931 48% 69%,
            #092716 70%
        );
}

.e4-swiss {
    right: -1%;
    z-index: 2;
    width: 119px;
    height: 183px;
    transform: rotate(5deg);
    background:
        linear-gradient(
            150deg,
            #698eb3 0 30%,
            #d8e4e7 31% 40%,
            #345f71 41% 57%,
            #1e6376 58% 72%,
            #061d29 73%
        );
}

.e4-card-top {
    position: absolute;
    z-index: 3;
    top: 9px;
    left: 9px;
    right: 9px;
    display: flex;
    justify-content: space-between;
    gap: 5px;
    color: #fff;
    font-size: 8px;
    font-weight: 780;
}

.e4-card-bottom {
    position: absolute;
    z-index: 3;
    left: 12px;
    right: 12px;
    bottom: 13px;
}

.e4-card-bottom strong {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.e4-card-bottom em {
    display: block;
    margin-top: 5px;
    color: #ffc320;
    font-size: 10px;
    font-style: normal;
}

.e4-card-bottom small {
    display: block;
    margin-top: 10px;
    color: #f3f4f6;
    font-size: 8px;
}

.e4-carousel-arrow {
    position: absolute;
    z-index: 8;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50%;
    color: #fff;
    background: rgba(0,0,0,.48);
    font-size: 20px;
}

.e4-carousel-arrow.left {
    left: 0;
}

.e4-carousel-arrow.right {
    right: 0;
}

.e4-dots {
    position: absolute;
    z-index: 7;
    bottom: 0;
    left: 50%;
    display: flex;
    gap: 6px;
    transform: translateX(-50%);
}

.e4-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #666b73;
}

.e4-dot.active {
    background: #f6b922;
}

/* access */

.e4-access {
    align-self: center;
}

.e4-access h3 {
    margin: 0;
    color: #ffc62d;
    font-size: 13px;
}

.e4-access p {
    margin: 10px 0 17px;
    color: #c5c8ce;
    font-size: 10px;
    line-height: 1.55;
}

.e4-access-btn {
    width: 100%;
    min-height: 68px;
    margin-top: 12px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    text-align: center;
}

.e4-access-btn strong {
    display: block;
    font-size: 18px;
}

.e4-access-btn span {
    display: block;
    margin-top: 4px;
    font-size: 9px;
}

.e4-access-btn.free {
    border: 1px solid #159cf3;
    color: #2ca9ff;
}

.e4-access-btn.paid {
    border: 1px solid #dba310;
    color: #ffc42e;
}

/* ==========================================================
   WHY $50
========================================================== */

.e4-why {
    min-height: 278px;
    padding: 25px 28px;
    display: grid;
    grid-template-columns:
        155px 265px 1fr;
    align-items: center;
    gap: 24px;
}

.e4-lock {
    width: 125px;
    height: 125px;
    margin: auto;
    display: grid;
    place-items: center;
    border: 1px solid #bf8810;
    border-radius: 50%;
    color: #ffd252;
    background:
        radial-gradient(
            circle,
            rgba(238,174,31,.24),
            rgba(198,126,0,.07) 52%,
            transparent 70%
        );
    box-shadow:
        0 0 25px rgba(228,158,13,.22),
        inset 0 0 30px rgba(231,160,14,.13);
    font-size: 49px;
}

.e4-why-copy h2 {
    margin: 0;
    font-size: 30px;
    letter-spacing: -.03em;
}

.e4-why-copy h2 span {
    color: #eeb129;
}

.e4-why-copy p {
    margin: 9px 0 0;
    color: #c0c4cc;
    font-size: 11px;
    line-height: 1.55;
}

.e4-unlock-btn {
    min-height: 40px;
    margin-top: 17px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #9f7109;
    border-radius: 6px;
    color: #fff0c2;
    background:
        linear-gradient(
            135deg,
            rgba(146,96,4,.66),
            rgba(93,58,2,.58)
        );
    font-size: 9px;
    font-weight: 900;
}

.e4-benefits {
    display: grid;
    grid-template-columns: repeat(3,1fr);
}

.e4-benefit {
    min-height: 105px;
    padding: 8px 14px;
    border-left:
        1px solid rgba(255,255,255,.065);
    text-align: center;
}

.e4-benefit:nth-child(n+4) {
    padding-top: 13px;
    border-top:
        1px solid rgba(255,255,255,.065);
}

.e4-benefit b {
    display: block;
    color: #eab020;
    font-size: 23px;
    font-weight: 500;
}

.e4-benefit strong {
    display: block;
    margin-top: 4px;
    color: #fff;
    font-size: 10px;
}

.e4-benefit span {
    display: block;
    margin-top: 5px;
    color: #b5bac4;
    font-size: 9px;
    line-height: 1.5;
}

.e4-why-footer {
    grid-column: 2 / -1;
    margin-top: -6px;
    color: #eceef2;
    font-size: 12px;
    text-align: left;
}

.e4-why-footer em {
    color: #e6ad27;
    font-style: normal;
}

/* ==========================================================
   COMMERCE
========================================================== */

.e4-commerce {
    padding: 17px 16px 15px;
}

.e4-commerce-title {
    text-align: center;
}

.e4-commerce-title h2 {
    margin: 0;
    background:
        linear-gradient(
            90deg,
            #3fa3ff,
            #b168ff
        );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: clamp(23px,2.6vw,31px);
    letter-spacing: .015em;
}

.e4-commerce-title p {
    margin: 3px 0 15px;
    color: #d2d4d9;
    font-size: 10px;
}

.e4-commerce-grid {
    display: grid;
    grid-template-columns:
        .98fr
        .93fr
        1.03fr;
    gap: 9px;
}

.e4-commerce-card {
    min-width: 0;
    padding: 15px;
    border-radius: 11px;
    background:
        linear-gradient(
            145deg,
            rgba(5,12,20,.97),
            rgba(4,6,11,.99)
        );
}

.e4-commerce-card.market {
    border: 1px solid rgba(30,145,230,.52);
}

.e4-commerce-card.auction,
.e4-commerce-card.live {
    border: 1px solid rgba(171,78,238,.47);
}

.e4-commerce-card > h3 {
    margin: 0;
    text-align: center;
    font-size: 18px;
    letter-spacing: .02em;
}

.e4-commerce-card.market > h3 {
    color: #2aa2ff;
}

.e4-commerce-card.auction > h3,
.e4-commerce-card.live > h3 {
    color: #ba65ff;
}

.e4-commerce-sub {
    margin: 4px 0 12px;
    color: #eceef1;
    font-size: 9px;
    text-align: center;
}

/* Marketplace */

.e4-market-actions {
    margin: 13px 0 15px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 4px;
}

.e4-market-action {
    display: grid;
    justify-items: center;
    gap: 5px;
    color: #d3d7df;
    font-size: 8px;
}

.e4-market-action b {
    color: #27a8ff;
    font-size: 17px;
    font-weight: 500;
}

.e4-product-showcase {
    min-height: 240px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 7px;
    align-content: center;
}

.e4-product {
    position: relative;
    min-height: 108px;
    overflow: hidden;
    border-radius: 8px;
    background:
        radial-gradient(
            circle at 50% 30%,
            rgba(37,121,183,.21),
            transparent 55%
        ),
        #070c12;
}

.e4-product img,
.e4-product video {
    width: 100%;
    height: 108px;
    display: block;
    object-fit: cover;
}

.e4-product-placeholder {
    height: 108px;
    display: grid;
    place-items: center;
    color: #6ebeff;
    font-size: 35px;
}

.e4-product-label {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 5px;
    padding: 5px;
    border-radius: 5px;
    background: rgba(0,0,0,.78);
    color: #fff;
    font-size: 7px;
}

.e4-card-description {
    min-height: 40px;
    margin: 12px 0;
    display: grid;
    place-items: center;
    color: #d0d3d9;
    font-size: 9px;
    line-height: 1.5;
    text-align: center;
}

.e4-commerce-cta {
    min-height: 41px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 850;
}

.e4-commerce-cta.blue {
    border: 1px solid #166ba6;
    color: #32a7ff;
    background: rgba(15,87,137,.08);
}

.e4-commerce-cta.purple {
    border: 1px solid #7432a7;
    color: #c26eff;
    background: rgba(101,34,145,.10);
}

/* Auction */

.e4-auction-box {
    min-height: 319px;
    overflow: hidden;
    border: 1px solid rgba(167,82,229,.30);
    border-radius: 8px;
    background:
        linear-gradient(
            145deg,
            rgba(27,10,37,.42),
            rgba(3,5,9,.96)
        );
}

.e4-auction-head {
    padding: 9px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.e4-live-pill {
    padding: 3px 7px;
    border-radius: 4px;
    color: #fff;
    background: #e8434d;
    font-size: 8px;
    font-weight: 850;
}

.e4-auction-watchers {
    color: #d6d8df;
    font-size: 8px;
}

.e4-auction-main {
    padding: 4px 10px 9px;
    display: grid;
    grid-template-columns: 91px 1fr;
    gap: 9px;
}

.e4-auction-product {
    min-height: 112px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background:
        radial-gradient(
            circle,
            rgba(179,79,244,.22),
            transparent 62%
        ),
        #08090e;
    color: #c66cff;
    font-size: 45px;
}

.e4-auction-info strong {
    display: block;
    color: #fff;
    font-size: 10px;
    line-height: 1.35;
}

.e4-auction-info small {
    display: block;
    margin-top: 4px;
    color: #b8bdc7;
    font-size: 7px;
    line-height: 1.45;
}

.e4-countdown-box {
    margin-top: 9px;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 6px;
    text-align: center;
}

.e4-countdown-box span {
    display: block;
    color: #b7bbc5;
    font-size: 7px;
}

.e4-countdown {
    margin-top: 4px;
    color: #fff;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    letter-spacing: .08em;
}

.e4-auction-prices {
    padding: 9px 11px 7px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    border-top: 1px solid rgba(255,255,255,.07);
}

.e4-auction-price span {
    display: block;
    color: #9fa5b0;
    font-size: 7px;
}

.e4-auction-price strong {
    display: block;
    margin-top: 3px;
    color: #ffc129;
    font-size: 16px;
}

.e4-auction-price:last-child {
    text-align: right;
}

.e4-auction-price:last-child strong {
    color: #eef0f3;
    font-size: 12px;
}

.e4-bid-button {
    min-height: 31px;
    margin: 0 10px 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #7b3bb0;
    border-radius: 4px;
    color: #e0a4ff;
    background:
        linear-gradient(
            90deg,
            rgba(82,24,119,.74),
            rgba(119,34,167,.68)
        );
    font-size: 9px;
    font-weight: 850;
}

.e4-bid-list {
    padding: 8px 10px 11px;
    border-top: 1px solid rgba(255,255,255,.06);
    color: #b8bdc6;
    font-size: 7px;
    line-height: 1.65;
}

.e4-bid-list strong {
    color: #fff;
}

.e4-auction-offline {
    min-height: 319px;
    display: grid;
    place-items: center;
    padding: 28px;
    text-align: center;
}

.e4-auction-offline b {
    display: block;
    color: #bb67ff;
    font-size: 43px;
}

.e4-auction-offline strong {
    display: block;
    margin-top: 9px;
    color: #fff;
    font-size: 12px;
}

.e4-auction-offline span {
    display: block;
    margin-top: 6px;
    color: #aeb3be;
    font-size: 8px;
    line-height: 1.5;
}

/* Live Selling */

.e4-live-layout {
    height: 319px;
    display: grid;
    grid-template-columns: 1.56fr .66fr;
    overflow: hidden;
    border: 1px solid rgba(165,73,226,.28);
    border-radius: 8px;
    background: #05060a;
}

.e4-live-video {
    position: relative;
    min-width: 0;
    background: #05060a;
}

.e4-live-frame {
    width: 100%;
    height: 100%;
    border: 0;
}

.e4-live-badge {
    position: absolute;
    z-index: 5;
    top: 8px;
    left: 8px;
    padding: 3px 7px;
    border-radius: 4px;
    color: #fff;
    background: #e9404c;
    font-size: 8px;
    font-weight: 900;
    pointer-events: none;
}

.e4-live-viewers {
    position: absolute;
    z-index: 5;
    top: 8px;
    right: 8px;
    padding: 3px 7px;
    border-radius: 999px;
    color: #fff;
    background: rgba(0,0,0,.72);
    font-size: 7px;
    pointer-events: none;
}

.e4-chat-preview {
    padding: 10px 8px;
    border-left: 1px solid rgba(255,255,255,.08);
    background:
        linear-gradient(
            #0a0910,
            #07070b
        );
}

.e4-chat-preview strong {
    color: #fff;
    font-size: 8px;
}

.e4-chat-line {
    margin-top: 11px;
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 5px;
    color: #d6d7dc;
    font-size: 7px;
    line-height: 1.35;
}

.e4-chat-avatar {
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background:
        linear-gradient(
            135deg,
            #55305f,
            #1d6b63
        );
    font-size: 6px;
}

.e4-chat-open {
    margin-top: 15px;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 5px;
    color: #999eaa;
    font-size: 7px;
}

/* ==========================================================
   BENEFITS STRIP
========================================================== */

.e4-bottom {
    padding: 18px 16px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
}

.e4-bottom-item {
    padding: 1px 16px;
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 10px;
    border-left: 1px solid rgba(255,255,255,.08);
}

.e4-bottom-item:first-child {
    border-left: 0;
}

.e4-bottom-icon {
    color: #64c2ff;
    font-size: 27px;
}

.e4-bottom-item strong {
    display: block;
    color: #fff;
    font-size: 9px;
}

.e4-bottom-item span:last-child {
    display: block;
    margin-top: 5px;
    color: #aeb3bd;
    font-size: 8px;
    line-height: 1.5;
}

.e4-footer {
    padding: 3px 0 1px;
    color: #aeb2ba;
    font-size: 9px;
    text-align: center;
}

.e4-footer em {
    color: #e8b020;
    font-style: normal;
}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width: 1120px) {

    .e4-header {
        grid-template-columns: 1fr auto;
    }

    .e4-nav {
        order: 3;
        grid-column: 1 / -1;
        justify-self: center;
    }

    .e4-moments {
        grid-template-columns:
            minmax(220px,.8fr)
            minmax(380px,1.4fr);
    }

    .e4-access {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .e4-access h3,
    .e4-access p {
        grid-column: 1 / -1;
    }

    .e4-why {
        grid-template-columns: 145px 1fr;
    }

    .e4-benefits,
    .e4-why-footer {
        grid-column: 1 / -1;
    }
}

@media (max-width: 850px) {

    #prenship-e4 {
        width: min(100% - 16px,1500px);
        padding-top: 8px;
    }

    .e4-header {
        grid-template-columns: 1fr auto;
    }

    .e4-nav {
        width: 100%;
        justify-content: center;
    }

    .e4-moments {
        min-height: 0;
        padding: 23px 20px;
        grid-template-columns: 1fr;
    }

    .e4-moment-carousel {
        min-height: 310px;
    }

    .e4-carousel {
        transform: scale(.90);
    }

    .e4-access {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .e4-why {
        padding: 22px;
        grid-template-columns: 1fr;
    }

    .e4-lock {
        margin: 0 auto;
    }

    .e4-why-copy {
        text-align: center;
    }

    .e4-unlock-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .e4-why-footer {
        text-align: center;
    }

    .e4-commerce-grid {
        grid-template-columns: 1fr;
    }

    .e4-bottom {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .e4-bottom-item {
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.08);
        padding-top: 13px;
    }
}

@media (max-width: 560px) {

    .e4-brand-tagline {
        display: none;
    }

    .e4-header-actions {
        gap: 5px;
    }

    .e4-head-btn {
        min-height: 34px;
        padding: 0 10px;
        font-size: 9px;
    }

    .e4-nav a {
        padding: 0 10px;
        font-size: 9px;
    }

    .e4-moments-copy h1 {
        font-size: 39px;
    }

    .e4-carousel {
        margin: -10px -28px;
        transform: scale(.73);
    }

    .e4-access {
        grid-template-columns: 1fr;
    }

    .e4-access h3,
    .e4-access p {
        grid-column: auto;
    }

    .e4-benefits {
        grid-template-columns: 1fr 1fr;
    }

    .e4-benefit:nth-child(n+3) {
        border-top: 1px solid rgba(255,255,255,.065);
    }

    .e4-bottom {
        grid-template-columns: 1fr;
    }
}

/*
 * PRENSHIP_ACCOUNTS_VISUAL_FIDELITY_M49UE5
 *
 * Locked visual reference fidelity.
 * Backend/data behavior remains E4.
 */

/* ----------------------------------------------------------
   PAGE SCALE / PROPORTIONS
---------------------------------------------------------- */

#prenship-e4 {
    width: min(calc(100% - 24px), 1320px);
    padding-top: 14px;
    padding-bottom: 18px;
}

#prenship-e4 .e4-panel {
    margin-bottom: 14px;
    border-radius: 14px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.018),
        0 12px 36px rgba(0,0,0,.12);
}

/* ----------------------------------------------------------
   HEADER
---------------------------------------------------------- */

#prenship-e4 .e4-header {
    min-height: 68px;
    padding: 0 4px 13px;
}

#prenship-e4 .e4-logo {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
    overflow: visible;
}

#prenship-e4 .e4-logo.e5-real-logo::before,
#prenship-e4 .e4-logo.e5-real-logo::after {
    display: none;
}

#prenship-e4 .e4-logo.e5-real-logo img {
    width: 43px;
    height: 43px;
    display: block;
    object-fit: contain;
}

#prenship-e4 .e4-brand-name {
    font-size: 19px;
}

#prenship-e4 .e4-brand-tagline {
    margin-top: 3px;
    font-size: 10px;
}

#prenship-e4 .e4-nav {
    padding: 5px;
    border-radius: 9px;
}

#prenship-e4 .e4-nav a {
    min-height: 38px;
    padding: 0 17px;
    font-size: 12px;
}

#prenship-e4 .e4-head-btn {
    min-height: 41px;
    padding: 0 18px;
    font-size: 11px;
}

/* ----------------------------------------------------------
   MOMENTS — closer to locked reference
---------------------------------------------------------- */

#prenship-e4 .e4-moments {
    min-height: 442px;
    padding: 34px 32px;
    grid-template-columns:
        minmax(260px,.79fr)
        minmax(520px,1.62fr)
        minmax(185px,.46fr);
    gap: 26px;
}

#prenship-e4 .e4-moments-copy h1 {
    font-size: clamp(45px,4.3vw,62px);
    line-height: .90;
}

#prenship-e4 .e4-moments-copy h2 {
    margin-top: 20px;
    font-size: 27px;
}

#prenship-e4 .e4-moments-copy > p {
    max-width: 340px;
    margin-top: 17px;
    font-size: 13px;
    line-height: 1.7;
}

#prenship-e4 .e4-moment-icons {
    max-width: 325px;
    margin-top: 26px;
    gap: 14px;
}

#prenship-e4 .e4-moment-icon {
    font-size: 10px;
}

#prenship-e4 .e4-moment-icon b {
    width: 31px;
    height: 31px;
    font-size: 20px;
}

#prenship-e4 .e4-gold-outline {
    min-height: 48px;
    margin-top: 26px;
    padding: 0 23px;
    font-size: 12px;
}

#prenship-e4 .e4-carousel {
    min-height: 375px;
}

#prenship-e4 .e4-bali {
    left: 2%;
    width: 178px;
    height: 256px;
}

#prenship-e4 .e4-dubai {
    width: 226px;
    height: 330px;
}

#prenship-e4 .e4-falls {
    right: 7%;
    width: 178px;
    height: 256px;
}

#prenship-e4 .e4-swiss {
    right: -2%;
    width: 132px;
    height: 214px;
}

#prenship-e4 .e4-card-top {
    top: 11px;
    left: 11px;
    right: 11px;
    font-size: 9px;
}

#prenship-e4 .e4-card-bottom {
    left: 14px;
    right: 14px;
    bottom: 16px;
}

#prenship-e4 .e4-card-bottom strong {
    font-size: 14px;
}

#prenship-e4 .e4-card-bottom em {
    margin-top: 6px;
    font-size: 12px;
}

#prenship-e4 .e4-card-bottom small {
    font-size: 9px;
}

#prenship-e4 .e4-carousel-arrow {
    width: 37px;
    height: 37px;
    font-size: 23px;
}

#prenship-e4 .e4-access h3 {
    font-size: 14px;
}

#prenship-e4 .e4-access p {
    margin-top: 12px;
    margin-bottom: 20px;
    font-size: 11px;
}

#prenship-e4 .e4-access-btn {
    min-height: 80px;
    margin-top: 13px;
}

#prenship-e4 .e4-access-btn strong {
    font-size: 21px;
}

#prenship-e4 .e4-access-btn span {
    font-size: 10px;
}

/* ----------------------------------------------------------
   WHY PAY $50 — stronger gold section
---------------------------------------------------------- */

#prenship-e4 .e4-why {
    min-height: 316px;
    padding: 30px 31px;
    grid-template-columns:
        170px 285px 1fr;
    gap: 25px;
}

#prenship-e4 .e4-lock {
    width: 145px;
    height: 145px;
    border-color: rgba(241,177,25,.85);
    box-shadow:
        0 0 18px rgba(229,159,14,.28),
        0 0 45px rgba(229,159,14,.16),
        inset 0 0 33px rgba(231,160,14,.18);
    font-size: 58px;
}

#prenship-e4 .e4-why-copy h2 {
    font-size: 34px;
}

#prenship-e4 .e4-why-copy p {
    margin-top: 11px;
    font-size: 12px;
    line-height: 1.65;
}

#prenship-e4 .e4-unlock-btn {
    min-height: 45px;
    margin-top: 20px;
    padding: 0 17px;
    font-size: 10px;
}

#prenship-e4 .e4-benefit {
    min-height: 115px;
    padding: 10px 15px;
}

#prenship-e4 .e4-benefit b {
    font-size: 27px;
}

#prenship-e4 .e4-benefit strong {
    margin-top: 6px;
    font-size: 11px;
}

#prenship-e4 .e4-benefit span {
    margin-top: 6px;
    font-size: 10px;
}

#prenship-e4 .e4-why-footer {
    margin-top: 1px;
    font-size: 14px;
}

/* ----------------------------------------------------------
   COMMERCE — locked three-panel proportions
---------------------------------------------------------- */

#prenship-e4 .e4-commerce {
    padding: 20px 18px 18px;
}

#prenship-e4 .e4-commerce-title h2 {
    font-size: clamp(28px,3vw,38px);
}

#prenship-e4 .e4-commerce-title p {
    margin-top: 5px;
    margin-bottom: 18px;
    font-size: 11px;
}

#prenship-e4 .e4-commerce-grid {
    grid-template-columns:
        .99fr
        .94fr
        1.04fr;
    gap: 11px;
}

#prenship-e4 .e4-commerce-card {
    min-height: 535px;
    padding: 18px;
    border-radius: 13px;
}

#prenship-e4 .e4-commerce-card > h3 {
    font-size: 21px;
}

#prenship-e4 .e4-commerce-sub {
    margin-top: 5px;
    margin-bottom: 14px;
    font-size: 10px;
}

#prenship-e4 .e4-market-actions {
    margin: 16px 0 20px;
}

#prenship-e4 .e4-market-action {
    font-size: 9px;
}

#prenship-e4 .e4-market-action b {
    font-size: 21px;
}

/* Marketplace real products */

#prenship-e4 .e4-product-showcase {
    min-height: 328px;
    grid-template-columns:
        repeat(2,minmax(0,1fr));
    gap: 9px;
}

#prenship-e4 .e4-product {
    min-height: 150px;
    border: 1px solid rgba(68,161,225,.11);
}

#prenship-e4 .e4-product img,
#prenship-e4 .e4-product video,
#prenship-e4 .e4-product-placeholder {
    height: 150px;
}

#prenship-e4 .e4-product-placeholder {
    font-size: 45px;
}

#prenship-e4 .e4-product-label {
    left: 7px;
    right: 7px;
    bottom: 7px;
    padding: 7px;
    font-size: 9px;
}

#prenship-e4 .e4-product-showcase.e5-single {
    display: block;
    padding: 18px 16px;
}

#prenship-e4 .e4-product-showcase.e5-single .e4-product {
    width: 88%;
    min-height: 275px;
    margin: 0 auto;
    box-shadow:
        0 20px 45px rgba(0,0,0,.24);
}

#prenship-e4 .e4-product-showcase.e5-single .e4-product img,
#prenship-e4 .e4-product-showcase.e5-single .e4-product video,
#prenship-e4 .e4-product-showcase.e5-single .e4-product-placeholder {
    height: 275px;
    object-fit: contain;
}

#prenship-e4 .e4-card-description {
    min-height: 48px;
    margin: 15px 0;
    font-size: 10px;
}

#prenship-e4 .e4-commerce-cta {
    min-height: 46px;
    font-size: 11px;
}

/* Auction */

#prenship-e4 .e4-auction-box,
#prenship-e4 .e4-auction-offline {
    min-height: 396px;
}

#prenship-e4 .e4-auction-main {
    padding: 8px 12px 12px;
    grid-template-columns: 105px 1fr;
    gap: 12px;
}

#prenship-e4 .e4-auction-product {
    min-height: 139px;
    font-size: 54px;
}

#prenship-e4 .e4-auction-info strong {
    font-size: 12px;
}

#prenship-e4 .e4-auction-info small {
    font-size: 8px;
}

#prenship-e4 .e4-countdown-box {
    margin-top: 12px;
    padding: 10px;
}

#prenship-e4 .e4-countdown {
    margin-top: 6px;
    font-size: 21px;
}

#prenship-e4 .e4-auction-price strong {
    font-size: 19px;
}

#prenship-e4 .e4-bid-button {
    min-height: 38px;
    font-size: 10px;
}

#prenship-e4 .e4-bid-list {
    font-size: 8px;
}

#prenship-e4 .e4-auction-offline b {
    font-size: 55px;
}

#prenship-e4 .e4-auction-offline strong {
    font-size: 14px;
}

/* Live Selling */

#prenship-e4 .e4-live-layout {
    height: 396px;
    grid-template-columns: 1.7fr .64fr;
}

#prenship-e4 .e4-live-badge {
    top: 10px;
    left: 10px;
    padding: 5px 8px;
    font-size: 9px;
}

#prenship-e4 .e4-live-viewers {
    top: 10px;
    right: 10px;
    padding: 5px 9px;
    font-size: 8px;
}

#prenship-e4 .e4-chat-preview {
    padding: 13px 10px;
}

#prenship-e4 .e4-chat-preview strong {
    font-size: 9px;
}

#prenship-e4 .e4-chat-line {
    margin-top: 14px;
    grid-template-columns: 22px 1fr;
    font-size: 8px;
}

#prenship-e4 .e4-chat-avatar {
    width: 22px;
    height: 22px;
}

#prenship-e4 .e4-chat-open {
    margin-top: 18px;
    padding: 9px;
    font-size: 8px;
}

/* ----------------------------------------------------------
   BOTTOM BENEFITS
---------------------------------------------------------- */

#prenship-e4 .e4-bottom {
    min-height: 116px;
    padding: 24px 18px;
    align-items: center;
}

#prenship-e4 .e4-bottom-item {
    grid-template-columns: 42px 1fr;
    gap: 12px;
    padding: 2px 19px;
}

#prenship-e4 .e4-bottom-icon {
    font-size: 34px;
}

#prenship-e4 .e4-bottom-item strong {
    font-size: 10px;
}

#prenship-e4 .e4-bottom-item span:last-child {
    margin-top: 6px;
    font-size: 9px;
}

#prenship-e4 .e4-footer {
    padding-top: 5px;
    font-size: 10px;
}

/* ----------------------------------------------------------
   RESPONSIVE REBALANCE
---------------------------------------------------------- */

@media (max-width: 1120px) {

    #prenship-e4 .e4-moments {
        grid-template-columns:
            minmax(240px,.8fr)
            minmax(420px,1.45fr);
    }

    #prenship-e4 .e4-commerce-card {
        min-height: 0;
    }
}

@media (max-width: 850px) {

    #prenship-e4 {
        width: min(calc(100% - 14px),1320px);
    }

    #prenship-e4 .e4-moments {
        min-height: 0;
        padding: 24px 21px;
        grid-template-columns: 1fr;
    }

    #prenship-e4 .e4-carousel {
        min-height: 370px;
    }

    #prenship-e4 .e4-why {
        min-height: 0;
    }

    #prenship-e4 .e4-commerce-card {
        min-height: 0;
    }

    #prenship-e4 .e4-live-layout {
        height: 420px;
    }
}

@media (max-width: 560px) {

    #prenship-e4 .e4-moments-copy h1 {
        font-size: 43px;
    }

    #prenship-e4 .e4-carousel {
        transform: scale(.76);
    }

    #prenship-e4 .e4-benefit {
        min-height: 125px;
    }

    #prenship-e4 .e4-live-layout {
        height: 390px;
        grid-template-columns: 1fr;
    }

    #prenship-e4 .e4-chat-preview {
        display: none;
    }
}

/*
 * PRENSHIP_ACCOUNTS_REAL_MOMENTS_M49UE5A
 */

/*
 * Real media should occupy the complete Moment card.
 */

#prenship-e4 .e4-moment-card.e5a-real-moment {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    filter:
        saturate(1.04)
        contrast(1.03);
}

#prenship-e4 .e4-moment-card.e5a-real-moment::before {
    z-index: 2;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.10),
            rgba(0,0,0,.01) 38%,
            rgba(0,0,0,.06) 58%,
            rgba(0,0,0,.82) 100%
        );
}

/*
 * Remove the old CSS-generated Dubai skyline
 * once genuine Moment media is present.
 */

#prenship-e4 .e4-dubai.e5a-real-moment::after {
    display: none !important;
}

#prenship-e4 .e4-card-top,
#prenship-e4 .e4-card-bottom {
    text-shadow:
        0 1px 4px rgba(0,0,0,.92);
}

#prenship-e4 .e4-card-top span:last-child:empty {
    display: none;
}

/*
 * Header correction:
 * E5's imported SVG has a different intrinsic
 * composition than the locked-reference icon.
 * Restore the larger gold E4 brand mark.
 */

#prenship-e4 .e4-logo {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
}

#prenship-e4 .e4-logo span {
    font-size: 19px;
}

/*
 * Slightly strengthen the hero cards when real
 * photographic media is installed.
 */

#prenship-e4 .e4-dubai.e5a-real-moment {
    box-shadow:
        0 0 26px rgba(237,175,20,.28),
        0 28px 58px rgba(0,0,0,.58);
}

@media (max-width: 560px) {
    #prenship-e4 .e4-logo {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }
}

/*
 * PRENSHIP_ACCOUNTS_ALIGN_COMMERCE_BUTTONS_M49UE5B
 *
 * Keep the three commerce cards equal-height and
 * pin each primary CTA to the bottom edge so:
 *
 * Explore Marketplace
 * Explore Auctions
 * Explore Live Selling
 *
 * share one visual baseline.
 */

#prenship-e4 .e4-commerce-grid {
    align-items: stretch;
}

#prenship-e4 .e4-commerce-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/*
 * Push only the final CTA downward.
 * Existing product, auction and live content
 * keeps its current dimensions and behavior.
 */

#prenship-e4 .e4-commerce-card > .e4-commerce-cta:last-child {
    margin-top: auto;
}

/*
 * Give all three buttons identical outer spacing.
 */

#prenship-e4 .e4-commerce-cta {
    flex: 0 0 auto;
}

/*
 * Auction has no description block between
 * its live-auction body and CTA, so provide
 * the same visual breathing room while still
 * letting margin-top:auto perform the alignment.
 */

#prenship-e4 .e4-commerce-card.auction > .e4-commerce-cta:last-child {
    margin-top: auto;
}

/*
 * Desktop: exact equal-height row.
 */

@media (min-width: 851px) {
    #prenship-e4 .e4-commerce-grid {
        grid-auto-rows: 1fr;
    }

    #prenship-e4 .e4-commerce-card {
        min-height: 535px;
    }
}

/*
 * Stacked mobile/tablet cards do not need
 * cross-column baseline alignment.
 */

@media (max-width: 850px) {
    #prenship-e4 .e4-commerce-card {
        height: auto;
    }

    #prenship-e4 .e4-commerce-card > .e4-commerce-cta:last-child {
        margin-top: 18px;
    }
}

/*
 * PRENSHIP_ACCOUNTS_DUMMY_MOMENTS_M49UE5C
 *
 * Professional demo/fallback Moments cards.
 * Real Moments feed remains authoritative when a real item exists.
 */

#prenship-e4 .e4-moment-card {
    background-color: #07101a !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#prenship-e4 .e4-bali:not(.e5a-real-moment) {
    background-image:
        linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.08) 55%, rgba(0,0,0,.78)),
        url('/assets/moments-demo/bali.png') !important;
}

#prenship-e4 .e4-dubai:not(.e5a-real-moment) {
    background-image:
        linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.05) 55%, rgba(0,0,0,.80)),
        url('/assets/moments-demo/dubai.png') !important;
}

#prenship-e4 .e4-falls:not(.e5a-real-moment) {
    background-image:
        linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.08) 55%, rgba(0,0,0,.78)),
        url('/assets/moments-demo/iguazu.png') !important;
}

#prenship-e4 .e4-swiss:not(.e5a-real-moment) {
    background-image:
        linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.08) 55%, rgba(0,0,0,.78)),
        url('/assets/moments-demo/switzerland.png') !important;
}

#prenship-e4 .e4-moment-card:not(.e5a-real-moment)::before {
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.06),
            transparent 36%,
            rgba(0,0,0,.07) 58%,
            rgba(0,0,0,.66) 100%
        ) !important;
}

#prenship-e4 .e4-dubai:not(.e5a-real-moment)::after {
    display: none !important;
}

/*
 * Because the demo artwork already contains its own polished labels,
 * hide duplicate E4 text on fallback/demo cards only.
 */
#prenship-e4 .e4-moment-card:not(.e5a-real-moment) .e4-card-top,
#prenship-e4 .e4-moment-card:not(.e5a-real-moment) .e4-card-bottom {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Keep real dynamic Moment labels visible. */
#prenship-e4 .e4-moment-card.e5a-real-moment .e4-card-top,
#prenship-e4 .e4-moment-card.e5a-real-moment .e4-card-bottom {
    opacity: 1 !important;
}

/* Small visual enhancement for demo cards. */
#prenship-e4 .e4-bali:not(.e5a-real-moment),
#prenship-e4 .e4-falls:not(.e5a-real-moment),
#prenship-e4 .e4-swiss:not(.e5a-real-moment) {
    filter: saturate(1.04) contrast(1.03);
}


/*
 * PRENSHIP_ACCOUNTS_FUNCTIONAL_CAROUSEL_M49UE5D
 */

#prenship-e4 .e4-carousel {
    position: relative;
    min-height: 310px;
    overflow: hidden;
    perspective: 1100px;
}

#prenship-e4 .e4-carousel .e4-moment-card {
    position: absolute !important;
    top: 8px;
    left: 50%;
    width: 210px;
    height: 280px;
    margin: 0 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform:
        translateX(-50%)
        scale(.72);
    transition:
        transform .48s cubic-bezier(.2,.75,.25,1),
        opacity .38s ease,
        filter .38s ease;
    will-change: transform, opacity;
    z-index: 1;
}

#prenship-e4 .e4-carousel .e4-moment-card[data-e5d-position="active"] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform:
        translateX(-50%)
        scale(1);
    filter: none;
    z-index: 5;
}

#prenship-e4 .e4-carousel .e4-moment-card[data-e5d-position="prev"] {
    opacity: .82;
    visibility: visible;
    transform:
        translateX(calc(-50% - 150px))
        scale(.82)
        rotateY(5deg);
    filter: brightness(.78);
    z-index: 3;
}

#prenship-e4 .e4-carousel .e4-moment-card[data-e5d-position="next"] {
    opacity: .82;
    visibility: visible;
    transform:
        translateX(calc(-50% + 150px))
        scale(.82)
        rotateY(-5deg);
    filter: brightness(.78);
    z-index: 3;
}

#prenship-e4 .e4-carousel .e4-moment-card[data-e5d-position="far-prev"] {
    opacity: .30;
    visibility: visible;
    transform:
        translateX(calc(-50% - 245px))
        scale(.68);
    filter: brightness(.55);
    z-index: 2;
}

#prenship-e4 .e4-carousel .e4-moment-card[data-e5d-position="far-next"] {
    opacity: .30;
    visibility: visible;
    transform:
        translateX(calc(-50% + 245px))
        scale(.68);
    filter: brightness(.55);
    z-index: 2;
}

#prenship-e4 .e4-carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-58%);
    z-index: 20;
    cursor: pointer;
    user-select: none;
    pointer-events: auto !important;
}

#prenship-e4 .e4-carousel-arrow.left {
    left: 4px;
}

#prenship-e4 .e4-carousel-arrow.right {
    right: 4px;
}

#prenship-e4 .e4-dots {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 7px;
}

#prenship-e4 .e4-dot {
    cursor: pointer;
    pointer-events: auto;
}

#prenship-e4 .e4-dot[hidden] {
    display: none !important;
}

#prenship-e4 .e5d-demo-tokyo {
    background-image:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02),
            rgba(0,0,0,.06) 55%,
            rgba(0,0,0,.80)
        ),
        url('/assets/moments-demo/tokyo.png') !important;
    background-size: cover !important;
    background-position: center center !important;
}

#prenship-e4 .e5d-demo-tokyo .e4-card-top,
#prenship-e4 .e5d-demo-tokyo .e4-card-bottom {
    opacity: 0 !important;
}

#prenship-e4 .e4-moment-card video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

#prenship-e4 .e4-moment-card[data-e5d-link] {
    cursor: pointer;
}

@media (max-width: 850px) {

    #prenship-e4 .e4-carousel {
        min-height: 285px;
    }

    #prenship-e4 .e4-carousel .e4-moment-card {
        width: 190px;
        height: 255px;
    }

    #prenship-e4 .e4-carousel .e4-moment-card[data-e5d-position="prev"] {
        transform:
            translateX(calc(-50% - 112px))
            scale(.76);
    }

    #prenship-e4 .e4-carousel .e4-moment-card[data-e5d-position="next"] {
        transform:
            translateX(calc(-50% + 112px))
            scale(.76);
    }

    #prenship-e4 .e4-carousel .e4-moment-card[data-e5d-position="far-prev"],
    #prenship-e4 .e4-carousel .e4-moment-card[data-e5d-position="far-next"] {
        opacity: 0;
        visibility: hidden;
    }
}


/*
 * PRENSHIP_ACCOUNTS_YOUTUBE_SHORT_M49UE5G
 */

#prenship-e4
.e5d-demo-tokyo {
    overflow: hidden;
}

#prenship-e4
.e5d-demo-tokyo
.e5g-youtube-wrap {
    position: absolute;
    inset: 0;
    z-index: 8;
    overflow: hidden;
    border-radius: inherit;
    background: #000;
}

#prenship-e4
.e5d-demo-tokyo
.e5g-youtube-frame {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

#prenship-e4
.e5d-demo-tokyo[data-e5d-position="active"]
.e5g-youtube-wrap {
    opacity: 1;
}


/*
 * PRENSHIP_ACCOUNTS_MANAGED_CAROUSEL_M49UE5H_H2
 *
 * Admin-controlled Moments carousel.
 *
 * Existing E5D visual engine remains in the file for rollback,
 * but once H2 successfully loads its configuration the managed
 * cards become the visible carousel.
 */

#prenship-e4
.e4-carousel.e5h-managed-carousel {
    position: relative;
    overflow: hidden;
    min-height: 500px;
}

#prenship-e4
.e4-carousel.e5h-managed-carousel
.e5h-managed-card {
    position: absolute;
    top: 50%;
    left: 50%;
    width: clamp(185px, 18vw, 265px);
    aspect-ratio: 3 / 4;
    margin: 0;
    overflow: hidden;
    border-radius: 22px;
    border:
        1px solid
        rgba(255, 215, 125, .24);
    background: #090d13;
    box-shadow:
        0 20px 55px
        rgba(0, 0, 0, .38);
    opacity: 0;
    pointer-events: none;
    transform:
        translate(-50%, -50%)
        scale(.72);
    transition:
        transform .48s ease,
        opacity .48s ease,
        filter .48s ease;
    z-index: 1;
}

#prenship-e4
.e4-carousel.e5h-managed-carousel
.e5h-managed-card[
    data-e5h-position="active"
] {
    opacity: 1;
    pointer-events: auto;
    transform:
        translate(-50%, -50%)
        scale(1);
    filter: none;
    z-index: 8;
}

#prenship-e4
.e4-carousel.e5h-managed-carousel
.e5h-managed-card[
    data-e5h-position="prev"
] {
    opacity: .72;
    transform:
        translate(
            calc(-50% - 235px),
            -50%
        )
        scale(.82);
    filter: brightness(.72);
    z-index: 5;
}

#prenship-e4
.e4-carousel.e5h-managed-carousel
.e5h-managed-card[
    data-e5h-position="next"
] {
    opacity: .72;
    transform:
        translate(
            calc(-50% + 235px),
            -50%
        )
        scale(.82);
    filter: brightness(.72);
    z-index: 5;
}

#prenship-e4
.e4-carousel.e5h-managed-carousel
.e5h-managed-card[
    data-e5h-position="far-left"
] {
    opacity: .28;
    transform:
        translate(
            calc(-50% - 410px),
            -50%
        )
        scale(.67);
    filter: brightness(.50);
    z-index: 2;
}

#prenship-e4
.e4-carousel.e5h-managed-carousel
.e5h-managed-card[
    data-e5h-position="far-right"
] {
    opacity: .28;
    transform:
        translate(
            calc(-50% + 410px),
            -50%
        )
        scale(.67);
    filter: brightness(.50);
    z-index: 2;
}

#prenship-e4
.e4-carousel.e5h-managed-carousel
.e5h-managed-card[
    data-e5h-position="hidden"
] {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}

#prenship-e4
.e5h-managed-media {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(
            circle at center,
            #18222d,
            #05070a
        );
}

#prenship-e4
.e5h-managed-media
img,
#prenship-e4
.e5h-managed-media
video,
#prenship-e4
.e5h-managed-media
iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    object-fit: cover;
}

#prenship-e4
.e5h-managed-media
video {
    background: #000;
}

#prenship-e4
.e5h-youtube-holder {
    position: absolute;
    inset: 0;
    z-index: 4;
    background: #000;
}

#prenship-e4
.e5h-managed-shade {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.16) 0%,
            rgba(0,0,0,.02) 38%,
            rgba(0,0,0,.76) 100%
        );
}

#prenship-e4
.e5h-managed-top {
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;
    z-index: 7;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-shadow:
        0 2px 6px rgba(0,0,0,.85);
}

#prenship-e4
.e5h-real-badge {
    display: inline-flex;
    align-items: center;
    border:
        1px solid
        rgba(255,215,125,.38);
    border-radius: 999px;
    padding: 5px 8px;
    color: #f4cb69;
    background:
        rgba(0,0,0,.48);
    backdrop-filter:
        blur(7px);
}

#prenship-e4
.e5h-managed-content {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 8;
    color: #fff;
    text-shadow:
        0 2px 8px rgba(0,0,0,.9);
}

#prenship-e4
.e5h-managed-title {
    margin: 0;
    font-size:
        clamp(18px, 2vw, 24px);
    line-height: 1.05;
    font-weight: 850;
}

#prenship-e4
.e5h-managed-location {
    margin-top: 7px;
    color: rgba(255,255,255,.86);
    font-size: 12px;
    line-height: 1.35;
}

#prenship-e4
.e5h-managed-price {
    margin-top: 7px;
    color: #f1c65c;
    font-size: 12px;
    font-weight: 750;
}

#prenship-e4
.e5h-managed-cta {
    display: inline-flex;
    margin-top: 11px;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    border:
        1px solid
        rgba(255,215,125,.5);
    border-radius: 999px;
    color: #151006;
    background: #efc75e;
    text-decoration: none;
    text-shadow: none;
    font-size: 11px;
    font-weight: 850;
}

#prenship-e4
.e4-carousel.e5h-managed-carousel
.e4-carousel-arrow {
    z-index: 30;
    cursor: pointer;
    user-select: none;
}

#prenship-e4
.e4-carousel.e5h-managed-carousel
.e4-dots {
    z-index: 30;
}

#prenship-e4
.e4-carousel.e5h-managed-carousel
.e5h-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background:
        rgba(255,255,255,.30);
    cursor: pointer;
}

#prenship-e4
.e4-carousel.e5h-managed-carousel
.e5h-dot.active {
    width: 24px;
    border-radius: 999px;
    background: #e7bd59;
}

@media (max-width: 760px) {

    #prenship-e4
    .e4-carousel.e5h-managed-carousel {
        min-height: 440px;
    }

    #prenship-e4
    .e4-carousel.e5h-managed-carousel
    .e5h-managed-card {
        width:
            clamp(170px, 58vw, 235px);
    }

    #prenship-e4
    .e4-carousel.e5h-managed-carousel
    .e5h-managed-card[
        data-e5h-position="prev"
    ] {
        transform:
            translate(
                calc(-50% - 165px),
                -50%
            )
            scale(.78);
    }

    #prenship-e4
    .e4-carousel.e5h-managed-carousel
    .e5h-managed-card[
        data-e5h-position="next"
    ] {
        transform:
            translate(
                calc(-50% + 165px),
                -50%
            )
            scale(.78);
    }

    #prenship-e4
    .e4-carousel.e5h-managed-carousel
    .e5h-managed-card[
        data-e5h-position="far-left"
    ],
    #prenship-e4
    .e4-carousel.e5h-managed-carousel
    .e5h-managed-card[
        data-e5h-position="far-right"
    ] {
        opacity: 0;
    }
}