/* =========================================================
   PAPA — orange & black redesign layer

   Every design rule below is scoped to html.papa-new, so the
   original look comes back as soon as that class is gone:
   • the "New design" switch (bottom-left corner)
   • opening any page with ?design=classic
   • for good: RESTORE-ORIGINAL-DESIGN.bat in the
     papa-original-design-backup folder
========================================================= */


/* =========================================================
   DESIGN SWITCH (shown in both designs)
========================================================= */

#pn-switch {
    position: fixed;
    left: max(18px, env(safe-area-inset-left));
    bottom: max(18px, env(safe-area-inset-bottom));
    z-index: 10040;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 16px 0 10px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(10, 10, 10, .88);
    color: #f4efe9;
    font: 600 12px/1 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: .04em;
    cursor: pointer;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .4);
    transition: transform .25s ease, border-color .25s ease, opacity .25s ease;
}

#pn-switch:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 106, 0, .6);
}

#pn-switch:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.pn-sw-track {
    position: relative;
    flex-shrink: 0;
    width: 34px;
    height: 20px;
    border-radius: 20px;
    background: #3a3a3a;
    transition: background .3s ease, box-shadow .3s ease;
}

.pn-sw-knob {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    transition: transform .35s cubic-bezier(.3, 1.5, .5, 1);
}

#pn-switch[aria-pressed="true"] .pn-sw-track {
    background: linear-gradient(90deg, #ff5a00, #ff9a3d);
    box-shadow: 0 0 12px rgba(255, 106, 0, .6);
}

#pn-switch[aria-pressed="true"] .pn-sw-knob {
    transform: translateX(14px);
}

.drawer-backdrop.active ~ #pn-switch {
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 640px) {
    #pn-switch {
        left: max(12px, env(safe-area-inset-left));
        bottom: max(12px, env(safe-area-inset-bottom));
        height: 40px;
        padding: 0 12px 0 8px;
        font-size: 11px;
    }
}


/* =========================================================
   TOKENS
========================================================= */

@property --pn-a {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

html.papa-new {
    --pn-o: #ff6a00;
    --pn-o2: #ff9a3d;
    --pn-o3: #cc5800;
    --pn-btn: linear-gradient(135deg, #ff7a1a 0%, #ff6a00 45%, #e04f00 100%);
    --pn-card: linear-gradient(180deg, #131315, #0b0b0c);
    --pn-line: rgba(255, 255, 255, .07);
    --pn-txt: #f6f2ed;
    --pn-muted: #a49c94;
    /* 'Noto Sans Symbols' sits just before the generic font: it only gets used for
       the ↗ ↔ → arrows, so phones draw them as text instead of emoji. */
    --pn-display: 'Oswald', 'Arial Narrow', 'Segoe UI', 'Noto Sans Symbols', sans-serif;
    --pn-body: 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, 'Noto Sans Symbols', sans-serif;
    --pn-brand-font: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --pn-ease: cubic-bezier(.16, 1, .3, 1);
    --pn-hazard: linear-gradient(-45deg, #ff6a00 25%, #0b0b0b 25%, #0b0b0b 50%, #ff6a00 50%, #ff6a00 75%, #0b0b0b 75%);
    --pn-carbon:
        linear-gradient(45deg, rgba(255,255,255,.028) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.028) 75%),
        linear-gradient(45deg, rgba(255,255,255,.028) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.028) 75%);

    background: #070707;
    color-scheme: dark;
    scrollbar-color: #8a3c00 #0a0a0a;
}

html.papa-new body {
    font-family: var(--pn-body);
    font-variant-emoji: text;
    color: var(--pn-txt);
    -webkit-font-smoothing: antialiased;
    animation: pnPageIn .6s ease backwards;
}

html.papa-new.pn-leaving body {
    opacity: 0;
    transition: opacity .22s ease;
}

html.papa-new ::selection {
    background: var(--pn-o);
    color: #000;
}

html.papa-new ::-webkit-scrollbar { width: 10px; height: 10px; }
html.papa-new ::-webkit-scrollbar-track { background: #0a0a0a; }
html.papa-new ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #ff6a00, #8a3c00);
    border: 2px solid #0a0a0a;
    border-radius: 10px;
}


/* =========================================================
   PAGE BACKGROUNDS
========================================================= */

html.papa-new body.papa-home,
html.papa-new body.papa-home.scrolled {
    background-color: #070707;
}

html.papa-new .bg-wrapper {
    background: #060606;
}

html.papa-new .bg-wrapper::before,
html.papa-new .bg-wrapper::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
}

html.papa-new .bg-wrapper::before {
    z-index: 2;
    background-image: var(--pn-carbon);
    background-size: 8px 8px;
    background-position: 0 0, 4px 4px;
}

html.papa-new .bg-wrapper::after {
    z-index: 3;
    background:
        radial-gradient(ellipse 60% 40% at 50% 0%, rgba(255, 106, 0, .10), transparent 70%),
        radial-gradient(ellipse 50% 50% at 100% 100%, rgba(255, 106, 0, .07), transparent 70%),
        radial-gradient(ellipse 40% 40% at 0% 60%, rgba(255, 106, 0, .05), transparent 70%);
}

html.papa-new .wave {
    background:
        radial-gradient(circle at 50% 50%, transparent 38%, rgba(255, 106, 0, .045) 46%, transparent 54%),
        #0c0c0d;
    opacity: .9;
}

html.papa-new .wave:nth-child(2) {
    background: #080808;
    opacity: .7;
}

html.papa-new body.market-page {
    background: #070707;
}

html.papa-new body.market-page::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(ellipse 70% 45% at 50% -5%, rgba(255, 106, 0, .11), transparent 70%),
        radial-gradient(ellipse 45% 45% at 100% 100%, rgba(255, 106, 0, .06), transparent 70%),
        var(--pn-carbon);
    background-size: auto, auto, 8px 8px, 8px 8px;
    background-position: 0 0, 0 0, 0 0, 4px 4px;
}


/* The security-code notification's ✉️ emoji becomes a plain orange envelope icon. */
html.papa-new .toast-icon {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    font-size: 0;
    background: var(--pn-o);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat;
}


/* =========================================================
   SCROLL PROGRESS + CURSOR GLOW
========================================================= */

html.papa-new #pn-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    height: 2px;
    transform: scaleX(0);
    transform-origin: 0 50%;
    background: linear-gradient(90deg, #cc5800, #ff6a00, #ffb066);
    box-shadow: 0 0 12px rgba(255, 106, 0, .8);
    pointer-events: none;
}

html.papa-new #pn-glow {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width: 520px;
    height: 520px;
    margin: -260px 0 0 -260px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 106, 0, .08), rgba(255, 106, 0, .025) 40%, transparent 70%);
    mix-blend-mode: screen;
    opacity: 0;
    pointer-events: none;
    transition: opacity .5s ease;
    will-change: transform;
}

