:root {
    --ms-pro-blue: #2563eb;
    --ms-pro-blue-dark: #1d4ed8;
    --ms-pro-blue-deep: #123b82;
    --ms-pro-orange: #f97316;
    --ms-pro-orange-dark: #ea580c;
    --ms-pro-green: #059669;
    --ms-pro-canvas: #f4f7fb;
    --ms-pro-surface: #ffffff;
    --ms-pro-text: #0f172a;
    --ms-pro-muted: #64748b;
    --ms-pro-border: #e2e8f0;
    --ms-pro-soft-border: #edf2f7;
    --ms-pro-radius: 18px;
    --ms-pro-shadow:
        0 1px 2px rgba(15, 23, 42, .03),
        0 14px 36px rgba(15, 23, 42, .055);
}

html {
    scroll-behavior: smooth;
}

body.ms-original-marketplace {
    background:
        radial-gradient(
            circle at 20% 0,
            rgba(37, 99, 235, .08),
            transparent 340px
        ),
        var(--ms-pro-canvas);
    color: var(--ms-pro-text);
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

/* Header */
body.ms-original-marketplace .app-header-main {
    background:
        radial-gradient(
            circle at 65% -80px,
            rgba(96, 165, 250, .28),
            transparent 360px
        ),
        linear-gradient(
            135deg,
            #123b82 0%,
            #1764c0 48%,
            #2563eb 100%
        );
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .08) inset,
        0 12px 30px rgba(15, 23, 42, .15);
}

body.ms-original-marketplace .header-top-utility-tier {
    background: rgba(9, 30, 66, .34);
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    backdrop-filter: blur(14px);
}

body.ms-original-marketplace .top-utility-link,
body.ms-original-marketplace .search-tag-link {
    text-underline-offset: 3px;
}

body.ms-original-marketplace .search-wrapper-elite,
body.ms-original-marketplace .search-wrapper-native {
    border: 1px solid rgba(255, 255, 255, .78);
    border-radius: 14px;
    background: rgba(255, 255, 255, .98);
    box-shadow:
        0 1px 2px rgba(15, 23, 42, .05),
        0 10px 28px rgba(15, 23, 42, .16);
}

body.ms-original-marketplace .search-wrapper-elite:focus-within,
body.ms-original-marketplace .search-wrapper-native:focus-within {
    border-color: #bfdbfe;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, .05),
        0 14px 34px rgba(15, 23, 42, .2),
        0 0 0 4px rgba(255, 255, 255, .17);
}

body.ms-original-marketplace .search-field-elite,
body.ms-original-marketplace .search-field-native {
    min-width: 0;
    color: #172033;
}

body.ms-original-marketplace .btn-search-trigger-elite {
    border-radius: 11px;
    background:
        linear-gradient(
            135deg,
            var(--ms-pro-blue),
            #3b82f6
        );
    box-shadow: 0 8px 18px rgba(37, 99, 235, .25);
}

/* Setup — direct links remain untouched */
body.ms-original-marketplace .btn-download-highlight-pro.setup-primary-cta {
    min-height: 34px;
    padding: 0 15px;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 999px;
    color: #fff !important;
    background:
        linear-gradient(
            135deg,
            #fb923c 0%,
            var(--ms-pro-orange) 45%,
            var(--ms-pro-orange-dark) 100%
        );
    box-shadow:
        0 7px 18px rgba(234, 88, 12, .31),
        0 1px 0 rgba(255, 255, 255, .27) inset;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .65px;
    text-decoration: none;
    text-transform: uppercase;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}

body.ms-original-marketplace .btn-download-highlight-pro.setup-primary-cta::after {
    content: "";
    width: 48px;
    height: 160%;
    position: absolute;
    top: -30%;
    left: -70px;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, .45),
            transparent
        );
    transform: rotate(18deg);
    animation: msSetupShine 4.8s ease-in-out infinite;
}

body.ms-original-marketplace .btn-download-highlight-pro.setup-primary-cta:hover {
    color: #fff !important;
    filter: saturate(1.08);
    transform: translateY(-1px);
    box-shadow:
        0 11px 24px rgba(234, 88, 12, .38),
        0 1px 0 rgba(255, 255, 255, .28) inset;
}

