/* ============================================================================
   PAGE FAMILY: artwork not-found page (B18-artwork) — SKIN tier — from site-buypopart-V2.0.css
   Migrated 2026-07-05. Scope: .artwork-not-found-page (artwork_not_found.html).
   PHASE-A FIDELITY: verbatim relocation. Harness-diff before editing.
   ============================================================================ */
.artwork-not-found-page .breadcrumb-navigation-list {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    font-family: var(--font-ui, 'Inter', sans-serif);
    font-size: 13px;
    font-weight: 400;
    color: var(--charcoal, #555555);
}

.artwork-not-found-page .breadcrumb-navigation-list a {
    color: var(--lc, #D4004C);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.artwork-not-found-page .breadcrumb-navigation-list a:hover,
.artwork-not-found-page .breadcrumb-navigation-list a:focus {
    color: var(--lv, #8B0032);
    text-decoration: underline;
}

.artwork-not-found-page .breadcrumb-navigation-list .breadcrumb-current-page-item {
    color: var(--pewter, #888888);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 11px;
}

.artwork-not-found-page .e_card_form {
    background: var(--white, #ffffff);
    border: 2px solid var(--ink, #000000);
    border-radius: 0 !important;
    padding: 2.5rem 2rem;
}

.artwork-not-found-page .form_heading {
    font-family: var(--font-display, 'Anton', Impact, sans-serif);
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1.05;
    color: var(--ink, #000000);
}

.artwork-not-found-page .form_content {
    font-family: var(--font-ui, 'Inter', sans-serif);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    color: var(--carbon, #111111);
}

.artwork-not-found-page .form_content p {
    margin-bottom: 0;
    color: var(--carbon, #111111);
}

.artwork-not-found-page .btn-primary {
    background: var(--lc, #D4004C) !important;
    border: 2px solid var(--lc, #D4004C) !important;
    border-radius: 0 !important;
    color: var(--white, #ffffff) !important;
    font-family: var(--font-ui, 'Inter', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 14px 32px;
    transition: background 0.2s, border-color 0.2s;
}

.artwork-not-found-page .btn-primary:hover,
.artwork-not-found-page .btn-primary:focus {
    background: var(--lv, #8B0032) !important;
    border-color: var(--lv, #8B0032) !important;
    color: var(--white, #ffffff) !important;
    box-shadow: none !important;
}

.artwork-not-found-page .btn-secondary {
    background: transparent !important;
    border: 2px solid var(--ink, #000000) !important;
    border-radius: 0 !important;
    color: var(--ink, #000000) !important;
    font-family: var(--font-ui, 'Inter', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 14px 32px;
    transition: background 0.2s, color 0.2s;
}

.artwork-not-found-page .btn-secondary:hover,
.artwork-not-found-page .btn-secondary:focus {
    background: var(--ink, #000000) !important;
    color: var(--white, #ffffff) !important;
    box-shadow: none !important;
}

@media (max-width: 575px) {
.artwork-not-found-page .e_card_form {
        padding: 1.75rem 1.25rem;
    }

.artwork-not-found-page .btn-primary,
.artwork-not-found-page .btn-secondary {
        width: 100%;
        justify-content: center;
    }

}