html.papa-new #pn-glow.on {
    opacity: 1;
}


/* =========================================================
   HOME HERO + NAVBAR (logo shimmer and part slots kept)
========================================================= */

html.papa-new .hero-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: repeating-linear-gradient(0deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 3px);
    pointer-events: none;
}

html.papa-new .hero-bg::after {
    background:
        radial-gradient(ellipse 80% 55% at 50% 112%, rgba(255, 106, 0, .30), transparent 62%),
        linear-gradient(180deg, rgba(0, 0, 0, .58) 0%, rgba(0, 0, 0, .32) 42%, rgba(6, 6, 6, .86) 86%, #070707 100%);
}

html.papa-new .pn-embers {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

html.papa-new .pn-embers i {
    position: absolute;
    bottom: -10px;
    width: var(--s);
    height: var(--s);
    border-radius: 50%;
    background: #ffb066;
    box-shadow: 0 0 6px 1px rgba(255, 106, 0, .9);
    opacity: 0;
    animation: pnEmber var(--d) linear var(--dl) infinite;
}

html.papa-new .brand-container {
    animation: pnBrandIn 1.6s var(--pn-ease) .15s backwards;
}

/* Same font and shimmer as before — only the entrance is new. */
html.papa-new .logo-text {
    font-family: var(--pn-brand-font);
    filter: drop-shadow(0 6px 30px rgba(255, 106, 0, .25));
}

html.papa-new .logo-subtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    color: #c4bcb4;
    font-size: clamp(.62rem, 1.1vw, .82rem);
    font-weight: 600;
    letter-spacing: .32em;
    text-transform: uppercase;
    animation: pnSubIn 1.8s var(--pn-ease) .45s backwards;
}

html.papa-new .logo-subtitle::before,
html.papa-new .logo-subtitle::after {
    content: '';
    flex-shrink: 0;
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--pn-o));
}

html.papa-new .logo-subtitle::after {
    background: linear-gradient(90deg, var(--pn-o), transparent);
}

html.papa-new .pn-scroll-cue {
    position: absolute;
    left: 50%;
    bottom: clamp(70px, 12vh, 120px);
    width: 26px;
    height: 42px;
    margin-left: -13px;
    padding: 0;
    border: 1.5px solid rgba(255, 255, 255, .45);
    border-radius: 14px;
    background: none;
    cursor: pointer;
    pointer-events: auto;
    transition: opacity .4s ease, border-color .3s ease;
    animation: pnFadeIn 1s ease 1.4s backwards;
}

html.papa-new .pn-scroll-cue::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 7px;
    width: 4px;
    height: 8px;
    margin-left: -2px;
    border-radius: 2px;
    background: var(--pn-o);
    box-shadow: 0 0 8px var(--pn-o);
    animation: pnWheel 1.8s ease-in-out infinite;
}

html.papa-new .pn-scroll-cue:hover {
    border-color: var(--pn-o);
}

html.papa-new .navbar.scrolled .pn-scroll-cue {
    opacity: 0;
    pointer-events: none;
}

/* When the hero shrinks into the top bar, the full-screen spacer shrinks with it,
   so the search bar slides up under the bar instead of leaving an empty screen.
   overflow-anchor stops the browser from "correcting" the scroll while it shrinks. */
html.papa-new body.papa-home {
    overflow-anchor: none;
}

html.papa-new .papa-home .spacer {
    transition: height .8s cubic-bezier(.19, 1, .22, 1);
}

/* 80px bar + 24px gap + the search bar's -40px overlap + ~120px (one mouse-wheel notch) */
html.papa-new .papa-home.scrolled .spacer {
    height: 264px;
}

html.papa-new .navbar.scrolled {
    background: rgba(6, 6, 6, .9);
    border-bottom-color: rgba(255, 106, 0, .18);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .85);
    backdrop-filter: blur(16px) saturate(140%);
    -webkit-backdrop-filter: blur(16px) saturate(140%);
}

html.papa-new .navbar::after,
html.papa-new .market-header::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--pn-o) 50%, transparent) no-repeat;
    background-size: 30% 100%;
    pointer-events: none;
    animation: pnNavLine 5s linear infinite;
}

html.papa-new .navbar::after {
    opacity: 0;
    transition: opacity .6s ease;
}

html.papa-new .navbar.scrolled::after {
    opacity: 1;
}

html.papa-new .nav-btn {
    background: rgba(10, 10, 10, .55);
    border-color: rgba(255, 255, 255, .16);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

html.papa-new .nav-btn:hover {
    background: var(--pn-btn);
    border-color: transparent;
    box-shadow: 0 0 0 6px rgba(255, 106, 0, .14), 0 10px 30px rgba(255, 106, 0, .45);
}

html.papa-new .nav-btn.left:hover .burger span:nth-child(2) {
    width: 18px !important;
}

html.papa-new .nav-btn.right.logged-in {
    border-color: var(--pn-o);
    color: var(--pn-o2);
    box-shadow: 0 0 18px rgba(255, 106, 0, .3);
}


/* =========================================================
   DRAWERS + ACCOUNT FORMS
========================================================= */

html.papa-new .side-drawer {
    background:
        radial-gradient(ellipse 80% 40% at 50% 0%, rgba(255, 106, 0, .08), transparent 70%),
        linear-gradient(180deg, #0e0e10, #080809);
}

html.papa-new .side-drawer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--pn-hazard);
    background-size: 18px 18px;
    animation: pnHazard 1.2s linear infinite;
}

html.papa-new #left-drawer {
    border-right-color: rgba(255, 106, 0, .5);
    box-shadow: 10px 0 60px rgba(255, 106, 0, .08);
}

html.papa-new #right-drawer {
    border-left-color: rgba(255, 106, 0, .5);
    box-shadow: -10px 0 60px rgba(255, 106, 0, .08);
}

html.papa-new .drawer-header,
html.papa-new .auth-title {
    font-family: var(--pn-display);
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    background: linear-gradient(90deg, #fff 10%, var(--pn-o2));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html.papa-new .drawer-links a {
    position: relative;
    border-bottom-color: #1c1c1f;
}

html.papa-new .drawer-links a:not(.sell-menu-link)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: 0;
    background: var(--pn-o);
    box-shadow: 0 0 10px var(--pn-o);
    transform: translateY(-50%);
    transition: height .3s var(--pn-ease);
}

html.papa-new .drawer-links a:not(.sell-menu-link):hover {
    padding-left: 16px;
    color: var(--pn-o2);
}

html.papa-new .drawer-links a:not(.sell-menu-link):hover::before {
    height: 60%;
}