@keyframes msSetupShine {
    0%, 58% {
        left: -70px;
    }
    82%, 100% {
        left: calc(100% + 70px);
    }
}

/* Mobile header and dock */
body.ms-original-marketplace .app-header-unified {
    background:
        radial-gradient(
            circle at 50% -70px,
            rgba(147, 197, 253, .34),
            transparent 240px
        ),
        linear-gradient(
            135deg,
            #124891,
            #2563eb
        );
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .16);
}

body.ms-original-marketplace .mobile-app-dock {
    overflow: visible !important;
    border-top-color: rgba(148, 163, 184, .22) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow:
        0 -1px 0 rgba(255, 255, 255, .82) inset,
        0 -14px 40px rgba(15, 23, 42, .11) !important;
}

body.ms-original-marketplace .app-dock-link {
    border-radius: 13px;
}

body.ms-original-marketplace .app-dock-link.is-active {
    color: var(--ms-pro-blue);
}

body.ms-original-marketplace .setup-dock-cta {
    min-width: 72px;
    color: var(--ms-pro-orange) !important;
    overflow: visible;
}

body.ms-original-marketplace .setup-dock-cta i {
    width: 48px;
    height: 48px;
    margin-top: -25px;
    margin-bottom: 4px;
    display: grid;
    place-items: center;
    border: 4px solid #fff;
    border-radius: 17px;
    color: #fff !important;
    background:
        linear-gradient(
            145deg,
            #fb923c,
            #ea580c
        );
    box-shadow:
        0 12px 26px rgba(234, 88, 12, .34),
        0 1px 0 rgba(255, 255, 255, .35) inset;
    transform: rotate(-3deg);
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

body.ms-original-marketplace .setup-dock-cta:active i {
    transform: rotate(0) scale(.94);
}

body.ms-original-marketplace .setup-dock-text {
    color: var(--ms-pro-orange) !important;
    font-weight: 950 !important;
}

/* User account */
body.ms-original-marketplace .user-avatar-btn {
    border: 1px solid rgba(255, 255, 255, .2) !important;
    border-radius: 14px !important;
    background:
        linear-gradient(
            145deg,
            #1e3a5f,
            #0f172a
        ) !important;
    box-shadow:
        0 10px 24px rgba(15, 23, 42, .2),
        0 1px 0 rgba(255, 255, 255, .13) inset !important;
}

body.ms-original-marketplace .user-hub-popup {
    width: min(310px, calc(100vw - 24px)) !important;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, .92) !important;
    border-radius: 21px !important;
    box-shadow:
        0 28px 70px rgba(15, 23, 42, .2) !important;
}

body.ms-original-marketplace .hub-menu-item {
    min-height: 43px;
    border: 1px solid transparent;
}

body.ms-original-marketplace .hub-menu-item:hover {
    border-color: #dbeafe;
    background: #eff6ff;
}

/* Hero */
body.ms-original-marketplace .hero-meli-section {
    background: #eaf0f8;
}

body.ms-original-marketplace .hero-img-container {
    background:
        linear-gradient(
            135deg,
            #eaf0f8,
            #f8fafc
        );
}

body.ms-original-marketplace .heroSwiper .swiper-button-prev,
body.ms-original-marketplace .heroSwiper .swiper-button-next {
    border-color: rgba(226, 232, 240, .86);
    color: var(--ms-pro-blue);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .16);
}

/* Features */
body.ms-original-marketplace .features-grid {
    background:
        linear-gradient(
            90deg,
            #164e9a,
            #2563eb 48%,
            #164e9a
        );
}

body.ms-original-marketplace .tech-divider-item {
    min-height: 48px;
}

body.ms-original-marketplace .tech-divider-icon {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, .18) inset,
        0 7px 18px rgba(15, 23, 42, .12);
}

/* Marketplace sections */
body.ms-original-marketplace .elite-card-container {
    overflow: hidden;
    border: 1px solid var(--ms-pro-soft-border) !important;
    border-radius: var(--ms-pro-radius) !important;
    background: var(--ms-pro-surface) !important;
    box-shadow: var(--ms-pro-shadow) !important;
}

body.ms-original-marketplace .elite-card-container:hover {
    border-color: #dbe5f0 !important;
    box-shadow:
        0 2px 4px rgba(15, 23, 42, .03),
        0 22px 50px rgba(15, 23, 42, .075) !important;
}

