/* Minimal Luxury — glass nav polish + value ticker (Pro storefront) */

body[data-ml-luxury-motion="1"] .sg-shell-glass-nav__wrap {
    position: relative;
}

body[data-ml-luxury-motion="1"] .sg-shell-glass-nav__wrap::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 2px;
    transform: translateX(-50%);
    height: 2px;
    width: min(1180px, calc(100% - 28px));
    max-width: calc(100% - 28px);
    background: linear-gradient(
        90deg,
        transparent 0%,
        color-mix(in srgb, var(--store-accent, var(--store-button, #111)) 70%, transparent) var(--sg-ml-scroll, 0%),
        transparent calc(var(--sg-ml-scroll, 0%) + 18%)
    );
    pointer-events: none;
    opacity: 0.9;
    transition: opacity 0.25s ease;
}

body[data-ml-luxury-motion="1"] .sg-shell-glass-nav__capsule {
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        min-height 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        backdrop-filter 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        -webkit-backdrop-filter 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

body[data-ml-luxury-motion="1"].is-ready .sg-shell-glass-nav__capsule {
    animation: mlLuxuryNavIn 0.75s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes mlLuxuryNavIn {
    from {
        opacity: 0.82;
        transform: translateY(-10px) scale(0.988);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

body[data-ml-luxury-motion="1"].sg-shell-glass-nav-scrolled .sg-shell-glass-nav__capsule {
    transform: translateY(0) scale(0.993);
    box-shadow:
        0 14px 44px rgba(15, 15, 20, 0.11),
        0 0 0 1px rgba(255, 255, 255, 0.58);
    backdrop-filter: blur(34px) saturate(190%);
    -webkit-backdrop-filter: blur(34px) saturate(190%);
}

body[data-ml-luxury-motion="1"] #mlValueStrip.ml-luxury-ticker.ml-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body[data-ml-luxury-motion="1"] .ml-luxury-ticker {
    padding: 0 !important;
    margin: 0 calc(50% - 50vw) 10px !important;
    width: 100vw;
    max-width: 100vw;
    border-top: 1px solid color-mix(in srgb, var(--text-dark, #111) 10%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--text-dark, #111) 10%, transparent);
    background: color-mix(in srgb, var(--store-bg, #fff) 92%, var(--store-card-bg, #fff));
    overflow: hidden;
}

body[data-ml-luxury-motion="1"] .ml-luxury-ticker__viewport {
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

body[data-ml-luxury-motion="1"] .ml-luxury-ticker__track {
    display: flex;
    width: max-content;
    will-change: transform;
}

body[data-ml-luxury-motion="1"] .ml-luxury-ticker__track {
    animation: mlLuxuryTicker 28s linear infinite;
}

body[data-ml-luxury-motion="1"] .ml-luxury-ticker:hover .ml-luxury-ticker__track,
body[data-ml-luxury-motion="1"] .ml-luxury-ticker:focus-within .ml-luxury-ticker__track {
    animation-play-state: paused;
}

@keyframes mlLuxuryTicker {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

body[data-ml-luxury-motion="1"] .ml-luxury-ticker__run {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 12px 22px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--text-dark, #111) 82%, transparent);
    white-space: nowrap;
}

body[data-ml-luxury-motion="1"] .ml-luxury-ticker__dot {
    color: var(--store-accent, var(--store-button, #111));
    opacity: 0.7;
}

@media (prefers-reduced-motion: reduce) {
    body[data-ml-luxury-motion="1"] .ml-luxury-ticker__track {
        animation: none !important;
    }
    body[data-ml-luxury-motion="1"] .sg-shell-glass-nav__capsule {
        animation: none !important;
        transition: none !important;
    }
}