html.papa-new .drawer-links .sell-menu-link {
    border-color: rgba(255, 106, 0, .4);
    background: linear-gradient(120deg, rgba(255, 106, 0, .14), rgba(255, 106, 0, .03));
    transition: border-color .3s, box-shadow .3s, transform .3s var(--pn-ease);
}

html.papa-new .drawer-links .sell-menu-link:hover {
    border-color: var(--pn-o);
    background: linear-gradient(120deg, rgba(255, 106, 0, .24), rgba(255, 106, 0, .06));
    box-shadow: 0 10px 30px -10px rgba(255, 106, 0, .5);
    transform: translateY(-2px);
}

html.papa-new .sell-menu-icon svg {
    color: var(--pn-o2);
}

html.papa-new .auth-tabs {
    border-bottom-color: #232327;
}

html.papa-new .tab-btn {
    position: relative;
    padding-bottom: 12px;
    border-bottom: 0;
    color: #77706a;
    font-family: var(--pn-display);
    font-weight: 500;
    letter-spacing: .1em;
    text-transform: uppercase;
}

html.papa-new .tab-btn::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: var(--pn-o);
    box-shadow: 0 0 10px var(--pn-o);
    transform: scaleX(0);
    transition: transform .4s var(--pn-ease);
}

html.papa-new .tab-btn.active {
    color: #fff;
}

html.papa-new .tab-btn.active::after {
    transform: scaleX(1);
}

html.papa-new .input-group label {
    color: #b9b1a9;
    font-size: .78rem;
    letter-spacing: .04em;
}

html.papa-new .input-group input {
    padding: 15px 16px;
    border-color: #2a2a2e;
    border-radius: 12px;
    background: #0b0b0c;
    font-family: inherit;
    transition: border-color .25s, box-shadow .25s, background .25s;
}

html.papa-new .input-group input:focus {
    border-color: var(--pn-o);
    background: #100c09;
    box-shadow: 0 0 0 4px rgba(255, 106, 0, .14), 0 0 24px rgba(255, 106, 0, .12);
}

html.papa-new .forgot-link:hover,
html.papa-new .back-btn:hover {
    color: var(--pn-o2);
}

html.papa-new .avatar-placeholder {
    background: var(--pn-btn);
    box-shadow: 0 0 0 6px rgba(255, 106, 0, .12), 0 14px 40px -10px rgba(255, 106, 0, .7);
}

html.papa-new .auth-btn.logout-btn {
    background: #141416;
    border: 1px solid #2c2c31;
    box-shadow: none;
}

html.papa-new .auth-btn.logout-btn:hover {
    background: var(--red);
    border-color: var(--red);
}


/* =========================================================
   BUTTONS
========================================================= */

html.papa-new .market-button,
html.papa-new .sell-button,
html.papa-new .auth-btn:not(.logout-btn),
html.papa-new .search-container button {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(255, 170, 100, .45);
    background: var(--pn-btn);
    color: #fff;
    box-shadow: 0 10px 30px -8px rgba(255, 106, 0, .65), inset 0 1px 0 rgba(255, 255, 255, .25);
    transition: transform .25s var(--pn-ease), box-shadow .3s ease, filter .3s ease;
}

html.papa-new .market-button::before,
html.papa-new .sell-button::before,
html.papa-new .auth-btn:not(.logout-btn)::before,
html.papa-new .search-container button::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .35) 50%, transparent 70%);
    transform: translateX(-120%);
    transition: transform .7s var(--pn-ease);
}

html.papa-new .market-button:hover,
html.papa-new .sell-button:hover,
html.papa-new .auth-btn:not(.logout-btn):hover,
html.papa-new .search-container button:hover {
    background: var(--pn-btn);
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: 0 16px 40px -8px rgba(255, 106, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .3);
}

html.papa-new .market-button:hover::before,
html.papa-new .sell-button:hover::before,
html.papa-new .auth-btn:not(.logout-btn):hover::before,
html.papa-new .search-container button:hover::before {
    transform: translateX(120%);
}

html.papa-new .market-button:active,
html.papa-new .sell-button:active,
html.papa-new .auth-btn:active,
html.papa-new .search-container button:active {
    transform: translateY(0) scale(.98);
}

html.papa-new .market-button {
    border-radius: 10px;
    letter-spacing: .04em;
}

html.papa-new .market-button > span {
    transition: transform .3s var(--pn-ease);
}

html.papa-new .market-button:hover > span {
    transform: translateX(3px);
}

html.papa-new .auth-btn {
    border-radius: 12px;
    letter-spacing: .1em;
}

html.papa-new .secondary-button,
html.papa-new .danger-button {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-radius: 10px;
    transition: background .25s, border-color .25s, box-shadow .25s, transform .25s var(--pn-ease);
}

html.papa-new .secondary-button {
    border-color: #33333a;
    background: #111113;
}

html.papa-new .secondary-button:hover {
    border-color: var(--pn-o);
    background: #1a120b;
    box-shadow: 0 0 22px rgba(255, 106, 0, .16);
    transform: translateY(-2px);
}

html.papa-new .danger-button {
    border-color: #c4482c;
    background: #4a160c;
}

html.papa-new .pn-ripple {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    background: rgba(255, 255, 255, .4);
    transform: translate(-50%, -50%) scale(0);
    pointer-events: none;
    animation: pnRipple .6s ease-out forwards;
}

html.papa-new .text-button,
html.papa-new .text-link {
    color: var(--pn-o2) !important;
}


/* =========================================================
   HOME — SEARCH
========================================================= */

html.papa-new .search-wrapper {
    box-shadow: 0 30px 60px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .04);
    transition: box-shadow .4s ease;
}

html.papa-new .search-wrapper:focus-within {
    box-shadow: 0 0 0 1px rgba(255, 106, 0, .5), 0 0 50px rgba(255, 106, 0, .25), 0 30px 60px rgba(0, 0, 0, .7);
}

html.papa-new .laser-rect,
html.papa-new body.scrolled .laser-rect {
    stroke: var(--pn-o);
    stroke-width: 2.5px;
    filter: drop-shadow(0 0 6px rgba(255, 106, 0, .9));
}

html.papa-new .search-wrapper:focus-within .laser-rect {
    animation-duration: 1.4s;
}

html.papa-new .search-container,
html.papa-new body.scrolled .search-container {
    background: rgba(12, 12, 13, .94);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

html.papa-new .search-container input {
    font-family: inherit;
    font-size: 1.02rem;
}

html.papa-new .search-container button {
    font-family: var(--pn-display);
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}


/* =========================================================
   SHARED TYPE
========================================================= */

html.papa-new .section-label,
html.papa-new .market-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--pn-o2);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .28em;
}