body.ms-original-marketplace .elite-card-container > div:first-child {
    background:
        linear-gradient(
            180deg,
            #fff,
            #fcfdff
        );
}

body.ms-original-marketplace .swiper-nav-glass {
    border-color: rgba(148, 163, 184, .28) !important;
    color: #475569 !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .14) !important;
}

body.ms-original-marketplace .swiper-nav-glass:hover {
    color: #fff !important;
    background: var(--ms-pro-blue) !important;
    border-color: var(--ms-pro-blue) !important;
}

/* Product cards — logic remains original */
body.ms-original-marketplace .ms-card-elite {
    border-color: #e5eaf1 !important;
    border-radius: 16px !important;
    box-shadow:
        0 1px 2px rgba(15, 23, 42, .025),
        0 7px 20px rgba(15, 23, 42, .035);
    transform: translateZ(0);
}

body.ms-original-marketplace .ms-card-elite:hover {
    border-color: #bfdbfe !important;
    box-shadow:
        0 2px 4px rgba(15, 23, 42, .035),
        0 19px 42px rgba(37, 99, 235, .13) !important;
    transform: translateY(-4px) !important;
}

body.ms-original-marketplace .ms-card-elite .wishlist-btn {
    border: 1px solid rgba(226, 232, 240, .84);
    box-shadow: 0 7px 18px rgba(15, 23, 42, .1);
}

body.ms-original-marketplace .ms-card-elite .ms-promo-badge {
    border-radius: 0 0 12px 0;
}

/* Buybar: only visual changes; original checkout functions stay intact */
body.ms-original-marketplace .checkout-dock-mobile {
    border-top-color: rgba(148, 163, 184, .28) !important;
    background: rgba(255, 255, 255, .985) !important;
    box-shadow: 0 -16px 40px rgba(15, 23, 42, .13) !important;
}

body.ms-original-marketplace .btn-checkout-real {
    border-radius: 14px !important;
    background:
        linear-gradient(
            135deg,
            #123b82,
            #2563eb
        ) !important;
    box-shadow: 0 10px 23px rgba(37, 99, 235, .28) !important;
}

body.ms-original-marketplace .real-select-variant,
body.ms-original-marketplace .real-qty-box {
    border-color: #dbe3ed !important;
    background: #f8fafc !important;
}

/* Footer */
body.ms-original-marketplace footer[role="contentinfo"] {
    margin-top: 64px !important;
    border-top-color: rgba(96, 165, 250, .12) !important;
    background:
        radial-gradient(
            circle at 15% 0,
            rgba(37, 99, 235, .13),
            transparent 360px
        ),
        radial-gradient(
            circle at 90% 90%,
            rgba(16, 185, 129, .07),
            transparent 300px
        ),
        #080d17 !important;
}

body.ms-original-marketplace .footer-nav-link {
    text-underline-offset: 4px;
}

body.ms-original-marketplace .footer-setup-link {
    width: fit-content;
    padding: 8px 11px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(249, 115, 22, .22);
    border-radius: 10px;
    color: #fb923c !important;
    background: rgba(249, 115, 22, .08);
    font-weight: 900;
}

body.ms-original-marketplace .footer-setup-link:hover {
    color: #fff !important;
    background: #ea580c;
    border-color: #ea580c;
}

/* Accessibility */
body.ms-original-marketplace a:focus-visible,
body.ms-original-marketplace button:focus-visible,
body.ms-original-marketplace input:focus-visible,
body.ms-original-marketplace select:focus-visible {
    outline: 3px solid rgba(96, 165, 250, .55) !important;
    outline-offset: 3px !important;
}

@media (max-width: 767px) {
    body.ms-original-marketplace .elite-card-container {
        border-radius: 15px !important;
    }

    body.ms-original-marketplace footer[role="contentinfo"] {
        margin-top: 42px !important;
    }
}

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

    body.ms-original-marketplace *,
    body.ms-original-marketplace *::before,
    body.ms-original-marketplace *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}


body.ms-original-marketplace
.user-trigger-zone.ms-user-menu-open
.user-hub-popup {
    visibility: visible !important;
    opacity: 1 !important;
    transform: scale(1) translateY(0) !important;
}