html.papa-new .section-label::before,
html.papa-new .market-eyebrow::before {
    content: '';
    flex-shrink: 0;
    width: 24px;
    height: 8px;
    border-radius: 2px;
    background: var(--pn-hazard);
    background-size: 10px 10px;
    animation: pnHazard10 1s linear infinite;
}

html.papa-new .sell-eyebrow {
    color: var(--pn-o2);
    letter-spacing: .28em;
}

html.papa-new .sell-eyebrow > span:first-child {
    background: var(--pn-o);
    box-shadow: 0 0 8px var(--pn-o);
}

html.papa-new .sell-eyebrow .sell-eyebrow-text {
    width: auto;
    height: auto;
    background: none;
    box-shadow: none;
}

html.papa-new .section-heading h2,
html.papa-new .market-section-heading h2,
html.papa-new .catalog-intro h1,
html.papa-new .studio-heading h1,
html.papa-new .detail-summary h1,
html.papa-new .sell-copy h2,
html.papa-new .catalog-seller h2,
html.papa-new .membership-main h2,
html.papa-new .detail-info h2,
html.papa-new .listing-section-heading h2,
html.papa-new .identity-gate h2,
html.papa-new .seller-gate h2,
html.papa-new .step-heading h2,
html.papa-new .purchase-dialog h2,
html.papa-new .studio-dialog h2,
html.papa-new .listing-description h2,
html.papa-new .fitment-note h2,
html.papa-new .empty-results h2,
html.papa-new .inventory-empty h1,
html.papa-new .inventory-empty h3 {
    font-family: var(--pn-display);
    font-weight: 600;
    letter-spacing: .005em;
    line-height: 1.05;
    text-transform: uppercase;
}

html.papa-new .catalog-intro h1 span,
html.papa-new .sell-copy h2 .sell-heading-accent,
html.papa-new .membership-main h2 span,
html.papa-new .studio-heading h1 > span {
    background: linear-gradient(90deg, #ff6a00, #ffb066, #ff6a00);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: pnShine 4s linear infinite;
}

html.papa-new .sell-copy h2 .sell-heading-main {
    color: #fff;
}


/* =========================================================
   HOME — SECTION HEADING + BRAND TICKER
========================================================= */

html.papa-new .section-heading {
    margin-bottom: 40px;
}

html.papa-new .section-heading h2 {
    font-size: clamp(2.4rem, 5.2vw, 4.4rem);
    background: linear-gradient(180deg, #fff 35%, #c9bfb5);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html.papa-new .section-heading::after {
    content: '';
    display: block;
    width: 72px;
    height: 3px;
    margin-top: 24px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--pn-o), transparent);
    box-shadow: 0 0 14px rgba(255, 106, 0, .6);
}

html.papa-new .section-description {
    color: var(--pn-muted);
    font-size: 1.05rem;
}

html.papa-new .pn-marquee {
    position: relative;
    overflow: hidden;
    margin: 0 0 64px;
    padding: 20px 0;
    border-block: 1px solid rgba(255, 255, 255, .07);
    background: linear-gradient(90deg, rgba(255, 106, 0, .07), transparent 30%, transparent 70%, rgba(255, 106, 0, .07));
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

html.papa-new .pn-marquee-track {
    display: flex;
    width: max-content;
    animation: pnMarquee 34s linear infinite;
}

html.papa-new .pn-marquee:hover .pn-marquee-track {
    animation-play-state: paused;
}

html.papa-new .pn-mq-item {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding-left: 32px;
    color: #f3eee8;
    font-family: var(--pn-display);
    font-size: clamp(22px, 2.6vw, 34px);
    font-weight: 600;
    letter-spacing: .06em;
    line-height: 1;
    white-space: nowrap;
}

html.papa-new .pn-mq-item.is-outline {
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, .42);
}

html.papa-new .pn-mq-item::after {
    content: '';
    width: 7px;
    height: 7px;
    margin-left: 16px;
    background: var(--pn-o);
    box-shadow: 0 0 10px var(--pn-o);
    transform: rotate(45deg);
}

html.papa-new .pn-mq-icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    background: var(--pn-o);
    -webkit-mask: var(--icon) center / contain no-repeat;
    mask: var(--icon) center / contain no-repeat;
}


/* =========================================================
   PART CARDS (home, catalog, related)
========================================================= */

html.papa-new .parts-grid {
    gap: 22px;
}

html.papa-new .part-card {
    position: relative;
    isolation: isolate;
    border: 1px solid var(--pn-line);
    border-radius: 18px;
    background: var(--pn-card);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 20px 40px -20px rgba(0, 0, 0, .8);
    transform: perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0px));
    transition: transform .6s var(--pn-ease), border-color .35s ease, box-shadow .45s ease;
}

html.papa-new .part-card::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: inherit;
    background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%), rgba(255, 106, 0, .14), transparent 45%);
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s ease;
}

html.papa-new .part-card::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 3;
    padding: 1px;
    border-radius: inherit;
    background: radial-gradient(300px circle at var(--mx, 50%) var(--my, 0%), rgba(255, 150, 60, .95), transparent 60%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s ease;
}

html.papa-new .part-card:hover {
    --lift: -8px;
    border-color: rgba(255, 106, 0, .22);
    box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .9), 0 20px 50px -25px rgba(255, 106, 0, .5);
}

html.papa-new .part-card:hover::before,
html.papa-new .part-card:hover::after,
html.papa-new .part-card:focus-visible::after {
    opacity: 1;
}

html.papa-new .part-card-photo {
    background: radial-gradient(ellipse at 50% 40%, #1d1d20, #0a0a0b 75%);
}

html.papa-new .part-card-photo img {
    transition: transform .9s var(--pn-ease);
}

html.papa-new .part-card:hover .part-card-photo img {
    transform: scale(1.07);
}

html.papa-new .part-card-photo::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, var(--pn-o), var(--pn-o2));
    box-shadow: 0 0 12px var(--pn-o);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .6s var(--pn-ease);
}

html.papa-new .part-card:hover .part-card-photo::after {
    transform: scaleX(1);
}

html.papa-new .condition-tag {
    padding: 6px 11px 6px 23px;
    border-color: rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(8, 8, 8, .72);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}

html.papa-new .condition-tag::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-radius: 50%;
    background: #9a938c;
}

html.papa-new [data-search$=" new"] .condition-tag {
    border-color: rgba(255, 106, 0, .6);
    background: rgba(255, 106, 0, .2);
    color: #fff;
}

html.papa-new [data-search$=" new"] .condition-tag::before {
    background: var(--pn-o);
    box-shadow: 0 0 8px var(--pn-o);
    animation: pnBlink 1.6s ease-in-out infinite;
}

html.papa-new .part-brand {
    color: var(--pn-o2);
    letter-spacing: .16em;
}

html.papa-new .part-card h3 {
    font-family: var(--pn-display);
    font-size: 21px;
    font-weight: 500;
    letter-spacing: .01em;
    text-transform: uppercase;
}

html.papa-new .part-short {
    color: var(--pn-muted);
}

html.papa-new .part-card-bottom strong {
    font-family: var(--pn-display);
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0;
    background: linear-gradient(180deg, #fff 30%, #ffcf9f);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html.papa-new .part-card-bottom strong small {
    font-family: var(--pn-body);
    -webkit-text-fill-color: #8f877f;
}

html.papa-new .part-card-link {
    margin: 0 -22px;
    padding: 15px 22px;
    border-top-color: rgba(255, 255, 255, .06);
    color: #d9cfc5;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    transition: background .4s ease, color .3s ease;
}

html.papa-new .part-card-link > span {
    transition: transform .4s var(--pn-ease), color .3s ease;
}

html.papa-new .part-card:hover .part-card-link {
    background: linear-gradient(90deg, #ff6a00, #ff8f2e);
    color: #140800;
}

html.papa-new .part-card:hover .part-card-link > span {
    color: #140800;
    transform: translate(3px, -3px);
}


/* =========================================================
   HOME — SELL SECTION
========================================================= */

html.papa-new .sell-section,
html.papa-new .catalog-seller {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(255, 106, 0, .28);
    background:
        radial-gradient(ellipse 60% 90% at 100% 50%, rgba(255, 106, 0, .17), transparent 60%),
        linear-gradient(120deg, #131315, #0a0a0b 70%);
    box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .05);
}

html.papa-new .sell-section {
    border-radius: 26px;
}

html.papa-new .catalog-seller {
    border-radius: 20px;
}

html.papa-new .sell-section::before,
html.papa-new .catalog-seller::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: var(--pn-hazard);
    background-size: 18px 18px;
    opacity: .9;
    animation: pnHazard 1.4s linear infinite;
}

html.papa-new .sell-section::after {
    content: 'PAPA';
    position: absolute;
    right: -12px;
    bottom: -48px;
    z-index: -1;
    color: transparent;
    font-family: var(--pn-display);
    font-size: clamp(120px, 18vw, 240px);
    font-weight: 700;
    line-height: 1;
    -webkit-text-stroke: 1px rgba(255, 106, 0, .14);
    pointer-events: none;
}

html.papa-new .sell-description,
html.papa-new .sell-action > p {
    color: var(--pn-muted);
}

html.papa-new .sell-symbol {
    position: relative;
    border-color: transparent;
    background: #0d0d0e;
    box-shadow: 0 0 40px rgba(255, 106, 0, .25);
}

html.papa-new .sell-symbol::before {
    content: '';
    position: absolute;
    inset: -1px;
    padding: 1.5px;
    border-radius: inherit;
    background: conic-gradient(from var(--pn-a), transparent 0 65%, var(--pn-o) 85%, transparent);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: pnSpin 3s linear infinite;
}

html.papa-new .sell-symbol svg {
    color: var(--pn-o2);
    animation: pnFloat 3s ease-in-out infinite;
}

html.papa-new .sell-button,
html.papa-new .buy-button {
    animation: pnPulse 2.4s ease-out infinite;
}

html.papa-new .sell-button {
    border-radius: 14px;
    font-family: var(--pn-display);
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}


/* =========================================================
   MARKETPLACE HEADER + FOOTER
========================================================= */

html.papa-new .market-header {
    background: rgba(7, 7, 7, .78);
    border-bottom-color: rgba(255, 255, 255, .06);
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    transition: background .4s ease, box-shadow .4s ease, border-color .4s ease;
    animation: pnHeaderIn .8s var(--pn-ease) backwards;
}

html.papa-new .market-header.pn-scrolled {
    background: rgba(5, 5, 5, .94);
    border-bottom-color: rgba(255, 106, 0, .2);
    box-shadow: 0 14px 40px rgba(0, 0, 0, .7);
}

html.papa-new .market-header-inner {
    transition: padding .4s var(--pn-ease);
}

html.papa-new .market-header.pn-scrolled .market-header-inner {
    padding-top: 14px;
    padding-bottom: 14px;
}

/* Same white/orange shimmer as the homepage logo. */
html.papa-new .market-brand,
html.papa-new .footer-wordmark,
html.papa-new .studio-footer > a:first-child {
    font-family: var(--pn-brand-font);
    background: linear-gradient(90deg, #fff 0%, var(--pn-o3) 25%, #fff 50%, var(--pn-o3) 75%, #fff 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: pnLogo 5s linear infinite;
}

html.papa-new .market-brand span,
html.papa-new .footer-wordmark span {
    -webkit-text-fill-color: #8f877f;
}

html.papa-new .market-header nav a {
    position: relative;
    color: #b8b0a8;
    transition: color .25s ease;
}

html.papa-new .market-header nav a::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    height: 2px;
    border-radius: 2px;
    background: var(--pn-o);
    box-shadow: 0 0 8px var(--pn-o);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .4s var(--pn-ease);
}

html.papa-new .market-header nav a:hover,
html.papa-new .market-header nav a[aria-current] {
    color: #fff;
}

html.papa-new .market-header nav a:hover::after,
html.papa-new .market-header nav a[aria-current]::after {
    transform: scaleX(1);
    transform-origin: left;
}

html.papa-new .market-header nav .market-sell-link,
html.papa-new .studio-account-link {
    border-color: rgba(255, 106, 0, .55);
    border-radius: 10px;
    background: rgba(255, 106, 0, .08);
    color: #fff;
    transition: background .3s ease, box-shadow .3s ease, border-color .3s ease;
}

html.papa-new .market-header nav .market-sell-link::after,
html.papa-new .market-header nav .studio-account-link::after {
    display: none;
}

html.papa-new .market-header nav .market-sell-link:hover,
html.papa-new .market-header nav .studio-account-link:hover {
    border-color: var(--pn-o);
    background: var(--pn-btn);
    box-shadow: 0 8px 26px -8px rgba(255, 106, 0, .8);
}

html.papa-new .market-footer,
html.papa-new .studio-footer {
    position: relative;
    border-top-color: rgba(255, 255, 255, .06);
    background: #050505;
}

html.papa-new .market-footer::before,
html.papa-new .studio-footer::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--pn-hazard);
    background-size: 18px 18px;
    opacity: .75;
}

html.papa-new .market-footer > a:last-child,
html.papa-new .studio-footer > a:last-child {
    color: var(--pn-o2);
}


/* =========================================================
   CATALOG PAGE
========================================================= */

html.papa-new .catalog-intro h1 {
    font-size: clamp(46px, 6.4vw, 92px);
    line-height: .98;
}

html.papa-new .catalog-intro > div > p:last-child {
    color: var(--pn-muted);
}

html.papa-new .catalog-stamp {
    border-left-color: rgba(255, 106, 0, .3);
}

html.papa-new .catalog-stamp strong {
    font-family: var(--pn-display);
    font-size: 120px;
    font-weight: 700;
    letter-spacing: -.02em;
    background: linear-gradient(180deg, #fff 20%, #ff8a2a);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html.papa-new .demo-dot {
    background: var(--pn-o);
    box-shadow: 0 0 10px var(--pn-o);
    animation: pnBlink 1.6s ease-in-out infinite;
}

html.papa-new .catalog-demo-note {
    border-left: 3px solid var(--pn-o);
    border-radius: 0 10px 10px 0;
    background: linear-gradient(90deg, rgba(255, 106, 0, .1), transparent);
}

html.papa-new .catalog-search {
    border-color: #2a2a2e;
    border-radius: 16px;
    background: rgba(14, 14, 15, .9);
    transition: border-color .3s ease, box-shadow .3s ease;
}

html.papa-new .catalog-search:focus-within {
    border-color: var(--pn-o);
    box-shadow: 0 0 0 4px rgba(255, 106, 0, .12), 0 20px 50px rgba(0, 0, 0, .5);
}

html.papa-new .search-glyph {
    color: var(--pn-o);
}

html.papa-new .category-tabs button {
    border-color: #2a2a2e;
    background: #101011;
    color: #c4bcb4;
    transition: transform .3s var(--pn-ease), border-color .3s, color .3s, box-shadow .3s, background .3s;
}

html.papa-new .category-tabs button:hover {
    border-color: var(--pn-o);
    color: #fff;
    transform: translateY(-2px);
}

html.papa-new .category-tabs button[aria-pressed="true"] {
    border-color: transparent;
    background: var(--pn-btn);
    color: #fff;
    box-shadow: 0 8px 24px -6px rgba(255, 106, 0, .6);
}

html.papa-new .catalog-selects select {
    border-color: #2a2a2e;
    border-radius: 8px;
    background: #101011;
}

html.papa-new .catalog-selects select:focus,
html.papa-new .form-field input:focus,
html.papa-new .form-field select:focus,
html.papa-new .form-field textarea:focus {
    outline: none;
    border-color: var(--pn-o);
    box-shadow: 0 0 0 4px rgba(255, 106, 0, .13);
}

html.papa-new .empty-results {
    border-color: rgba(255, 106, 0, .4);
    background: rgba(255, 106, 0, .03);
}

html.papa-new .empty-results > span {
    color: var(--pn-o);
}


/* =========================================================
   PART DETAIL PAGES
========================================================= */

html.papa-new .breadcrumbs a {
    transition: color .2s ease;
}

html.papa-new .breadcrumbs a:hover {
    color: var(--pn-o2);
}

html.papa-new .detail-photo {
    border-color: var(--pn-line);
    border-radius: 22px;
    background: radial-gradient(ellipse at 50% 45%, #1c1c1f, #08080a 75%);
}

html.papa-new .detail-photo img {
    transition: transform 1s var(--pn-ease);
}

html.papa-new .detail-photo:hover img {
    transform: scale(1.04);
}

/* HUD corner brackets */
html.papa-new .detail-photo::before {
    content: '';
    position: absolute;
    inset: 14px;
    z-index: 2;
    background:
        linear-gradient(var(--pn-o), var(--pn-o)) top left / 26px 2px no-repeat,
        linear-gradient(var(--pn-o), var(--pn-o)) top left / 2px 26px no-repeat,
        linear-gradient(var(--pn-o), var(--pn-o)) top right / 26px 2px no-repeat,
        linear-gradient(var(--pn-o), var(--pn-o)) top right / 2px 26px no-repeat,
        linear-gradient(var(--pn-o), var(--pn-o)) bottom left / 26px 2px no-repeat,
        linear-gradient(var(--pn-o), var(--pn-o)) bottom left / 2px 26px no-repeat,
        linear-gradient(var(--pn-o), var(--pn-o)) bottom right / 26px 2px no-repeat,
        linear-gradient(var(--pn-o), var(--pn-o)) bottom right / 2px 26px no-repeat;
    opacity: .85;
    pointer-events: none;
}

/* scanning line */
html.papa-new .detail-photo::after {
    content: '';
    position: absolute;
    left: 14px;
    right: 14px;
    top: 14px;
    z-index: 2;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 106, 0, .85), transparent);
    box-shadow: 0 0 12px rgba(255, 106, 0, .7);
    pointer-events: none;
    animation: pnScan 4.5s ease-in-out infinite;
}

html.papa-new .photo-count {
    z-index: 3;
    border-color: rgba(255, 106, 0, .4);
    background: rgba(8, 8, 8, .8);
}

html.papa-new .detail-location > span {
    color: var(--pn-o);
}

html.papa-new .detail-price {
    font-family: var(--pn-display);
    font-size: 64px;
    font-weight: 600;
    letter-spacing: 0;
    background: linear-gradient(180deg, #fff 25%, #ff9a3d);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html.papa-new .detail-price > span {
    font-family: var(--pn-body);
    -webkit-text-fill-color: #cfc5ba;
}

html.papa-new .detail-price small {
    -webkit-text-fill-color: #958b80;
}

html.papa-new .quick-specs > div {
    border-radius: 8px;
    transition: background .25s ease, padding .25s ease;
}

html.papa-new .quick-specs > div:hover {
    padding-inline: 10px;
    background: rgba(255, 106, 0, .07);
}

html.papa-new .buy-button {
    min-height: 60px;
    font-family: var(--pn-display);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

html.papa-new .seller-avatar {
    border-color: var(--pn-o);
    background: #140c06;
    color: #ffb066;
    box-shadow: 0 0 0 4px rgba(255, 106, 0, .1);
}

html.papa-new .fitment-note {
    border-color: rgba(255, 106, 0, .35);
    border-radius: 18px;
    background: linear-gradient(140deg, rgba(255, 106, 0, .12), rgba(16, 16, 17, .92) 60%);
}

html.papa-new .fitment-symbol {
    color: var(--pn-o);
}

html.papa-new .full-specs > div {
    transition: background .25s ease;
}

html.papa-new .full-specs > div:hover {
    background: rgba(255, 255, 255, .02);
}

html.papa-new .purchase-dialog,
html.papa-new .studio-dialog {
    border-color: rgba(255, 106, 0, .45);
    background: linear-gradient(160deg, #141415, #0a0a0b);
    box-shadow: 0 0 0 1px rgba(255, 106, 0, .1), 0 30px 120px rgba(0, 0, 0, .9), 0 0 80px rgba(255, 106, 0, .15);
}

html.papa-new dialog[open] {
    animation: pnPop .5s var(--pn-ease);
}


/* =========================================================
   SELLER WORKSPACE (sell, account, listing)
========================================================= */

html.papa-new .studio-heading h1 {
    font-size: clamp(44px, 6vw, 80px);
}

html.papa-new .studio-heading p:last-child,
html.papa-new .identity-gate p:not(.market-eyebrow),
html.papa-new .seller-gate p:not(.market-eyebrow) {
    color: var(--pn-muted);
}

html.papa-new .identity-gate,
html.papa-new .seller-gate,
html.papa-new .membership-card {
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 106, 0, .35);
    border-radius: 20px;
    background:
        radial-gradient(ellipse 60% 100% at 100% 0%, rgba(255, 106, 0, .16), transparent 60%),
        linear-gradient(120deg, #141415, #0b0b0c 70%);
}

html.papa-new .profile-card,
html.papa-new .stat-grid article,
html.papa-new .editor-section,
html.papa-new .seller-tips {
    border-color: var(--pn-line);
    background: var(--pn-card);
}

html.papa-new .profile-monogram {
    border: 0;
    background: var(--pn-btn);
    color: #fff;
    box-shadow: 0 10px 30px -8px rgba(255, 106, 0, .6);
}

html.papa-new .profile-nav {
    transition: background .25s ease, color .25s ease;
}

html.papa-new .profile-nav:hover {
    background: rgba(255, 106, 0, .08);
}

html.papa-new .profile-nav.active {
    background: rgba(255, 106, 0, .12);
    color: #ffb066 !important;
    box-shadow: inset 2px 0 0 var(--pn-o);
}

html.papa-new .role-badge.is-seller {
    border-color: var(--pn-o);
    background: rgba(255, 106, 0, .15);
    color: #ffb066;
}

html.papa-new .stat-grid article {
    position: relative;
    overflow: hidden;
    transition: transform .4s var(--pn-ease), border-color .3s ease;
}

html.papa-new .stat-grid article::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--pn-o), transparent 70%);
}

html.papa-new .stat-grid article:hover {
    border-color: rgba(255, 106, 0, .3);
    transform: translateY(-3px);
}

html.papa-new .stat-grid strong {
    font-family: var(--pn-display);
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0;
}

html.papa-new .membership-price {
    font-family: var(--pn-display);
    font-size: 56px;
    font-weight: 600;
    letter-spacing: 0;
    background: linear-gradient(180deg, #fff 25%, #ff9a3d);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html.papa-new .membership-price span {
    font-family: var(--pn-body);
    -webkit-text-fill-color: #a8917a;
}

html.papa-new .membership-main li::marker {
    color: var(--pn-o);
}

html.papa-new .inventory-tabs button {
    transition: color .25s ease, border-color .25s ease;
}

html.papa-new .inventory-tabs button[aria-pressed="true"] {
    border-color: var(--pn-o);
    color: #fff;
}

html.papa-new .inventory-row {
    transition: background .25s ease;
}

html.papa-new .inventory-row:hover {
    background: rgba(255, 106, 0, .04);
}

html.papa-new .inventory-empty {
    border-color: rgba(255, 106, 0, .35);
}

html.papa-new .step-heading > span {
    border-color: var(--pn-o);
    background: rgba(255, 106, 0, .1);
    color: #ffb066;
    font-family: var(--pn-display);
    font-size: 12px;
    box-shadow: 0 0 16px rgba(255, 106, 0, .25);
}

html.papa-new .drop-zone {
    border: 1.5px dashed rgba(255, 106, 0, .5);
    border-radius: 16px;
    background: #0e0d0c;
}

html.papa-new .drop-zone:hover,
html.papa-new .drop-zone.drag-active {
    border-color: var(--pn-o);
    background: #160e07;
    box-shadow: inset 0 0 40px rgba(255, 106, 0, .08);
}

html.papa-new .drop-zone svg {
    color: var(--pn-o2);
    animation: pnFloat 2.6s ease-in-out infinite;
}

html.papa-new .form-field input,
html.papa-new .form-field select,
html.papa-new .form-field textarea {
    border-color: #2c2c31;
    border-radius: 10px;
    background: #0c0c0d;
    transition: border-color .25s ease, box-shadow .25s ease;
}

html.papa-new .live-preview {
    border-color: rgba(255, 106, 0, .4);
    background: #0e0e0f;
}

html.papa-new .part-options {
    border-color: rgba(255, 106, 0, .5);
    background: #111113;
}

html.papa-new .part-option:hover,
html.papa-new .part-option[aria-selected="true"] {
    background: rgba(255, 106, 0, .22);
}

html.papa-new .detail-thumbnails button[aria-pressed="true"] {
    border-color: var(--pn-o);
}

html.papa-new .studio-toast {
    border-color: var(--pn-o);
    background: #111;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .7), 0 0 30px rgba(255, 106, 0, .2);
}


/* =========================================================
   LANGUAGE SWITCHER — orange accents
========================================================= */

html.papa-new #papa-language-switcher .papa-lang-trigger {
    background:
        linear-gradient(145deg, rgba(20, 20, 22, .94), rgba(6, 6, 7, .94)) padding-box,
        linear-gradient(145deg, rgba(255, 106, 0, .65), rgba(255, 255, 255, .05)) border-box;
}

html.papa-new #papa-language-switcher .papa-lang-trigger::after {
    background: var(--pn-o);
    box-shadow: 0 0 12px var(--pn-o);
}

html.papa-new #papa-language-switcher .papa-lang-panel {
    border-color: rgba(255, 106, 0, .25);
    background:
        radial-gradient(circle at 92% 0%, rgba(255, 106, 0, .14), transparent 40%),
        linear-gradient(150deg, rgba(18, 18, 20, .98), rgba(6, 6, 7, .98));
}

html.papa-new #papa-language-switcher .papa-lang-option[aria-checked="true"] {
    border-color: rgba(255, 106, 0, .35);
    background: rgba(255, 106, 0, .12);
}

html.papa-new #papa-language-switcher .papa-lang-option[aria-checked="true"] .papa-lang-check {
    background: var(--pn-o);
}


/* =========================================================
   SCROLL REVEAL (classes added by papa-redesign.js)
========================================================= */

html.papa-new body .pn-rv {
    opacity: 0;
    transform: translate3d(0, 34px, 0);
    filter: blur(6px);
}

html.papa-new body .pn-rv.pn-in {
    opacity: 1;
    transform: none;
    filter: none;
    transition:
        opacity .9s var(--pn-ease) var(--rd, 0ms),
        transform 1.1s var(--pn-ease) var(--rd, 0ms),
        filter .9s var(--pn-ease) var(--rd, 0ms);
}


/* =========================================================
   KEYFRAMES
========================================================= */

@keyframes pnPageIn { from { opacity: 0; } }
@keyframes pnFadeIn { from { opacity: 0; } }
@keyframes pnShine { to { background-position: 200% center; } }
@keyframes pnLogo { from { background-position: 0% center; } to { background-position: -200% center; } }
@keyframes pnHazard { to { background-position: 18px 0; } }
@keyframes pnHazard10 { to { background-position: 10px 0; } }
@keyframes pnBlink { 50% { opacity: .35; } }
@keyframes pnFloat { 50% { transform: translateY(-5px); } }
@keyframes pnSpin { to { --pn-a: 360deg; } }
@keyframes pnMarquee { to { transform: translateX(-50%); } }
@keyframes pnRipple { to { transform: translate(-50%, -50%) scale(2.6); opacity: 0; } }
@keyframes pnPop { from { opacity: 0; transform: translateY(18px) scale(.96); } }
@keyframes pnHeaderIn { from { opacity: 0; transform: translateY(-100%); } }
@keyframes pnNavLine { from { background-position: -100% 0; } to { background-position: 200% 0; } }

@keyframes pnBrandIn {
    from { opacity: 0; transform: translateY(26px) scale(.96); filter: blur(14px); }
}

@keyframes pnSubIn {
    from { opacity: 0; letter-spacing: .8em; }
}

@keyframes pnEmber {
    0% { transform: translate(0, 0); opacity: 0; }
    10% { opacity: .9; }
    70% { opacity: .55; }
    100% { transform: translate(var(--x), -75vh); opacity: 0; }
}

@keyframes pnWheel {
    0% { transform: translateY(0); opacity: 1; }
    70% { transform: translateY(12px); opacity: 0; }
    100% { transform: translateY(12px); opacity: 0; }
}

@keyframes pnScan {
    0%, 100% { top: 14px; opacity: 0; }
    10%, 90% { opacity: 1; }
    50% { top: calc(100% - 15px); }
}

@keyframes pnPulse {
    0% { box-shadow: 0 10px 30px -8px rgba(255, 106, 0, .65), 0 0 0 0 rgba(255, 106, 0, .5); }
    70%, 100% { box-shadow: 0 10px 30px -8px rgba(255, 106, 0, .65), 0 0 0 16px rgba(255, 106, 0, 0); }
}


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

@media (max-width: 700px) {
    html.papa-new .part-card-link {
        margin: 0 -17px;
        padding: 15px 17px;
    }

    html.papa-new .detail-price {
        font-size: 50px;
    }

    html.papa-new .pn-marquee {
        margin-bottom: 44px;
        padding: 16px 0;
    }

    html.papa-new .pn-mq-icon {
        width: 22px;
        height: 22px;
    }

    html.papa-new .logo-subtitle {
        gap: 10px;
        letter-spacing: .2em;
    }

    html.papa-new .logo-subtitle::before,
    html.papa-new .logo-subtitle::after {
        width: 18px;
    }
}

/* =========================================================
   PHONES & TABLETS — lighter effects for smooth scrolling
   (html.pn-lite is added by papa-redesign.js on touch devices
   and screens up to 760px wide)
========================================================= */

/* Background blur is the most expensive effect while scrolling — use solid colours instead. */
html.papa-new.pn-lite .navbar.scrolled,
html.papa-new.pn-lite .nav-btn,
html.papa-new.pn-lite .search-container,
html.papa-new.pn-lite body.scrolled .search-container,
html.papa-new.pn-lite .condition-tag,
html.papa-new.pn-lite .market-header,
html.papa-new.pn-lite .drawer-backdrop,
html.papa-new.pn-lite #papa-language-switcher .papa-lang-trigger,
html.papa-new.pn-lite #papa-language-switcher .papa-lang-panel {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

html.papa-new.pn-lite .navbar.scrolled { background: rgba(6, 6, 6, .97); }
html.papa-new.pn-lite .nav-btn { background: rgba(14, 14, 15, .8); }
html.papa-new.pn-lite .search-container,
html.papa-new.pn-lite body.scrolled .search-container { background: #0c0c0d; }
html.papa-new.pn-lite .condition-tag { background: rgba(8, 8, 8, .88); }
html.papa-new.pn-lite .market-header,
html.papa-new.pn-lite .market-header.pn-scrolled { background: rgba(7, 7, 7, .97); }
html.papa-new.pn-lite .drawer-backdrop { background: rgba(0, 0, 0, .85); }

/* Glow filters get repainted every frame on animated items. */
html.papa-new.pn-lite .logo-text,
html.papa-new.pn-lite .laser-rect,
html.papa-new.pn-lite body.scrolled .laser-rect {
    filter: none;
}

/* Scroll-in animation: a light fade + slide, no blur. */
html.papa-new.pn-lite body .pn-rv {
    filter: none;
    transform: translate3d(0, 20px, 0);
}

html.papa-new.pn-lite body .pn-rv.pn-in {
    filter: none;
    transform: none;
}

/* Effects that never stop moving: off on phones (the logo shimmer and brand ticker stay). */
html.papa-new.pn-lite .wave,
html.papa-new.pn-lite .pn-embers,
html.papa-new.pn-lite .navbar::after,
html.papa-new.pn-lite .market-header::after,
html.papa-new.pn-lite .detail-photo::after {
    display: none;
}

html.papa-new.pn-lite .side-drawer::before,
html.papa-new.pn-lite .section-label::before,
html.papa-new.pn-lite .market-eyebrow::before,
html.papa-new.pn-lite .sell-section::before,
html.papa-new.pn-lite .catalog-seller::before,
html.papa-new.pn-lite .sell-button,
html.papa-new.pn-lite .buy-button,
html.papa-new.pn-lite .demo-dot,
html.papa-new.pn-lite [data-search$=" new"] .condition-tag::before,
html.papa-new.pn-lite .drop-zone svg,
html.papa-new.pn-lite .sell-symbol::before,
html.papa-new.pn-lite .sell-symbol svg,
html.papa-new.pn-lite .catalog-intro h1 span,
html.papa-new.pn-lite .sell-copy h2 .sell-heading-accent,
html.papa-new.pn-lite .membership-main h2 span,
html.papa-new.pn-lite .studio-heading h1 > span {
    animation: none;
}

html.papa-new.pn-lite .pn-marquee {
    -webkit-mask-image: none;
    mask-image: none;
}

html.papa-new.pn-lite .pn-marquee-track {
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    html.papa-new *:not(.logo-text):not(.ambient-icon),
    html.papa-new *::before,
    html.papa-new *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}