/* =====================================================
   FONTS
   ===================================================== */
/* latin-ext */
@font-face {
    font-family: 'Baskervville SC';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/baskervvillesc/v3/X7n94bc_DeKlh6bBbk_WiKnBSUvh5l52hiQ.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Baskervville SC';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/baskervvillesc/v3/X7n94bc_DeKlh6bBbk_WiKnBSUvh6F52.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 100 1000;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v16/rP2Fp2ywxg089UriCZa4ET-DNl0.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 100 1000;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v16/rP2Fp2ywxg089UriCZa4Hz-D.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100 1000;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v16/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100 1000;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v16/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
    font-family: 'Italianno';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/italianno/v17/dg4n_p3sv6gCJkwzT6RXh5wocwM.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Italianno';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/italianno/v17/dg4n_p3sv6gCJkwzT6RXhpwocwM.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Italianno';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/italianno/v17/dg4n_p3sv6gCJkwzT6RXiJwo.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: italic;
    font-weight: 300 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtGmSq17w.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: italic;
    font-weight: 300 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtImSo.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 300 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKgS4.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 300 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext — Inter (UI sans per MFP UI kit --sans) */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCh0qyL0CY52L5lP35aXkP2q4TPjQ.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin — Inter */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v18/UcCh0qyL0CY52L5lP35aXmf2q4TPjQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --font-title-accent: 'Italianno', cursive;
  --font-title:        'Baskervville SC', Georgia, serif;
  --font-body:         'Inter', system-ui, sans-serif;

  /* Layout tokens — consumed by global-style-V1.9.css via var(--site-*, fallback) */
  --site-bg:           var(--mfp-sand, #F5F1E8);
  --site-header-bg:    var(--mfp-sand, #F5F1E8);    /* UI-kit: light sand header */
  --site-nav-bg:       transparent;                 /* nav-pill carries its own surface */
  --site-nav-border:   transparent;                 /* nav-pill carries its own border */
  --site-topbar-bg:    var(--mfp-ink, #1A1814);     /* dark utility strip above the light header */
  --site-footer-bg:    var(--mfp-ink, #1A1814);
  --site-footer-border: rgba(253, 250, 244, 0.08);
  --site-copyright-bg: transparent;
}

/* Most-Famous-Paintings.com — site-specific CSS overrides */
/* Loaded by base.html for dns_domain_base == 'most-famous-paintings' */

/* =====================================================
   MFP — Design tokens
   ===================================================== */
:root {
    --lc: #c8a96e;   /* link hover / glow colour — antique gold  */
    --lv: #8b6f47;   /* visited link colour     — warm umber     */
}

/* =====================================================
   MFP — Header logo
   ===================================================== */
.main-header .logo {
    flex-shrink: 0;
}
.main-header .logo a {
    display: block;
    padding: 0;
    line-height: 0;
}
.main-header .logo img {
    height: 55px;
    width: auto;
    max-width: min(220px, 42vw);
    display: block;
}

/* =====================================================
   MFP — Top bar (container_content)
   ===================================================== */

/* Top bar — ink background with animated glow (same family as hero gallery) */
.container_content {
    background-color: var(--mfp-ink);
    border-bottom: 1px solid rgba(253,250,244,.05);
    position: relative;
    overflow: visible;
    z-index: 2;
}
.container_content .top-bar {
    padding: 8px 0;
    color: rgba(253,250,244,.48);
}

/* Left nav links: About Us · Contact / Help */
.container_content .top-bar a,
.container_content .topbar_menu a {
    color: rgba(253,250,244,.48);
    font-family: var(--mfp-sans);
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
    transition: color .2s;
}
.container_content .top-bar a:hover,
.container_content .topbar_menu a:hover {
    color: var(--mfp-gold-lt);
    text-shadow: none;
}

/* Pipe divider between left links */
.container_content .topbar_menu {
    gap: 0;
}
.container_content .topbar_menu a + a {
    margin-left: 18px;
    padding-left: 18px;
    border-left: 1px solid rgba(253,250,244,.12);
}

/* Right-side selector group: pipe-separated */
.container_content .topright_side {
    gap: 0;
}
.container_content .topright_side > * + * {
    padding-left: 12px;
    margin-left: 12px;
    border-left: 1px solid rgba(253,250,244,.10);
}

/* Dropdown toggle buttons (language / country / currency) */
.container_content .top_dropdown_toggle_button_main_style {
    color: rgba(253,250,244,.52);
    font-family: var(--mfp-sans);
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: 400;
    background: transparent;
    border: none;
    padding: 2px 4px;
    gap: 5px;
    cursor: pointer;
    border-radius: 0;
    transition: color .2s;
}
.container_content .top_dropdown_toggle_button_main_style:hover,
.container_content .top_dropdown_toggle_button_main_style.open {
    color: var(--mfp-gold-lt);
    background-color: transparent;
    border-radius: 0;
}

/* Dropdown menu list */
.container_content .top_dropdown_menu_list_block {
    background-color: var(--mfp-ink-2);
    border: 1px solid rgba(253,250,244,.10);
    border-radius: 0;
    box-shadow: 0 8px 24px rgba(0,0,0,.45);
    min-width: 150px;
}
.container_content .top_dropdown_item_button_clickable {
    color: rgba(253,250,244,.60);
    font-family: var(--mfp-sans);
    font-size: 10px;
    letter-spacing: .08em;
    text-transform: uppercase;
    background: transparent;
    transition: background-color .15s, color .15s;
    padding: 7px 14px;
}
.container_content .top_dropdown_item_button_clickable:hover,
.container_content .top_dropdown_item_active_selected_style {
    background-color: rgba(255,255,255,.06) !important;
    color: var(--mfp-gold-lt) !important;
}

/* =====================================================
   MFP — Header dark-bar override
   ===================================================== */

/* Top bar (logo · search · action pill) — the header itself is the pinned strip.
   It is a direct child of <body>, so it STAYS pinned for the whole page.
   The nav menu is rendered OUTSIDE this header, so it scrolls away. */
.header_container {
    position: sticky;
    top: 0;
    z-index: 1002;
    background-color: var(--mfp-sand);
    border-bottom: 1px solid var(--mfp-rule);
    overflow: visible;
    transition: background .4s ease, box-shadow .4s ease, border-color .4s ease, backdrop-filter .4s ease;
}
.header_container .main-header {
    gap: 24px;
    transition: padding .35s ease;
}
.header_container .logo img { transition: height .35s ease; }

/* Scroll-shrink + gild frost (toggled by the inline script on .scrolled) */
.header_container.scrolled {
    background: rgba(245, 241, 232, 0.82);
    backdrop-filter: blur(20px) saturate(1.4);
    -webkit-backdrop-filter: blur(20px) saturate(1.4);
    box-shadow: 0 8px 28px -14px rgba(120, 90, 40, 0.45);
    border-bottom-color: rgba(196, 168, 96, 0.5);
}
.header_container.scrolled .main-header { padding-top: 10px; padding-bottom: 10px; }
.header_container.scrolled .logo img { height: 40px; }
.header_container.scrolled .search-bar input,
.header_container.scrolled .mfp-action-bar { height: 44px; }

/* Navbar — transparent track in normal flow, below the pinned header; scrolls away */
.navbar {
    background-color: transparent;
    border-top: none;
    border-bottom: none;
    padding: 6px 0 16px;
    position: relative;
    z-index: 1001;
    overflow: visible;
}

/* Search bar — override global/responsive fixed widths so it fills the flex row */
.header_container .search-bar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 auto;
}
.header_container .search-bar form {
    width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1268px) {
    .header_container .search-bar {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}
@media only screen and (max-width: 991px) {
    .header_container .search-bar {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

/* Search bar — light paper pill on the sand header (UI-kit .header-search) */
.header_container .search-bar input {
    width: 100%;
    height: 52px;
    padding-left: 46px;
    border-radius: var(--r-pill) !important;
    background: var(--mfp-ivory) !important;
    border: 1px solid var(--mfp-rule) !important;
    color: var(--mfp-ink) !important;
    font-family: var(--mfp-sans);
    font-size: 14px;
    transition: border-color .15s, height .35s ease;
}
.header_container .search-bar input::placeholder {
    color: var(--mfp-ink-3);
    font-style: italic;
}
.header_container .search-bar input:focus,
.header_container .search-bar input:-webkit-autofill,
.header_container .search-bar input:-webkit-autofill:hover {
    background: var(--mfp-white) !important;
    border-color: var(--mfp-ink) !important;
    color: var(--mfp-ink) !important;
}
/* Search-icon SVG reads dark on the light field */
.header_container .search-bar > form > img,
.header_container .search-bar img {
    top: 50%;
    transform: translateY(-50%);
    filter: none;
    opacity: .5;
}

/* =====================================================
   MFP — Header action pill (Account · Lang · Currency · Wishlist · Cart)
   UI-kit .action-bar — one joined pill, divided segments
   ===================================================== */

.header_container .mfp-action-bar {
    display: flex;
    align-items: stretch;
    flex-shrink: 0;
    align-self: center;
    height: 52px;
    border: 1px solid var(--mfp-ink);
    border-radius: var(--r-pill);
    transition: height .35s ease;
}

/* Each segment (account widget / dropdown / link) */
.header_container .mfp-action-seg {
    display: flex;
    align-items: stretch;
    position: relative;
}
.header_container .mfp-action-seg + .mfp-action-seg {
    border-left: 1px solid var(--mfp-rule);
}

/* The clickable inside each segment */
.header_container .mfp-action-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 100%;
    padding: 0 16px;
    background: none;
    border: none;
    border-radius: 0;
    font-family: var(--mfp-sans);
    font-size: 12px;
    letter-spacing: .02em;
    color: var(--mfp-ink);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s, color .15s;
}
.header_container .mfp-action-link:hover { background: rgba(28, 26, 23, .06); }
.header_container .mfp-action-label { line-height: 1; }

/* Round the two pill ends onto the first / last segment */
.header_container .mfp-action-bar > .mfp-action-seg:first-child .mfp-action-link {
    border-top-left-radius: var(--r-pill);
    border-bottom-left-radius: var(--r-pill);
}
.header_container .mfp-action-bar > .mfp-action-seg:last-child .mfp-action-link {
    border-top-right-radius: var(--r-pill);
    border-bottom-right-radius: var(--r-pill);
}

/* Icons — dark on the light pill */
.header_container .mfp-action-bar img,
.header_container .mfp-action-bar svg {
    width: 17px;
    height: 17px;
    display: block;
    flex-shrink: 0;
}
.header_container .mfp-action-bar svg { stroke-width: 1.5; }
.header_container .mfp-action-link img { filter: none; opacity: .85; }

/* Account segment — strip the global 44px circle backdrop so the label shows */
.header_container .mfp-action--account .user-menu-wrapper,
.header_container .mfp-action--account .user-menu-wrapper > a {
    width: auto;
    height: 100%;
    min-width: 0;
    background: none;
    border: none;
    border-radius: 0;
}
.header_container .mfp-action--account .user-menu-wrapper > a.mfp-action-link {
    /* flex (not block): global .user-menu-wrapper > a is display:flex; keep inline-flex
       so icon/initial + label share one centred row without baseline drift */
    display: inline-flex;
    align-items: center;
}
.header_container .mfp-action--account .aps-user-auth-visual {
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.header_container .mfp-action--account .aps-user-auth-visual .aps-user-initial-overlay {
    position: static;
    transform: none;
}
/* Re-centre logged-in initial: global-style's
   `#aps-user-auth-widget .aps-user-initial-overlay:not(.aps-header-auth--hidden)`
   forces display:block (id specificity), which kills inline-flex centring. */
.header_container .mfp-action-bar #aps-user-auth-widget .aps-user-initial-overlay:not(.aps-header-auth--hidden) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.header_container .mfp-action--account .aps-user-initial {
    color: inherit;
    font-family: var(--mfp-sans);
    font-size: 12px;
    letter-spacing: .02em;
    font-weight: 600;
    line-height: 1;
}
.header_container .mfp-action--account .mfp-action-label {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

/* Language / currency dropdown toggles inside the pill */
.header_container .mfp-action-bar .top_dropdown_toggle_button_main_style {
    height: 100%;
    color: var(--mfp-ink-2);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
    justify-content: center;
    gap: 5px;
}
.header_container .mfp-action-bar .top_dropdown_toggle_button_main_style::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 8px;
    opacity: .5;
}
.header_container .mfp-action-bar .top_dropdown_toggle_button_main_style.open {
    background: rgba(28, 26, 23, .06);
    color: var(--mfp-ink);
    border-radius: 0;
}

/* Dropdown menu — light paper panel, right-aligned under the segment */
.header_container .mfp-action-bar .top_dropdown_menu_list_block {
    background: var(--mfp-ivory);
    border: 1px solid var(--mfp-rule);
    border-radius: var(--r-md);
    box-shadow: var(--sh-card);
    right: 0;
    left: auto;
    margin-top: 8px;
    min-width: 150px;
}
.header_container .mfp-action-bar .top_dropdown_item_button_clickable {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    cursor: pointer;
    font-family: var(--mfp-sans);
    font-size: 12px;
    letter-spacing: .02em;
    line-height: 1.4;
    color: var(--mfp-ink-2);
    padding: 8px 14px;
    white-space: nowrap;
    transition: background .15s, color .15s;
}
.header_container .mfp-action-bar .top_dropdown_item_button_clickable:hover,
.header_container .mfp-action-bar .top_dropdown_item_active_selected_style {
    background: rgba(28, 26, 23, .06);
    color: var(--mfp-gold);
}

/* Cart segment — filled ink, inverted (light) icon */
.header_container .mfp-action--cart .mfp-action-link {
    background: var(--mfp-ink);
    color: var(--mfp-ivory);
}
.header_container .mfp-action--cart .mfp-action-link img {
    filter: invert(1) brightness(1.6);
    opacity: .95;
}
.header_container .mfp-action--cart .mfp-action-link:hover { background: var(--mfp-gold); }

/* Cart count badge — gild, tucked into the dark cart segment */
.header_container .aps-cart-count-badge {
    background: var(--mfp-gold-lt);
    color: var(--mfp-ivory);
    top: 5px;
    right: 8px;
}

/* FREE ART CONSULTATION — gold on dark */
.header_container .highlight-text {
    color: var(--mfp-gold-lt);
    opacity: 1;
}
.header_container .highlight-text a,
.header_container .text-op-0 {
    color: var(--mfp-gold-lt);
}

/* Desktop nav — paper pill container, plain-text uppercase items (UI-kit .nav-pill) */
.navbar .nav-menu {
    background: var(--mfp-ivory);
    border: 1px solid var(--mfp-rule);
    border-radius: var(--r-pill);
    height: 52px;
    padding: 0 30px;
    align-items: center;
}
/* Neutralise the global hit-area negative margins so items sit inside the pill */
.navbar .nav-menu > li,
.navbar .nav-menu > li:first-child,
.navbar .nav-menu > li:last-child,
.navbar .nav-menu > li:not(:first-child):not(:last-child) {
    padding: 0;
    margin: 0;
}
.navbar .nav-menu > li > a {
    color: var(--mfp-ink-2);
    font-family: var(--mfp-sans);
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 500;
    padding: 4px 0;
    border-bottom: 1.5px solid transparent;
    transition: color .15s, border-color .15s;
}
.navbar .nav-menu > li > a:hover,
.navbar .nav-menu > li > a:focus {
    color: var(--mfp-ink);
}
.navbar .nav-menu > li.active > a {
    color: var(--mfp-ink);
    border-bottom-color: var(--mfp-gold);
}
/* Small caret on dropdown items (UI-kit nav-pill) */
.navbar .nav-menu > li.dropdown > a.nav-dropdown-toggle::after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 7px;
    opacity: .5;
    margin-left: 6px;
    vertical-align: middle;
}
/* Anchor the mega-menu just under the nav-pill (not 60px below the centred item).
   Stretch the dropdown item to full pill height so top:100% sits at the pill's bottom edge. */
.navbar .nav-menu > li.dropdown {
    align-self: stretch;
    display: flex;
    align-items: center;
}
.navbar .nav-menu .dropdown-content.full-width {
    top: calc(100% + 8px);
}

/* Dropdown / sub-menu — light paper panel */
.sub-menu,
.dropdown-content.full-width {
    background-color: var(--mfp-ivory);
    border-color: var(--mfp-rule);
    box-shadow: var(--sh-card);
}
.sub-menu a,
.dropdown-content.full-width a,
.dropdown-content.full-width .column a {
    color: var(--mfp-ink-2);
    font-family: var(--mfp-sans);
}
.sub-menu a:hover,
.dropdown-content.full-width a:hover,
.dropdown-content.full-width .column a:hover {
    color: var(--mfp-gold);
    background-color: rgba(28, 26, 23, .05);
}

/* Mobile menu toggle — ink button on the light header */
.menu_icon {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: var(--mfp-ink);
    border: 1px solid var(--mfp-ink);
    border-radius: var(--r-pill);
    color: var(--mfp-ivory);
    font-size: 16px;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.2s, color 0.2s;
}
.menu_icon:hover {
    background: var(--mfp-gold);
    color: var(--mfp-ivory);
}
/* Site CSS loads after global-responsive, so re-assert the mobile reveal here */
@media only screen and (max-width: 991px) {
    .header_container .menu_icon {
        display: inline-flex;
    }
}

.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 99;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: none;
    pointer-events: none;
}

.side_nav {
    position: fixed;
    top: 0;
    left: -290px;
    width: 290px;
    height: 100%;
    height: 100dvh;
    background-color: var(--mfp-ink);
    border-right: 1px solid rgba(253,250,244,.10);
    padding: 28px 24px;
    transition: left 0.3s ease;
    z-index: 1000;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 4px 0 32px rgba(0,0,0,.55);
}
.side_nav.open {
    left: 0;
}
.side_nav .close_btn {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    color: rgba(253,250,244,.55) !important;
    transition: color 0.2s;
}
.side_nav .close_btn:hover {
    color: var(--mfp-gold-lt) !important;
}

.side_nav .side_inner-nav {
    display: block;
    margin-top: 52px;
}
.side_nav .nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}
.side_nav .nav-menu > li {
    border-bottom: 1px solid rgba(253,250,244,.08);
}
.side_nav .nav-menu > li > a {
    font-family: var(--mfp-sans);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(253,250,244,.75) !important;
    padding: 15px 0;
    display: block;
    text-decoration: none;
    transition: color 0.2s;
}
.side_nav .nav-menu > li > a:hover {
    color: var(--mfp-gold-lt) !important;
}
.side_nav .nav-menu > li > a::before,
.side_nav .nav-menu > li > a::after {
    content: none !important;
}
.side_nav a::before,
.side_nav a::after {
    content: none !important;
}

.header_container .side_inner-nav .top-bar {
    background: rgba(253,250,244,.04);
    border-radius: 2px;
    margin-top: 8px;
}
.header_container .side_inner-nav .topbar_menu {
    display: flex;
    gap: 16px;
}
.header_container .side_inner-nav .topright_side {
    display: flex;
    align-items: center;
    gap: 10px;
}
.header_container .side_inner-nav .topbar_menu a,
.header_container .side_inner-nav .topright_side a {
    color: rgba(253,250,244,.50) !important;
    font-size: 12px;
    transition: color 0.2s;
}
.header_container .side_inner-nav .topbar_menu a:hover,
.header_container .side_inner-nav .topright_side a:hover {
    color: rgba(253,250,244,.85) !important;
}
.header_container .mobile_consultation a {
    color: var(--mfp-gold-lt);
}

/* =====================================================
   MFP — Footer overrides
   ===================================================== */

/* Dark ink background — mirrors the header chrome */
.footer_sec {
    background: var(--mfp-ink);
    border-bottom-color: rgba(253,250,244,.08);
    padding-top: 72px;
    padding-bottom: 8px;
    position: relative;
    overflow: hidden;
}

/* Footer logo */
.footer-logo-img {
    height: 52px;
    width: auto;
    opacity: .9;
}
.footer-logo-img:hover {
    opacity: 1;
}

/* CTA heading — Cormorant Garamond, editorial weight */
.ft_heading {
    font-family: var(--mfp-serif);
    font-size: clamp(20px, 2.2vw, 28px);
    font-weight: 300;
    line-height: 1.25;
    color: var(--mfp-ivory);
    text-transform: none;
    letter-spacing: .01em;
}

/* Tagline paragraph */
.ft_pera {
    font-family: var(--mfp-sans);
    font-size: 14px;
    line-height: 1.65;
    color: rgba(253,250,244,.55);
    margin: 14px 0 30px;
}

/* FREE CONSULTATION button — MFP gold */
.consultation_btn {
    border-color: var(--mfp-gold-lt);
    color: var(--mfp-gold-lt);
    font-family: var(--mfp-sans);
    font-size: 11px;
    letter-spacing: .16em;
    padding: 12px 24px;
    transition: background .25s, color .25s;
    display: inline-block;
}
.consultation_btn:hover {
    background: var(--mfp-gold-lt);
    color: var(--mfp-ink);
    text-decoration: none;
}

/* Section headings (EXPLORE, INSPIRATION…) — gold kicker style */
.links_heading {
    font-family: var(--mfp-sans);
    font-size: 9.5px;
    font-weight: 500;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--mfp-gold);
    opacity: 1;
    margin-bottom: 22px;
}

/* Footer list links — readable ivory, gold on hover */
.footer_list a,
.footer_list .list_link {
    font-family: var(--mfp-sans);
    font-size: 13.5px;
    font-weight: 400;
    color: rgba(253,250,244,.68);
    opacity: 1;
    transition: color .25s;
    text-decoration: none;
}
.footer_list a:hover,
.footer_list .list_link:hover {
    color: var(--mfp-gold-lt);
}

/* Messaging links (Email, WhatsApp, Telegram, Viber) */
.messaging_links a {
    font-family: var(--mfp-sans);
    font-size: 12.5px;
    color: rgba(253,250,244,.50) !important;
    transition: color .25s;
}
.messaging_links a:hover {
    color: var(--mfp-gold-lt) !important;
}

/* Bottom copyright bar — ink background with animated glow */
.mfp-bottom-bar {
    background: var(--mfp-ink);
    border-top: 1px solid rgba(253,250,244,.08);
    position: relative;
    overflow: hidden;
}

/* =====================================================
   MFP — Chrome bar drift glow (mirrors hero gallery, 25-30% strength)
   All 4 elements share the same two keyframe tracks; staggered delays
   distribute their phases so the glow feels coordinated, not identical.
   ===================================================== */

/* Horizontal drift for bar-shaped elements (tall ellipse fills bar height) */
@keyframes mfp-bar-glow-a {
  0%   { transform: scale(1.8) translate(-18%, 0); }
  100% { transform: scale(1.8) translate( 18%, 0); }
}
@keyframes mfp-bar-glow-b {
  0%   { transform: scale(1.5) translate( 15%, 0); opacity: .55; }
  100% { transform: scale(1.5) translate(-15%, 0); opacity: .80; }
}

/* 2D drift for tall ink panels (hero gallery, footer, quiz, quality banner) */
@keyframes mfp-gallery-bg-a {
  0%   { transform: scale(1.12) translate(-12%, -10%); }
  100% { transform: scale(1.12) translate( 12%,  10%); }
}
@keyframes mfp-gallery-bg-b {
  0%   { transform: scale(1.08) translate( 11%,  10%); opacity: .55; }
  100% { transform: scale(1.08) translate(-11%, -10%); opacity: .75; }
}

/* Lift content above animation pseudo-layers */
.container_content > *,
.header_container > *,
.navbar > *,
.mfp-bottom-bar > * {
    position: relative;
    z-index: 1;
}

/* ::before — primary warm amber glow (dark strips only) */
.container_content::before,
.mfp-bottom-bar::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(ellipse 50% 800% at 30% 50%, #2e2419 0%, #201c17 50%, #1c1a17 100%);
    animation: mfp-bar-glow-a 18s ease-in-out infinite alternate;
}

/* ::after — secondary warm accent (dark strips only) */
.container_content::after,
.mfp-bottom-bar::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 38% 700% at 72% 50%, #251c14 0%, #1c1a17 100%);
    animation: mfp-bar-glow-b 22s ease-in-out infinite alternate;
}

/* Stagger phases: evenly distributed across the 18s/22s cycles */
.container_content::before { animation-delay:  -5s; }
.container_content::after  { animation-delay:  -6s; }
.mfp-bottom-bar::before    { animation-delay: -14s; }
.mfp-bottom-bar::after     { animation-delay: -17s; }

/* =====================================================
   MFP — Dark ink panel drift glow (footer, quiz, quality banner)
   Reuses hero gallery keyframes; gradients match chrome bar strength.
   ===================================================== */

.footer_sec > *,
.mfp-quiz-section > *,
.mfp-quality-banner > * {
    position: relative;
    z-index: 1;
}

.footer_sec::before,
.mfp-quiz-section::before,
.mfp-quality-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: radial-gradient(ellipse 100% 85% at 32% 42%, #2e2419 0%, #201c17 48%, #1c1a17 100%);
    animation: mfp-gallery-bg-a 18s ease-in-out infinite alternate;
}

.footer_sec::after,
.mfp-quiz-section::after,
.mfp-quality-banner::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(ellipse 75% 65% at 70% 58%, #251c14 0%, #1c1a17 100%);
    animation: mfp-gallery-bg-b 22s ease-in-out infinite alternate;
}

.mfp-quality-banner::before { animation-delay:  -9s; }
.mfp-quality-banner::after  { animation-delay: -11s; }
.mfp-quiz-section::before   { animation-delay: -15s; }
.mfp-quiz-section::after    { animation-delay: -16s; }
.footer_sec::before         { animation-delay: -19s; }
.footer_sec::after          { animation-delay: -21s; }

.mfp-bottom-bar .copyRight_sec {
    background: transparent;
}
.mfp-bottom-bar .copyRight_sec span {
    font-family: var(--mfp-sans);
    font-size: 12px;
    color: rgba(253,250,244,.45);
    opacity: 1;
}
.mfp-bottom-bar .copyRight_text {
    font-family: var(--mfp-sans);
    font-size: 12px;
    color: rgba(253,250,244,.38);
    opacity: 1;
}

/* =====================================================
   MFP — Link hover glow effect
   ===================================================== */
a,
a.mouseover_effect_texts {
    transition: text-shadow .45s, color .45s, opacity 0.25s ease;
}
a:hover {
    color: var(--lc);
    text-shadow:
        0 0  6px color-mix(in srgb, var(--lc) 45%, transparent),
        0 0 18px color-mix(in srgb, var(--lc) 22%, transparent),
        0 0 40px color-mix(in srgb, var(--lc)  8%, transparent);
}
a:visited { color: var(--lv); }
a.mouseover_effect_texts:hover { opacity: 0.8; }


/* =====================================================
   MFP — Image hover: 3D tilt
   ===================================================== */

/* perspective must be on the parent of the transformed element */
.search_card .search_img,
.showMainResulsImage,
.artist_slid_box {
    perspective: 600px;
}

/* Base transition */
.search_card .search_img a img,
.search_card .search_img > img,
.showMainResulsImage a img,
.swiper-slide .artist_slid_box a img,
img.mouseover_effect_images,
img.mouseover_image_effect {
    transition: transform 0.6s ease;
}

/* Hover state — 3D tilt */
.search_card .search_img a:hover img,
.search_card .search_img:hover > img,
.showMainResulsImage a:hover img,
.swiper-slide .artist_slid_box a:hover img,
a:hover img.mouseover_effect_images,
img.mouseover_effect_images:hover,
a:hover img.mouseover_image_effect,
img.mouseover_image_effect:hover {
    transform: rotateY(-7deg) rotateX(3deg) scale(1.04);
}

/* =====================================================
   MFP — Slider card title: multi-line hover-frame fix
   inline-block gives the <a> a single rectangular bounding box
   so the text-shadow glow effect correctly covers
   the full text block even when the title wraps.
   ===================================================== */
.view_all_art a {
    display: inline-block;
}

/* Suppress any text-link hover decoration on anchors that wrap an image */
a:has(> img)::before,
a:has(> img)::after,
a:has(> picture)::before,
a:has(> picture)::after,
a:has(> figure)::before,
a:has(> figure)::after {
    content: none;
}

a:has(> img),
a:has(> picture),
a:has(> figure) {
    padding: 0;
}

/* =====================================================
   MFP EDITORIAL HOMEPAGE — scoped to .mfp-hp
   ===================================================== */
:root {
  --mfp-ink:          #1A1814;  /* MFP UI kit --ink */
  --mfp-ink-2:        #4A4438;  /* MFP UI kit --ink-soft */
  --mfp-ink-3:        #8A8273;  /* MFP UI kit --ink-mute */
  --mfp-sand:         #F5F1E8;
  --mfp-sand-2:       #EDE7D9;
  --mfp-sand-3:       #DDD5C0;
  --mfp-gold:         #8B6914;
  --mfp-gold-lt:      #C49A2A;
  --mfp-ivory:        #FDFAF4;
  --mfp-white:        #FFFFFF;
  --mfp-rule:         rgba(28,26,23,.12);
  --mfp-rule-strong:  rgba(28,26,23,.28);
  --mfp-serif:        "Cormorant Garamond","EB Garamond",Georgia,serif;
  --mfp-sans:         "Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --mfp-max:          1380px;
  /* Spacing scale (8pt base) — MFP UI kit */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px;
  /* Radius — MFP UI kit */
  --r-sm:2px; --r-md:4px; --r-pill:999px;
  /* Shadow — MFP UI kit */
  --sh-card:0 12px 24px -12px rgba(26,24,20,0.18);
  --sh-frame:0 30px 60px -20px rgba(26,24,20,0.35), 0 8px 20px -8px rgba(26,24,20,0.2);
}

.mfp-hp { font-family:var(--mfp-sans); color:var(--mfp-ink); background:var(--mfp-ivory); -webkit-font-smoothing:antialiased; }
.mfp-hp a { color:inherit; text-decoration:none; }
.mfp-hp img { display:block; max-width:100%; }
.mfp-shell { max-width:var(--mfp-max); margin:0 auto; padding:0 clamp(20px,4vw,56px); }

/* --- Utilities --- */
.mfp-section  { padding:clamp(60px,8vw,96px) 0; }

/* --- Section heads --- */
.mfp-section-head {
  display:flex; align-items:flex-end; justify-content:space-between;
  margin-bottom:clamp(36px,5vw,56px); gap:24px; flex-wrap:wrap;
}
.mfp-section-head--compact { margin-bottom:40px; }
.mfp-section-kicker {
  font-size:9.5px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--mfp-gold); font-weight:500; margin-bottom:10px;
  font-family:var(--mfp-sans);
}
.mfp-section-title {
  font-family:var(--mfp-serif); font-size:clamp(28px,3.8vw,48px);
  font-weight:300; line-height:1.1; letter-spacing:-.01em;
  color:var(--mfp-ink); margin:0;
}
.mfp-section-title em { font-style:italic; color:var(--mfp-gold); }
.mfp-section-desc { font-size:14px; color:var(--mfp-ink-3); max-width:480px; line-height:1.6; margin-top:12px; }
.mfp-see-all {
  font-size:10.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--mfp-gold); border-bottom:1px solid currentColor;
  padding-bottom:2px; white-space:nowrap; flex-shrink:0;
  font-family:var(--mfp-sans);
}
.mfp-see-all:hover { color:var(--mfp-ink); }

/* =====================================================
   MFP — UI Kit production components
   Translated from kit generic tokens to --mfp-* tokens
   ===================================================== */

/* Suppress link glow on button anchors */
a.btn-primary:hover,
a.btn-gild:hover,
a.btn-ghost:hover { text-shadow: none; }

.btn-primary {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 26px; font-size: 12px; letter-spacing: .18em;
  text-transform: uppercase; font-weight: 600; border-radius: var(--r-sm);
  transition: background .15s, color .15s;
  background: var(--mfp-ink); color: var(--mfp-ivory);
  text-decoration: none;
}
.btn-primary:hover { background: var(--mfp-gold); color: var(--mfp-ivory); text-shadow: none; }

.btn-gild {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 26px; font-size: 12px; letter-spacing: .18em;
  text-transform: uppercase; font-weight: 600; border-radius: var(--r-sm);
  transition: background .15s, color .15s;
  background: var(--mfp-gold-lt); color: var(--mfp-ink);
  text-decoration: none;
}
.btn-gild:hover { background: var(--mfp-ink); color: var(--mfp-ivory); text-shadow: none; }

.btn-ghost,
.btn.btn-ghost {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 16px; font-size: 12px; letter-spacing: .16em;
  text-transform: uppercase; font-weight: 600; border-radius: var(--r-sm);
  border: 1px solid transparent; background: transparent;
  color: var(--mfp-ink-2); line-height: inherit;
  transition: color .15s, background .15s;
  text-decoration: none;
}
.btn-ghost:hover,
.btn.btn-ghost:hover {
  color: var(--mfp-ink); background: rgba(26, 24, 20, 0.06);
  border-color: transparent; text-shadow: none;
}

.btn-primary svg, .btn-gild svg, .btn-ghost svg { width: 14px; height: 14px; }
.btn-sm { padding: 10px 16px !important; font-size: 11px !important; }

/* Card badge */
.card-badge {
  background: var(--mfp-ivory); color: var(--mfp-ink); padding: 5px 9px;
  font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
  font-weight: 600; border: 1px solid var(--mfp-rule-strong);
}
.card-badge.gild { background: var(--mfp-gold-lt); color: var(--mfp-ivory); border-color: var(--mfp-gold-lt); }
.card-badge.dark { background: var(--mfp-ink); color: var(--mfp-ivory); border-color: var(--mfp-ink); }

/* Movement / genre filter pill */
.movement {
  padding: 9px 16px; border: 1px solid var(--mfp-rule-strong); border-radius: var(--r-pill);
  font-size: 12px; letter-spacing: .04em; color: var(--mfp-ink-2);
  background: var(--mfp-ivory); transition: all .15s;
  display: inline-flex; align-items: center;
}
.movement:hover { border-color: var(--mfp-ink); color: var(--mfp-ink); }
.movement.active { background: var(--mfp-ink); color: var(--mfp-ivory); border-color: var(--mfp-ink); }
.movement .count { font-size: 10px; opacity: .6; margin-left: 5px; }

/* Announce bar */
.announce {
  background: var(--mfp-ink); color: var(--mfp-sand);
  font-size: 12px; letter-spacing: .06em; text-transform: uppercase;
  padding: 9px 18px; text-align: center; font-weight: 500; width: 100%;
}
.announce .dot {
  display: inline-block; width: 4px; height: 4px; border-radius: 50%;
  background: var(--mfp-gold-lt); margin: 0 14px; vertical-align: middle;
}

/* --- Buttons --- */
.mfp-btn-primary {
  display:inline-block; background:var(--mfp-ink); color:var(--mfp-ivory) !important;
  padding:13px 28px; font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  font-weight:500; font-family:var(--mfp-sans); transition:background .25s;
  border-radius:var(--r-sm);
}
.mfp-btn-primary:hover { background:var(--mfp-gold); }
.mfp-btn-secondary {
  display:inline-block; border:1px solid var(--mfp-rule-strong);
  color:var(--mfp-ink-2) !important; padding:13px 28px;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  font-weight:400; font-family:var(--mfp-sans); transition:all .25s;
  border-radius:var(--r-sm);
}
.mfp-btn-secondary:hover { border-color:var(--mfp-gold); color:var(--mfp-gold) !important; }
.mfp-btn-ghost {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 13px 28px; font-size: 11px; letter-spacing: .16em;
  text-transform: uppercase; font-weight: 500; font-family: var(--mfp-sans);
  border-radius: var(--r-sm); border: 1px solid transparent;
  background: transparent; color: var(--mfp-ink-2) !important;
  text-decoration: none; transition: color .15s, background .15s;
}
.mfp-btn-ghost:hover {
  color: var(--mfp-ink) !important;
  background: rgba(26, 24, 20, 0.06);
}

/* --- Hero --- */
.mfp-hero {
  background:var(--mfp-sand); position:relative; overflow:hidden;
  min-height:88vh; display:grid; grid-template-columns:1fr 1fr; align-items:stretch;
}
.mfp-hero-gallery {
  background:#0e0c09; display:flex; flex-direction:row; align-items:center;
  justify-content:center; flex-wrap:nowrap; gap:clamp(12px,1.8vw,24px);
  padding:clamp(40px,6vw,80px); position:relative; overflow:hidden;
}
.mfp-hero-gallery::before {
  content:''; position:absolute; inset:0; z-index:0;
  background:radial-gradient(ellipse 100% 90% at 50% 50%,#2a1f12 0%,#161110 45%,#0e0c09 100%);
  animation:mfp-gallery-bg-a 18s ease-in-out infinite alternate;
}
.mfp-hero-gallery::after {
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(ellipse 80% 70% at 65% 35%,#211810 0%,#0b0908 100%);
  animation:mfp-gallery-bg-b 22s ease-in-out infinite alternate;
}
.mfp-hero-spotlight {
  position:absolute; top:0; left:0; width:100%; height:100%;
  background:radial-gradient(ellipse 50% 40% at 35% 40%,rgba(255,240,180,.03) 0%,transparent 70%);
  z-index:1; pointer-events:none;
}

/* --- Painting frame (dark wood — museum aesthetic) --- */
.mfp-hero-frame {
  position:relative; z-index:2; max-width:340px; width:100%;
  flex:0 1 auto;
  padding:clamp(12px,2.2vw,28px);
  /* Dark walnut/mahogany wood grain */
  background:
    linear-gradient(160deg,#4a2c14 0%,#2e1a0a 25%,#5a3820 45%,#2e1a0a 65%,#4a2c14 85%,#3a2210 100%);
  /* Frame depth: outer edge, inner accent line, drop shadow */
  box-shadow:
    0 0 0 1px rgba(15,8,2,.95),
    inset 0 0 0 1px rgba(200,150,70,.18),
    inset 3px 3px 8px rgba(0,0,0,.45),
    inset -2px -2px 5px rgba(130,80,30,.2),
    0 20px 70px rgba(0,0,0,.78),
    0 4px 18px rgba(0,0,0,.55);
}
/* Inner accent line — thin gold filament typical of museum frames */
.mfp-hero-frame::before {
  content:''; position:absolute; z-index:1; pointer-events:none;
  inset:clamp(4px,0.8vw,8px);
  border:1px solid rgba(200,155,70,.22);
  box-shadow:inset 0 0 4px rgba(0,0,0,.3);
}
.mfp-hero-frame--empty {
  background:linear-gradient(160deg,#4a2c14,#2e1a0a,#4a2c14);
  min-height:300px;
}
.mfp-hero-frame img {
  display:block; width:100%; height:auto; max-height:62vh;
  object-fit:cover; filter:contrast(1.05) saturate(1.08);
  position:relative; z-index:2;
}
.mfp-hero-frame-caption {
  position:absolute; bottom:-32px; left:50%; transform:translateX(-50%);
  white-space:nowrap; font-family:var(--mfp-sans); font-size:10px;
  letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.38); z-index:3;
}

/* --- Artwork meta: right of frame for portrait, below for landscape --- */
.mfp-hero-artwork-meta {
  position:relative; z-index:3;
  padding:0 clamp(6px,1.2vw,14px);
  flex:1 1 140px; min-width:0; max-width:240px; text-align:left;
}
/* Landscape orientation: meta stacks below the frame */
.mfp-hero-gallery--landscape {
  flex-direction:column; flex-wrap:wrap;
}
.mfp-hero-gallery--landscape .mfp-hero-frame {
  max-width:480px; flex:0 0 auto;
}
.mfp-hero-gallery--landscape .mfp-hero-artwork-meta {
  flex:0 0 auto; max-width:480px; width:100%; padding:clamp(12px,2vw,20px) 0 0;
}
.mfp-hero-artwork-title {
  font-family:var(--mfp-serif); font-size:clamp(15px,1.6vw,20px); font-weight:400;
  color:var(--mfp-ivory); line-height:1.25; margin-bottom:4px;
}
.mfp-hero-artwork-title a { color:inherit; border-bottom:1px solid rgba(253,250,244,.35); padding-bottom:1px; }
.mfp-hero-artwork-title a:hover { border-color:var(--mfp-gold-lt); color:var(--mfp-gold-lt); }
.mfp-hero-artwork-artist {
  font-size:10px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--mfp-gold-lt); font-family:var(--mfp-sans); margin-bottom:10px;
}
.mfp-hero-artwork-artist a { color:inherit; text-decoration:none; }
.mfp-hero-artwork-artist a:hover { color:var(--mfp-white); }
.mfp-hero-artwork-desc {
  font-size:12px; color:rgba(253,250,244,.52); line-height:1.6;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  margin:0;
}
.mfp-hero-content {
  background:var(--mfp-sand); display:flex; flex-direction:column;
  justify-content:center; padding:clamp(40px,6vw,88px) clamp(32px,5vw,72px);
  border-left:1px solid var(--mfp-rule);
}
.mfp-hero-kicker { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.mfp-hero-kicker::before { content:''; width:28px; height:1px; background:var(--mfp-gold); flex-shrink:0; }
.mfp-hero-kicker span { font-size:9px; letter-spacing:.22em; text-transform:uppercase; color:var(--mfp-gold); font-weight:500; font-family:var(--mfp-sans); }
.mfp-hero-h1 {
  font-family:var(--mfp-serif); font-size:clamp(36px,5.2vw,72px);
  font-weight:300; line-height:1.05; letter-spacing:-.01em;
  color:var(--mfp-ink); margin:0 0 28px;
}
.mfp-hero-h1 em { font-style:italic; color:var(--mfp-gold); font-weight:300; }
.mfp-hero-body { font-size:15px; line-height:1.7; color:var(--mfp-ink-2); max-width:420px; margin:0 0 36px; }
.mfp-hero-ctas { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:48px; }
.mfp-hero-stats { display:flex; gap:36px; border-top:1px solid var(--mfp-rule); padding-top:28px; }
.mfp-hero-stat-val { font-family:var(--mfp-serif); font-size:28px; font-weight:300; color:var(--mfp-ink); line-height:1; margin-bottom:4px; }
.mfp-hero-stat-lab { font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--mfp-ink-3); font-family:var(--mfp-sans); }

/* --- Artwork of the day --- */
.mfp-aotd { background:var(--mfp-ink); }
.mfp-aotd-inner {
  display:flex; align-items:center;
  gap:clamp(40px,5vw,72px);
  padding:clamp(48px,6.5vw,88px) 0;
}
.mfp-aotd-img-col { flex-shrink:0; }
.mfp-aotd-img-link { display:block; line-height:0; }
.mfp-aotd-img {
  width:clamp(140px,16vw,200px);
  height:clamp(180px,21vw,260px);
  object-fit:cover; display:block;
  border:1px solid rgba(200,173,122,.30);
  box-shadow:0 8px 40px rgba(0,0,0,.55);
  transition:opacity .25s,transform .35s;
}
.mfp-aotd-img-link:hover .mfp-aotd-img { opacity:.88; transform:scale(1.015); }
.mfp-aotd-body { flex:1; min-width:0; }
.mfp-aotd-meta { display:flex; align-items:center; gap:10px; margin-bottom:18px; }
.mfp-aotd-lbl {
  font-size:9.5px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--mfp-gold-lt); font-family:var(--mfp-sans); font-weight:500;
}
.mfp-aotd-sep { color:rgba(253,250,244,.25); font-size:10px; }
.mfp-aotd-date {
  font-size:9.5px; letter-spacing:.14em; text-transform:uppercase;
  color:rgba(253,250,244,.38); font-family:var(--mfp-sans);
}
.mfp-aotd-rule {
  width:40px; height:1px;
  background:linear-gradient(90deg,var(--mfp-gold) 0%,transparent 100%);
  margin-bottom:20px;
}
.mfp-aotd-title {
  font-family:var(--mfp-serif); font-size:clamp(24px,3.2vw,44px);
  font-weight:300; line-height:1.15; letter-spacing:-.01em;
  color:var(--mfp-ivory); margin:0 0 14px;
}
.mfp-aotd-title a { color:inherit; text-decoration:none; }
.mfp-aotd-title a:hover { color:var(--mfp-gold-lt); }
.mfp-aotd-artist {
  font-family:var(--mfp-sans); font-size:11px;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--mfp-gold-lt); margin-bottom:32px;
}
.mfp-aotd-artist a { color:inherit; text-decoration:none; }
.mfp-aotd-artist a:hover { color:var(--mfp-ivory); }
.mfp-aotd-cta {
  display:inline-block; font-size:10px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--mfp-ivory) !important; border:1px solid rgba(253,250,244,.30);
  padding:12px 28px; font-family:var(--mfp-sans);
  transition:background .2s,border-color .2s; white-space:nowrap;
}
.mfp-aotd-cta:hover { background:var(--mfp-gold); border-color:var(--mfp-gold); }

/* --- Featured artists --- */
.mfp-artists-section { background:var(--mfp-sand); }
.mfp-artists-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; }
.mfp-artist-panel {
  position:relative; background:var(--mfp-ink);
  overflow:hidden; cursor:pointer; aspect-ratio:3/4; display:block;
}
.mfp-artist-panel img {
  width:100%; height:100%; object-fit:cover;
  opacity:.75; transition:opacity .5s,transform .6s;
}
.mfp-artist-panel:hover img { opacity:.55; transform:scale(1.04); }
.mfp-artist-overlay {
  position:absolute; inset:0; display:flex; flex-direction:column;
  justify-content:flex-end; padding:24px 22px;
  background:linear-gradient(to top,rgba(10,8,5,.92) 0%,rgba(10,8,5,.4) 50%,transparent 100%);
}
.mfp-hp .mfp-artist-name {
  font-family:var(--mfp-serif); font-size:clamp(18px,2.2vw,26px);
  font-weight:400; color:rgba(255,255,255,.98); line-height:1.2; margin-bottom:6px;
  text-decoration:none; display:block;
}
/* Keep bright on visited — prevent visited umber from darkening text on dark panels */
.mfp-hp .mfp-artist-name:visited { color:rgba(255,255,255,.98); }
.mfp-hp .mfp-artist-name:hover,
.mfp-hp .mfp-artist-name:visited:hover { color:var(--mfp-gold-lt); text-decoration:none; text-shadow:none; }
.mfp-artist-bio {
  font-size:11px; color:rgba(255,255,255,.55); line-height:1.5; margin-bottom:12px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.mfp-artist-works-strip {
  display:grid; grid-template-columns:repeat(3,1fr); gap:6px;
  opacity:0; transform:translateY(12px);
  transition:opacity .3s,transform .3s; margin-bottom:10px;
}
.mfp-artist-panel:hover .mfp-artist-works-strip { opacity:1; transform:translateY(0); }
.mfp-artist-works-strip a { display:block; }
.mfp-artist-works-strip img {
  aspect-ratio:1; object-fit:cover; width:100%;
  opacity:1; transform:none; border:1px solid rgba(255,255,255,.15);
}
.mfp-artist-works-strip a:hover img { border-color:rgba(196,154,42,.6); }
.mfp-artist-cta {
  display:inline-flex; align-items:center; gap:8px; font-size:10px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--mfp-gold-lt);
  border-bottom:1px solid rgba(196,154,42,.4); padding-bottom:2px;
  transition:color .2s; font-family:var(--mfp-sans);
}
.mfp-artist-panel:hover .mfp-artist-cta { color:var(--mfp-white); border-color:rgba(255,255,255,.4); }

/* --- Quality banner --- */
.mfp-quality-banner {
  background:var(--mfp-ink); color:var(--mfp-ivory);
  padding:clamp(56px,7vw,88px) 0; text-align:center;
  position:relative; overflow:hidden;
}
.mfp-quality-content { position:relative; z-index:1; }
.mfp-quality-tag { font-size:9px; letter-spacing:.22em; text-transform:uppercase; color:var(--mfp-gold-lt); margin-bottom:20px; font-family:var(--mfp-sans); }
.mfp-quality-title { font-family:var(--mfp-serif); font-size:clamp(28px,4.5vw,60px); font-weight:300; line-height:1.1; color:var(--mfp-ivory); max-width:800px; margin:0 auto 24px; }
.mfp-quality-title em { font-style:italic; color:var(--mfp-gold-lt); }
.mfp-quality-body { font-size:15px; color:rgba(253,250,244,.65); max-width:560px; margin:0 auto 36px; line-height:1.7; }
.mfp-quality-feats { display:flex; justify-content:center; gap:clamp(24px,4vw,56px); flex-wrap:wrap; margin-bottom:40px; }
.mfp-quality-feat-val { font-family:var(--mfp-serif); font-size:36px; font-weight:300; color:var(--mfp-gold-lt); line-height:1; margin-bottom:6px; }
.mfp-quality-feat-lab { font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:rgba(253,250,244,.45); font-family:var(--mfp-sans); }

/* --- Artworks by period --- */
.mfp-periods-section { background:var(--mfp-ivory); }
.mfp-periods-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(12px,2vw,24px); }
.mfp-period-artworks-static {
  display:grid; grid-template-columns:repeat(3,1fr); gap:4px;
  margin:14px 0 10px;
}
.mfp-period-artworks-static a { display:block; }
.mfp-period-artworks-static img {
  aspect-ratio:1; object-fit:cover; width:100%;
  border:1px solid var(--mfp-rule);
  transition:opacity .3s;
}
.mfp-movement-card:hover .mfp-period-artworks-static img { opacity:.75; }
.mfp-period-artworks-static a:hover img { opacity:.85; border-color:var(--mfp-gold); }

/* --- Art movements --- */
.mfp-movements-section { background:var(--mfp-sand-2); }
.mfp-movements-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(12px,2vw,24px); }
.mfp-movement-card {
  background:var(--mfp-ivory); border:1px solid var(--mfp-rule);
  padding:28px 26px; position:relative; overflow:hidden;
  transition:all .3s; cursor:pointer; display:block; color:inherit;
}
.mfp-movement-card:hover { background:var(--mfp-ink); border-color:var(--mfp-ink); }
.mfp-movement-num {
  font-family:var(--mfp-serif); font-size:56px; font-weight:300;
  color:var(--mfp-rule); line-height:1; margin-bottom:-10px; transition:color .3s;
}
.mfp-movement-card:hover .mfp-movement-num { color:rgba(255,255,255,.08); }
.mfp-movement-name {
  font-family:var(--mfp-serif); font-size:clamp(18px,2vw,26px);
  font-weight:400; color:var(--mfp-ink); line-height:1.2; margin-bottom:12px; transition:color .3s;
}
.mfp-movement-card:hover .mfp-movement-name { color:var(--mfp-ivory); }
.mfp-movement-period { font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--mfp-gold); margin-bottom:14px; transition:color .3s; font-family:var(--mfp-sans); }
.mfp-movement-card:hover .mfp-movement-period { color:var(--mfp-gold-lt); }
.mfp-movement-painters { font-size:10.5px; color:var(--mfp-ink-3); letter-spacing:.04em; transition:color .3s; line-height:1.55; }
.mfp-movement-card:hover .mfp-movement-painters { color:rgba(255,255,255,.5); }
.mfp-movement-cta {
  display:inline-flex; align-items:center; gap:6px; margin-top:18px;
  font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--mfp-gold); transition:color .3s; font-family:var(--mfp-sans);
  text-decoration:none;
}
.mfp-movement-cta::before { content:''; width:16px; height:1px; background:currentColor; display:inline-block; }
.mfp-movement-card:hover .mfp-movement-cta { color:var(--mfp-gold-lt); }

/* --- Three pillars --- */
.mfp-pillars { background:var(--mfp-ivory); }
.mfp-pillars-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--mfp-rule); }
.mfp-pillar { padding:clamp(28px,4vw,48px); border-right:1px solid var(--mfp-rule); }
.mfp-pillar:last-child { border-right:none; }
.mfp-pillar-num { font-family:var(--mfp-serif); font-size:40px; font-weight:300; color:var(--mfp-rule); line-height:1; margin-bottom:16px; }
.mfp-pillar-title { font-family:var(--mfp-serif); font-size:20px; font-weight:400; color:var(--mfp-ink); margin-bottom:12px; line-height:1.3; }
.mfp-pillar-body { font-size:13.5px; line-height:1.65; color:var(--mfp-ink-3); }

/* --- Scroll reveal --- */
.mfp-reveal { opacity:0; transform:translateY(24px); transition:opacity .6s ease,transform .6s ease; }
.mfp-reveal.in { opacity:1; transform:none; }
.mfp-reveal-d1  { transition-delay:.1s; }
.mfp-reveal-d2  { transition-delay:.2s; }
.mfp-reveal-d3  { transition-delay:.3s; }
.mfp-reveal-d4  { transition-delay:.4s; }
.mfp-reveal-d5  { transition-delay:.5s; }
.mfp-reveal-d6  { transition-delay:.6s; }

/* --- Responsive --- */
@media (max-width:1080px) {
  .mfp-artists-grid    { grid-template-columns:repeat(2,1fr); }
  .mfp-periods-grid    { grid-template-columns:repeat(2,1fr); }
  .mfp-movements-grid  { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
  .header_container .circle-icon,
  .header_container .user-menu-wrapper {
    width: auto;
    height: auto;
  }
  .mfp-hero            { grid-template-columns:1fr; min-height:auto; }
  .mfp-hero-gallery    { min-height:60vw; flex-wrap:wrap; }
  .mfp-hero-artwork-meta { flex:0 0 auto; max-width:100%; width:100%; padding:12px 0 0; }
  .mfp-artists-grid    { grid-template-columns:repeat(2,1fr); }
  .mfp-periods-grid    { grid-template-columns:repeat(2,1fr); }
  .mfp-movements-grid  { grid-template-columns:1fr 1fr; }
  .mfp-pillars-grid    { grid-template-columns:1fr; }
  .mfp-pillar          { border-right:none; border-bottom:1px solid var(--mfp-rule); }
}
@media (max-width:480px) {
  .mfp-artists-grid   { grid-template-columns:1fr; }
  .mfp-periods-grid   { grid-template-columns:1fr; }
  .mfp-movements-grid { grid-template-columns:1fr; }
  .mfp-hero-stats     { flex-direction:column; gap:16px; }
}

/* === HOMEPAGETEST migrated inline CSS === */

/* =====================================================
   MFP HOMEPAGE TEST — hero frame override (border-image)
   ===================================================== */

/* Remove the CSS-gradient/shadow wooden frame; replace with border-image */
.mfp-hero-frame {
  background: transparent !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.72), 0 6px 24px rgba(0,0,0,.45) !important;
  padding: 0 !important;
}
.mfp-hero-frame::before { display: none !important; }
.mfp-hero-frame img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 62vh !important;
  object-fit: contain !important;
  filter: contrast(1.05) saturate(1.08) !important;
  position: relative !important;
  z-index: 2 !important;
}
.mfp-hero-frame--empty {
  background: linear-gradient(160deg,#4a2c14,#2e1a0a,#4a2c14) !important;
  min-height: 300px !important;
}

/* =====================================================
   MFP HOMEPAGE TEST — museums, journal, quiz sections
   ===================================================== */

/* --- Museums grid --- */
.mfp-museums-section { background: var(--mfp-sand); }
.mfp-museums-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(14px, 2vw, 24px);
}
.mfp-museum-card {
  display: flex; flex-direction: column;
  border: 1px solid var(--mfp-rule);
  overflow: hidden;
  background: var(--mfp-ivory);
  transition: box-shadow .3s, border-color .3s;
  color: var(--mfp-ink);
  text-decoration: none;
}
.mfp-museum-card:hover { border-color: var(--mfp-gold); box-shadow: 0 6px 24px rgba(0,0,0,.08); }
.mfp-museum-img { width: 100%; height: 180px; overflow: hidden; }
.mfp-museum-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.mfp-museum-card:hover .mfp-museum-img img { transform: scale(1.04); }
.mfp-museum-body { padding: 20px; display: flex; flex-direction: column; flex: 1; }
.mfp-museum-loc {
  display: flex; align-items: center; gap: 5px;
  font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--mfp-ink-3); margin-bottom: 8px;
}
.mfp-museum-pin { width: 11px; height: 11px; flex-shrink: 0; }
.mfp-museum-name {
  font-family: var(--mfp-serif); font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 400; line-height: 1.25; color: var(--mfp-ink); margin: 0 0 10px;
}
.mfp-museum-count {
  display: flex; align-items: baseline; gap: 5px;
  margin-bottom: 10px;
}
.mfp-museum-count-num { font-size: 18px; font-weight: 500; color: var(--mfp-gold); }
.mfp-museum-count-lab { font-size: 10.5px; color: var(--mfp-ink-3); letter-spacing: .04em; }
.mfp-museum-desc { font-size: 12.5px; color: var(--mfp-ink-3); line-height: 1.6; margin: 0 0 12px; }
.mfp-museum-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.mfp-museum-tag {
  font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--mfp-ink-3); background: var(--mfp-sand-2);
  padding: 4px 10px;
}
@media (max-width: 1080px) { .mfp-museums-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px)  { .mfp-museums-grid { grid-template-columns: 1fr; } }

/* --- Journal grid --- */
.mfp-journal-section { background: var(--mfp-ivory); }
.mfp-journal-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--mfp-rule);
  overflow: hidden;
}
.mfp-journal-card {
  display: flex; flex-direction: column;
  border-right: 1px solid var(--mfp-rule);
  overflow: hidden; background: var(--mfp-white);
  color: var(--mfp-ink); text-decoration: none;
  transition: background .3s;
}
.mfp-journal-card:last-child { border-right: none; }
.mfp-journal-card:hover { background: var(--mfp-sand); }
.mfp-journal-img {
  position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden;
}
.mfp-journal-img img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .6s ease;
}
.mfp-journal-card:hover .mfp-journal-img img { transform: scale(1.05); }
.mfp-journal-issue {
  position: absolute; top: 14px; left: 14px; z-index: 2;
  font-size: 9px; letter-spacing: .18em; text-transform: uppercase;
  color: var(--mfp-ivory); background: rgba(28,26,23,.72);
  padding: 4px 10px; backdrop-filter: blur(6px);
}
.mfp-journal-body {
  padding: 22px 22px 26px; display: flex; flex-direction: column; flex: 1;
}
.mfp-journal-title {
  font-family: var(--mfp-serif); font-size: clamp(17px, 1.6vw, 22px);
  font-weight: 400; line-height: 1.25; color: var(--mfp-ink); margin: 0 0 10px;
}
.mfp-journal-excerpt {
  font-size: 12.5px; line-height: 1.65; color: var(--mfp-ink-3);
  margin-bottom: 16px;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.mfp-journal-read {
  margin-top: auto; font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--mfp-gold);
}
.mfp-journal-card:hover .mfp-journal-read { color: var(--mfp-ink); }
@media (max-width: 900px) {
  .mfp-journal-grid { grid-template-columns: 1fr 1fr; }
  .mfp-journal-card:last-child { border-right: none; border-top: 1px solid var(--mfp-rule); }
}
@media (max-width: 600px) {
  .mfp-journal-grid { grid-template-columns: 1fr; }
  .mfp-journal-card { border-right: none; border-bottom: 1px solid var(--mfp-rule); }
}

/* --- Quiz section --- */
.mfp-quiz-section {
  background: var(--mfp-ink); color: var(--mfp-ivory);
  padding: clamp(60px,8vw,96px) 0; position: relative; overflow: hidden;
}
.mfp-quiz-kicker  { color: var(--mfp-gold-lt) !important; }
.mfp-quiz-title   { color: var(--mfp-ivory) !important; }
.mfp-quiz-desc    { color: rgba(253,250,244,.5) !important; }
.mfp-quiz-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(14px, 2vw, 24px);
  position: relative;
  z-index: 1;
}
.mfp-quiz-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  display: flex; flex-direction: column; overflow: hidden;
  transition: border-color .3s, box-shadow .3s;
  cursor: pointer;
}
.mfp-quiz-card:hover { border-color: rgba(196,154,42,.35); box-shadow: 0 8px 32px rgba(0,0,0,.3); }
.mfp-quiz-card-header {
  padding: 22px 24px 16px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  display: flex; align-items: center; justify-content: space-between;
}
.mfp-quiz-card-type { display: flex; align-items: center; gap: 10px; }
.mfp-quiz-card-icon {
  width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;
  background: rgba(139,105,20,.2); border-radius: 50%; flex-shrink: 0;
}
.mfp-quiz-card-icon svg { width: 16px; height: 16px; }
.mfp-quiz-card-label {
  font-size: 10px; letter-spacing: .18em; text-transform: uppercase;
  color: var(--mfp-gold-lt); font-weight: 500;
}
.mfp-quiz-card-badge {
  font-size: 9px; letter-spacing: .14em; text-transform: uppercase;
  color: rgba(253,250,244,.35); background: rgba(255,255,255,.06);
  padding: 4px 10px;
}
.mfp-quiz-progress {
  display: flex; gap: 5px; align-items: center; padding: 0 24px 16px; padding-top: 14px;
}
.mfp-quiz-pip {
  width: 8px; height: 3px; border-radius: 2px; background: rgba(255,255,255,.15);
}
.mfp-quiz-pip--active { background: var(--mfp-gold-lt); width: 18px; }
.mfp-quiz-card-body { padding: 0 24px 12px; flex: 1; }
.mfp-quiz-question {
  font-family: var(--mfp-serif); font-size: clamp(17px, 1.8vw, 22px);
  font-weight: 400; line-height: 1.35; color: var(--mfp-ivory); margin-bottom: 20px;
}
.mfp-quiz-options { list-style: none; display: flex; flex-direction: column; gap: 8px; padding: 0; margin: 0; }
.mfp-quiz-option {
  display: flex; align-items: center; gap: 12px;
  padding: 11px 16px; border: 1px solid rgba(255,255,255,.12);
  cursor: pointer; transition: all .25s;
  font-size: 13.5px; color: rgba(253,250,244,.8); user-select: none;
}
.mfp-quiz-option:hover { border-color: rgba(196,154,42,.5); background: rgba(196,154,42,.08); }
.mfp-quiz-option.selected { border-color: var(--mfp-gold-lt); background: rgba(196,154,42,.15); color: var(--mfp-ivory); }
.mfp-quiz-option.correct { border-color: #4ead6b; background: rgba(78,173,107,.15); color: #a8e6bc; }
.mfp-quiz-option.wrong   { border-color: #c0564a; background: rgba(192,86,74,.12); color: #e8a8a0; opacity: .7; }
.mfp-quiz-option.correct::after { content: '✓'; margin-left: auto; font-size: 14px; color: #4ead6b; }
.mfp-quiz-option.wrong::after   { content: '✗'; margin-left: auto; font-size: 14px; color: #c0564a; }
.mfp-quiz-option.disabled { pointer-events: none; }
.mfp-quiz-radio {
  width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.25);
  flex-shrink: 0; display: flex; align-items: center; justify-content: center;
  transition: border-color .2s;
}
.mfp-quiz-option.selected .mfp-quiz-radio { border-color: var(--mfp-gold-lt); }
.mfp-quiz-option.selected .mfp-quiz-radio::after {
  content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--mfp-gold-lt);
}
.mfp-quiz-option.correct .mfp-quiz-radio { border-color: #4ead6b; }
.mfp-quiz-option.correct .mfp-quiz-radio::after { background: #4ead6b; }
.mfp-quiz-option.wrong .mfp-quiz-radio   { border-color: #c0564a; }
.mfp-quiz-option.wrong .mfp-quiz-radio::after   { background: #c0564a; }
.mfp-quiz-card-footer {
  padding: 12px 24px 20px;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.mfp-quiz-feedback {
  font-size: 12px; color: rgba(253,250,244,.5); font-style: italic;
  opacity: 0; transform: translateY(6px); transition: opacity .3s, transform .3s;
}
.mfp-quiz-feedback.show { opacity: 1; transform: none; }
.mfp-quiz-feedback.is-correct { color: #a8e6bc; }
.mfp-quiz-feedback.is-wrong   { color: #e8a8a0; }
.mfp-quiz-continue {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--mfp-gold-lt); border: 1px solid rgba(196,154,42,.35);
  padding: 9px 18px; transition: all .25s;
  opacity: 0; transform: translateY(6px); pointer-events: none;
}
.mfp-quiz-continue.show { opacity: 1; transform: none; pointer-events: all; }
.mfp-quiz-continue:hover { background: var(--mfp-gold); color: var(--mfp-ivory); border-color: var(--mfp-gold); }
@media (max-width: 900px) { .mfp-quiz-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .mfp-quiz-grid { grid-template-columns: 1fr; } }

/* === HOMEPAGETEST shared layout utilities === */
.widget-mpl__part { border-color: var(--mpl-border, var(--g400, #e0d8cc)) !important; }
.widget-mpl__panel,
.widget-mpl__min-h-panel { min-height: 14rem; }
.widget-mpl__min-h-half { min-height: 7rem; }
.widget-mpl__min-h-sm { min-height: 3.5rem; }
.widget-mpl__col-quarter { width: 25%; min-width: 0; }
.widget-mpl__col-half { width: 50%; min-width: 0; }
.widget-stf__header-band { letter-spacing: 0.04em; }
.widget-museum-6p__placeholder { min-height: 10rem; }
.widget-museum-4p__title { font-weight: 700; color: #111; }
.widget-museum-4p__title-line { color: #111; }
.widget-museum-4p__meta { line-height: 1.5; color: #111; }
.widget-dqf__question { color: #111; line-height: 1.4; }
.widget-dqf__meta { color: #111; line-height: 1.45; }
.mfp-section-head--raised { position: relative; z-index: 1; }
.bpa-spotlight__art-link { overflow: hidden; display: block; }
.bpa-spotlight__art-img { width: 100%; height: auto; display: block; transition: transform 0.5s ease; }
.bpa-text-muted { color: var(--pewter); }
.bpa-cc__grid { min-height: 16rem; }
.bpa-cc__grid-hero { width: 50%; min-width: 0; border-right: 2px solid var(--ink); }
.bpa-cc__grid-tile { min-height: 8rem; border-bottom: 1px solid var(--smoke); }
.bpa-cc__grid-tile--border-r { border-right: 1px solid var(--smoke); }

@media (max-width: 991.98px) {
  .widget-mpl__col-quarter,
  .widget-mpl__col-half { width: 100%; }
  .widget-mpl__panel,
  .widget-mpl__min-h-panel { min-height: 10rem; }
  .widget-mpl__min-h-half { min-height: 6rem; }
  .bpa-cc__grid-hero { width: 100%; border-right: none; border-bottom: 2px solid var(--ink); }
  .bpa-cc__grid { flex-direction: column; min-height: 0; }
}
@media (max-width: 767.98px) {
  .homepage-site-widgets,
  .homepage-impressionist-widgets,
  .homepage-artsdot-widgets,
  .homepage-buypopart-widgets,
  .mfp-hp { padding-left: clamp(12px, 3vw, 24px); padding-right: clamp(12px, 3vw, 24px); }
  .widget-imp10__movement-title { font-size: clamp(18px, 5vw, 24px); }
  .ti-sh { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 24px; }
}


/* ===================================================== */
/* MERGED FROM articles_style-V1.9.css */
/* ===================================================== */
a {
    color: inherit;
}
H1, H2, H3 {  
    clear: both; 
    font-size: 29px;
    text-align: left;
    line-height: 38px;
    margin-bottom: 32px;
    font-weight: 400;
    font-family: var(--font-title);
    margin-top: 55px;
}

H2:first-of-type {
    margin-top: 0;
}
    
.HTMLSectionBlock {
    float: right;
    max-width: 20vw;
    padding: 0 1vh 1vh 1vh;
    text-align: justify;         
    clear: both;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    color: #776E62;
    line-height: 21px;    
}

.HTMLSectionBlock p {
    margin: 0;
    padding: 0; 
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    color: #776E62;
    line-height: 21px;    
}

.HTMLSectionBlock a {
    display: inline-block;
    color: #000000;
    text-align: justify;  
    margin-bottom: 8px;
}

.HTMLSectionBlock img {
    display: block;
    margin: 0 auto 0.5em auto;   /* Centers the image & adds space below */
    max-width: 100%;
    max-height: 350px;
    margin-bottom: 8px;
}




/* ===================================================== */
/* MERGED FROM widget-artwork-labels.css */
/* ===================================================== */
/*
 * widget-artwork-labels.css — unified typography for artwork/category captions
 * in widgets. Loaded after site *-V1.9.css in base.html.
 * Typography only — does not override color, background, padding, or overlay layout.
 */

.widget-stf__label,
.widget-stf__label a,
.bpa-stf__label,
.widget-mpl__category,
.widget-mpl__category a,
.widget-mpl__caption,
.widget-mpl__caption a,
.widget-tf-static__category,
.widget-tf-static__category a,
.widget-recent-own-static__category,
.widget-recent-own-static__category a,
.widget-stock-ready-static__category,
.widget-stock-ready-static__category a,
.widget-museum-4p__label,
.widget-museum-4__label,
.widget-museum-6p__label,
.widget-museum-6h__label,
.widget-museum-single__caption,
.widget-artist-otd5__label,
.widget-artist-otd5__art-title,
.widget-curated-choice__label,
.widget-curated-choice__label--hero,
.widget-curated-choice__label--small,
.widget-artist-spotlight__art-title,
.widget-imp10__art-title,
.widget-pop10__art-title,
.widget-famous10__art-title,
.widget-quiz-artwork__caption {
  font-family: var(--font-title, inherit) !important;
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  font-style: normal !important;
  font-synthesis: none !important;
}


/* ===================================================== */
/* MERGED FROM userprofile-V1.9.css */
/* Re-themed to brand UI Kit (was WA palette): MFP — ivory page, dark-gallery ink sidebar, antique gold accent */
/* ===================================================== */
/* Profile: sidebar shell only — do not use * reset (zeros .sidebar_profile_section / link padding) */
.userprofile-page .sidebar-col,
.userprofile-page .mobile-sidebar {
    box-sizing: border-box;
}
body.userprofile-page {
    font-family: var(--font-body);
    background: var(--mfp-ivory, #FDFAF4);
    --up-profile-photo-input-bg: #ffffff;
    --up-profile-photo-input-border: var(--mfp-sand-3, #DDD5C0);
    --up-profile-photo-input-ink: var(--mfp-ink, #1A1814);
    --up-profile-photo-input-radius: 4px;
    --up-profile-photo-input-padding: 10px;
    --up-profile-photo-input-font-size: 14px;
}
.userprofile-page .sidebar-col a,
.userprofile-page .mobile-sidebar a {
    text-decoration: none;
}
.userprofile-page .sidebar_menu_link ul,
.userprofile-page .mobile-sidebar .sidebar_menu_link ul {
    padding-left: 0px;
    margin-bottom: 0px;
}
.userprofile-page .sidebar_menu_link li,
.userprofile-page .mobile-sidebar .sidebar_menu_link li {
    list-style-type: none;
}
.header_box {
    background: #FFFFFF;
    padding: 15px 20px;
    box-shadow: 0px 0px 10px 0px rgb(26 24 20 / 10%);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(26 24 20 / 10%);
    -moz-box-shadow: 0px 0px 10px 0px rgb(26 24 20 / 10%);
    margin-left: 320px;
}
h3.user_heading_text {
    color: var(--mfp-ink, #1A1814);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    font-family: var(--font-title);
    margin-bottom: 0px;
}
p.user_title_text {
    color: var(--mfp-ink, #1A1814);
    font-size: 14px;
    font-weight: 400;
    opacity: 0.6;
    line-height: 22px;
    margin-bottom: 0px;
}
.sidebar_box {
    background: var(--mfp-ink, #1A1814);
margin-bottom:0 !important;
border:0 !important;
height:100%;
}
.sidebar_menu_link {
/*     height: 100vh; */
}
.sidebar_profile_section {
    padding: 15px 30px;
    border-bottom: 1px solid #FDFAF433;
    display: flex;
    gap: 10px;
    align-items: center;
}


aside::-webkit-scrollbar {
    width: 8px;
}

aside::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

aside::-webkit-scrollbar-thumb {
    background: #8B6914;
    border-radius: 10px;
}

aside::-webkit-scrollbar-thumb:hover {
    background: #C49A2A;
}

aside {
    scrollbar-width: thin;
    scrollbar-color: var(--mfp-sand-3, #DDD5C0) var(--mfp-ink, #1A1814);
}


.image_letter {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #FDFAF440;
    border-radius: 50%;
    color: var(--mfp-ivory, #FDFAF4);
    font-weight: 500;
    font-size: 19.43px;
}
.profile_name {
    color: var(--mfp-ivory, #FDFAF4);
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}
.profile_email {
    color: var(--mfp-ivory, #FDFAF4);
    opacity: 0.6;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}
.sidebar_menu_link ul li {
    cursor: pointer;
}
.sidebar_menu_link li.active {
    background: rgba(196, 154, 42, 0.10);
    border-left: 4px solid var(--mfp-gold-lt, #C49A2A);
}

.sidebar_menu_link li.active a span {
    color: var(--mfp-gold-lt, #C49A2A);
}
/* .sidebar_menu_link li.active a svg {
    color: var(--mfp-gold-lt, #C49A2A) !important;
} */
.sidebar_menu_link li a {
    padding: 22px 30px;

}
.sidebar_menu_link li {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.sidebar_menu_link li:hover ,
.logout_section ul li:hover{
    background: rgba(196, 154, 42, 0.10);
}

/* .sidebar_menu_link li:hover a svg, */

.sidebar_menu_link li:hover a span,

.logout_section ul li:hover  a span,
.logout_section ul li:hover  a svg
{
    color: var(--mfp-gold-lt, #C49A2A);
}
.sidebar_menu_link ul li a
{
    display: flex;
    align-items: center;
    gap: 15px;
}
.sidebar_menu_link li span,
.logout_section ul li span{
    color: var(--mfp-ivory, #FDFAF4);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
}
.sidebar_menu_link li a svg ,
.logout_section ul li a svg
{
    color: var(--mfp-ivory, #FDFAF4) ;
}

.main_section {
}
.favorite_img_card {
    border-right: 1px solid var(--mfp-sand-3, #DDD5C0);
    border-bottom: 1px solid var(--mfp-sand-3, #DDD5C0);
    padding: 42px 33px;
    width: 20%;
}
.fav_img {
    max-width: 250px;
    height: 233px;
    margin: auto;
}
.fav_img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.fav-artist h2 {
    font-family: var(--font-body);
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    color: var(--mfp-gold, #8B6914);
}
.fav-artist h2 a{
    color: var(--mfp-gold, #8B6914);
}
.favCard_body {
    margin-top: 30px;
    max-width: 250px;
    margin: auto;
    margin-top: 30px;
}
.fav-title {
    font-family: var(--font-body);
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: var(--mfp-ink, #1A1814);
    margin: 6px 0px 11px;
    min-height: 38px;
}
.fav-title a{
    color: var(--mfp-ink, #1A1814);
}
.button-dash {
    width: 100%;
    border: 1px solid var(--mfp-gold);
    border-radius: 0;
    padding: 11px 15px;
    color: var(--mfp-gold);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    background: transparent;
}
.favorite_img_section {
    display: flex;
    flex-wrap: wrap;
}
.favorite_img_section:nth-child(-n+5) {
    border-top: 1px solid var(--mfp-sand-3, #DDD5C0);
}
.logout_section {
    width: 100%;
    z-index: 99;
    background: var(--mfp-ink, #1A1814);
}
.logout_section ul li {
    cursor: pointer;
}
.logout_section ul li a {
    display: flex;
    align-items: center;
    padding: 22px 30px;

    gap: 15px;
}
.logout_section ul li span{
    color: var(--mfp-ivory, #FDFAF4);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.main_gap {
    padding: 16px;
}
.top_order_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 13px;
}
.order_count {
    color: var(--mfp-ink, #1A1814);
    font-size: 14px;
    font-weight: 400;
    opacity: 0.8;
}
.purchase_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 18px 12px 18px;
    border-bottom: 1px solid var(--mfp-sand-3, #DDD5C0);
}
.date_amount h6 {
    color: var(--mfp-ink, #1A1814);
    font-size: 14px;
    opacity: 0.6;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.date_amount p {
    color: var(--mfp-ink, #1A1814);
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 0px;
}
.pur_top_box {
    display: flex;
    gap: 17px;
}
.purchase_section {
    margin-top: 11px;
    box-shadow: 0px 0px 10px 0px rgb(26 24 20 / 10%);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(26 24 20 / 10%);
    -moz-box-shadow: 0px 0px 10px 0px rgb(26 24 20 / 10%);
    background: #FFFFFF;
}
.purchase-bottom {
    padding: 15px 18px 15px 18px;
}
.purchase-bottom ul {
    display: flex;
    gap: 15px;
}
.purchase-bottom ul li {
    width: 90px;
    height: 90px;
}
.purchase-bottom ul li img{
    width: 100%;
    height: 100%;
}
table {
    border-color: var(--mfp-sand-3, #DDD5C0) !important;
}
table thead th {
    background: var(--mfp-sand, #F5F1E8) !important;
    color: var(--mfp-ink, #1A1814) !important;
    opacity: 0.6;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    padding: 9px 12px !important;
}
/* Cart table keeps the global rhythm: the generic table theme below carries
   !important (needed against Bootstrap elsewhere), so the cart scope must re-assert
   the global-custom cart paddings that used to win via !important. */
.cart_table_box .table > :not(caption) > * > * {
    padding: 20px 0 !important;
}
table tbody td {
    background: #FFFFFF !important;
    color: var(--mfp-ink, #1A1814) !important;
    padding: 12px 14px !important;
font-family: var(--font-body);
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;

}
.red_box {
    color: #B0312E;
    display: inline;
    font-weight: 500;
    background: #F0DFCF;
    padding: 4px 10px;
    border-radius: 4px;
}
.green_box {
    color: #389544;
    display: inline;
    font-weight: 500;
    background: #E4E9D1;
    padding: 4px 10px;
    border-radius: 4px;
}
.yellow_box {
    color: #D08608;
    display: inline;
    font-weight: 500;
    background: #F3E7CB;
    padding: 4px 10px;
    border-radius: 4px;
}
.table_type_datail {
    display: flex;
    align-items: center;
    gap: 9px;
}
.table_img {
    width: 18px;
    height: 18px;
    position: relative;
    top: -3px;
}
.table_img img {
    width: 100%;
    height: 100%;
}
.img_date_box {
    position: relative;
    top: -2px;
    left: -3px;
}


/*message_us form css*/

.message-bg {
background-color:var(--mfp-sand, #F5F1E8);
}
.message_section {
 
}

.message_form {
    max-width: 630px;
    /* background: var(--mfp-sand, #F5F1E8); */
    margin: auto;
}

textarea.form-control:focus {
    background-color:#FFFFFF;
}
    
.message_image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Image ko crop karke fill karega */
    display: block;
    max-height: 800px;
}

.text-center.sendmsg_textt {
/*     padding-top: 120px; */
}



.text-center.sendmsg_textt h1 {
    font-size: 48px;
    font-weight: 400;
    font-family: var(--font-title);
    line-height: 56px;
    color: var(--mfp-ink, #1A1814);
}
.text-center.sendmsg_textt p {
    font-size: 16px;
    line-height: 24px;
opacity:0.8;
    font-weight: 400;
    font-family: var(--font-body);
    color: var(--mfp-ink, #1A1814);
}
.mesg_textarea textarea {
    width: 100%;
    height: 280px;
margin-top:36px;
margin-bottom:30px;
    padding: 10px;
    font-size: 16px;
        font-family: var(--font-body);
    border: 1px solid #FFFFFF;
    resize: vertical;
    background: #FFFFFF;
border-radius:0;
}
.mesg_textarea textarea:focus {
    border: 1px solid #ccc;  
    box-shadow: none;       
}
.mesg_textarea {
    
}
.sendmsg_textt button
 {
    padding: 14px;
    border: none;
    background: var(--mfp-gold, #8B6914);
   font-family: var(--font-body);
font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: CAP_HEIGHT;
line-height: 20px;
 width:100%;
letter-spacing: 6%;
text-align: center;
text-transform: uppercase;
color:var(--mfp-ivory, #FDFAF4);
}
.sendmsg_textt button:hover {
    border: none !important;
color:var(--mfp-ivory, #FDFAF4) !important;
    background: var(--mfp-gold, #8B6914) !important;

}
/* When textarea is focused, change button color */
.mesg_textarea textarea:focus ~ button {
    background: var(--mfp-gold);
}
.mesg_textarea textarea:focus {
    outline: none;  /* Remove the blue glow */
    border: none;   /* Remove the border */
    box-shadow: none; /* Ensure no shadow */
}

/*succesfull msg */


.text-center.suceesfulmsg_textt{
    padding-top: 230px;
}
.text-center.suceesfulmsg_textt img {
    padding-bottom: 30px;
}
.text-center.suceesfulmsg_textt h1 {
    font-size: 45px;
    font-weight: 400;
    font-family: var(--font-title);
    line-height: 66px;
    color: var(--mfp-ink, #1A1814);
}
.text-center.suceesfulmsg_textt p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: var(--font-body);
    color: var(--mfp-ink, #1A1814);
}

.suceesfulmsg_textt button
 {
    padding: 10px 120px;
    border: none;
    background: var(--mfp-gold);
    font-size: 16px;
    line-height: 24px;
    font-family: var(--font-body);
    font-weight: 500;
    color: var(--mfp-ivory, #FDFAF4);
    text-transform: uppercase;
}
 

/* Sidebar Default */
aside {
    width: 100%;
    background: var(--mfp-sand, #F5F1E8);
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    transition: transform 0.3s ease-in-out;
    z-index: 999;
}


/* Toggle Button */
.sidebar-toggle {
    background: var(--mfp-gold, #8B6914);
    color: white;
    border: none;
    padding: 8px 12px;
    font-size: 18px;
    cursor: pointer;
    z-index: 1000;
}

.mobile-sidebar {
    position: fixed;
    top: 0;
    left: -270px;
    height: 100vh;
    width: 260px;
    background-color:  var(--mfp-ink, #1A1814);
    z-index: 1050;
    transition: left 0.3s ease-in-out;
    box-shadow: 2px 0 5px rgba(0,0,0,0.5);
}
.mobile-sidebar.active {
    left: 0;
}
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    display: none;
}
.sidebar-overlay.active {
    display: block;
}
.sidebar-toggle-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1060;
        width: 40px !important;
}

.sidebar_box .sidebar_menu_link li img {
    height: clamp(20px , 1.25vw , 24px);
    width: clamp(20px , 1.25vw , 24px);
    
    filter: brightness(0) invert(1); 
    
    transition: filter 0.3s ease; 
}

@media (min-width: 768px) {
    .sidebar-toggle-btn {
        display: none;
    }

.profile_picture_top_header_initiales {
    font-size: 15.43px;
}
.message_form {
   
    padding: 0px 60px;
}
.message_image {
padding:0;
}

.upload_img_form {
    display: flex;
    flex-direction: row-reverse;
    text-align: left;
    gap: 12px;
}
/*     .main-grid-row {
        display: flex;
    } */
/*     .sidebar-col {
        flex-basis: 25%;
        max-width: 25%;
    }
    .main-content-col {
        flex-basis: 75%;
        max-width: 75%;
        padding-left: 2rem;
    } */
    .mobile-sidebar {
        display: none;
    }
/* .logout_section {
    position: absolute;
    bottom: 0;
} */
.sidebar_box {
    position: relative;
}
}

/* Responsive */
@media (max-width: 768px) {
.profile-photo-section .profile-photo-upload .form-control {
    background-color: var(--up-profile-photo-input-bg, #ffffff) !important;
    border-radius: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--up-profile-photo-input-border, #DDD5C0) !important;
    color: var(--up-profile-photo-input-ink, inherit) !important;
}
.e_card_form {
    padding: 24px;
    margin: 24px auto;
}
.profile-photo-section {
    padding: 15px;
}
.profile-photo-circle {
    width: 120px;
    height: 120px;
    border-width: 3px;
}
.btn-delete-photo {
    padding: 8px 16px;
    font-size: 12px;
}
.form-container input , .main-grid-row input {
  
    font-size: 14px;
    width: 100%;
    padding: 9px;

    margin-bottom: 8px;
}
.purchase-card .btn-prev {

    font-size: 14px !important;

    padding: 10px !important;
    width: auto;
}
.puchase-card-content {
    padding: 14px;
    gap: 14px;
}
.purchase-card-head {
    padding: 14px;
}

.sidebar_profile_section { padding: 15px 15px;}.profile_name{ font-size: 15px;}
.profile_email {font-size: 12px;}.sidebar_menu_link li span {font-size: 12px;}.sidebar_menu_link ul li img {width: 20px;height:20px; object-fit:contain;}
 .text-center.sendmsg_textt h1 {font-size: 35px;line-height: 42px;}.text-center.suceesfulmsg_textt h1 { font-size: 30px;line-height: 38px;}
 .text-center.suceesfulmsg_textt p {font-size: 13px;line-height: 20px;} .suceesfulmsg_textt button {padding: 10px 80px;font-size: 14px;}
 .text-center.sendmsg_textt p {
    font-size: 14px;
    line-height: 14px;
 }
aside {
    height: 100%;

}
.message_image img {
  
    height: 339px !important;
}
 
    .sidebar_box .text-center.mb-20 img{

}
.sidebar_box {
width:auto !important;
}

aside {transform: translateX(0%);}aside.active { transform: translateX(0); }.sidebar-toggle {display: block;}#sidebar { display: block; }
.main_section { margin-left: 0px;margin-top: 20px;}.sidebar-toggle { display: block;}.header_box {margin-left:0px;padding: 10px 20px;position: fixed; top: 0; left: 0;width: 100%;z-index: 999;}
.date_amount h6 {font-size: 12px;}p.user_title_text {font-size: 12px;}.date_amount p {font-size: 12px;}.button-dash {padding: 5px 8px; font-size: 12px;}.purchase-bottom ul li img { object-fit: cover;}
.fav_img {height: auto;}.favorite_img_card {padding: 40px 0px; width: 100%;}table thead th {font-size: 12px; white-space: nowrap;}
table tbody td { font-size: 12px;white-space: nowrap;}.table_img img {width: 80%; height: 80%;object-fit: contain;}.img_date_box {position: relative;top: 0px;left: 0px;}
.message_form {width: 100%;}.sendmsg_textt button {padding: 10px 60px}.message_image {width: 100%;order: -1;padding-top:50px;}
.text-center.sendmsg_textt {padding-top: 60px;padding-bottom: 60px;}.text-center.suceesfulmsg_textt {padding-top: 50px; padding-bottom: 50px;}
 
}


/* Tablet Portrait to Tablet Landscape */
@media (min-width: 768px) and (max-width: 1023px) {
    /* Tablet styles */
}

/* Small Desktop / Laptop */
@media (min-width: 1024px) and (max-width: 1199px) {
  
}

/* Large Desktop */
@media (min-width: 1200px) and (max-width: 1365px) {
 
   

}

/* Extra Large Desktop */
@media (min-width: 1366px) and (max-width: 1919px) {
}

/* Full HD (1920px) to Ultra-wide */
@media (min-width: 1920px) and (max-width: 2499px) {
  
}


/* Ultra-wide 2K/4K */
@media (min-width: 2500px) {

}

.profile_picture img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

/* Profile Photo Edit Section */
.profile-photo-section {
    margin-bottom: 25px;
    padding: 20px;
    background: #FFFFFF;
    border-radius: 0px;
}

.profile-photo-section > label {
    display: block;
    color: var(--mfp-ink, #1A1814);
    position: relative;
    font-weight: 500;
    padding: 0;
    font-size: 16px;
    margin-bottom: 15px;
    text-transform: uppercase;
}.profile-photo-section > label {
    display: block;
    color: var(--mfp-ink, #1A1814);
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.profile-photo-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    padding: 20px;
    background: var(--mfp-sand, #F5F1E8);
    border-radius: 0;
}

.profile-photo-circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid var(--mfp-gold);
    box-shadow: 0 4px 10px rgba(26, 24, 20, 0.2);
    margin-bottom: 15px;
}

.profile-photo-path {
    margin-bottom: 10px;
    text-align: center;
}

.profile-photo-path small {
    color: var(--mfp-ink, #1A1814);
    opacity: 0.7;
    font-size: 13px;
    word-break: break-all;
}

.profile-photo-actions {
    margin-top: 10px;
}

.btn-delete-photo {
    background: var(--mfp-gold, #8B6914);
    color: var(--mfp-ivory, #FDFAF4);
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.btn-delete-photo:hover {
    background: #8B2222;
}

.profile-photo-upload {
    margin-top: 15px;
}

.profile-photo-upload input[type="file"] {
    display: block;
    width: 100%;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid var(--mfp-sand-3, #DDD5C0);
    border-radius: 4px;
    font-size: 14px;
    color: var(--mfp-ink, #1A1814);
}

.profile-photo-upload .form-text {
    display: block;
    margin-top: 8px;
    color: var(--mfp-ink, #1A1814) !important;
    opacity: 0.6;
}


/* user interaction-card  */

.interaction-card {
/* background-color:var(--mfp-sand-3, #DDD5C0); */
border-radius: 0;
    /* background-color: var(--mfp-sand-3, #DDD5C0); */
    padding: 0;
    border: 0;
}

.header-section {
    background-color: #FFFFFF;
    padding: 12px 20px;
    margin-bottom: 20px;
    width: -webkit-fill-available;
box-shadow: 0px 0px 10px 0px #1A18141A;
}
.header-section h3 {
font-family: var(--font-title);
font-weight: 400;
font-style: Regular;
font-size: 26px;
leading-trim: NONE;
line-height: 36px;
letter-spacing: 0%;
color:var(--mfp-ink, #1A1814);
}

.header-section p {
color:var(--mfp-ink, #1A1814);
font-family: var(--font-body);
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 24px;
letter-spacing: 0%;

}
.profile_picture {
    width: 50px;
height:50px;
border-radius:50%;
}
.purchase-card {
background-color:#FFFFFF;
border:1px solid var(--mfp-sand-3, #DDD5C0);
padding:0;
}
.purchase-card-head {
padding:20px;
border-bottom:1px solid var(--mfp-sand-3, #DDD5C0);
}

.puchase-card-content {
padding:20px;
    flex-wrap: wrap;
gap:20px;
}
.puchase-card-content img {
height:120px;
width:120px;
}
.purchase-card .btn-prev {
color:var(--mfp-gold);
font-family: var(--font-body);
font-weight: 500;
font-style: Medium;
font-size: 16px;
leading-trim: CAP_HEIGHT;
line-height: 20px;
letter-spacing: 6%;
text-align: center;
text-transform: uppercase;
padding:20px;
    width: auto;
}

/* Form-floating: always use "focused" style (label above, reduced padding) on account forms */
.e_card_form .form-floating > .form-control,
.e_card_form .form-floating > .form-select {
    padding-top: 1.2rem !important;
    padding-bottom: 8px;
}
.e_card_form .form-floating > .form-control ~ label,
.e_card_form .form-floating > .form-control-plaintext ~ label,
.e_card_form .form-floating > .form-select ~ label {
    color: #7b7b7b !important;
    opacity: 0.8;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    font-size: 12px !important;
}
/* ═══════════════════════════════════════
   Most-Famous-Paintings — Infinite Scroll (/art/infinite_scroll/)
   Scoped via .ais-hero-banner; brand tokens only.
   ═══════════════════════════════════════ */
body:has(.ais-hero-banner) {
  --ais-page: var(--mfp-sand);
  --ais-surface: var(--mfp-white);
  --ais-surface-2: var(--mfp-ivory);
  --ais-border: var(--mfp-sand-3);
  --ais-divider: var(--mfp-rule);
  --ais-frame-bg: var(--mfp-sand-2);
  --ais-ink: var(--mfp-ink);
  --ais-ink-2: var(--mfp-ink-2);
  --ais-ink-3: var(--mfp-ink-3);
  --ais-faint: var(--mfp-ink-3);
  --ais-accent: var(--mfp-gold);
  --ais-accent-dark: var(--mfp-ink);
  --ais-label-accent: var(--mfp-gold);
  --ais-on-accent: var(--mfp-white);
  --ais-shadow-rgb: 26 24 20;
  --ais-accent-rgb: 139 105 20;
  --ais-f-heading: var(--font-title);
  --ais-f-title: var(--font-title);
  --ais-f-body: var(--font-body);
  --ais-f-label: var(--font-body);
  --ais-f-mono: var(--font-body);
  --ais-heading-weight: 400;
  --ais-radius: 2px;
  --ais-max-w: 1380px;
  --ais-gutter: clamp(20px, 4vw, 64px);

  background: var(--ais-page);
  color: var(--ais-ink);
  font-family: var(--ais-f-body);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

body:has(.ais-hero-banner) .rake {
  position: fixed;
  inset: -20vh -30vw;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    transparent 38%,
    rgb(255 255 255 / 45%) 48%,
    rgb(var(--ais-accent-rgb) / 7%) 52%,
    transparent 64%
  );
  mix-blend-mode: soft-light;
  transform: translateX(calc((var(--rake, .2) - .5) * 60vw));
  transition: transform .4s ease-out;
  opacity: .75;
}

body:has(.ais-hero-banner) .scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0%;
  z-index: 1001;
  pointer-events: none;
  background: linear-gradient(90deg, var(--ais-accent-dark), var(--ais-accent));
  box-shadow: 0 0 8px -1px rgb(var(--ais-accent-rgb) / 45%);
  transition: width .12s linear;
}

body:has(.ais-hero-banner) .reveal-up {
  opacity: 0;
  transform: translateY(24px);
  animation: mfp-ais-reveal-up .9s cubic-bezier(.16, 1, .3, 1) forwards;
}

@keyframes mfp-ais-reveal-up {
  to { opacity: 1; transform: none; }
}

body:has(.ais-hero-banner) .feed-head {
  position: relative;
}

body:has(.ais-hero-banner) .feed-head::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 0;
  background: var(--ais-accent);
  animation: mfp-ais-draw-line 1.1s 1s cubic-bezier(.16, 1, .3, 1) forwards;
}

@keyframes mfp-ais-draw-line {
  to { width: 64px; }
}

body:has(.ais-hero-banner) .ais-intro {
  background: var(--ais-surface);
  border-bottom: 1px solid var(--ais-border);
}

body:has(.ais-hero-banner) .ais-intro-inner {
  max-width: var(--ais-max-w);
  margin: 0 auto;
  padding: 36px var(--ais-gutter) 32px;
  text-align: center;
}

body:has(.ais-hero-banner) .ais-intro-title {
  font-family: var(--ais-f-heading);
  font-size: clamp(22px, 2.4vw, 34px);
  font-weight: var(--ais-heading-weight);
  color: var(--ais-ink);
  margin-bottom: 14px;
  letter-spacing: .01em;
}

body:has(.ais-hero-banner) .ais-intro-desc {
  font-family: var(--ais-f-body);
  font-size: clamp(15px, 1.4vw, 18px);
  font-style: italic;
  line-height: 1.75;
  color: var(--ais-ink-3);
  max-width: 760px;
  margin: 0 auto;
}

body:has(.ais-hero-banner) .stage {
  position: relative;
  z-index: 2;
  max-width: var(--ais-max-w);
  margin: 0 auto;
  padding: 24px var(--ais-gutter) 120px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 56px;
  transition: grid-template-columns .65s cubic-bezier(.45, .05, .2, 1);
}

body:has(.ais-hero-banner) .stage.pinned {
  grid-template-columns: 0.92fr 1.08fr;
}

body:has(.ais-hero-banner) .pinned-col {
  display: none;
  position: sticky;
  top: 80px;
  align-self: start;
  height: fit-content;
}

body:has(.ais-hero-banner) .stage.pinned .pinned-col {
  display: block;
  animation: mfp-ais-pin-in .8s cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes mfp-ais-pin-in {
  from { opacity: 0; transform: translateY(34px) scale(.94); filter: blur(6px); }
  to   { opacity: 1; transform: none; filter: blur(0); }
}

body:has(.ais-hero-banner) .plate.grand .frame img {
  animation: mfp-ais-breathe 14s ease-in-out infinite alternate;
}

@keyframes mfp-ais-breathe {
  from { transform: scale(1); }
  to   { transform: scale(1.035); }
}

body:has(.ais-hero-banner) .plate {
  background: var(--ais-surface);
  border: 1px solid var(--ais-border);
  border-radius: var(--ais-radius);
  position: relative;
  overflow: hidden;
}

body:has(.ais-hero-banner) .plate.grand {
  box-shadow: 0 30px 60px -20px rgb(var(--ais-shadow-rgb) / 14%);
}

body:has(.ais-hero-banner) .plate .top {
  display: flex;
  align-items: flex-start;
}

body:has(.ais-hero-banner) .plate .mat {
  padding: 22px;
  position: relative;
  flex: 0 0 auto;
  width: 46%;
  max-width: 340px;
}

body:has(.ais-hero-banner) .plate .frame {
  position: relative;
  background: var(--ais-frame-bg);
  outline: 1px solid var(--ais-divider);
  outline-offset: -1px;
  overflow: hidden;
  width: 100%;
}

body:has(.ais-hero-banner) .plate .frame img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 1.4s cubic-bezier(.2, .8, .2, 1), opacity .9s ease, filter .9s ease;
  opacity: 0;
  filter: blur(10px);
}

body:has(.ais-hero-banner) .plate .frame img.loaded {
  opacity: 1;
  filter: blur(0);
}

body:has(.ais-hero-banner) .plate-no {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 3;
  background: var(--ais-ink);
  color: var(--ais-on-accent);
  font-family: var(--ais-f-mono);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 5px 9px;
  border-radius: var(--ais-radius);
}

body:has(.ais-hero-banner) .plate .caption {
  flex: 1 1 auto;
  min-width: 0;
  padding: 26px 26px 22px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body:has(.ais-hero-banner) .plate .caption .artist {
  font-family: var(--ais-f-label);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ais-ink);
  margin-bottom: 8px;
}

body:has(.ais-hero-banner) .plate .caption .title {
  font-family: var(--ais-f-title);
  font-style: italic;
  font-size: 26px;
  line-height: 1.2;
  color: var(--ais-ink-2);
}

body:has(.ais-hero-banner) .plate .caption .facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--ais-divider);
}

body:has(.ais-hero-banner) .fact {
  display: inline-block;
  padding: 8px 13px;
  background: var(--ais-surface-2);
  border: 1px solid var(--ais-border);
  border-radius: var(--ais-radius);
  font-family: var(--ais-f-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ais-ink-2);
  opacity: 0;
  transform: translateY(8px) scale(.96);
  animation: mfp-ais-fact-in .5s cubic-bezier(.16, 1, .3, 1) forwards;
}

@keyframes mfp-ais-fact-in {
  to { opacity: 1; transform: none; }
}

body:has(.ais-hero-banner) a.fact {
  text-decoration: none;
  color: var(--ais-ink-2);
  cursor: pointer;
  transition: border-color .3s ease, color .3s ease, background .3s ease, transform .3s ease;
}

body:has(.ais-hero-banner) a.fact:hover {
  border-color: var(--ais-accent);
  color: var(--ais-ink);
  background: var(--ais-surface);
  transform: translateY(-1px);
}

body:has(.ais-hero-banner) .plate .mat a.frame {
  display: block;
  cursor: pointer;
}

body:has(.ais-hero-banner) .plate .below {
  padding: 0 26px 26px;
  border-top: 1px solid var(--ais-divider);
  margin-top: 0;
}

body:has(.ais-hero-banner) .plate .below .desc {
  font-family: var(--ais-f-body);
  font-size: 17px;
  line-height: 1.7;
  color: var(--ais-ink-3);
  padding-top: 20px;
}

body:has(.ais-hero-banner) .actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
}

body:has(.ais-hero-banner) .fav-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--ais-f-label);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ais-ink-2);
  background: var(--ais-surface);
  border: 1px solid var(--ais-border);
  border-radius: var(--ais-radius);
  padding: 11px 18px;
  cursor: pointer;
  transition: transform .3s ease, border-color .3s ease, color .3s ease, background .3s ease, box-shadow .3s ease;
}

body:has(.ais-hero-banner) .fav-btn .heart {
  position: relative;
  width: 14px;
  height: 14px;
  display: inline-block;
}

body:has(.ais-hero-banner) .fav-btn .heart svg {
  width: 14px;
  height: 14px;
  display: block;
  transition: transform .35s cubic-bezier(.34, 1.56, .64, 1);
}

body:has(.ais-hero-banner) .fav-btn .heart svg path {
  fill: none;
  stroke: var(--ais-ink-2);
  stroke-width: 1.4;
  transition: fill .35s ease, stroke .35s ease;
}

body:has(.ais-hero-banner) .fav-btn:hover {
  border-color: var(--ais-accent);
  color: var(--ais-ink);
  transform: translateY(-1px);
  box-shadow: 0 8px 20px -10px rgb(var(--ais-shadow-rgb) / 22%);
}

body:has(.ais-hero-banner) .fav-btn:hover .heart svg path {
  stroke: var(--ais-accent);
}

body:has(.ais-hero-banner) .fav-btn.saved {
  background: var(--ais-accent);
  border-color: var(--ais-accent);
  color: var(--ais-on-accent);
}

body:has(.ais-hero-banner) .fav-btn.saved .heart svg path {
  fill: var(--ais-on-accent);
  stroke: var(--ais-on-accent);
}

body:has(.ais-hero-banner) .fav-btn.saved .heart svg {
  animation: mfp-ais-heart-pop .45s cubic-bezier(.34, 1.56, .64, 1);
}

@keyframes mfp-ais-heart-pop {
  0%   { transform: scale(.6); }
  55%  { transform: scale(1.35); }
  100% { transform: scale(1); }
}

body:has(.ais-hero-banner) .buy-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--ais-f-label);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  border-radius: var(--ais-radius);
  padding: 11px 18px;
  cursor: pointer;
  border: 1px solid var(--ais-ink);
  text-decoration: none;
  transition: transform .3s ease, background .3s ease, color .3s ease, box-shadow .3s ease, border-color .3s ease;
}

body:has(.ais-hero-banner) .buy-btn .arrow {
  display: inline-block;
  transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}

body:has(.ais-hero-banner) .buy-btn:hover .arrow {
  transform: translateX(3px);
}

body:has(.ais-hero-banner) .buy-btn.print {
  background: var(--ais-surface);
  color: var(--ais-ink-2);
  border-color: var(--ais-border);
}

body:has(.ais-hero-banner) .buy-btn.print:hover {
  border-color: var(--ais-accent);
  color: var(--ais-ink);
  transform: translateY(-1px);
  box-shadow: 0 8px 20px -10px rgb(var(--ais-shadow-rgb) / 22%);
}

body:has(.ais-hero-banner) .buy-btn.painting {
  background: var(--ais-accent);
  color: var(--ais-on-accent);
  border-color: var(--ais-accent);
}

body:has(.ais-hero-banner) .buy-btn.painting:hover {
  background: var(--ais-accent-dark);
  border-color: var(--ais-accent-dark);
  transform: translateY(-1px);
  box-shadow: 0 10px 26px -10px rgb(var(--ais-accent-rgb) / 45%);
}

body:has(.ais-hero-banner) .feed-col {
  min-width: 0;
}

body:has(.ais-hero-banner) .feed-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--ais-border);
}

body:has(.ais-hero-banner) .feed-head .label {
  font-family: var(--ais-f-label);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--ais-label-accent);
}

body:has(.ais-hero-banner) .feed-head .count {
  font-family: var(--ais-f-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ais-faint);
}

body:has(.ais-hero-banner) .work-col {
  display: flex;
}

body:has(.ais-hero-banner) .work {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 100%;
  background: var(--ais-surface);
  border: 1px solid var(--ais-border);
  border-radius: var(--ais-radius);
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 2px 10px -6px rgb(var(--ais-shadow-rgb) / 10%);
  will-change: opacity, transform;
  opacity: 0;
  transform: translateY(40px) scale(.82);
  transition: opacity .7s cubic-bezier(.2, .8, .2, 1), transform .7s cubic-bezier(.2, .8, .2, 1), box-shadow .5s ease;
}

body:has(.ais-hero-banner) .work.in-view {
  opacity: 1;
  transform: translateY(0) scale(1);
}

body:has(.ais-hero-banner) .work:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 14px 36px -16px rgb(var(--ais-shadow-rgb) / 16%);
  transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .9s ease;
}

body:has(.ais-hero-banner) .work.clicked {
  transition: transform .22s cubic-bezier(.34, 1.56, .64, 1), box-shadow .22s ease, opacity .22s ease;
  transform: scale(1.05) translateY(-4px);
  box-shadow: 0 30px 70px -18px rgb(var(--ais-shadow-rgb) / 24%);
  z-index: 5;
}

body:has(.ais-hero-banner) .work.clicked .frame img {
  transform: scale(1.06);
}

body:has(.ais-hero-banner) .work.clicked .frame::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(120deg, transparent 30%, rgb(var(--ais-accent-rgb) / 35%) 50%, transparent 70%);
  background-size: 280% 100%;
  animation: mfp-ais-shine .55s ease-out forwards;
}

@keyframes mfp-ais-shine {
  from { background-position: 140% 0; }
  to   { background-position: -140% 0; }
}

body:has(.ais-hero-banner) .work .badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  background: var(--ais-surface);
  border: 1px solid var(--ais-border);
  font-family: var(--ais-f-mono);
  font-size: 8.5px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ais-label-accent);
  padding: 3px 7px;
  border-radius: var(--ais-radius);
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .45s ease, transform .45s ease;
}

body:has(.ais-hero-banner) .work:hover .badge {
  opacity: 1;
  transform: none;
}

body:has(.ais-hero-banner) .work .mat {
  padding: 14px;
  position: relative;
  flex: 0 0 auto;
  width: 40%;
  max-width: 170px;
  display: flex;
  align-items: center;
}

body:has(.ais-hero-banner) .work .frame {
  position: relative;
  background: var(--ais-frame-bg);
  outline: 1px solid var(--ais-divider);
  outline-offset: -1px;
  overflow: hidden;
  width: 100%;
  transition: transform .35s cubic-bezier(.2, .8, .2, 1);
  transform-style: preserve-3d;
}

body:has(.ais-hero-banner) .work .frame img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 1.3s cubic-bezier(.2, .8, .2, 1), filter .6s ease, opacity .9s ease;
  opacity: 0;
  filter: blur(8px);
}

body:has(.ais-hero-banner) .work .frame img.loaded {
  opacity: 1;
  filter: blur(0);
}

body:has(.ais-hero-banner) .work:hover .frame img {
  transform: scale(1.04);
}

body:has(.ais-hero-banner) .work .frame::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 120%, rgb(var(--ais-accent-rgb) / 8%), transparent 60%);
  opacity: 0;
  transition: opacity .6s ease;
}

body:has(.ais-hero-banner) .work:hover .frame::after {
  opacity: 1;
}

body:has(.ais-hero-banner) .work .body {
  flex: 1 1 auto;
  min-width: 0;
  padding: 16px 18px 16px 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid var(--ais-divider);
}

body:has(.ais-hero-banner) .work .body .artist {
  font-family: var(--ais-f-label);
  font-weight: 600;
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ais-ink);
  margin-bottom: 6px;
}

body:has(.ais-hero-banner) .work .body .title {
  font-family: var(--ais-f-title);
  font-style: italic;
  font-size: 17px;
  line-height: 1.25;
  color: var(--ais-ink-2);
}

body:has(.ais-hero-banner) .work .body .meta {
  font-family: var(--ais-f-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ais-faint);
  margin-top: 12px;
  padding-top: 11px;
  border-top: 1px solid var(--ais-divider);
}

body:has(.ais-hero-banner) .sentinel {
  width: 100%;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

body:has(.ais-hero-banner) .feed.swapping {
  animation: mfp-ais-feed-out .35s ease forwards;
}

@keyframes mfp-ais-feed-out {
  to { opacity: 0; transform: translateY(10px); }
}

body:has(.ais-hero-banner) .feed.swap-in {
  animation: mfp-ais-feed-in .5s cubic-bezier(.2, .8, .2, 1);
}

@keyframes mfp-ais-feed-in {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: none; }
}

@media (min-width: 992px) {
  body:has(.ais-hero-banner) .stage.pinned .feed > .work-col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 1100px) {
  body:has(.ais-hero-banner) .stage.pinned {
    grid-template-columns: 1fr;
  }

  body:has(.ais-hero-banner) .pinned-col {
    position: relative;
    top: 0;
  }
}

@media (max-width: 991px) {
  body:has(.ais-hero-banner) .stage.pinned .feed > .work-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  body:has(.ais-hero-banner) .work {
    flex-direction: column;
  }

  body:has(.ais-hero-banner) .work .mat {
    width: 100%;
    max-width: none;
  }

  body:has(.ais-hero-banner) .work .body {
    border-left: none;
    border-top: 1px solid var(--ais-divider);
    padding: 16px 18px;
  }

  body:has(.ais-hero-banner) .plate .top {
    flex-direction: column;
  }

  body:has(.ais-hero-banner) .plate .mat {
    width: 100%;
    max-width: none;
  }

  body:has(.ais-hero-banner) .plate .caption {
    padding: 0 26px 22px;
  }
}


/* ===== artwork_info.html — MFP (dark gallery/gold) ===== */
.art_info_section .historicle_box,
.art_info_section .historicle_box a { color: var(--mfp-ink-2, #4A4438); }
.art_info_section .historicle_box h1,
.art_info_section .historicle_box h2,
.art_info_section .historicle_box h3 { color: var(--mfp-ink, #1A1814); }
.artinfo_top h4,
.historicle_box.artwork-info-infobox .art-info-page-title { color: var(--mfp-ink, #1A1814); font-family: var(--font-title); }
.art_info_details,
.historicle_box.artwork-info-infobox { background: var(--mfp-sand-2, #EDE7D9); border-color: var(--mfp-sand-3, #DDD5C0); box-shadow: var(--sh-card, 0 12px 24px -12px rgba(26,24,20,0.18)); }
.art_info_inner { background: var(--mfp-sand, #F5F1E8); }
.art_info_inner h4 { color: var(--mfp-gold-lt, #C49A2A); text-transform: none; }
.art_info_inner p { color: var(--mfp-ink-2, #4A4438); }
.artwork-info-meta-link { color: var(--mfp-ink-2, #4A4438); }
.artwork-info-meta-link:hover { color: var(--lc, #c8a96e); }
.art_info_box .artwork-info-infobox a:hover,
.art_info_box .historicle_box a:hover,
.art_info_box .artinfo_top h4 a:hover,
.art_info_box .art_info_inner h4 a:hover,
.art_info_box .details_reproducton a:hover,
.art_info_box .fav-icon-artwork a:hover { color: var(--lc, #c8a96e); }

/* ═══════════════════════════════════════════════════════════════════
   MFP — MostFamousPaintings — Similar artworks browse (/art/similar/<slug>/)
   Scoped to .artwork-similar-page — gallery-minimal tokens
   ═══════════════════════════════════════════════════════════════════ */
.search_sec.artwork-similar-page {
  --mfp-bg:      #ffffff;
  --mfp-ink:     #1A1814;
  --mfp-ink-2:   #6e6c68;
  --mfp-ink-3:   #a3a09b;
  --mfp-line:    #e6e6e6;
  --mfp-line-2:  #d6d6d6;
  --mfp-band:    #f5f5f5;
  --mfp-slot:    #eeeeee;
  --mfp-accent:  #8B6914;
  --mfp-accent-dark: #5e470d;
  --mfp-body:    var(--font-body);
}

/* Page chrome — breadcrumb, title row, sort */
.search_sec.artwork-similar-page .nav-list li,
.search_sec.artwork-similar-page .nav-list a,
.search_sec.artwork-similar-page .main-heading,
.search_sec.artwork-similar-page .Showing_text,
.search_sec.artwork-similar-page .sorting_content,
.search_sec.artwork-similar-page .sort_by {
  color: var(--mfp-ink);
  font-family: var(--mfp-body);
}
.search_sec.artwork-similar-page .Showing_text .form-control,
.search_sec.artwork-similar-page .sorting_content select.custom-select {
  background-color: var(--mfp-bg) !important;
  border: 1px solid var(--mfp-line-2) !important;
  color: var(--mfp-ink) !important;
  border-radius: 2px;
}

/* Criteria sidebar */
.search_sec.artwork-similar-page .filter-panel {
  background-color: var(--mfp-band);
  border: 1px solid var(--mfp-line);
  border-radius: 2px;
  font-family: var(--mfp-body);
}
.search_sec.artwork-similar-page .filter-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  padding: 12px 16px;
  min-height: 44px;
  box-sizing: border-box;
}
.search_sec.artwork-similar-page .filter-title span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-family: var(--mfp-body);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mfp-ink);
}
.search_sec.artwork-similar-page .filter-title span img {
  display: block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.search_sec.artwork-similar-page .colors_list {
  padding: 16px !important;
}
.search_sec.artwork-similar-page .colors_list li {
  background: transparent !important;
  border: none !important;
  color: var(--mfp-ink);
}
.search_sec.artwork-similar-page .colors_list li a {
  display: block;
  padding: 10px 12px !important;
  font-family: var(--mfp-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--mfp-ink-2) !important;
  text-decoration: none;
  border-radius: 2px;
  transition: color 0.15s ease, background-color 0.15s ease;
}
.search_sec.artwork-similar-page .colors_list li a:hover {
  color: var(--mfp-accent) !important;
  background-color: var(--mfp-slot);
}
.search_sec.artwork-similar-page .colors_list li a.active {
  color: var(--mfp-accent) !important;
  font-weight: 600;
  background-color: var(--mfp-slot);
}

/* Grid — catalog cards */
.search_sec.artwork-similar-page .custom_search .row > [class*="col-"] {
  border-color: var(--mfp-line) !important;
}
.search_sec.artwork-similar-page .custom_search .search_card {
  background-color: var(--mfp-bg);
  border-color: var(--mfp-line) !important;
  transition: background-color 0.2s ease;
}
.search_sec.artwork-similar-page .search_card:hover {
  background-color: var(--mfp-band) !important;
}
.search_sec.artwork-similar-page .hover_visible {
  background: var(--mfp-band) !important;
  border-bottom-color: var(--mfp-line) !important;
}
.search_sec.artwork-similar-page .search_card .art-artist {
  align-items: center;
  gap: 0.5rem;
}
.search_sec.artwork-similar-page .search_card .art-artist h2 {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
}
.search_sec.artwork-similar-page .search_card .art-artist h2,
.search_sec.artwork-similar-page .search_card .art-artist h2 a {
  font-family: var(--mfp-body);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: left;
  color: var(--mfp-accent) !important;
  text-decoration: none;
  transition: color 0.15s ease;
}
.search_sec.artwork-similar-page .search_card .art-artist h2 a:hover {
  color: var(--mfp-accent-dark) !important;
}
.search_sec.artwork-similar-page .search_card .art-artist span,
.search_sec.artwork-similar-page .search_card .art-artist span a {
  font-family: var(--mfp-body);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  text-align: right;
  flex-shrink: 0;
  opacity: 1;
  color: var(--mfp-ink-3) !important;
}
.search_sec.artwork-similar-page .search_card .art-title,
.search_sec.artwork-similar-page .search_card .art-title a {
  font-family: var(--mfp-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  color: var(--mfp-ink) !important;
  text-decoration: none;
  transition: color 0.15s ease;
}
.search_sec.artwork-similar-page .search_card .art-title a:hover {
  color: var(--mfp-accent) !important;
}
.search_sec.artwork-similar-page .search_card .hover_visible p {
  font-family: var(--mfp-body);
  font-size: 13px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.55;
  text-align: left;
  color: var(--mfp-ink-2) !important;
  opacity: 1;
  margin-bottom: 24px;
}
.search_sec.artwork-similar-page .search_card .hover_visible p a {
  color: var(--mfp-accent) !important;
}
.search_sec.artwork-similar-page .search_card .addToCart,
.search_sec.artwork-similar-page .search_card .addToCart.added {
  background: var(--mfp-ink) !important;
  color: #ffffff !important;
  font-family: var(--mfp-body);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.04em;
  text-transform: none;
  border-radius: 999px;
  padding: 10px 20px;
  width: auto;
  min-width: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.search_sec.artwork-similar-page .search_card .addToCart:hover {
  background: var(--mfp-accent) !important;
  color: #ffffff !important;
}
.search_sec.artwork-similar-page .custom_search .cartbtn_group a.addToCart {
  color: #ffffff !important;
}
.search_sec.artwork-similar-page .search_card .fav_group {
  background: var(--mfp-bg);
  border: 1px solid var(--mfp-line-2) !important;
  border-radius: 999px;
  padding: 7px 10px;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.search_sec.artwork-similar-page .search_card .fav_group:hover,
.search_sec.artwork-similar-page .search_card .fav_group.active {
  background: var(--mfp-slot) !important;
  border-color: var(--mfp-accent) !important;
}

/* ===================================================================
   Ecard (artworks/artwork_ecard.html) — MFP Most-Famous-Paintings
   Museum: sand surfaces, gold accent, Baskervville SC serif headings.
   =================================================================== */
.ecard-page .e_card_section .e_card_form,
.ecard-page .e_card_form {
    background: var(--mfp-sand, #F5F1E8) !important;
    border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
    border-radius: 2px;
}
.ecard-page .e_card_form .form_heading {
    font-family: var(--font-title, 'Baskervville SC', serif);
    color: var(--mfp-ink, #1A1814);
}
.ecard-page .e_card_form .form_content {
    color: var(--mfp-ink-2, #4A4438);
}
.ecard-page .e_card_form .form-control {
    background: var(--mfp-ivory, #FDFAF4);
    border: 1px solid var(--mfp-sand-3, #DDD5C0);
    color: var(--mfp-ink, #1A1814);
    border-radius: 2px;
}
.ecard-page .e_card_form .form-control:focus {
    border-color: var(--mfp-gold, #8B6914);
    box-shadow: none;
}
.ecard-page .form-top_heading {
    background: var(--mfp-sand-2, #EDE7D9) !important;
    border: 1px solid var(--mfp-sand-3, #DDD5C0);
}
.ecard-page .floating_right_heading h5,
.ecard-page .floating_right_heading p {
    color: var(--mfp-ink-2, #4A4438);
}
.ecard-page .add_tocart_btn button {
    background: var(--mfp-ink, #1A1814);
    color: var(--mfp-ivory, #FDFAF4);
    border: 1px solid var(--mfp-ink, #1A1814);
    border-radius: 2px;
    font-family: var(--font-body, 'Inter', sans-serif);
    letter-spacing: .04em;
}
.ecard-page .add_tocart_btn button:hover {
    background: var(--mfp-gold, #8B6914);
    border-color: var(--mfp-gold, #8B6914);
    color: var(--mfp-ivory, #FDFAF4);
}
.ecard-page .e-card_img_upload_section {
    background: var(--mfp-ivory, #FDFAF4) !important;
    border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
}
.ecard-page .e-card_img_upload_section h5 {
    font-family: var(--font-title, 'Baskervville SC', serif);
    color: var(--mfp-ink, #1A1814);
}

/* =====================================================
   PrintReproduction & DigitalImage buy pages — article (historicle_box) typography
   Structure lives in global-custom-V1.9.css; brand ink/links here.
   ===================================================== */
.reproduction_main_page .historicle_box,
.reproduction_main_page .historicle_box p,
.reproduction_main_page .historicle_box h1,
.reproduction_main_page .historicle_box h2,
.reproduction_main_page .historicle_box h3,
.adc-buy-page-section .historicle_box,
.adc-buy-page-section .historicle_box p,
.adc-buy-page-section .historicle_box h1,
.adc-buy-page-section .historicle_box h2,
.adc-buy-page-section .historicle_box h3 {
    color: var(--mfp-ink, #1A1814);
}
.reproduction_main_page .historicle_box a,
.adc-buy-page-section .historicle_box a {
    color: var(--mfp-accent, #8B6914);
}

/* ===== Artwork catalog list card — MostFamousPaintings (UI Kit aligned) ===== */
/*
   Scope: .search_sec.catalog-list-page  and  .search_sec.artwork-list-page
   Every selector is prefixed with both page wrappers to avoid bleeding into
   the ~95 other pages that share .search_card.
   Tokens used:
     --mfp-ink        #1A1814   text / CTA bg
     --mfp-ink-2      #4A4438   body / artist text
     --mfp-ink-3      #8A8273   year / muted
     --mfp-sand       #F5F1E8   page bg / hover panel fill
     --mfp-sand-2     #EDE7D9   card hover surface / deeper tone
     --mfp-sand-3     #DDD5C0   border / rule color
     --mfp-gold       #8B6914   CTA hover bg / accent
     --mfp-ivory      #FDFAF4   card resting surface
     --mfp-serif      Cormorant Garamond — artwork title (italic)
     --font-title     Baskervville SC    — artist name (small-caps)
     --mfp-sans       Inter              — body / price / CTA label
*/

/* ----- Page-level token scope ----- */
.search_sec.catalog-list-page,
.search_sec.artwork-list-page {
  --mfp-card-bg:           var(--mfp-ivory, #FDFAF4);
  --mfp-card-border:       var(--mfp-sand-3, #DDD5C0);
  --mfp-card-shadow:       0 2px 8px -2px rgba(26,24,20,0.08), 0 1px 2px rgba(26,24,20,0.04);
  --mfp-card-hover-bg:     var(--mfp-sand-2, #EDE7D9);
  --mfp-card-hover-shadow: 0 8px 24px -6px rgba(26,24,20,0.18), 0 2px 6px rgba(26,24,20,0.08);
  --mfp-card-radius:       2px;
}

/* ----- Card shell ----- */
.search_sec.catalog-list-page .custom_search .search_card,
.search_sec.artwork-list-page .custom_search .search_card {
  background: var(--mfp-card-bg) !important;
  border: 1px solid var(--mfp-card-border) !important;
  border-radius: var(--mfp-card-radius) !important;
  box-shadow: var(--mfp-card-shadow) !important;
  overflow: visible; /* the global hover panel extends BELOW the card — never clip it
                        (image zoom is clipped by .search_img's own overflow:hidden) */
  transition: box-shadow 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
  position: relative;
}

.search_sec.catalog-list-page .custom_search .search_card:hover,
.search_sec.artwork-list-page .custom_search .search_card:hover {
  background: var(--mfp-card-hover-bg) !important;
  border-color: var(--mfp-sand-3, #DDD5C0) !important;
  box-shadow: var(--mfp-card-hover-shadow) !important;
}

/* ----- Image area ----- */
.search_sec.catalog-list-page .custom_search .search_card .search_img,
.search_sec.artwork-list-page .custom_search .search_card .search_img {
  display: block;
  overflow: hidden;
  background: var(--mfp-sand, #F5F1E8);
  border-bottom: 1px solid var(--mfp-card-border);
  position: relative;
}

/* Image gentle zoom on card hover */
.search_sec.catalog-list-page .custom_search .search_card:hover .search_img img.mouseover_effect_images,
.search_sec.artwork-list-page .custom_search .search_card:hover .search_img img.mouseover_effect_images {
  transform: scale(1.05);
  transition: transform 0.55s ease;
}

/* ----- Card body (resting label area) ----- */
.search_sec.catalog-list-page .custom_search .search_card .searchCard_body,
.search_sec.artwork-list-page .custom_search .search_card .searchCard_body {
  padding: 12px 14px 10px;
  background: transparent;
}

/* ----- Artist name — Baskervville SC small-caps, ink ----- */
.search_sec.catalog-list-page .custom_search .search_card .art-artist h2,
.search_sec.catalog-list-page .custom_search .search_card .art-artist h2 a,
.search_sec.artwork-list-page .custom_search .search_card .art-artist h2,
.search_sec.artwork-list-page .custom_search .search_card .art-artist h2 a {
  font-family: var(--font-title, 'Baskervville SC', Georgia, serif) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--mfp-ink, #1A1814) !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}
.search_sec.catalog-list-page .custom_search .search_card .art-artist h2 a:hover,
.search_sec.artwork-list-page .custom_search .search_card .art-artist h2 a:hover {
  color: var(--mfp-gold, #8B6914) !important;
  text-decoration: none;
}

/* ----- Year / date span — Inter, muted ----- */
.search_sec.catalog-list-page .custom_search .search_card .art-artist span,
.search_sec.catalog-list-page .custom_search .search_card .art-artist span a,
.search_sec.artwork-list-page .custom_search .search_card .art-artist span,
.search_sec.artwork-list-page .custom_search .search_card .art-artist span a {
  font-family: var(--mfp-sans, 'Inter', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: var(--mfp-ink-3, #8A8273) !important;
  letter-spacing: 0.04em;
}

/* ----- Artwork title — Cormorant Garamond italic ----- */
.search_sec.catalog-list-page .custom_search .search_card .art-title,
.search_sec.catalog-list-page .custom_search .search_card .art-title a,
.search_sec.artwork-list-page .custom_search .search_card .art-title,
.search_sec.artwork-list-page .custom_search .search_card .art-title a {
  font-family: var(--mfp-serif, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 16px !important;
  font-style: italic !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: var(--mfp-ink-2, #4A4438) !important;
  display: block;
  margin-top: 4px;
}
.search_sec.catalog-list-page .custom_search .search_card .art-title a:hover,
.search_sec.artwork-list-page .custom_search .search_card .art-title a:hover {
  color: var(--mfp-gold, #8B6914) !important;
  text-decoration: none;
}

/* ----- Hover panel — reveal on hover (display:none preserved globally) ----- */
.search_sec.catalog-list-page .custom_search .search_card .hover_visible,
.search_sec.artwork-list-page .custom_search .search_card .hover_visible {
  display: none; /* base state: hidden — global rule already sets this */
  background: var(--mfp-card-hover-bg, #EDE7D9) !important;
  border-top: 1px solid var(--mfp-sand-3, #DDD5C0);
  padding: 12px 14px 14px;
}

.search_sec.catalog-list-page .custom_search .search_card:hover .hover_visible,
.search_sec.artwork-list-page .custom_search .search_card:hover .hover_visible {
  display: block; /* reveal on hover */
}

/* Snippet text inside hover panel */
.search_sec.catalog-list-page .custom_search .search_card .hover_visible .card_content p,
.search_sec.artwork-list-page .custom_search .search_card .hover_visible .card_content p {
  font-family: var(--mfp-sans, 'Inter', sans-serif) !important;
  font-size: 12px !important;
  color: var(--mfp-ink-2, #4A4438) !important;
  line-height: 1.55 !important;
  margin-bottom: 10px;
}
.search_sec.catalog-list-page .custom_search .search_card .hover_visible p a,
.search_sec.artwork-list-page .custom_search .search_card .hover_visible p a {
  color: var(--mfp-ink-2, #4A4438) !important;
}
.search_sec.catalog-list-page .custom_search .search_card .hover_visible p a:hover,
.search_sec.artwork-list-page .custom_search .search_card .hover_visible p a:hover {
  color: var(--mfp-gold, #8B6914) !important;
}

/* ----- Card bottom: CTA + fav row ----- */
.search_sec.catalog-list-page .custom_search .search_card .card_bottom,
.search_sec.artwork-list-page .custom_search .search_card .card_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--mfp-sand-3, #DDD5C0);
  margin-top: 4px;
}

/* ----- addToCart — Museum primary CTA: ink bg, Baskervville SC label, gold hover ----- */
.search_sec.catalog-list-page .custom_search .search_card .addToCart,
.search_sec.catalog-list-page .custom_search .cartbtn_group a.addToCart,
.search_sec.artwork-list-page .custom_search .search_card .addToCart,
.search_sec.artwork-list-page .custom_search .cartbtn_group a.addToCart {
  background: var(--mfp-ink, #1A1814) !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
  font-family: var(--mfp-sans, 'Inter', sans-serif) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  padding: 9px 14px !important;
  line-height: 1 !important;
  border: 1px solid var(--mfp-ink, #1A1814) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: background-color 0.18s ease, border-color 0.18s ease !important;
  min-width: 0 !important;
  width: auto !important;
}

/* Price display inside the CTA — uses serif for editorial weight */
.search_sec.catalog-list-page .custom_search .search_card .addToCart .product-price-display,
.search_sec.artwork-list-page .custom_search .search_card .addToCart .product-price-display {
  font-family: var(--mfp-serif, 'Cormorant Garamond', serif) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
}

/* CTA hover — antique gold ground */
.search_sec.catalog-list-page .custom_search .search_card .addToCart:hover,
.search_sec.catalog-list-page .custom_search .cartbtn_group a.addToCart:hover,
.search_sec.artwork-list-page .custom_search .search_card .addToCart:hover,
.search_sec.artwork-list-page .custom_search .cartbtn_group a.addToCart:hover {
  background: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
}
.search_sec.catalog-list-page .custom_search .search_card .addToCart:hover .product-price-display,
.search_sec.artwork-list-page .custom_search .search_card .addToCart:hover .product-price-display {
  color: var(--mfp-ivory, #FDFAF4) !important;
}

/* ----- Favourite / wishlist toggle ----- */
.search_sec.catalog-list-page .custom_search .search_card .fav_group,
.search_sec.artwork-list-page .custom_search .search_card .fav_group {
  background: var(--mfp-ivory, #FDFAF4);
  border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
  border-radius: 2px;
  padding: 7px 9px;
  transition: border-color 0.18s ease, background-color 0.18s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.search_sec.catalog-list-page .custom_search .search_card .fav_group:hover,
.search_sec.catalog-list-page .custom_search .search_card .fav_group.active,
.search_sec.artwork-list-page .custom_search .search_card .fav_group:hover,
.search_sec.artwork-list-page .custom_search .search_card .fav_group.active {
  background: var(--mfp-sand, #F5F1E8) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
}
.search_sec.catalog-list-page .custom_search .search_card .fav_toggle,
.search_sec.artwork-list-page .custom_search .search_card .fav_toggle {
  display: inline-flex;
  align-items: center;
}
.search_sec.catalog-list-page .custom_search .search_card .fav_group img,
.search_sec.artwork-list-page .custom_search .search_card .fav_group img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
/* ===== END Artwork catalog list card — MostFamousPaintings ===== */

/* ============================================================
   Article detail page (article_detail.html) — MostFamousPaintings
   Overrides the brand-neutral beige structure in global-custom
   with MFP tokens: warm sand surfaces, antique-gold accent,
   Baskervville SC titles over Inter body. Scoped under
   .article_main_page so other page types are unaffected.
   ============================================================ */

/* Keyword tag pills */
.article_main_page .art_his_text {
  background: var(--mfp-sand-2, #EDE7D9);
  color: var(--mfp-ink, #1A1814);
  font-family: var(--mfp-sans, "Inter", sans-serif);
  letter-spacing: 0.05em;
}
.article_main_page .art_his_text a { color: inherit; }

/* Hero title + subtitle */
.article_main_page .art_history_wrapper .heading_text,
.article_main_page .heading_text {
  color: var(--mfp-ink, #1A1814);
  font-family: var(--font-title, "Baskervville SC", serif);
}
.article_main_page .taggart {
  color: var(--mfp-ink-2, #4A4438);
}

/* Body copy + headings + links */
.article_main_page .historicle_box,
.article_main_page .historicle_box p {
  color: var(--mfp-ink-2, #4A4438);
  font-family: var(--mfp-sans, "Inter", sans-serif);
}
.article_main_page .historicle_box h1,
.article_main_page .historicle_box h2,
.article_main_page .historicle_box h3,
.article_main_page .historicle_box .heading_text {
  color: var(--mfp-ink, #1A1814);
  font-family: var(--font-title, "Baskervville SC", serif);
}
.article_main_page .historicle_box a {
  color: var(--mfp-gold, #8B6914);
}
.article_main_page .historicle_box a:hover {
  color: var(--mfp-gold-lt, #C49A2A);
}

/* Sidebar section headings */
.article_main_page .side_headings {
  color: var(--mfp-ink-2, #4A4438);
}

/* Table of contents links */
.article_main_page .tableContent .nav-link {
  color: var(--mfp-ink-2, #4A4438);
}
.article_main_page .tableContent li.nav-item {
  border-left-color: var(--mfp-sand-3, #DDD5C0);
}
.article_main_page .tableContent .nav-pills .nav-link.active,
.article_main_page .tableContent .nav-pills .show > .nav-link {
  color: var(--mfp-ink, #1A1814);
  border-left: 2px solid var(--mfp-gold, #8B6914) !important;
}

/* Related-artworks sidebar */
.article_main_page .related_artwork_box .vincent_color,
.article_main_page .related_artwork_box .vincent_color a {
  color: var(--mfp-gold, #8B6914);
}
.article_main_page .related_artwork_box p a {
  color: var(--mfp-ink-2, #4A4438);
}
.article_main_page .related_artwork_box p a:hover {
  color: var(--mfp-ink, #1A1814);
}

/* Related-articles list */
.article_main_page .related_aricle_box {
  border-bottom-color: var(--mfp-sand-3, #DDD5C0);
}
.article_main_page .related_aricle_box h4,
.article_main_page .related_aricle_box h4 a {
  color: var(--mfp-ink, #1A1814);
  font-family: var(--font-title, "Baskervville SC", serif);
}
.article_main_page .related_aricle_box p {
  color: var(--mfp-ink-2, #4A4438);
}
.article_main_page .explore_techniques,
.article_main_page .explore_techniques a {
  color: var(--mfp-gold, #8B6914);
}
/* ===== END Article detail page — MostFamousPaintings ===== */

/* ===== TOP 100 PAGES (artists / artworks / museums / articles) ===== */
/* MFP identity: cream/sand surfaces, gold accent (#8B6914), ink #1A1814,
   Cormorant Garamond italic display titles, Inter uppercase micro-labels,
   sharp 2–4px corners, thin gold/line rules, restrained museum shadows.
   Only --top100-* tokens + brand visual overrides — layout lives in
   global-custom-V1.9.css and loads before this file. */

/* --- Brand tokens fed to the global base --- */
.top100-artist-grid,
.top100-artwork-list,
.top100-listing {
  --top100-card-bg:     var(--mfp-ivory, #FDFAF4);
  --top100-card-border: var(--mfp-sand-3, #DDD5C0);
  --top100-ink:         var(--mfp-ink, #1A1814);
  --top100-muted:       var(--mfp-ink-3, #8A8273);
  --top100-accent:      var(--mfp-gold, #8B6914);
  --top100-rank-color:  var(--mfp-sand-2, #EDE7D9);
  --top100-card-radius: var(--r-sm, 2px);
}

/* =========================================================
   A) ARTISTS portrait grid  (/en/mfp/artists/top100/)
   ========================================================= */
.top100-artist-card {
  background: var(--mfp-ivory, #FDFAF4);
  border: 1px solid var(--mfp-sand-3, #DDD5C0);
  border-radius: var(--r-sm, 2px);
  box-shadow: var(--sh-card, 0 12px 24px -12px rgba(26,24,20,0.18));
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.top100-artist-card:hover {
  transform: translateY(-4px);
  border-color: var(--mfp-gold, #8B6914);
  box-shadow: 0 20px 40px -18px rgba(26,24,20,0.32);
}
.top100-artist-card__photo {
  border: 1px solid var(--mfp-sand-3, #DDD5C0);
  box-shadow: 0 0 0 4px var(--mfp-ivory, #FDFAF4), 0 0 0 5px var(--mfp-rule, rgba(28,26,23,.12));
  transition: box-shadow .2s ease, filter .3s ease;
  filter: saturate(.92);
}
.top100-artist-card:hover .top100-artist-card__photo {
  box-shadow: 0 0 0 4px var(--mfp-ivory, #FDFAF4), 0 0 0 5px var(--mfp-gold, #8B6914);
  filter: saturate(1);
}
.top100-artist-card__name,
.top100-artist-card__name a {
  font-family: var(--mfp-serif, "Cormorant Garamond", Georgia, serif);
  font-style: italic;
  font-weight: 500;
  color: var(--mfp-ink, #1A1814);
  letter-spacing: -0.005em;
  text-decoration: none;
  transition: color .15s ease;
}
.top100-artist-card__name a:hover {
  color: var(--mfp-gold, #8B6914);
}
.top100-artist-card__desc {
  font-family: var(--mfp-sans, "Inter", sans-serif);
  font-weight: 300;
  color: var(--mfp-ink-3, #8A8273);
  line-height: 1.55;
}

/* =========================================================
   B) ARTWORKS zigzag gallery  (/en/mfp/art/top100/)
   ========================================================= */
.top100-artwork-card__rank {
  font-family: var(--mfp-serif, "Cormorant Garamond", Georgia, serif);
  font-weight: 600;
  font-style: italic;
  color: var(--mfp-sand-2, #EDE7D9);
  opacity: .85;
}
.top100-artwork-card__inner {
  background: var(--mfp-ivory, #FDFAF4);
  border: 1px solid var(--mfp-sand-3, #DDD5C0);
  border-radius: var(--r-sm, 2px);
  box-shadow: var(--sh-card, 0 12px 24px -12px rgba(26,24,20,0.18));
  transition: box-shadow .25s ease, border-color .25s ease;
}
.top100-artwork-card:hover .top100-artwork-card__inner {
  border-color: var(--mfp-gold, #8B6914);
  box-shadow: var(--sh-frame, 0 30px 60px -20px rgba(26,24,20,0.35), 0 8px 20px -8px rgba(26,24,20,0.2));
}
.top100-artwork-card__photo {
  border-radius: var(--r-sm, 2px);
  box-shadow: 0 10px 22px -12px rgba(26,24,20,0.4);
}
.top100-artwork-card__photo--framed {
  border: 6px solid var(--mfp-ivory, #FDFAF4);
  outline: 1px solid var(--mfp-sand-3, #DDD5C0);
  box-shadow: var(--sh-frame, 0 30px 60px -20px rgba(26,24,20,0.35), 0 8px 20px -8px rgba(26,24,20,0.2));
}
.top100-artwork-card__meta {
  font-family: var(--mfp-sans, "Inter", sans-serif);
}
.top100-artwork-card__artist {
  font-family: var(--mfp-sans, "Inter", sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mfp-gold, #8B6914);
}
.top100-artwork-card__year {
  font-family: var(--mfp-sans, "Inter", sans-serif);
  color: var(--mfp-ink-3, #8A8273);
  letter-spacing: 0.04em;
}
.top100-artwork-card__title {
  font-family: var(--mfp-serif, "Cormorant Garamond", Georgia, serif);
  font-style: italic;
  font-weight: 500;
  color: var(--mfp-ink, #1A1814);
  line-height: 1.15;
}

/* =========================================================
   C) MUSEUMS + ARTICLES listing  (.top100-listing reusing .search_card)
   Scoped overrides only — never touch the bare .search_card rules.
   ========================================================= */
.top100-listing {
  --mfp-bg:          var(--mfp-ivory, #FDFAF4);
  --mfp-line:        var(--mfp-sand-3, #DDD5C0);
  --mfp-line-2:      var(--mfp-rule-strong, rgba(28,26,23,.28));
  --mfp-band:        var(--mfp-sand, #F5F1E8);
  --mfp-slot:        var(--mfp-sand-2, #EDE7D9);
  --mfp-accent:      var(--mfp-gold, #8B6914);
  --mfp-accent-dark: #5e470d;
}
.top100-listing .search_card {
  background-color: var(--mfp-ivory, #FDFAF4);
  border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
  border-radius: var(--r-sm, 2px);
  box-shadow: var(--sh-card, 0 12px 24px -12px rgba(26,24,20,0.18));
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.top100-listing .search_card:hover {
  transform: translateY(-3px);
  border-color: var(--mfp-gold, #8B6914) !important;
  box-shadow: 0 20px 40px -18px rgba(26,24,20,0.3);
}
.top100-listing .search_img img {
  border-radius: var(--r-sm, 2px) var(--r-sm, 2px) 0 0;
  transition: transform .5s ease;
}
.top100-listing .search_card:hover .search_img img {
  transform: scale(1.04);
}
.top100-listing .art-artist h2,
.top100-listing .art-artist h2 a {
  font-family: var(--mfp-sans, "Inter", sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mfp-gold, #8B6914) !important;
  text-decoration: none;
  transition: color .15s ease;
}
.top100-listing .art-artist h2 a:hover {
  color: #5e470d !important;
}
.top100-listing__card .art-title,
.top100-listing__card .art-title a {
  font-family: var(--mfp-serif, "Cormorant Garamond", Georgia, serif);
  font-style: italic;
  font-weight: 500;
  color: var(--mfp-ink, #1A1814) !important;
  text-decoration: none;
  transition: color .15s ease;
}
.top100-listing__card .art-title a:hover {
  color: var(--mfp-gold, #8B6914) !important;
}
/* .addToCart — MFP ink pill that flips to gold on hover */
.top100-listing .addToCart,
.top100-listing .addToCart.added {
  background: var(--mfp-ink, #1A1814) !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
  font-family: var(--mfp-sans, "Inter", sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border: 1px solid var(--mfp-ink, #1A1814) !important;
  border-radius: var(--r-pill, 999px);
  padding: 11px 22px;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.top100-listing .addToCart:hover {
  background: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
}
/* hover panel: fill full card so VIEW is always reachable, even with no text */
.top100-listing .search_card .hover_visible {
  top: 0;
  height: 100%;
  background: var(--mfp-ivory, #FDFAF4);
}
.top100-listing .search_card:hover .hover_visible {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 14px 20px;
}
.top100-listing .search_card .card_content {
  width: 100%;
}
/* ===== END TOP 100 PAGES — MostFamousPaintings ===== */

/* ===== fts_search — model type badge (MFP) ===== */
.search_sec.fts-search-page .search_card_model_badge {
  background: var(--mfp-ink, #1A1814);
  color: var(--mfp-ivory, #FDFAF4);
  font-family: var(--mfp-sans, "Inter", sans-serif);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 5px 9px;
  border: 1px solid var(--mfp-ink, #1A1814);
  border-radius: var(--r-sm, 2px);
}
.search_sec.fts-search-page .search_card_model_badge a {
  color: var(--mfp-ivory, #FDFAF4);
}

/* ===== article_list.html — article list cards (article-list-card) ===== */
/* MFP classical/museum identity: ivory cards, gold eyebrow, serif italic
   titles, ink->gold primary pill. Scoped under .article-list-page and
   chained page+grid+long-class to beat global specificity. */

/* Grid — layout comes from the Bootstrap .row>col-* in the markup (same as the
   sibling artwork/museum/artist catalog lists). Do NOT set display:grid: the
   grid's direct child is the .row wrapper, so a grid container squeezes every
   card into one track. Only set the row's vertical gutter. */
.article-list-page .article-list-grid > .row {
  --bs-gutter-y: clamp(20px, 2.4vw, 34px);
}

/* Card shell */
.article-list-page .article-list-grid .article-list-card {
  background: var(--mfp-ivory, #FDFAF4);
  border: 1px solid var(--mfp-rule, rgba(28,26,23,.12));
  border-radius: var(--r-md, 4px);
  box-shadow: var(--sh-card, 0 12px 24px -12px rgba(26,24,20,0.18));
  overflow: visible;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.article-list-page .article-list-grid .article-list-card:hover {
  transform: translateY(-6px);
  border-color: var(--mfp-rule-strong, rgba(28,26,23,.28));
  box-shadow: 0 22px 40px -16px rgba(26,24,20,0.30);
}
.article-list-page .article-list-grid .article-list-card__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Media — refined zoom on hover */
.article-list-page .article-list-grid .article-list-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  background: var(--mfp-sand-2, #EDE7D9);
}
.article-list-page .article-list-grid .article-list-card__media-link {
  display: block;
  width: 100%;
  height: 100%;
}
.article-list-page .article-list-grid .article-list-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}
.article-list-page .article-list-grid .article-list-card:hover .article-list-card__img {
  transform: scale(1.05);
}

/* Body */
.article-list-page .article-list-grid .article-list-card__body {
  padding: 20px 22px 22px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Meta — gold uppercase eyebrow with rule prefix; muted year */
.article-list-page .article-list-grid .article-list-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-family: var(--mfp-sans, "Inter", sans-serif);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.article-list-page .article-list-grid .article-list-card__meta h2 {
  margin: 0;
  font-size: inherit;
  font-weight: 600;
  letter-spacing: inherit;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.article-list-page .article-list-grid .article-list-card__meta h2::before {
  content: "";
  width: 24px;
  height: 1px;
  background: var(--mfp-gold, #8B6914);
  flex: none;
}
.article-list-page .article-list-grid .article-list-card__meta h2 a {
  color: var(--mfp-gold, #8B6914) !important;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s ease;
}
.article-list-page .article-list-grid .article-list-card__meta h2 a:hover {
  color: var(--mfp-gold-lt, #C49A2A) !important;
}
.article-list-page .article-list-grid .article-list-card__meta span {
  color: var(--mfp-ink-3, #8A8273);
  font-weight: 500;
}

/* Title — serif italic, ink, gold on hover */
.article-list-page .article-list-grid .article-list-card__title {
  margin: 0;
}
.article-list-page .article-list-grid .article-list-card__title a {
  font-family: var(--mfp-serif, "Cormorant Garamond", Georgia, serif);
  font-style: italic;
  font-weight: 600;
  font-size: clamp(20px, 2vw, 24px);
  line-height: 1.18;
  color: var(--mfp-ink, #1A1814);
  text-decoration: none;
  transition: color .2s ease;
}
.article-list-page .article-list-grid .article-list-card__title a:hover {
  color: var(--mfp-gold, #8B6914);
}

/* Hover excerpt */
.article-list-page .article-list-grid .article-list-card__hover {
  border: 1px solid var(--mfp-rule, rgba(28,26,23,.12));
  border-top: 1px solid var(--mfp-sand-3, #DDD5C0);
  background: var(--mfp-sand-2, #EDE7D9);
}
.article-list-page .article-list-grid .article-list-card__content {
  padding: 12px 22px 16px;
}
.article-list-page .article-list-grid .article-list-card__content p {
  font-family: var(--mfp-sans, "Inter", sans-serif);
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--mfp-ink-2, #4A4438);
  margin: 10px 0 0;
}

/* Footer / actions */
.article-list-page .article-list-grid .article-list-card__footer {
  margin-top: 16px;
}
.article-list-page .article-list-grid .article-list-card__actions {
  display: flex;
}

/* Read button — MFP primary ink pill that flips to gold */
.article-list-page .article-list-grid .article-list-card__read-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--mfp-ink, #1A1814);
  color: var(--mfp-ivory, #FDFAF4);
  font-family: var(--mfp-sans, "Inter", sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border: 1px solid var(--mfp-ink, #1A1814);
  border-radius: var(--r-pill, 999px);
  padding: 11px 22px;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.article-list-page .article-list-grid .article-list-card__read-btn:hover {
  background: var(--mfp-gold, #8B6914);
  border-color: var(--mfp-gold, #8B6914);
  color: var(--mfp-ivory, #FDFAF4);
}

/* ===== artwork-catalog-card (catalog list grid card) =====
   MostFamousPaintings — dedicated styling via the new long companion
   classes that sit beside the old shared .search_card classes. Aligned
   to the MFP UI Kit: warm cream/sand surfaces, antique-gold accent,
   ink ground for the CTA, Cormorant Garamond italic titles, Baskervville
   SC small-caps artist names, Inter micro-labels, near-square 2px corners
   and soft warm museum shadows. Scoped under .custom_search and using the
   long classes so these rules win the cascade over the shared .search_card
   rules (incl. compound ones like .custom_search .search_card .addToCart).

   Tokens (all from the MFP :root block above — no hardcoded colors):
     --mfp-ink   #1A1814 · --mfp-ink-2 #4A4438 · --mfp-ink-3 #8A8273
     --mfp-sand  #F5F1E8 · --mfp-sand-2 #EDE7D9 · --mfp-sand-3 #DDD5C0
     --mfp-gold  #8B6914 · --mfp-gold-lt #C49A2A · --mfp-ivory #FDFAF4
     --mfp-serif (Cormorant Garamond) · --font-title (Baskervville SC)
     --mfp-sans  (Inter) · --r-sm/--r-md radii · --sh-card/--sh-frame shadows
*/

/* ----- Card shell ----- */
.custom_search .artwork-catalog-card {
  background: var(--mfp-ivory, #FDFAF4) !important;
  border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
  border-radius: var(--r-sm, 2px) !important;
  box-shadow: var(--sh-card, 0 12px 24px -12px rgba(26,24,20,0.18)) !important;
  overflow: hidden;
  position: relative;
  transition: box-shadow 0.22s ease, border-color 0.22s ease, background-color 0.22s ease, transform 0.22s ease;
}
.custom_search .artwork-catalog-card:hover {
  background: var(--mfp-sand-2, #EDE7D9) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
  box-shadow: var(--sh-frame, 0 30px 60px -20px rgba(26,24,20,0.35), 0 8px 20px -8px rgba(26,24,20,0.2)) !important;
  transform: translateY(-2px);
  z-index: 20;   /* keep the hovered card (and its below-card hover panel) above
                    later cards — the transform makes it a stacking context */
}

/* ----- Image area — gallery crop on a sand mat with a hairline rule ----- */
.custom_search .artwork-catalog-card .artwork-catalog-card__media {
  display: block;
  position: relative;
  overflow: hidden;
  background: var(--mfp-sand, #F5F1E8);
  border-bottom: 1px solid var(--mfp-sand-3, #DDD5C0);
}
.custom_search .artwork-catalog-card .artwork-catalog-card__media-link {
  display: block;
  overflow: hidden;
}
.custom_search .artwork-catalog-card .artwork-catalog-card__image {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.55s ease;
}
/* Slow museum zoom on card hover */
.custom_search .artwork-catalog-card:hover .artwork-catalog-card__image {
  transform: scale(1.05);
}

/* ----- Body: artist + title label block ----- */
.custom_search .artwork-catalog-card .artwork-catalog-card__body {
  padding: 12px 14px 10px;
  background: transparent;
}

/* Artist name — Baskervville SC small-caps, ink */
.custom_search .artwork-catalog-card .artwork-catalog-card__artist h2,
.custom_search .artwork-catalog-card .artwork-catalog-card__artist h2 a {
  font-family: var(--font-title, 'Baskervville SC', Georgia, serif) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--mfp-ink, #1A1814) !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  text-decoration: none;
}
.custom_search .artwork-catalog-card .artwork-catalog-card__artist h2 a:hover {
  color: var(--mfp-gold, #8B6914) !important;
}
/* Year / date span — Inter, muted */
.custom_search .artwork-catalog-card .artwork-catalog-card__artist span,
.custom_search .artwork-catalog-card .artwork-catalog-card__artist span a {
  font-family: var(--mfp-sans, 'Inter', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  color: var(--mfp-ink-3, #8A8273) !important;
  text-decoration: none;
}
.custom_search .artwork-catalog-card .artwork-catalog-card__artist span a:hover {
  color: var(--mfp-gold, #8B6914) !important;
}

/* Artwork title — Cormorant Garamond italic, curatorial voice */
.custom_search .artwork-catalog-card .artwork-catalog-card__title,
.custom_search .artwork-catalog-card .artwork-catalog-card__title a {
  font-family: var(--mfp-serif, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 16px !important;
  font-style: italic !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: var(--mfp-ink-2, #4A4438) !important;
  display: block;
  margin-top: 4px;
  text-decoration: none;
}
.custom_search .artwork-catalog-card .artwork-catalog-card__title a:hover {
  color: var(--mfp-gold, #8B6914) !important;
}

/* ----- Hover overlay — sand panel revealed on card hover ----- */
.custom_search .artwork-catalog-card .artwork-catalog-card__hover {
  display: none; /* base state hidden (matches global) */
  position: absolute;
  top: 100%;
  left: -1px;
  width: calc(100% + 2px);
  box-sizing: border-box;
  background: var(--mfp-ivory, #FDFAF4) !important;   /* match card surface */
  border: 1px solid var(--mfp-sand-3, #DDD5C0);
  border-top: 1px solid var(--mfp-sand-3, #DDD5C0);
  padding: 12px 14px 14px;
  margin-top: 0;
  z-index: 1;
}
.custom_search .artwork-catalog-card:hover .artwork-catalog-card__hover {
  display: block;
  background: var(--mfp-sand-2, #EDE7D9) !important;   /* match card :hover surface */
}
/* Snippet text inside the overlay */
.custom_search .artwork-catalog-card .artwork-catalog-card__content p {
  font-family: var(--mfp-sans, 'Inter', sans-serif) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: var(--mfp-ink-2, #4A4438) !important;
  margin-bottom: 10px;
}
.custom_search .artwork-catalog-card .artwork-catalog-card__content p a {
  color: var(--mfp-ink-2, #4A4438) !important;
}
.custom_search .artwork-catalog-card .artwork-catalog-card__content p a:hover {
  color: var(--mfp-gold, #8B6914) !important;
}

/* ----- Footer: buy CTA + favourite toggle row ----- */
.custom_search .artwork-catalog-card .artwork-catalog-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 10px;
  margin-top: 4px;
  border-top: 1px solid var(--mfp-sand-3, #DDD5C0);
}
.custom_search .artwork-catalog-card .artwork-catalog-card__cart-group {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

/* Buy / price button — museum primary CTA: ink ground, gold on hover */
.custom_search .artwork-catalog-card .artwork-catalog-card__buy-btn {
  background: var(--mfp-ink, #1A1814) !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
  font-family: var(--mfp-sans, 'Inter', sans-serif) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  border: 1px solid var(--mfp-ink, #1A1814) !important;
  border-radius: var(--r-sm, 2px) !important;
  padding: 9px 14px !important;
  line-height: 1.25 !important;
  text-align: center !important;
  white-space: normal !important;   /* allow the label to wrap onto a second line */
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 0 !important;
  text-decoration: none !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}
.custom_search .artwork-catalog-card .artwork-catalog-card__buy-btn:hover {
  background: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
}
/* Price inside the CTA — serif for editorial weight */
.custom_search .artwork-catalog-card .artwork-catalog-card__buy-btn .artwork-catalog-card__price {
  font-family: var(--mfp-serif, 'Cormorant Garamond', serif) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
}
.custom_search .artwork-catalog-card .artwork-catalog-card__buy-btn:hover .artwork-catalog-card__price {
  color: var(--mfp-ivory, #FDFAF4) !important;
}

/* ----- Favourite / wishlist toggle ----- */
.custom_search .artwork-catalog-card .artwork-catalog-card__fav-group {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: var(--mfp-ivory, #FDFAF4);
  border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
  border-radius: var(--r-sm, 2px);
  padding: 7px 9px;
  transition: border-color 0.18s ease, background-color 0.18s ease;
}
.custom_search .artwork-catalog-card .artwork-catalog-card__fav-group:hover,
.custom_search .artwork-catalog-card .artwork-catalog-card__fav-group.active {
  background: var(--mfp-sand, #F5F1E8) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
}
.custom_search .artwork-catalog-card .artwork-catalog-card__fav-toggle {
  display: inline-flex;
  align-items: center;
}
.custom_search .artwork-catalog-card .artwork-catalog-card__fav-toggle img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
/* ===== END artwork-catalog-card — MostFamousPaintings ===== */

/* ===== article_list.html — specificity lift over artwork-list base rules (eyebrow accent) ===== */
.search_sec.catalog-list-page.article-list-page .custom_search .search_card .article-list-card__meta h2 a {
  color: var(--mfp-gold, #8B6914) !important;
}
.search_sec.catalog-list-page.article-list-page .custom_search .search_card .article-list-card__meta h2 a:hover {
  color: var(--mfp-gold-lt, #C49A2A) !important;
}

/* ===== list-page filter sidebar + sort (artwork-list-page scope, shared by art/article/artist/museum lists) — MFP ===== */

/* --- Sort chrome --- */
.search_sec.artwork-list-page .sorting_content,
.search_sec.artwork-list-page .sort_by {
  color: var(--mfp-ink, #1A1814) !important;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
}
.search_sec.artwork-list-page .sorting_content select.custom-select {
  background-color: var(--mfp-ivory, #FDFAF4) !important;
  color: var(--mfp-ink, #1A1814) !important;
  border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
  border-radius: var(--r-sm, 2px) !important;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 13px !important;
}

/* --- Filter panel shell --- */
.search_sec.artwork-list-page .filter-panel {
  background-color: var(--mfp-ivory, #FDFAF4) !important;
  border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
  border-radius: var(--r-sm, 2px) !important;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
}

/* --- Filter title + CLEAR ALL --- */
.search_sec.artwork-list-page .filter-title span {
  color: var(--mfp-ink, #1A1814) !important;
  text-transform: uppercase !important;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
}
.search_sec.artwork-list-page .filter-title a {
  color: var(--mfp-gold, #8B6914) !important;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
}
.search_sec.artwork-list-page .filter-title a:hover {
  color: var(--mfp-ink, #1A1814) !important;
}

/* --- Active-filter badge list --- */
.search_sec.artwork-list-page .badge_list {
  border-bottom: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
}
.search_sec.artwork-list-page .badge-filter {
  background-color: var(--mfp-ivory, #FDFAF4) !important;
  color: var(--mfp-ink, #1A1814) !important;
  border: 1px solid var(--mfp-ink, #1A1814) !important;
  border-radius: var(--r-sm, 2px) !important;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 13px !important;
}

/* --- Accordion --- */
.search_sec.artwork-list-page .accordion-item {
  background-color: var(--mfp-ivory, #FDFAF4) !important;
  border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
}
.search_sec.artwork-list-page button.accordion-button,
.search_sec.artwork-list-page .accordion-button:not(.collapsed) {
  background-color: var(--mfp-ivory, #FDFAF4) !important;
  color: var(--mfp-ink, #1A1814) !important;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
  box-shadow: none !important;
}
.search_sec.artwork-list-page .accordion-body {
  color: var(--mfp-ink, #1A1814) !important;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
}

/* --- Colors list --- */
/* Category value links (filter sidebar) — chip styling consistent with group-by Sidebar_tags + list_category. */
.search_sec.artwork-list-page .filter-panel .colors_list li:has(> a.filter-value-link) {
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  cursor: default !important;
}
.search_sec.artwork-list-page .filter-panel .colors_list li a.filter-value-link {
  display: inline-block !important;
  width: auto !important;
  padding: 5px 9px !important;
  background: var(--mfp-sand-2, #EDE7D9) !important;
  color: var(--mfp-ink-2, #4A4438) !important;
  border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
  border-radius: var(--r-sm, 2px) !important;
  font-family: var(--font-body, "Inter", system-ui, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
}
.search_sec.artwork-list-page .filter-panel .colors_list li a.filter-value-link:hover {
  color: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
  text-decoration: none !important;
}
.search_sec.artwork-list-page .filter-panel .colors_list li.active:has(> a.filter-value-link) {
  background: transparent !important;
  border: none !important;
}
.search_sec.artwork-list-page .filter-panel .colors_list li.active:has(> a.filter-value-link) a.filter-value-link {
  background: var(--mfp-sand-2, #EDE7D9) !important;
  color: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
}

.search_sec.artwork-list-page .filter-panel .colors_list li {
  color: var(--mfp-ink, #1A1814) !important;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
}
.search_sec.artwork-list-page .filter-panel .colors_list li span {
  color: var(--mfp-ink, #1A1814) !important;
}
.search_sec.artwork-list-page .filter-panel .colors_list li:hover,
.search_sec.artwork-list-page .filter-panel .colors_list li:hover span {
  color: var(--mfp-gold, #8B6914) !important;
}
/* ===== catalog left sidebars (filter / categories / group-by) — UI Kit alignment ===== */
/* Active filter item — MFP UI Kit sbk-opt.is-sel: accent text on sand slot tint,
   NOT an inverted dark fill (matches --SB-active-fill / --SB-active-text). */
.search_sec.artwork-list-page .filter-panel .colors_list li.active {
  background: var(--mfp-sand-2, #EDE7D9) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
  border-radius: var(--r-sm, 2px) !important;
}
.search_sec.artwork-list-page .filter-panel .colors_list li.active,
.search_sec.artwork-list-page .filter-panel .colors_list li.active span {
  color: var(--mfp-gold, #8B6914) !important;
  font-weight: 600 !important;
}

/* --- Checkboxes, text input, tag buttons --- */
.search_sec.artwork-list-page .form-check input {
  accent-color: var(--mfp-gold, #8B6914) !important;
}
.search_sec.artwork-list-page .form-check input:checked {
  background-color: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
}
.search_sec.artwork-list-page .artist_input {
  background-color: var(--mfp-ivory, #FDFAF4) !important;
  color: var(--mfp-ink, #1A1814) !important;
  border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
  border-radius: var(--r-sm, 2px) !important;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
}
.search_sec.artwork-list-page .artist_input::placeholder {
  color: var(--mfp-ink-3, #8A8273) !important;
}
.search_sec.artwork-list-page .tag-btn {
  background-color: var(--mfp-ivory, #FDFAF4) !important;
  color: var(--mfp-ink, #1A1814) !important;
  border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
  border-radius: var(--r-sm, 2px) !important;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
}

/* --- noUiSlider price range --- */
.search_sec.artwork-list-page .noUi-target {
  background: var(--mfp-sand-3, #DDD5C0) !important;
  border: none !important;
  box-shadow: none !important;
}
.search_sec.artwork-list-page .noUi-connect {
  background: var(--mfp-gold, #8B6914) !important;
}
.search_sec.artwork-list-page .noUi-horizontal .noUi-handle {
  background: var(--mfp-ink, #1A1814) !important;
  border: 1px solid var(--mfp-ink, #1A1814) !important;
  box-shadow: none !important;
}

/* ===== MFP — Artists alphabet (group_by_alphabet / start_by_letter) ===== */
/*
   All rules scoped under .art_info_section to avoid bleeding into
   user sidebar (.profile_name) and start_by_letter shared classes.
   Specificity floor: 0-1-1 minimum so global-custom brown values
   (#CCC2AE, #3E342A, #875D2A) are cleanly overridden.
*/

/* 1. Alphabet nav bar — letter tiles */
.art_info_section .alphabet_box .alpha_letter {
  border-color: var(--mfp-sand-3, #DDD5C0);
  color: var(--mfp-ink, #1A1814);
  font-family: var(--font-title, 'Baskervville SC', Georgia, serif);
}
.art_info_section .alphabet_box .alpha_letter:last-child {
  border-right-color: var(--mfp-sand-3, #DDD5C0);
}
.art_info_section .alphabet_box .alpha_letter a {
  color: var(--mfp-ink, #1A1814);
  text-shadow: none;
  transition: color 0.18s ease;
}
.art_info_section .alphabet_box .alpha_letter:hover {
  background: var(--mfp-sand, #F5F1E8);
  color: var(--mfp-gold, #8B6914);
}
.art_info_section .alphabet_box .alpha_letter:hover a {
  color: var(--mfp-gold, #8B6914);
  text-shadow: none;
}

/* 2. Per-letter section heading (A, B, C…) */
.art_info_section .alphabet_indv h4 {
  color: var(--mfp-ink, #1A1814);
  font-family: var(--mfp-serif, 'Cormorant Garamond', Georgia, serif);
}

/* 3. Artist profile card — image, name, dates */
.art_info_section .profile_img img {
  border-radius: 60px; /* circle */
  border: 2px solid var(--mfp-sand-3, #DDD5C0);
  transition: border-color 0.2s ease;
}
.art_info_section .profile_box:hover .profile_img img {
  border-color: var(--mfp-gold-lt, #C49A2A);
}
.art_info_section .profile_name a {
  color: var(--mfp-ink-2, #4A4438);
  font-family: var(--mfp-sans, 'Inter', system-ui, sans-serif);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
  text-shadow: none;
}
.art_info_section .profile_name a:hover {
  color: var(--mfp-gold, #8B6914);
  text-shadow: none;
}
.art_info_section .profile_year {
  color: var(--mfp-ink-3, #8A8273);
  font-family: var(--mfp-sans, 'Inter', system-ui, sans-serif);
  font-size: 12px;
}

/* 4. "View more" link with chevron icon */
.art_info_section .view_more_alpha a {
  color: var(--mfp-gold, #8B6914);
  font-family: var(--mfp-sans, 'Inter', system-ui, sans-serif);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-shadow: none;
  transition: color 0.2s ease;
}
.art_info_section .view_more_alpha a:hover,
.art_info_section .view_more_alpha a:focus {
  color: var(--mfp-gold-lt, #C49A2A);
  text-shadow: none;
}
.art_info_section .view_more_alpha .fa-angle-right {
  font-size: 14px;
  vertical-align: middle;
}
/* ===== END MFP — Artists alphabet ===== */

/* ===== artist_group_by_attribute / group-by browse — MFP ===== */

/* ── Local design tokens (warm parchment + antique gold palette) ── */
.search_sec.catalog-groupby-page,
.search_sec.artwork-groupby-page,
.search_sec.artist-groupby-page,
.search_sec.museum-groupby-page,
.search_sec.article-groupby-page {
  --mfp-gb-bg:       var(--mfp-ivory, #FDFAF4);
  --mfp-gb-ink:      var(--mfp-ink,   #1A1814);
  --mfp-gb-ink-2:    var(--mfp-ink-2, #4A4438);
  --mfp-gb-ink-3:    var(--mfp-ink-3, #8A8273);
  --mfp-gb-line:     var(--mfp-sand-3,  #DDD5C0);
  --mfp-gb-line-2:   var(--mfp-rule-strong, rgba(28,26,23,.28));
  --mfp-gb-band:     var(--mfp-sand,   #F5F1E8);
  --mfp-gb-slot:     var(--mfp-sand-2, #EDE7D9);
  --mfp-gb-accent:   var(--mfp-gold,   #8B6914);
  --mfp-gb-body:     var(--font-body,  'Inter', system-ui, sans-serif);
  --mfp-gb-serif:    var(--mfp-serif,  "Cormorant Garamond", Georgia, serif);
}

/* ── Nav list / main heading / Showing text / sortABC base ink ── */
.search_sec.artwork-groupby-page .nav-list li,
.search_sec.artwork-groupby-page .nav-list a,
.search_sec.artwork-groupby-page .main-heading,
.search_sec.artwork-groupby-page .Showing_text,
.search_sec.artwork-groupby-page .sortABC,
.search_sec.artwork-groupby-page .sortABC a,
.search_sec.artwork-groupby-page .sortABC span,
.search_sec.artist-groupby-page .nav-list li,
.search_sec.artist-groupby-page .nav-list a,
.search_sec.artist-groupby-page .main-heading,
.search_sec.artist-groupby-page .Showing_text,
.search_sec.artist-groupby-page .sortABC,
.search_sec.artist-groupby-page .sortABC a,
.search_sec.artist-groupby-page .sortABC span {
  color: var(--mfp-gb-ink);
  font-family: var(--mfp-gb-body);
}

.search_sec.artwork-groupby-page .Showing_text,
.search_sec.artist-groupby-page .Showing_text {
  font-size: 14px;
  line-height: 1.5;
}

/* ── groupby-selector / form selects / search input ── */
.search_sec.catalog-groupby-page #groupby-selector,
.search_sec.catalog-groupby-page #fieldSelector,
.search_sec.catalog-groupby-page .Showing_text .form-control,
.search_sec.artwork-groupby-page #groupby-selector,
.search_sec.artwork-groupby-page .Showing_text .form-control,
.search_sec.artist-groupby-page #groupby-selector,
.search_sec.artist-groupby-page .Showing_text .form-control,
.search_sec.museum-groupby-page #groupby-selector,
.search_sec.museum-groupby-page #fieldSelector,
.search_sec.museum-groupby-page .Showing_text .form-control,
.search_sec.article-groupby-page #groupby-selector,
.search_sec.article-groupby-page .Showing_text .form-control,
.search_sec.catalog-groupby-page form.countrySearchForm input[type="text"],
.search_sec.artwork-groupby-page form.countrySearchForm input[type="text"],
.search_sec.artist-groupby-page form.countrySearchForm input[type="text"],
.search_sec.museum-groupby-page form.countrySearchForm input[type="text"],
.search_sec.article-groupby-page form.countrySearchForm input[type="text"] {
  background-color: var(--mfp-gb-bg) !important;
  border: 1px solid var(--mfp-gb-line) !important;
  color: var(--mfp-gb-ink) !important;
  border-radius: 2px;
  font-family: var(--mfp-gb-body);
  font-size: 13px;
}

/* ── Search input placeholder + icon ── */
.search_sec.artwork-groupby-page form.countrySearchForm input[type="text"]::placeholder,
.search_sec.artist-groupby-page form.countrySearchForm input[type="text"]::placeholder,
.search_sec.museum-groupby-page form.countrySearchForm input[type="text"]::placeholder,
.search_sec.article-groupby-page form.countrySearchForm input[type="text"]::placeholder,
.search_sec.catalog-groupby-page form.countrySearchForm input[type="text"]::placeholder {
  color: var(--mfp-gb-ink-3);
  font-style: italic;
}
.search_sec.artwork-groupby-page form.countrySearchForm i.fa.fa-search,
.search_sec.artist-groupby-page form.countrySearchForm i.fa.fa-search {
  color: var(--mfp-gb-ink-2);
}

/* ── sortABC active / disabled ── */
.search_sec.artwork-groupby-page .sortABC a.active,
.search_sec.artist-groupby-page .sortABC a.active {
  color: var(--mfp-gb-accent) !important;
  border-bottom: 1px solid var(--mfp-gb-accent);
  font-weight: 600;
}
.search_sec.artwork-groupby-page .sortABC a.disabled,
.search_sec.artist-groupby-page .sortABC a.disabled {
  color: var(--mfp-gb-ink-3) !important;
  pointer-events: none;
}

/* ── Badge filter chips ── */
.search_sec.artwork-groupby-page .badge_list,
.search_sec.artist-groupby-page .badge_list {
  border-bottom: 1px solid var(--mfp-gb-line);
}
.search_sec.artwork-groupby-page .badge-filter,
.search_sec.artist-groupby-page .badge-filter {
  background: var(--mfp-gb-slot) !important;
  color: var(--mfp-gb-ink) !important;
  border: 1px solid var(--mfp-gb-line);
  border-radius: 2px;
  font-family: var(--mfp-gb-body);
  font-size: 13px;
}

/* ── Sidebar box ── */
.search_sec.catalog-groupby-page .sidebar .sidebar_box,
.search_sec.artwork-groupby-page .sidebar .sidebar_box,
.search_sec.artist-groupby-page .sidebar .sidebar_box,
.search_sec.museum-groupby-page .sidebar .sidebar_box,
.search_sec.article-groupby-page .sidebar .sidebar_box {
  background: var(--mfp-gb-band) !important;
  border: 1px solid var(--mfp-gb-line) !important;
  color: var(--mfp-gb-ink) !important;
  border-radius: 2px;
  font-family: var(--mfp-gb-body);
}
.search_sec.catalog-groupby-page .sidebar .sidebar_box:hover,
.search_sec.artwork-groupby-page .sidebar .sidebar_box:hover,
.search_sec.artist-groupby-page .sidebar .sidebar_box:hover,
.search_sec.museum-groupby-page .sidebar .sidebar_box:hover,
.search_sec.article-groupby-page .sidebar .sidebar_box:hover {
  background: var(--mfp-gb-slot) !important;
  border-color: var(--mfp-gb-line-2) !important;
}
/* Active sidebar_box — gild border accent to distinguish from hover */
.search_sec.catalog-groupby-page .sidebar .sidebar_box.active,
.search_sec.artwork-groupby-page .sidebar .sidebar_box.active,
.search_sec.artist-groupby-page .sidebar .sidebar_box.active,
.search_sec.museum-groupby-page .sidebar .sidebar_box.active,
.search_sec.article-groupby-page .sidebar .sidebar_box.active {
  background: var(--mfp-gb-slot) !important;
  border-color: var(--mfp-gb-accent, #8B6914) !important;
  border-left-width: 3px !important;
}

/* ── Sidebar title + description ── */
.search_sec.catalog-groupby-page h3.sidebar_box_title,
.search_sec.catalog-groupby-page h3.sidebar_box_title a,
.search_sec.artwork-groupby-page h3.sidebar_box_title,
.search_sec.artwork-groupby-page h3.sidebar_box_title a,
.search_sec.artist-groupby-page h3.sidebar_box_title,
.search_sec.artist-groupby-page h3.sidebar_box_title a {
  color: var(--mfp-gb-ink) !important;
  font-family: var(--mfp-gb-serif);
  font-size: 17px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.3;
  letter-spacing: 0.01em;
  margin-bottom: 12px;
  text-transform: none;
}
.search_sec.catalog-groupby-page h3.sidebar_box_title a:hover,
.search_sec.artwork-groupby-page h3.sidebar_box_title a:hover,
.search_sec.artist-groupby-page h3.sidebar_box_title a:hover {
  color: var(--mfp-gb-accent) !important;
}
/* sidebar_box_description — secondary/muted ink per MFP design */
.search_sec.catalog-groupby-page p.sidebar_box_description,
.search_sec.catalog-groupby-page p.sidebar_box_description a,
.search_sec.artwork-groupby-page p.sidebar_box_description,
.search_sec.artwork-groupby-page p.sidebar_box_description a,
.search_sec.artist-groupby-page p.sidebar_box_description,
.search_sec.artist-groupby-page p.sidebar_box_description a,
.search_sec.museum-groupby-page p.sidebar_box_description,
.search_sec.museum-groupby-page p.sidebar_box_description a,
.search_sec.article-groupby-page p.sidebar_box_description,
.search_sec.article-groupby-page p.sidebar_box_description a {
  color: var(--mfp-gb-ink-3, #8A8273) !important;
  font-family: var(--mfp-gb-body);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
}

/* ── Sidebar_tags chips ── */
.search_sec.artwork-groupby-page ul.Sidebar_tags,
.search_sec.artist-groupby-page ul.Sidebar_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
  padding: 0;
  list-style: none;
}
.search_sec.artwork-groupby-page ul.Sidebar_tags a,
.search_sec.artwork-groupby-page ul.Sidebar_tags li button.catalog-nav-btn,
.search_sec.artist-groupby-page ul.Sidebar_tags a,
.search_sec.artist-groupby-page ul.Sidebar_tags li button.catalog-nav-btn {
  display: inline-block;
  padding: 5px 9px;
  background: var(--mfp-gb-slot) !important;
  color: var(--mfp-gb-ink-2) !important;
  border: 1px solid var(--mfp-gb-line);
  border-radius: 2px;
  font-family: var(--mfp-gb-body);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 400;
  text-decoration: none;
}
.search_sec.artwork-groupby-page ul.Sidebar_tags a:hover,
.search_sec.artist-groupby-page ul.Sidebar_tags a:hover {
  color: var(--mfp-gb-accent) !important;
  border-color: var(--mfp-gb-accent);
}

/* ── showMainResuls font root ── */
.search_sec.artwork-groupby-page .showMainResuls,
.search_sec.artist-groupby-page .showMainResuls {
  font-family: var(--mfp-gb-body);
}

/* ── Group heading (showMainResulsTitle h3) ── */
.search_sec.artwork-groupby-page .showMainResulsTitle h3,
.search_sec.artwork-groupby-page .showMainResulsTitle h3 a,
.search_sec.artist-groupby-page .showMainResulsTitle h3,
.search_sec.artist-groupby-page .showMainResulsTitle h3 a {
  color: var(--mfp-gb-ink) !important;
  font-family: var(--mfp-gb-serif);
  font-size: 20px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.25;
  letter-spacing: 0.01em;
  text-transform: none;
}
.search_sec.artwork-groupby-page .showMainResulsTitle h3 a:hover,
.search_sec.artist-groupby-page .showMainResulsTitle h3 a:hover {
  color: var(--mfp-gb-accent) !important;
}

/* ── Count badge (span inside h3) ── */
.search_sec.artwork-groupby-page .showMainResulsTitle h3 span,
.search_sec.artist-groupby-page .showMainResulsTitle h3 span {
  background: var(--mfp-gb-slot) !important;
  color: var(--mfp-gb-ink) !important;
  font-family: var(--mfp-gb-body);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  font-style: normal;
}

/* ── "See All" link ── */
.search_sec.artwork-groupby-page .showMainResulsTitle > a,
.search_sec.artwork-groupby-page .showMainResulsTitle > button.catalog-nav-btn,
.search_sec.artist-groupby-page .showMainResulsTitle > a,
.search_sec.artist-groupby-page .showMainResulsTitle > button.catalog-nav-btn {
  color: var(--mfp-gb-ink-2) !important;
  font-family: var(--mfp-gb-body);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: none;
  letter-spacing: 0.04em;
}
.search_sec.artwork-groupby-page .showMainResulsTitle > a:hover,
.search_sec.artwork-groupby-page .showMainResulsTitle > button.catalog-nav-btn:hover,
.search_sec.artist-groupby-page .showMainResulsTitle > a:hover,
.search_sec.artist-groupby-page .showMainResulsTitle > button.catalog-nav-btn:hover {
  color: var(--mfp-gb-accent) !important;
}

/* ── showMainResulsBox (group card wrapper) ── */
.search_sec.artwork-groupby-page .showMainResulsBox,
.search_sec.artist-groupby-page .showMainResulsBox {
  background: var(--mfp-gb-band) !important;
  color: var(--mfp-gb-ink) !important;
  border: 1px solid var(--mfp-gb-line);
  border-radius: 2px;
  font-family: var(--mfp-gb-body);
}

/* ── showMainResulsImage overlay title + subtitle ── */
.search_sec.artwork-groupby-page .showMainResulsImage h3,
.search_sec.artwork-groupby-page .showMainResulsImage h3 a,
.search_sec.artist-groupby-page .showMainResulsImage h3,
.search_sec.artist-groupby-page .showMainResulsImage h3 a {
  background: rgba(26, 24, 20, 0.72) !important;
  color: var(--mfp-gb-bg) !important;
  font-family: var(--mfp-gb-serif);
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.35;
}
.search_sec.artwork-groupby-page .showMainResulsImage p,
.search_sec.artwork-groupby-page .showMainResulsImage p a,
.search_sec.artist-groupby-page .showMainResulsImage p,
.search_sec.artist-groupby-page .showMainResulsImage p a {
  color: var(--mfp-gb-bg) !important;
  font-family: var(--mfp-gb-body);
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
}

/* ── Result item text (cards in grid) ── */
.search_sec.artwork-groupby-page .showResultsItems h3 a,
.search_sec.artwork-groupby-page .showResultsItems h3,
.search_sec.artwork-groupby-page .showResultsItems h4,
.search_sec.artwork-groupby-page .showResultsItems h4 a,
.search_sec.artwork-groupby-page .showResultsItems p,
.search_sec.artwork-groupby-page .showResultsItems p a,
.search_sec.artwork-groupby-page .artwork_list_additional_values h3,
.search_sec.artwork-groupby-page .artwork_list_additional_values h3 a,
.search_sec.artist-groupby-page .showResultsItems h3 a,
.search_sec.artist-groupby-page .showResultsItems h3,
.search_sec.artist-groupby-page .showResultsItems h4,
.search_sec.artist-groupby-page .showResultsItems h4 a,
.search_sec.artist-groupby-page .showResultsItems p,
.search_sec.artist-groupby-page .showResultsItems p a {
  color: var(--mfp-gb-ink) !important;
  font-family: var(--mfp-gb-body);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
  white-space: normal;
}
.search_sec.artwork-groupby-page .showResultsItems h3 a,
.search_sec.artwork-groupby-page .showResultsItems h4 a,
.search_sec.artist-groupby-page .showResultsItems h3 a,
.search_sec.artist-groupby-page .showResultsItems h4 a {
  font-weight: 600;
}
.search_sec.artwork-groupby-page .showResultsItems h4 a:hover,
.search_sec.artwork-groupby-page .showResultsItems h3 a:hover,
.search_sec.artwork-groupby-page .showResultsItems p a:hover,
.search_sec.artist-groupby-page .showResultsItems h4 a:hover,
.search_sec.artist-groupby-page .showResultsItems h3 a:hover,
.search_sec.artist-groupby-page .showResultsItems p a:hover {
  color: var(--mfp-gb-accent) !important;
}
/* ===== END MFP — artist_group_by_attribute / group-by browse ===== */

/* =====================================================
   photo_to_restyled_masterpiece — MFP brand styling
   All selectors scoped under body.custom-repro-page.
   Reuses MFP tokens (--mfp-*) defined above; classic/museum aesthetic.
   Kit map: --gild ≈ --mfp-gold-lt, --gild-deep ≈ --mfp-gold,
            --line ≈ --mfp-sand-3, --paper ≈ --mfp-ivory,
            --bg-deep ≈ --mfp-sand-2.
   ===================================================== */

/* --- Brand tokens consumed by global-custom shared structure --- */
body.custom-repro-page {
  --pr-spinner-overlay: rgba(253, 250, 244, 0.92);     /* ivory veil */
  --pr-remove-bg:       var(--mfp-ink, #1A1814);
  --pr-remove-bg-hover: var(--mfp-gold, #8B6914);
  --pr-muted-text:      var(--mfp-ink-3, #8A8273);
  background: var(--mfp-ivory, #FDFAF4);
  color: var(--mfp-ink, #1A1814);
  font-family: var(--mfp-sans, 'Inter', system-ui, sans-serif);
}

/* --- Hero caption (shared chrome) --- */
body.custom-repro-page .consultation_content h6 {
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--mfp-gold-lt, #C49A2A);
  margin-bottom: 14px;
}
body.custom-repro-page .consultation_content h1 {
  font-family: var(--mfp-serif, 'Cormorant Garamond', Georgia, serif);
  font-size: clamp(34px, 5vw, 64px);
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: var(--mfp-ivory, #FDFAF4);
}

/* --- Intro paragraphs --- */
body.custom-repro-page .consultation_bottom p {
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 15px;
  line-height: 1.7;
  color: var(--mfp-sand, #F5F1E8);
}

/* --- Step blocks --- */
body.custom-repro-page .production_form .form_produc {
  background: var(--mfp-ivory, #FDFAF4);
  border: 1px solid var(--mfp-rule, rgba(28,26,23,.12));
  border-radius: var(--r-md, 4px);
  padding: clamp(28px, 4vw, 48px);
  box-shadow: var(--sh-card, 0 12px 24px -12px rgba(26,24,20,0.18));
  margin-bottom: 28px;
}

/* Step kicker chip — ink box, gold uppercase label (kit .step-head .num/.st-label feel) */
body.custom-repro-page .steps_count {
  margin-bottom: 6px;
}
body.custom-repro-page .steps_count span {
  background: var(--mfp-ink, #1A1814);
  color: var(--mfp-gold-lt, #C49A2A);
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: var(--r-sm, 2px);
  line-height: 1.4;
}

/* Step heading — Cormorant Garamond editorial, left-aligned */
body.custom-repro-page .form_heading {
  font-family: var(--mfp-serif, 'Cormorant Garamond', Georgia, serif);
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--mfp-ink, #1A1814);
  text-align: left;
  margin-top: 14px;
  margin-bottom: 8px;
}

/* Step body copy */
body.custom-repro-page .form_content {
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 14px;
  line-height: 1.6;
  color: var(--mfp-ink-3, #8A8273);
  text-align: left;
  margin-bottom: 18px;
}

/* File-types hint line */
body.custom-repro-page .img_extention {
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--mfp-ink-3, #8A8273);
  margin-bottom: 14px;
}

/* --- Step 01: upload box (kit .upload — dashed line, gold on hover) --- */
body.custom-repro-page .image-upload-box#add-image {
  border: 1.5px dashed var(--mfp-sand-3, #DDD5C0);
  background: var(--mfp-ivory, #FDFAF4);
  border-radius: var(--r-md, 4px);
  transition: border-color .18s ease, background .18s ease;
}
body.custom-repro-page .image-upload-box#add-image:hover {
  border-color: var(--mfp-gold-lt, #C49A2A);
  background: rgba(196, 154, 42, 0.05);
}
/* Plus icon */
body.custom-repro-page #add-image #upload-icon img {
  opacity: 0.85;
}
/* Spinner ring — gold accent */
body.custom-repro-page #upload-spinner {
  border: 3px solid var(--mfp-sand-3, #DDD5C0);
  border-top-color: var(--mfp-gold, #8B6914);
}
/* Preview frame */
body.custom-repro-page #uploaded-image-preview {
  border: 1px solid var(--mfp-sand-3, #DDD5C0);
}
body.custom-repro-page #remove-image-btn {
  font-family: var(--mfp-sans, 'Inter', sans-serif);
}
/* Upload error message */
body.custom-repro-page #upload-message {
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 13px;
  color: #B23333;
}

/* --- Step 02: edit-request textarea (kit field aesthetic) --- */
body.custom-repro-page .form-control#image_edit_requests {
  background: var(--mfp-ivory, #FDFAF4);
  border: 1px solid var(--mfp-sand-3, #DDD5C0);
  border-radius: var(--r-sm, 2px);
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 15px;
  color: var(--mfp-ink, #1A1814);
  transition: border-color .18s ease, box-shadow .18s ease;
}
body.custom-repro-page .form-control#image_edit_requests:focus {
  border-color: var(--mfp-gold-lt, #C49A2A);
  box-shadow: 0 0 0 2px rgba(196, 154, 42, 0.15);
  background: var(--mfp-ivory, #FDFAF4);
}
body.custom-repro-page .form-control#image_edit_requests::placeholder {
  color: var(--mfp-ink-3, #8A8273);
  font-style: italic;
}
body.custom-repro-page .form-floating > label[for="image_edit_requests"] {
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mfp-ink-3, #8A8273);
}
body.custom-repro-page .edit-request-examples-intro strong {
  color: var(--mfp-ink-2, #4A4438);
}

/* --- Chips: edit-request examples + category filters (kit .movement pill) --- */
body.custom-repro-page ul.Sidebar_tags a,
body.custom-repro-page ul.sidebar_tags_edit_request_examples a.edit-request-example {
  background: var(--mfp-ivory, #FDFAF4);
  border: 1px solid var(--mfp-rule-strong, rgba(28,26,23,.28));
  border-radius: var(--r-pill, 999px);
  color: var(--mfp-ink-2, #4A4438);
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.4;
  padding: 9px 16px;
  text-decoration: none;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
}
body.custom-repro-page ul.Sidebar_tags a:hover,
body.custom-repro-page ul.sidebar_tags_edit_request_examples a.edit-request-example:hover {
  border-color: var(--mfp-ink, #1A1814);
  color: var(--mfp-ink, #1A1814);
  background: var(--mfp-ivory, #FDFAF4);
  text-shadow: none;
}

/* Active category filter — solid ink fill */
body.custom-repro-page ul.Sidebar_tags a.category-filter-link.active {
  background: var(--mfp-ink, #1A1814);
  border-color: var(--mfp-ink, #1A1814);
  color: var(--mfp-ivory, #FDFAF4);
}
body.custom-repro-page ul.Sidebar_tags a.category-filter-link.active:hover {
  background: var(--mfp-gold, #8B6914);
  border-color: var(--mfp-gold, #8B6914);
  color: var(--mfp-ivory, #FDFAF4);
  text-shadow: none;
}

/* --- Step 04: style cards (.search_card) — MFP museum card --- */
body.custom-repro-page .search_card {
  background: var(--mfp-card-bg, #FDFAF4);
  border: 1px solid var(--mfp-card-border, #DDD5C0);
  border-radius: var(--mfp-card-radius, 2px);
  box-shadow: var(--mfp-card-shadow, 0 2px 8px -2px rgba(26,24,20,0.08));
  overflow: hidden;
  position: relative;
  transition: box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
}
body.custom-repro-page .style-card { margin-bottom: 24px; }
body.custom-repro-page .search_card:hover {
  background: var(--mfp-card-hover-bg, #EDE7D9);
  border-color: var(--mfp-sand-3, #DDD5C0);
  box-shadow: var(--mfp-card-hover-shadow, 0 8px 24px -6px rgba(26,24,20,0.18));
}
body.custom-repro-page .search_card .search_img {
  display: block;
  overflow: hidden;
  background: var(--mfp-sand, #F5F1E8);
  border-bottom: 1px solid var(--mfp-card-border, #DDD5C0);
}
body.custom-repro-page .search_card .searchCard_body {
  padding: 14px 16px 12px;
  background: transparent;
}

/* Category label — Baskervville SC small-caps */
body.custom-repro-page .search_card .art-artist h2 {
  font-family: var(--font-title, 'Baskervville SC', Georgia, serif);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mfp-ink, #1A1814);
  line-height: 1.3;
  margin: 0;
}

/* Style title — Cormorant Garamond italic */
body.custom-repro-page .search_card .art-title span {
  font-family: var(--mfp-serif, 'Cormorant Garamond', Georgia, serif);
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.25;
  color: var(--mfp-ink-2, #4A4438);
  display: block;
  margin-top: 4px;
}

/* Description snippet */
body.custom-repro-page .search_card .card_content p {
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 12.5px;
  color: var(--mfp-ink-3, #8A8273);
  line-height: 1.55;
  margin-top: 8px;
  margin-bottom: 0;
}

/* Step 04 count line */
body.custom-repro-page #styles-count {
  color: var(--mfp-gold, #8B6914);
}

/* =====================================================
   RIGHT column — .summery_checkout (order summary + checkout)
   Same --mfp-* tokens / museum aesthetic as the left column.
   ===================================================== */

/* Card shell — override global-custom beige (#F7F2E1 / #DCD3BF) */
body.custom-repro-page .summery_checkout {
  background: var(--mfp-ivory, #FDFAF4);
  border: 1px solid var(--mfp-rule, rgba(28,26,23,.12));
  border-radius: var(--r-md, 4px);
}

/* Left column inner panels — faces, size, customization (global beige leak) */
body.custom-repro-page .production_form .repro-faces__option,
body.custom-repro-page .production_form .repro-styles__option {
  background: var(--mfp-sand, #F5F1E8);
  border: 1px solid var(--mfp-sand-3, #DDD5C0);
}
body.custom-repro-page .production_form .repro-faces__option.checked_box,
body.custom-repro-page .production_form .repro-styles__option.checked_box {
  border-color: var(--mfp-gold, #8B6914) !important;
}
body.custom-repro-page .production_form .repro-customization__section {
  background: var(--mfp-sand, #F5F1E8);
}
body.custom-repro-page .production_form .custom_detail {
  background: var(--mfp-ivory, #FDFAF4);
  border-color: var(--mfp-sand-3, #DDD5C0);
}
body.custom-repro-page .production_form .switches-container {
  background: var(--mfp-sand-3, #DDD5C0);
}
body.custom-repro-page .production_form .switch {
  background: var(--mfp-gold, #8B6914);
}
body.custom-repro-page .production_form .form-floating .form-control,
body.custom-repro-page .production_form .select_size select {
  background: var(--mfp-ivory, #FDFAF4);
  border-color: var(--mfp-sand-3, #DDD5C0);
  color: var(--mfp-ink, #1A1814);
}

/* Section titles ("Order Details" / "Summary & Checkout") */
body.custom-repro-page .summery_checkout .sum_chek_text {
  font-family: var(--mfp-serif, 'Cormorant Garamond', Georgia, serif);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--mfp-ink, #1A1814);
  text-align: left;
  margin-bottom: 16px;
}

/* Collapse / accordion shell */
body.custom-repro-page .summery_checkout .collapse_inner_box,
body.custom-repro-page .summery_checkout .accordion,
body.custom-repro-page .summery_checkout .accordion-item {
  background: var(--mfp-ivory, #FDFAF4);
  border-color: var(--mfp-rule, rgba(28,26,23,.12));
  color: var(--mfp-ink, #1A1814);
}
body.custom-repro-page .summery_checkout .collapse_inner_box {
  border: 1px solid var(--mfp-rule, rgba(28,26,23,.12));
  border-radius: var(--r-md, 4px);
  box-shadow: var(--sh-card, 0 12px 24px -12px rgba(26,24,20,0.18));
  overflow: hidden;
}

/* Accordion header button */
body.custom-repro-page .summery_checkout .accordion-button {
  background: var(--mfp-sand, #F5F1E8);
  color: var(--mfp-ink, #1A1814) !important;
  font-family: var(--font-title, 'Baskervville SC', Georgia, serif);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
}
body.custom-repro-page .summery_checkout .accordion-button:not(.collapsed) {
  background: var(--mfp-sand-2, #EDE7D9);
  color: var(--mfp-ink, #1A1814) !important;
  box-shadow: none;
}
/* Kill default bootstrap blue focus ring */
body.custom-repro-page .summery_checkout .accordion-button:focus {
  box-shadow: none;
  border-color: var(--mfp-rule, rgba(28,26,23,.12));
  outline: none;
}
/* Recolor the chevron to ink */
body.custom-repro-page .summery_checkout .accordion-button::after,
body.custom-repro-page .summery_checkout .accordion-button:not(.collapsed)::after {
  filter: none;
}

body.custom-repro-page .summery_checkout .accordion-body {
  background: var(--mfp-ivory, #FDFAF4);
  color: var(--mfp-ink, #1A1814);
}

/* Summary rows */
body.custom-repro-page .summery_checkout .repro-summary__row {
  border-bottom: 1px solid var(--mfp-rule, rgba(28,26,23,.12));
}
body.custom-repro-page .summery_checkout .repro-summary__row:last-child {
  border-bottom: none;
}
body.custom-repro-page .summery_checkout .repro-summary__row .dtl_con h4 {
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: var(--mfp-ink, #1A1814);
}
body.custom-repro-page .summery_checkout .repro-summary__row .dtl_con p {
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--mfp-ink-3, #8A8273);
}
/* Per-row price (right column) */
body.custom-repro-page .summery_checkout .repro-summary__row .detail_cont_right h4 {
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: var(--mfp-gold, #8B6914);
  white-space: nowrap;
}

/* Total price box */
body.custom-repro-page .summery_checkout .total_price_box {
  background: var(--mfp-sand, #F5F1E8);
  border: 1px solid var(--mfp-rule, rgba(28,26,23,.12));
  border-radius: var(--r-md, 4px);
  margin-top: 16px;
}
body.custom-repro-page .summery_checkout .total_price_box .detail_cont_left h4 {
  font-family: var(--font-title, 'Baskervville SC', Georgia, serif);
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mfp-ink, #1A1814);
}
body.custom-repro-page .summery_checkout .total_price_box .total_price,
body.custom-repro-page .summery_checkout .total_price {
  font-family: var(--mfp-serif, 'Cormorant Garamond', Georgia, serif);
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 500;
  color: var(--mfp-gold, #8B6914);
}

/* Checkout buttons */
body.custom-repro-page .summery_checkout .add_tocart_btn #addToCartButton {
  background: var(--mfp-ink, #1A1814);
  color: var(--mfp-ivory, #FDFAF4);
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border: 1px solid var(--mfp-ink, #1A1814);
  border-radius: var(--r-sm, 2px);
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
body.custom-repro-page .summery_checkout .add_tocart_btn #addToCartButton:hover {
  background: var(--mfp-gold, #8B6914);
  border-color: var(--mfp-gold, #8B6914);
  color: var(--mfp-ivory, #FDFAF4);
}
/* SEND — secondary / ghost */
body.custom-repro-page .summery_checkout .add_tocart_btn #emailConfigButton {
  background: transparent;
  color: var(--mfp-ink, #1A1814);
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border: 1px solid var(--mfp-rule-strong, rgba(28,26,23,.28));
  border-radius: var(--r-sm, 2px);
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}
body.custom-repro-page .summery_checkout .add_tocart_btn #emailConfigButton:hover {
  border-color: var(--mfp-ink, #1A1814);
  color: var(--mfp-ink, #1A1814);
  background: var(--mfp-sand, #F5F1E8);
}

/* Confirmation / validation notices */
body.custom-repro-page .summery_checkout .confirmation_notice,
body.custom-repro-page .summery_checkout .---confirmation_notice {
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  font-size: 13px;
  line-height: 1.55;
  color: var(--mfp-ink-2, #4A4438);
  background: var(--mfp-sand-2, #EDE7D9);
  border: 1px solid var(--mfp-rule, rgba(28,26,23,.12));
  border-radius: var(--r-sm, 2px);
}
body.custom-repro-page .summery_checkout .confirmation_notice p,
body.custom-repro-page .summery_checkout .---confirmation_notice p {
  color: var(--mfp-ink-2, #4A4438);
}

/* Read-more accent link */
body.custom-repro-page .summery_checkout .yellow_cont a {
  color: var(--mfp-gold, #8B6914);
  font-family: var(--mfp-sans, 'Inter', sans-serif);
  text-decoration: none;
}
body.custom-repro-page .summery_checkout .yellow_cont a:hover {
  color: var(--mfp-gold-lt, #C49A2A);
  text-decoration: underline;
}
/* ===== END .summery_checkout ===== */
/* ===== END photo_to_restyled_masterpiece ===== */

/* ===== MFP — Catalog categories browse (list_category) ===== */
/*
   Page wrapper: .search_sec.same-space-card.catalog-categories-page.artwork-categories-page
   Scope every rule to BOTH .catalog-categories-page AND .artwork-categories-page.
   Tokens (MFP UI Kit):
     band  -> --mfp-sand     (#F5F1E8)   panel/band fill
     slot  -> --mfp-sand-2   (#EDE7D9)   inset/pill fill
     line  -> --mfp-sand-3   (#DDD5C0)   borders/rules
     ink   -> --mfp-ink      (#1A1814)   primary text
     ink-2 -> --mfp-ink-2    (#4A4438)   soft ink (pill text)
     ink-3 -> --mfp-ink-3    (#8A8273)   muted
     accent-> --mfp-gold     (#8B6914)   accent / hover / active
     bg    -> --mfp-ivory    (#FDFAF4)   control bg
     serif -> Cormorant Garamond  | sans -> Inter
*/

/* ----- 1. Page chrome: breadcrumb, heading, showing/sort ----- */
.search_sec.catalog-categories-page .nav-list li,
.search_sec.catalog-categories-page .nav-list a,
.search_sec.catalog-categories-page .main-heading,
.search_sec.catalog-categories-page .Showing_text,
.search_sec.catalog-categories-page .sorting_content,
.search_sec.catalog-categories-page .sort_by,
.search_sec.artwork-categories-page .nav-list li,
.search_sec.artwork-categories-page .nav-list a,
.search_sec.artwork-categories-page .main-heading,
.search_sec.artwork-categories-page .Showing_text,
.search_sec.artwork-categories-page .sorting_content,
.search_sec.artwork-categories-page .sort_by {
  color: var(--mfp-ink, #1A1814);
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
}
.search_sec.catalog-categories-page .nav-list a:hover,
.search_sec.artwork-categories-page .nav-list a:hover {
  color: var(--mfp-gold, #8B6914);
}
.search_sec.catalog-categories-page .Showing_text .form-control,
.search_sec.catalog-categories-page .sorting_content select.custom-select,
.search_sec.artwork-categories-page .Showing_text .form-control,
.search_sec.artwork-categories-page .sorting_content select.custom-select {
  background-color: var(--mfp-ivory, #FDFAF4) !important;
  border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
  color: var(--mfp-ink, #1A1814) !important;
  border-radius: var(--r-sm, 2px);
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 13px;
}

/* ----- 2. Filter panel shell ----- */
.search_sec.catalog-categories-page .filter-panel,
.search_sec.artwork-categories-page .filter-panel {
  background-color: var(--mfp-sand, #F5F1E8);
  border: 1px solid var(--mfp-sand-3, #DDD5C0);
  border-radius: var(--r-sm, 2px);
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
}

/* ----- 3. Filter title row ----- */
.search_sec.catalog-categories-page .filter-title,
.search_sec.artwork-categories-page .filter-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  min-height: 44px;
  box-sizing: border-box;
}
.search_sec.catalog-categories-page .filter-title span,
.search_sec.artwork-categories-page .filter-title span {
  font-family: var(--mfp-serif, "Cormorant Garamond", Georgia, serif);
  color: var(--mfp-ink, #1A1814);
}
.search_sec.catalog-categories-page .filter-title span img,
.search_sec.artwork-categories-page .filter-title span img {
  width: 16px;
  height: 16px;
}

/* ----- 4. Active-filter badge list ----- */
.search_sec.catalog-categories-page .badge_list,
.search_sec.artwork-categories-page .badge_list {
  border-bottom: 1px solid var(--mfp-sand-3, #DDD5C0);
}
.search_sec.catalog-categories-page .badge-filter,
.search_sec.artwork-categories-page .badge-filter {
  background: var(--mfp-sand-2, #EDE7D9) !important;
  color: var(--mfp-ink, #1A1814) !important;
  border: 1px solid var(--mfp-sand-3, #DDD5C0);
  border-radius: var(--r-sm, 2px);
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 13px;
}

/* ----- 5. CORE category links (pills) ----- */
.search_sec.catalog-categories-page .colors_list,
.search_sec.artwork-categories-page .colors_list {
  padding: 16px !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  text-align: left !important;
  list-style: none;
}
.search_sec.catalog-categories-page .colors_list li,
.search_sec.artwork-categories-page .colors_list li {
  width: auto !important;
  display: inline-block !important;
  margin: 0;
  padding: 0;
  background: transparent !important;
  border: none !important;
}
.search_sec.catalog-categories-page .colors_list li a,
.search_sec.artwork-categories-page .colors_list li a {
  display: inline-block !important;
  padding: 5px 8px !important;
  width: auto !important;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--mfp-ink-2, #4A4438) !important;
  text-decoration: none !important;
  background: var(--mfp-sand-2, #EDE7D9) !important;
  border: 1px solid var(--mfp-sand-3, #DDD5C0) !important;
  border-radius: var(--r-sm, 2px);
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}
.search_sec.catalog-categories-page .colors_list li a:hover,
.search_sec.artwork-categories-page .colors_list li a:hover {
  color: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
}
/* Active category chip — MFP UI Kit sbk-chip.is-active: accent text on sand slot
   tint with accent border, NOT an inverted dark fill
   (matches --SB-active-fill / --SB-active-text / --SB-accent border). */
.search_sec.catalog-categories-page .colors_list li a.active,
.search_sec.catalog-categories-page .colors_list li.active a,
.search_sec.catalog-categories-page .colors_list li.active,
.search_sec.artwork-categories-page .colors_list li a.active,
.search_sec.artwork-categories-page .colors_list li.active a,
.search_sec.artwork-categories-page .colors_list li.active {
  background: var(--mfp-sand-2, #EDE7D9) !important;
  color: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
  font-weight: 700;
}

/* ----- 6. Card grid — identical to MFP artwork LIST card ----- */
/* Page-level card token scope (mirrors artwork-list-page) */
.search_sec.catalog-categories-page,
.search_sec.artwork-categories-page {
  --mfp-card-bg:           var(--mfp-ivory, #FDFAF4);
  --mfp-card-border:       var(--mfp-sand-3, #DDD5C0);
  --mfp-card-shadow:       0 2px 8px -2px rgba(26,24,20,0.08), 0 1px 2px rgba(26,24,20,0.04);
  --mfp-card-hover-bg:     var(--mfp-sand-2, #EDE7D9);
  --mfp-card-hover-shadow: 0 8px 24px -6px rgba(26,24,20,0.18), 0 2px 6px rgba(26,24,20,0.08);
  --mfp-card-radius:       2px;
}

.search_sec.catalog-categories-page .custom_search .search_card,
.search_sec.artwork-categories-page .custom_search .search_card {
  background: var(--mfp-card-bg) !important;
  border: 1px solid var(--mfp-card-border) !important;
  border-radius: var(--mfp-card-radius) !important;
  box-shadow: var(--mfp-card-shadow) !important;
  overflow: visible; /* the global hover panel extends BELOW the card — never clip it
                        (image zoom is clipped by .search_img's own overflow:hidden) */
  transition: box-shadow 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
  position: relative;
}
.search_sec.catalog-categories-page .custom_search .search_card:hover,
.search_sec.artwork-categories-page .custom_search .search_card:hover {
  background: var(--mfp-card-hover-bg) !important;
  border-color: var(--mfp-sand-3, #DDD5C0) !important;
  box-shadow: var(--mfp-card-hover-shadow) !important;
}

.search_sec.catalog-categories-page .custom_search .search_card .search_img,
.search_sec.artwork-categories-page .custom_search .search_card .search_img {
  display: block;
  overflow: hidden;
  background: var(--mfp-sand, #F5F1E8);
  border-bottom: 1px solid var(--mfp-card-border);
  position: relative;
}
.search_sec.catalog-categories-page .custom_search .search_card:hover .search_img img.mouseover_effect_images,
.search_sec.artwork-categories-page .custom_search .search_card:hover .search_img img.mouseover_effect_images {
  transform: scale(1.05);
  transition: transform 0.55s ease;
}

.search_sec.catalog-categories-page .custom_search .search_card .searchCard_body,
.search_sec.artwork-categories-page .custom_search .search_card .searchCard_body {
  padding: 12px 14px 10px;
  background: transparent !important;
}

.search_sec.catalog-categories-page .custom_search .search_card .art-artist h2,
.search_sec.catalog-categories-page .custom_search .search_card .art-artist h2 a,
.search_sec.artwork-categories-page .custom_search .search_card .art-artist h2,
.search_sec.artwork-categories-page .custom_search .search_card .art-artist h2 a {
  font-family: var(--font-title, 'Baskervville SC', Georgia, serif) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--mfp-ink, #1A1814) !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}
.search_sec.catalog-categories-page .custom_search .search_card .art-artist h2 a:hover,
.search_sec.artwork-categories-page .custom_search .search_card .art-artist h2 a:hover {
  color: var(--mfp-gold, #8B6914) !important;
  text-decoration: none;
}

.search_sec.catalog-categories-page .custom_search .search_card .art-artist span,
.search_sec.catalog-categories-page .custom_search .search_card .art-artist span a,
.search_sec.artwork-categories-page .custom_search .search_card .art-artist span,
.search_sec.artwork-categories-page .custom_search .search_card .art-artist span a {
  font-family: var(--mfp-sans, 'Inter', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: var(--mfp-ink-3, #8A8273) !important;
  letter-spacing: 0.04em;
}

.search_sec.catalog-categories-page .custom_search .search_card .art-title,
.search_sec.catalog-categories-page .custom_search .search_card .art-title a,
.search_sec.artwork-categories-page .custom_search .search_card .art-title,
.search_sec.artwork-categories-page .custom_search .search_card .art-title a {
  font-family: var(--mfp-serif, 'Cormorant Garamond', Georgia, serif) !important;
  font-size: 16px !important;
  font-style: italic !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: var(--mfp-ink-2, #4A4438) !important;
  display: block;
  margin-top: 4px;
}
.search_sec.catalog-categories-page .custom_search .search_card .art-title a:hover,
.search_sec.artwork-categories-page .custom_search .search_card .art-title a:hover {
  color: var(--mfp-gold, #8B6914) !important;
  text-decoration: none;
}

.search_sec.catalog-categories-page .custom_search .search_card .hover_visible,
.search_sec.artwork-categories-page .custom_search .search_card .hover_visible {
  display: none;
  background: var(--mfp-card-hover-bg, #EDE7D9) !important;   /* match card :hover (panel only shows on hover) */
  border-top: 1px solid var(--mfp-sand-3, #DDD5C0);
  padding: 12px 14px 14px;
}
.search_sec.catalog-categories-page .custom_search .search_card:hover .hover_visible,
.search_sec.artwork-categories-page .custom_search .search_card:hover .hover_visible {
  display: block;
}
.search_sec.catalog-categories-page .custom_search .search_card .hover_visible .card_content p,
.search_sec.artwork-categories-page .custom_search .search_card .hover_visible .card_content p {
  font-family: var(--mfp-sans, 'Inter', sans-serif) !important;
  font-size: 12px !important;
  color: var(--mfp-ink-2, #4A4438) !important;
  line-height: 1.55 !important;
  margin-bottom: 10px;
}
.search_sec.catalog-categories-page .custom_search .search_card .hover_visible p a,
.search_sec.artwork-categories-page .custom_search .search_card .hover_visible p a {
  color: var(--mfp-ink-2, #4A4438) !important;
}
.search_sec.catalog-categories-page .custom_search .search_card .hover_visible p a:hover,
.search_sec.artwork-categories-page .custom_search .search_card .hover_visible p a:hover {
  color: var(--mfp-gold, #8B6914) !important;
}

.search_sec.catalog-categories-page .custom_search .search_card .card_bottom,
.search_sec.artwork-categories-page .custom_search .search_card .card_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid var(--mfp-sand-3, #DDD5C0);
  margin-top: 4px;
}

.search_sec.catalog-categories-page .custom_search .search_card .addToCart,
.search_sec.catalog-categories-page .custom_search .cartbtn_group a.addToCart,
.search_sec.artwork-categories-page .custom_search .search_card .addToCart,
.search_sec.artwork-categories-page .custom_search .cartbtn_group a.addToCart {
  background: var(--mfp-ink, #1A1814) !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
  font-family: var(--mfp-sans, 'Inter', sans-serif) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  padding: 9px 14px !important;
  line-height: 1 !important;
  border: 1px solid var(--mfp-ink, #1A1814) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: background-color 0.18s ease, border-color 0.18s ease !important;
  min-width: 0 !important;
  width: auto !important;
}
.search_sec.catalog-categories-page .custom_search .search_card .addToCart .product-price-display,
.search_sec.artwork-categories-page .custom_search .search_card .addToCart .product-price-display {
  font-family: var(--mfp-serif, 'Cormorant Garamond', serif) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
}
.search_sec.catalog-categories-page .custom_search .search_card .addToCart.added,
.search_sec.artwork-categories-page .custom_search .search_card .addToCart.added {
  background: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
}
.search_sec.catalog-categories-page .custom_search .search_card .addToCart:hover,
.search_sec.catalog-categories-page .custom_search .cartbtn_group a.addToCart:hover,
.search_sec.artwork-categories-page .custom_search .search_card .addToCart:hover,
.search_sec.artwork-categories-page .custom_search .cartbtn_group a.addToCart:hover {
  background: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
}
.search_sec.catalog-categories-page .custom_search .search_card .addToCart:hover .product-price-display,
.search_sec.artwork-categories-page .custom_search .search_card .addToCart:hover .product-price-display {
  color: var(--mfp-ivory, #FDFAF4) !important;
}

/* ── Pagination — SITE-WIDE, overrides global brown #875D2A (every paginated
   template: list, categories, search, color search). Ivory cell, parchment
   hover, gold hairline; active = inverted ink pill. ── */
.pagination .page-link,
.pagination a.page-link,
.pagination .page-item:first-child .page-link {
  color: var(--mfp-ink, #1A1814) !important;
  background: var(--mfp-ivory, #FDFAF4) !important;
  border: 1px solid var(--mfp-rule, #D4C8B0) !important;
  border-radius: 0 !important;
  font-family: var(--font-body) !important;
  box-shadow: none !important;
}
.pagination .page-link:hover,
.pagination .page-link:focus,
.pagination .page-item:first-child .page-link:hover {
  background: var(--mfp-parchment, #F5EFE4) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
  color: var(--mfp-ink, #1A1814) !important;
}
.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover,
.pagination .page-item.active .page-link:focus,
.pagination .page-item:first-child.active .page-link {
  background-color: var(--mfp-ink, #1A1814) !important;
  border-color: var(--mfp-ink, #1A1814) !important;
  color: #ffffff !important;
}
.pagination .page-item.disabled .page-link {
  background: var(--mfp-ivory, #FDFAF4) !important;
  border-color: var(--mfp-rule, #D4C8B0) !important;
  color: var(--mfp-muted, #8A8278) !important;
}
/* ===== END MFP — Pagination (site-wide) ===== */

/* ===== museum_list (restyle8) — pagination active pill = brand accent =====
   Overrides the generic global default (brown #875D2A) and the :first-child
   grey (#858585). Scoped to .museum-list-page only; matches the card CTA. */
.search_sec.museum-list-page .pagination .page-item.active .page-link,
.search_sec.museum-list-page .pagination .page-item.active .page-link:hover,
.search_sec.museum-list-page .pagination .page-item.active .page-link:focus {
  background-color: var(--mfp-ink, #1A1814) !important;
  border-color: var(--mfp-ink, #1A1814) !important;
  color: #ffffff !important;
}

/* =====================================================
   DigitalImage buy page — "Included in Every Digital Image Order"
   premium benefits band — MostFamousPaintings tokens (overrides the ADC-gold
   default in global-custom-V1.9.css). Layout mirrors ADC/OUA/WK.
   ===================================================== */
.premium_service {
  margin-bottom: 44px;
}
.premium_service .why_choose_right,
.premium_service .why_choose_right.black_back {
  height: auto !important;
  min-height: 0;
  padding: 32px 44px 48px !important;
  background: var(--mfp-ink, #1A1814);
  overflow: visible;
}
.premium_service .why_choose_right h3 {
  margin: 0 0 10px;
  padding: 0;
  font-family: var(--font-title-accent);
  font-size: clamp(22px, 2.5vw, 28px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--mfp-accent, #8B6914);
}
.premium_service .why_choose_right .heading_text {
  margin: 0 0 12px;
  font-family: var(--font-title-accent);
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  color: var(--mfp-sand, #F5F1E8);
}
.premium_service .why_choose_right .heading_paragrap {
  margin: 0 auto;
  max-width: 52rem;
  text-align: center;
  color: var(--mfp-ink-3, #a3a09b);
}
.premium_service .why_choose_box {
  margin-top: 28px;
  padding-bottom: 4px;
}
.premium_service .why_choose_box .row {
  row-gap: 28px;
  margin-bottom: 8px;
}
.premium_service .why_choose_box .row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}
.premium_service .why_choose_box_inner {
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 0;
  height: auto;
  min-height: 0;
  flex: 1 1 auto;
}
.premium_service .why_choose_icon {
  margin-top: 2px;
  flex-shrink: 0;
}
.premium_service .why_choose_info {
  min-width: 0;
  flex: 1;
}
.premium_service .why_choose_info h5 {
  margin: 0 0 8px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--mfp-sand, #F5F1E8);
}
.premium_service .why_choose_info p {
  width: 100%;
  margin: 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.55;
  color: var(--mfp-ink-3, #a3a09b);
  overflow: visible;
}
.premium_service .why_choose_icon img {
  background: transparent !important;
  outline: none !important;
  outline-offset: 0;
  filter: brightness(0) invert(1);
  opacity: 0.92;
}
.premium_service .why_choose_box_inner:hover .why_choose_icon img {
  opacity: 1;
}

/* ===== search_by_color ===== */
.color-search-page .search-form { margin-top: 24px; }
.color-search-page .color-search-intro { font-size: 1.05em; color: var(--mfp-ink-3); line-height: 1.65; max-width: 52em; }
.color-search-page .filter-row { display: flex; gap: 18px; align-items: flex-start; border-bottom: 1px solid var(--mfp-sand-3); padding: 14px 0; }
.color-search-page .filter-row-label { min-width: 280px; font-weight: 600; color: var(--mfp-ink); }
.color-search-page .filter-row-description { margin-top: 6px; font-size: 0.95em; line-height: 1.5; color: var(--mfp-ink-3); font-weight: 400; max-width: 360px; }
.color-search-page .filter-row-options { display: flex; flex-wrap: wrap; gap: 10px 18px; flex: 1; }
.color-search-page .filter-row-options-stacked { display: block; }
.color-search-page .filter-option { display: inline-flex; align-items: flex-start; gap: 6px; margin: 0; color: var(--mfp-ink-2); max-width: 100%; }
.color-search-page .filter-option span { white-space: normal; word-break: break-word; line-height: 1.35; }
.color-search-page .main-color-list { list-style: none; padding: 0; margin: 0; display: block; }
.color-search-page .main-color-list li { margin-bottom: 8px; padding: 6px 10px; background: var(--mfp-sand); border: 1px solid var(--mfp-sand-3); border-radius: 4px; transition: border-color 0.15s ease; }
.color-search-page .main-color-list li:hover { border-color: var(--mfp-ink); }
.color-search-page .main-color-list label { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; width: 100%; }
.color-search-page .main-color-list input[type="checkbox"] { position: static; opacity: 1; width: 1.1em; height: 1.1em; flex-shrink: 0; margin: 0; cursor: pointer; accent-color: var(--mfp-ink); }
.color-search-page input[type="checkbox"] { accent-color: var(--mfp-ink); }
.color-search-page .hue-gradient-list { list-style: none; padding: 0; margin: 0; }
.color-search-page .hue-gradient-list li { margin-bottom: 8px; }
.color-search-page .hue-gradient-list label { display: inline-flex; align-items: flex-start; gap: 8px; cursor: pointer; }
.color-search-page .hue-gradient-swatch { display: inline-block; flex-shrink: 0; width: 56px; height: 18px; border-radius: 4px; border: 1px solid var(--mfp-sand-3); vertical-align: middle; margin-right: 4px; }
.color-search-page .color-dot { display: inline-block; width: 18px; height: 18px; border-radius: 50%; border: 1px solid var(--mfp-sand-3); vertical-align: middle; flex-shrink: 0; }
.color-search-page .filter-actions { margin-top: 24px; }
.color-search-page #artworks-results { margin-top: 40px; }
@media (max-width: 768px) { .color-search-page .filter-row { flex-direction: column; gap: 8px; } .color-search-page .filter-row-label { min-width: auto; } }

/* ===== orders/art_consultation.html — step image offset shadow ===== */
/* MostFamousPaintings: muted antique-gold wash of the brand accent (#8B6914). */
.step .step-image { --step-image-shadow: rgb(var(--ais-accent-rgb, 139 105 20) / 0.18); }

/* ===== orders/art_consultation.html — MostFamousPaintings brand colours ===== */
/* Near-black ink · antique gold accent · warm ivory/sand surfaces */
body.art-consultation-page .consultation_bottom { background: var(--mfp-ink, #1A1814); }
body.art-consultation-page .consultation_bottom p,
body.art-consultation-page .consultation_bottom p.consultation_text {
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  letter-spacing: normal !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
  opacity: 1 !important;
}
body.art-consultation-page span.line { background: var(--mfp-sand-3, #DDD5C0); }
body.art-consultation-page .step-title { background: var(--mfp-ink, #1A1814); color: var(--mfp-ivory, #FDFAF4); }
body.art-consultation-page .step-heading { color: var(--mfp-ink, #1A1814); }
body.art-consultation-page .step-header small { color: var(--mfp-gold, #8B6914); }
body.art-consultation-page .step-header h4 { color: var(--mfp-ink, #1A1814); }
body.art-consultation-page .step-content p,
body.art-consultation-page .step li,
body.art-consultation-page ul.step_list li { color: var(--mfp-ink-2, #4A4438); }
body.art-consultation-page .step-number-box { background: var(--mfp-sand-2, #EDE7D9); border-color: var(--mfp-sand-3, #DDD5C0); color: var(--mfp-gold, #8B6914); }
body.art-consultation-page .contactfull_width_hero_banner_with_background_image { background: var(--mfp-sand, #F5F1E8); }
body.art-consultation-page .consultant_right { color: var(--mfp-ivory, #FDFAF4); }
body.art-consultation-page .consultant_right .overlay_img {
  background: rgba(26, 24, 20, 0.55) !important;
  opacity: 1 !important;
}
body.art-consultation-page .consultant_right h1 {
  font-family: var(--font-title) !important;
  font-weight: 400 !important;
  font-size: 55px !important;
  line-height: 60px !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
}
body.art-consultation-page .consultant_right p {
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 26px !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
}
body.art-consultation-page .consultant_content h6 {
  font-family: var(--font-title) !important;
  font-weight: 400 !important;
  font-size: 25px !important;
  line-height: 20px !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
}
body.art-consultation-page .consultant_content span {
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 19px !important;
  letter-spacing: 1px !important;
  color: var(--mfp-ivory, #FDFAF4) !important;
}
body.art-consultation-page .form-container input { background: var(--mfp-ivory, #FDFAF4) !important; color: var(--mfp-ink, #1A1814) !important; }
body.art-consultation-page .form-floating > label { color: var(--mfp-ink-2, #4A4438) !important; }
body.art-consultation-page .form-floating > .form-control:focus ~ label::after,
body.art-consultation-page .form-floating > .form-control:not(:placeholder-shown) ~ label::after { background-color: var(--mfp-ivory, #FDFAF4); }
body.art-consultation-page .consultation-dropdown,
body.art-consultation-page .consultation-dropdown-header { background: var(--mfp-ivory, #FDFAF4) !important; color: var(--mfp-ink, #1A1814) !important; }
body.art-consultation-page .consultation-dropdown-list { background: var(--mfp-ivory, #FDFAF4); }
body.art-consultation-page .consultation-dropdown-list li { color: var(--mfp-ink, #1A1814); }
body.art-consultation-page .consultation-dropdown-list li:hover { background: var(--mfp-sand, #F5F1E8); }
body.art-consultation-page .image-upload-box { background: var(--mfp-ivory, #FDFAF4); border-color: var(--mfp-sand-3, #DDD5C0); }
body.art-consultation-page .btn-prev { color: var(--mfp-gold, #8B6914) !important; border-color: var(--mfp-gold, #8B6914) !important; }
body.art-consultation-page .btn-next { background: var(--mfp-ink, #1A1814) !important; border-color: var(--mfp-ink, #1A1814) !important; color: var(--mfp-ivory, #FDFAF4) !important; }
/* ===== /orders/art_consultation.html — MostFamousPaintings ===== */

/* ===== start_selling_* step-image shadow tint — MFP · antique gold (on dark) ===== */
.start-selling-steps .step .step-image { --step-image-shadow: #CDB582; }

/* ===== viewcart — cart state tokens (MFP) ===== */
:root {
  --cart-placeholder-bg: var(--mfp-sand-2, #EDE7D9);
  --cart-placeholder-border: var(--mfp-rule, rgba(28,26,23,.12));
  --cart-placeholder-icon: var(--mfp-ink-3, #8A8273);
  --cart-alert-warning-text: #6E5310;
  --cart-alert-warning-bg: #FBF3DC;
  --cart-alert-warning-border: #E4C873;
  --cart-alert-warning-accent: var(--mfp-gold, #8B6914);
  --cart-surface: var(--mfp-sand, #F5F1E8);
  --cart-surface-border: var(--mfp-sand-3, #DDD5C0);
  --cart-inset: var(--mfp-sand-2, #EDE7D9);
  --cart-icon-bg: #E2DAC4;
  --cart-summary-ink: var(--mfp-ink, #1C1A17);
  --cart-summary-ink-2: var(--mfp-ink-2, #4A4438);
  --cart-summary-accent: var(--mfp-gold, #8B6914);
  --cart-th-bg: var(--mfp-sand-3, #DDD5C0);
  --cart-th-color: var(--mfp-ink, #1C1A17);
}


/* ===== collectible sell/edit — image upload + sales channels (restyle8) ===== */
body.userprofile-page .image-upload-container { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
body.userprofile-page .image-preview-list-box { display:none; flex-wrap:wrap; gap:10px; }
body.userprofile-page .image-preview { width:57px; height:57px; overflow:hidden; position:relative; border:1px solid var(--mfp-sand-3, #DDD5C0); background:var(--mfp-sand, #F5F1E8); }
body.userprofile-page .image-preview img { width:100%; height:100%; object-fit:cover; }
body.userprofile-page .image-upload-box { text-align:center; width:54px; height:54px; background:var(--mfp-sand-2, #EDE7D9); border:1px dashed var(--mfp-ink-3, #8A8273); display:flex; justify-content:center; align-items:center; cursor:pointer; color:var(--mfp-ink-2, #4A4438); }
body.userprofile-page .image-upload-box.disabled { opacity:.5; cursor:not-allowed; }
body.userprofile-page .image-preview .loader { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(245,241,232,.9); }
body.userprofile-page .image-preview .loader::after { content:""; border:3px solid var(--mfp-sand-3, #DDD5C0); border-top:3px solid var(--mfp-accent, #8B6914); border-radius:50%; width:24px; height:24px; animation:r8spin-mfp 1s linear infinite; }
@keyframes r8spin-mfp { 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }
body.userprofile-page .image-preview .remove-btn { position:absolute; top:5px; right:5px; background:var(--mfp-accent, #8B6914); color:#fff; border:none; border-radius:50%; width:20px; height:20px; cursor:pointer; font-size:16px; line-height:1; padding:0; }
body.userprofile-page .channel-checkbox-group { display:flex; flex-direction:column; gap:10px; margin-top:10px; }
body.userprofile-page .channel-checkbox-item { display:flex; align-items:center; gap:8px; }

/* ===== orders/checkout ===== */
.checkout-page .checkout_subtitle { color: var(--mfp-ink-3, #8A8273); font-size: 1.1rem; }
.checkout-page .card { border: none; border-radius: var(--r-md, 4px); box-shadow: var(--sh-card, 0 12px 24px -12px rgba(26,24,20,0.18)); }
.checkout-page .card-header { border-bottom: none; padding: 1rem 1.5rem; }
.checkout-page .card-header.bg-dark { background-color: var(--mfp-ink, #1A1814) !important; }
.checkout-page .card-header h5 { font-family: var(--mfp-serif, "Cormorant Garamond", Georgia, serif); }
.checkout-page .checkout-thumb-col  { width: 100px; }
.checkout-page .checkout-thumb-cell { width: 100px; text-align: center; }
.checkout-page .checkout-thumb-img  { max-width: 80px; }
.checkout-page .checkout-amount-cell { white-space: nowrap; }
.checkout-page .shipping-address-display { background-color: var(--mfp-sand, #F5F1E8); padding: 20px; border-radius: var(--r-md, 4px); border-left: 4px solid var(--mfp-gold, #8B6914); }
.checkout-page .shipping-address-display p { color: var(--mfp-ink-2, #4A4438); line-height: 1.6; }
.checkout-page .checkout-summary { top: 20px; }
.checkout-page .checkout-total-label { opacity: 0.8; }
.checkout-page .why_choose_box_inner { margin-bottom: 1rem; }
.checkout-page .why_choose_box_inner h6 { font-size: 0.9rem; margin-bottom: 0.25rem; }

/* ===== Art Appraisal (body.art-appraisal-page) — MFP ===== */
body.art-appraisal-page{
  --appraisal-step-shadow: #1A1814;
  --appraisal-required: #9A2A1E;
  --appraisal-surface: #FFFFFF;
  --appraisal-input-border: #DDD5C0;
  --appraisal-input-divider: #EDE7D9;
  --appraisal-hover: #F5F1E8;
  --appraisal-selected: #EDE7D9;
  --appraisal-help-text: var(--mfp-ink-2, #4A4438); /* was global warm-brown #3E342A */
  --appraisal-panel-bg: var(--mfp-ivory, #FDFAF4); /* was global beige #E8E2CD */
  --appraisal-panel-border: #DDD5C0;
  /* submit button — brand button tokens for appraisal scope */
  --site-btn: var(--mfp-gold, #8B6914);
  --site-btn-text: var(--mfp-ivory, #FDFAF4);
}

/* 1. Hero caption (light over dark video) */
body.art-appraisal-page .consultation_content h6,
body.art-appraisal-page .consultation_content h1,
body.art-appraisal-page .consultation_content p { color: var(--mfp-sand, #F5F1E8); }

/* 2. Intro band */
body.art-appraisal-page .consultation_bottom { background: var(--mfp-ink, #1A1814); }
body.art-appraisal-page .consultation_bottom p { color: var(--mfp-sand, #F5F1E8); }

/* 3. Vertical connector */
body.art-appraisal-page span.line { background: var(--mfp-ink-2, #4A4438); }

/* 4. Step pill */
body.art-appraisal-page .step-title { background: var(--mfp-ink-2, #4A4438); color: var(--mfp-ivory, #FDFAF4); }

/* 5. Step headings + content */
body.art-appraisal-page .step-heading { color: var(--mfp-ink, #1A1814); }
body.art-appraisal-page .step-content p,
body.art-appraisal-page .step li,
body.art-appraisal-page ul.step_list li { color: var(--mfp-ink, #1A1814); }

/* 6. Step image shadow (token) */
body.art-appraisal-page .step-content img { box-shadow: 0 18px 36px -16px var(--appraisal-step-shadow); }

/* 7. Table */
body.art-appraisal-page .appraisel_main_section { background: var(--mfp-sand-2, #EDE7D9); }
body.art-appraisal-page .table>:not(caption)>*>* { background: var(--mfp-ivory, #FDFAF4); }
body.art-appraisal-page table tbody,
body.art-appraisal-page table td,
body.art-appraisal-page table th,
body.art-appraisal-page table tr { border-color: var(--mfp-sand-3, #DDD5C0); }
body.art-appraisal-page table th { color: var(--mfp-gold, #8B6914) !important; }
body.art-appraisal-page table td h4,
body.art-appraisal-page table td p,
body.art-appraisal-page .usd_heading,
body.art-appraisal-page table td b { color: var(--mfp-ink, #1A1814); }
body.art-appraisal-page .table_price_color { color: var(--mfp-accent, #8B6914); }

/* 8. Form */
body.art-appraisal-page .valuation_request h4 { color: var(--mfp-ink, #1A1814); }
body.art-appraisal-page .valuation_form_box label { color: var(--mfp-ink, #1A1814); }
body.art-appraisal-page .input_box input,
body.art-appraisal-page .input_box textarea,
body.art-appraisal-page .input_label_text,
body.art-appraisal-page .input_label_text input {
  background: var(--mfp-ivory, #FDFAF4); color: var(--mfp-ink, #1A1814);
}
body.art-appraisal-page .form_heading { color: var(--mfp-ink, #1A1814); }
/* step chip: ink chip + gold (was warm-brown #3E342A bg leak) */
body.art-appraisal-page .steps_count span { background: var(--mfp-ink, #1A1814); color: var(--mfp-gold, #8B6914); }
body.art-appraisal-page .required-asterisk { color: var(--appraisal-required); }
/* Submit CTA — brand gold (was global warm-brown #875D2A) */
body.art-appraisal-page .valuation_request .add_tocart_btn button { background: var(--mfp-gold, #8B6914); color: #FFFFFF; }
body.art-appraisal-page .valuation_request .add_tocart_btn button:hover { background: var(--mfp-ink, #1A1814); color: var(--mfp-gold, #8B6914); }

/* 9. Plan dropdown surfaces */
body.art-appraisal-page .custom-dropdown .dropdown-list { background: var(--appraisal-surface); border-color: var(--appraisal-input-border); }
body.art-appraisal-page .custom-dropdown .dropdown-list li { border-bottom-color: var(--appraisal-input-divider); color: var(--mfp-ink, #1A1814); }
body.art-appraisal-page .custom-dropdown .dropdown-list li:hover { background: var(--appraisal-hover); }
body.art-appraisal-page .custom-dropdown .dropdown-list li.selected { background: var(--appraisal-selected); }


/* ===== start_selling_* (body.start-selling-page) — MFP · MostFamousPaintings ===== */
/* --- right CTA card "Start selling today" --- */
body.start-selling-page .contactForm_sec {
  display: flex;
  align-items: center;
  padding: 48px 70px;
}
body.start-selling-page .form-step.step-dark {
  position: relative;
  width: 100%;
  background: var(--mfp-bg, #ffffff);
  border: 1px solid var(--mfp-line-2, #d6d6d6);
  border-radius: 2px;
  padding: 48px 48px 100px;
  box-shadow: 0 18px 48px rgba(26, 24, 20, 0.10);
}
body.start-selling-page .form-container h3 { margin-bottom: 20px; }
body.start-selling-page .form-container h3 p {
  font-family: var(--font-title) !important;
  font-weight: 600 !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
  color: var(--mfp-ink, #1A1814) !important;
  opacity: 1 !important;
  margin: 0 !important;
}
body.start-selling-page .form-container .row p {
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 26px !important;
  text-transform: none !important;
  color: var(--mfp-ink-2, #4A4438) !important;
  opacity: 1 !important;
  margin: 0 0 12px !important;
}
body.start-selling-page .floating_footer {
  position: absolute;
  right: 48px;
  bottom: 48px;
  width: auto;
  margin: 0;
}
body.start-selling-page .floating_footer .btn-dark {
  background: var(--mfp-accent, #8B6914);
  border: 1px solid var(--mfp-accent, #8B6914);
  color: #fff;
  border-radius: 2px;
  padding: 11px 28px;
  font-family: var(--font-body);
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: background .15s ease, border-color .15s ease;
}
body.start-selling-page .floating_footer .btn-dark:hover {
  background: var(--mfp-accent-dark, #5e470d);
  border-color: var(--mfp-accent-dark, #5e470d);
  color: #fff;
}
body.start-selling-page .consultation_bottom { background: var(--mfp-ink, #1A1814); }
body.start-selling-page .consultation_bottom p,
body.start-selling-page .consultation_bottom p.consultation_text {
  font-family: var(--font-body) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  letter-spacing: normal !important;
  color: var(--mfp-sand, #F5F1E8) !important;
  opacity: 1 !important;
}
body.start-selling-page .consultant_right { color: var(--mfp-sand, #F5F1E8); }
body.start-selling-page .consultant_right .overlay_img {
  background: rgba(26, 24, 20, 0.55) !important;
  opacity: 1 !important;
}
body.start-selling-page .consultant_right h1 {
  font-family: var(--font-title) !important;
  font-weight: 400 !important;
  font-size: 55px !important;
  line-height: 60px !important;
  color: var(--mfp-sand, #F5F1E8) !important;
}
body.start-selling-page .consultant_right p {
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 26px !important;
  color: var(--mfp-sand, #F5F1E8) !important;
}
body.start-selling-page .consultant_content h6 {
  font-family: var(--font-title) !important;
  font-weight: 400 !important;
  font-size: 25px !important;
  line-height: 20px !important;
  color: var(--mfp-sand, #F5F1E8) !important;
}
body.start-selling-page .consultant_content span {
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 19px !important;
  letter-spacing: 1px !important;
  color: var(--mfp-sand, #F5F1E8) !important;
}
body.start-selling-page .step-title { background: var(--mfp-ink, #1A1814); color: var(--mfp-sand, #F5F1E8); }
body.start-selling-page .step-heading { color: var(--mfp-ink, #1A1814); }
body.start-selling-page .step-header small { color: var(--mfp-gold, #8B6914); }
body.start-selling-page .step-header h4 { color: var(--mfp-ink, #1A1814); }
body.start-selling-page span.line { background: var(--mfp-gold, #8B6914); }
body.start-selling-page .step-content p,
body.start-selling-page ul.step_list li { color: var(--mfp-ink-2, #4A4438); }
body.start-selling-page .contactfull_width_hero_banner_with_background_image { background: var(--mfp-sand-2, #EDE7D9); }


/* ===== apr-thanks (art project request thank-you) — MFP · MostFamousPaintings ===== */

/* Section vertical rhythm */
.apr-thanks-page {
  padding-top: 56px;
  padding-bottom: 72px;
  background: var(--mfp-sand, #F5F1E8);
}

/* Card surface — overrides global-custom .col-md-6 .card cream defaults (0,2,0; wins by load order) */
.apr-thanks-page .apr-thanks-card {
  background-color: var(--mfp-ivory, #FDFAF4);
  border: 1px solid var(--mfp-rule-strong, rgba(28,26,23,.28));
  border-radius: 2px !important; /* !important required — global-custom forces border-radius:0 !important */
  box-shadow: 0 12px 24px -12px rgba(26,24,20,0.18);
  margin-bottom: 24px;
}

/* Intro card: centered surface with slightly warmer bg */
.apr-thanks-page .apr-thanks-card--intro {
  background-color: var(--mfp-ivory, #FDFAF4);
}

/* Steps card: parchment tone to visually pair with intro */
.apr-thanks-page .apr-thanks-card--steps {
  background-color: var(--mfp-sand, #F5F1E8);
  border-color: var(--mfp-rule-strong, rgba(28,26,23,.28));
}

/* Card body padding */
.apr-thanks-page .apr-thanks-card__body {
  padding: 36px 32px;
}

/* Intro card body: centered */
.apr-thanks-page .apr-thanks-card--intro .apr-thanks-card__body {
  text-align: center;
  padding: 48px 40px;
}

/* Card title — overrides global-custom .col-md-6 .card .card-title (0,3,0; wins by load order) */
.apr-thanks-page .apr-thanks-card .apr-thanks-card__title {
  font-family: var(--mfp-serif, "Cormorant Garamond","EB Garamond",Georgia,serif);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--mfp-ink, #1A1814);
  text-align: left;
  margin-bottom: 20px;
}

/* Intro card title: centered */
.apr-thanks-page .apr-thanks-card--intro .apr-thanks-card__title {
  text-align: center;
  font-size: 32px;
}

/* Before the intro title: a gilded decorative rule */
.apr-thanks-page .apr-thanks-card--intro .apr-thanks-card__title::before {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: var(--mfp-gold, #8B6914);
  margin: 0 auto 16px;
}

/* Body copy */
.apr-thanks-page .apr-thanks-card__text {
  font-family: var(--mfp-sans, "Inter",-apple-system,system-ui,sans-serif);
  font-size: 15px;
  line-height: 1.65;
  color: var(--mfp-ink-2, #4A4438);
  margin-bottom: 0;
}

/* Steps list — remove default bullets and reset spacing */
.apr-thanks-steps {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Each step item — gilded counter via CSS counter */
.apr-thanks-steps {
  counter-reset: apr-step;
}

.apr-thanks-steps__item {
  counter-increment: apr-step;
  position: relative;
  padding: 14px 0 14px 44px;
  font-family: var(--mfp-sans, "Inter",-apple-system,system-ui,sans-serif);
  font-size: 14px;
  line-height: 1.55;
  color: var(--mfp-ink-2, #4A4438);
  border-bottom: 1px solid var(--mfp-rule, rgba(28,26,23,.12));
}

.apr-thanks-steps__item:last-child {
  border-bottom: none;
}

.apr-thanks-steps__item::before {
  content: counter(apr-step);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--mfp-serif, "Cormorant Garamond",Georgia,serif);
  font-size: 15px;
  font-weight: 600;
  font-style: italic;
  color: var(--mfp-gold, #8B6914);
  border: 1px solid var(--mfp-gold, #8B6914);
  border-radius: 50%;
  line-height: 1;
}

/* Contact prompt */
.apr-thanks-contact {
  margin-top: 40px;
  text-align: center;
}

.apr-thanks-contact__text {
  font-family: var(--mfp-sans, "Inter",-apple-system,system-ui,sans-serif);
  font-size: 14px;
  color: var(--mfp-ink-3, #8A8273);
  margin-bottom: 0;
}

/* Contact link — overrides global-custom .text-muted a (0,2,0; wins by load order) */
.apr-thanks-contact .apr-thanks-contact__link {
  color: var(--mfp-gold, #8B6914);
  border-bottom: 1px solid currentColor;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.15s ease;
}

.apr-thanks-contact .apr-thanks-contact__link:hover {
  color: var(--mfp-ink, #1A1814);
}


/* ===== Artwork Not Found Page ===== */

/* Page wrapper — canvas background matching gallery-wall neutral */
.artwork-not-found-page {
  padding-top: 48px;
  padding-bottom: 72px;
  background: var(--mfp-sand, #F5F1E8);
}

/* Breadcrumb nav-list */
.artwork-not-found-page .nav-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 0;
  margin: 0 0 32px;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--mfp-ink-3, #8A8273);
}

.artwork-not-found-page .nav-list a {
  color: var(--mfp-ink-2, #4A4438);
  text-decoration: none;
  transition: color 0.2s ease;
}

.artwork-not-found-page .nav-list a:hover {
  color: var(--mfp-gold, #8B6914);
  text-shadow: none;
}

.artwork-not-found-page .nav-list .main-heading {
  color: var(--mfp-ink-3, #8A8273);
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 11px;
}

/* Card surface — ivory paper on parchment base, squared museum aesthetic */
.artwork-not-found-page .e_card_form {
  background: var(--mfp-ivory, #FDFAF4);
  border: 1px solid var(--mfp-rule-strong, rgba(28, 26, 23, 0.28));
  border-radius: var(--r-sm, 2px);
  padding: 48px 40px;
  box-shadow: 0 12px 24px -12px rgba(26, 24, 20, 0.18);
  margin: 0 auto;
}

/* Decorative rule above heading — gilded accent line */
.artwork-not-found-page .e_card_form::before {
  content: "";
  display: block;
  width: 36px;
  height: 1px;
  background: var(--mfp-gold, #8B6914);
  margin: 0 auto 20px;
}

/* Heading — Baskervville SC (MFP title font), museum/gallery weight */
.artwork-not-found-page .form_heading {
  font-family: var(--font-title, "Baskervville SC", Georgia, serif);
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: var(--mfp-ink, #1A1814);
  margin-bottom: 16px;
}

/* Body text */
.artwork-not-found-page .form_content {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 16px;
  line-height: 1.65;
  color: var(--mfp-ink-2, #4A4438);
}

.artwork-not-found-page .form_content p {
  margin-bottom: 0;
}

/* Primary CTA button — ink background, ivory text, gold on hover */
.artwork-not-found-page .btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  border-radius: var(--r-sm, 2px);
  border: none;
  background: var(--mfp-ink, #1A1814);
  color: var(--mfp-ivory, #FDFAF4);
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.artwork-not-found-page .btn-primary:hover {
  background: var(--mfp-gold, #8B6914);
  color: var(--mfp-ivory, #FDFAF4);
  text-shadow: none;
}

/* Secondary button — outlined, soft border, gold on hover */
.artwork-not-found-page .btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  border-radius: var(--r-sm, 2px);
  border: 1px solid var(--mfp-rule-strong, rgba(28, 26, 23, 0.28));
  background: transparent;
  color: var(--mfp-ink-2, #4A4438);
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.artwork-not-found-page .btn-secondary:hover {
  border-color: var(--mfp-gold, #8B6914);
  color: var(--mfp-gold, #8B6914);
  text-shadow: none;
}

/* Responsive — compress padding on small screens */
@media (max-width: 576px) {
  .artwork-not-found-page .e_card_form {
    padding: 32px 20px;
  }

  .artwork-not-found-page .form_heading {
    font-size: 24px;
  }
}

/* =====================================================
   MFP — Artwork buy / reproduction page (artwork_buy_ArtistReproduction)
   Structure in global-custom; brand colours/identity here. Scoped to .reproduction_main_page.
   Museum/masterpiece identity: sand/ivory surfaces, warm ink, gold accent,
   Cormorant Garamond display + Inter body. Mirrors ADC reference block.
   ===================================================== */
.reproduction_main_page {
  --mfp-radius: var(--r-sm, 2px);
  --mfp-line: var(--mfp-rule, rgba(28, 26, 23, 0.12));
  --mfp-line-2: var(--mfp-rule-strong, rgba(28, 26, 23, 0.28));
  --mfp-band: var(--mfp-sand, #F5F1E8);
  --mfp-slot: var(--mfp-sand-2, #EDE7D9);
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  color: var(--mfp-ink, #1A1814);
  background-color: var(--mfp-ivory, #FDFAF4);
}

/* Academic block — same horizontal width as reproduction_section */
.reproduction_main_page > .container {
  max-width: none;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
.reproduction_main_page .article_main_page,
.reproduction_main_page .article_main_page.p-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
.reproduction_main_page .academicism_wrapper,
.reproduction_main_page .acadamic_inner_box {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
  width: 100%;
}

/* Custom width/height fields — sand tint */
.reproduction_main_page .input_label_text,
.reproduction_main_page .manual_cstm__box .input_label_text {
  background: var(--mfp-sand-2, #EDE7D9);
}

/* ---- Action bar + cross-channel links ---- */
.reproduction_main_page .fav-icon-artwork,
.reproduction_main_page .buy_sale_channel_heading_alternate_buy {
  border-bottom-color: var(--mfp-rule, rgba(28, 26, 23, 0.12));
}
.reproduction_main_page .buy_sale_channel_heading_alternate_buy {
  gap: 20px;
  padding-bottom: 16px;
}
.reproduction_main_page .fav-icon-artwork a,
.reproduction_main_page .fav-icon-artwork .artwork-share-trigger,
.reproduction_main_page .buy_sale_channel_heading_alternate_buy a {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--mfp-ink-2, #4A4438) !important;
  transition: color 0.15s ease;
}
.reproduction_main_page .fav-icon-artwork a:hover,
.reproduction_main_page .fav-icon-artwork .artwork-share-trigger:hover,
.reproduction_main_page .buy_sale_channel_heading_alternate_buy a:hover {
  color: var(--mfp-gold, #8B6914) !important;
}
/* Monochrome icons — neutral warm ink */
.reproduction_main_page .fav-icon-artwork a img,
.reproduction_main_page .fav-icon-artwork .artwork-share-trigger img,
.reproduction_main_page .buy_sale_channel_heading_alternate_buy a img {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  filter: brightness(0) saturate(100%);
  opacity: 0.42;
  transition: opacity 0.15s ease, filter 0.15s ease;
}
.reproduction_main_page .fav-icon-artwork a:hover img,
.reproduction_main_page .fav-icon-artwork .artwork-share-trigger:hover img,
.reproduction_main_page .buy_sale_channel_heading_alternate_buy a:hover img {
  opacity: 1;
  filter: brightness(0) saturate(100%) invert(40%) sepia(64%) saturate(560%) hue-rotate(8deg) brightness(91%) contrast(92%);
}
.reproduction_main_page .fav-icon-artwork a.fav_toggle .fav_icon {
  filter: brightness(0) saturate(100%) invert(40%) sepia(64%) saturate(560%) hue-rotate(8deg) brightness(91%) contrast(92%);
  opacity: 1;
}

/* ---- Metadata chips ---- */
.reproduction_main_page .details_reproducton li {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 13px;
  font-weight: 400;
  color: var(--mfp-ink-2, #4A4438);
}
.reproduction_main_page .details_reproducton li img {
  width: 16px;
  height: 16px;
  opacity: 0.7;
}

/* ---- PDP titles — serif display ---- */
.reproduction_main_page .repro_heading,
.reproduction_main_page .buy_sale_channel_heading,
.reproduction_main_page .buy_sale_channel_heading a {
  font-family: var(--mfp-serif, "Cormorant Garamond", Georgia, serif);
  font-weight: 600;
  font-size: clamp(1.5rem, 2.4vw, 2.1rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--mfp-ink, #1A1814);
  text-transform: none;
}
.reproduction_main_page .buy_sale_channel_short_description {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 14px;
  font-weight: 300;
  color: var(--mfp-ink-2, #4A4438);
}

/* ---- Accordions — sand band on full panel ---- */
.reproduction_main_page .reproduc_tabs .accordion-item,
.reproduction_main_page .reproduction_image_detail .accordion-item,
.reproduction_main_page .repruct_content_collapse .accordion-item,
.reproduction_main_page #summary_checkout .accordion-item,
.reproduction_main_page #summary_checkout .collapse_inner_box .accordion-item {
  background-color: var(--mfp-sand, #F5F1E8) !important;
  border: 1px solid var(--mfp-rule, rgba(28, 26, 23, 0.12)) !important;
  border-radius: var(--r-sm, 2px);
  overflow: hidden;
  padding-bottom: 0 !important;
}
.reproduction_main_page .repruct_content_collapse .accordion-item + .accordion-item {
  margin-top: 10px;
}
.reproduction_main_page .reproduction_image_detail .repruct_content_collapse + .repruct_content_collapse {
  margin-top: 10px;
}
.reproduction_main_page .reproduc_tabs .accordion-item + .accordion-item,
.reproduction_main_page .reproduction_image_detail .reproduc_tabs .accordion-item + .accordion-item {
  margin-top: 8px;
}
.reproduction_main_page .reproduc_tabs .accordion-collapse,
.reproduction_main_page .reproduction_image_detail .accordion-collapse,
.reproduction_main_page .repruct_content_collapse .accordion-collapse {
  background-color: var(--mfp-sand, #F5F1E8);
}
.reproduction_main_page .reproduc_tabs button.accordion-button,
.reproduction_main_page .reproduc_tabs button.accordion-button:not(.collapsed),
.reproduction_main_page .reproduction_image_detail .accordion-item button.accordion-button,
.reproduction_main_page .reproduction_image_detail .accordion-item button.accordion-button:not(.collapsed),
.reproduction_main_page .repruct_content_collapse button.accordion-button,
.reproduction_main_page .repruct_content_collapse button.accordion-button:not(.collapsed),
.reproduction_main_page #summary_checkout button.accordion-button,
.reproduction_main_page #summary_checkout button.accordion-button:not(.collapsed) {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase !important;
  color: var(--mfp-ink, #1A1814) !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.reproduction_main_page .reproduc_tabs button.accordion-button {
  padding: 12px 20px;
}
.reproduction_main_page .repruct_content_collapse button.accordion-button {
  padding: 12px 20px;
}
.reproduction_main_page .reproduc_tabs .accordion-body,
.reproduction_main_page .reproduction_image_detail .accordion-body,
.reproduction_main_page .repruct_content_collapse .accordion-body,
.reproduction_main_page #summary_checkout .accordion-body {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 14px;
  font-weight: 300;
  color: var(--mfp-ink-2, #4A4438);
  background: transparent !important;
  background-color: transparent !important;
}
.reproduction_main_page #summary_checkout .accordion-body {
  padding: 0 16px 16px !important;
}
.reproduction_main_page .reproduc_tabs .accordion-body {
  padding: 0 20px 16px !important;
}
.reproduction_main_page .repruct_content_collapse .accordion-body {
  padding: 0 20px 16px !important;
}
.reproduction_main_page .repruct_content_collapse {
  border-top-color: var(--mfp-rule, rgba(28, 26, 23, 0.12));
  border-bottom-color: var(--mfp-rule, rgba(28, 26, 23, 0.12));
}
.reproduction_main_page .repruct_content_collapse .accordion-body span {
  color: var(--mfp-gold, #8B6914);
}

/* Configurator tabs + radios */
.reproduction_main_page .reproduc_tabs .nav-pills .nav-link {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mfp-ink-3, #8A8273);
  border-bottom-color: transparent;
}
.reproduction_main_page .reproduc_tabs .nav-pills .nav-link.active,
.reproduction_main_page .reproduc_tabs .nav-pills .show > .nav-link {
  color: var(--mfp-ink, #1A1814);
  border-bottom-color: var(--mfp-gold, #8B6914);
}
.article_main_page .repro_radio label,
.article_main_page .ques_box .repro_radio label,
.reproduction_main_page .repro_radio label,
.reproduction_main_page .article_main_page .repro_radio label,
.reproduction_main_page .ques_box .repro_radio label,
.reproduction_main_page .article_main_page .ques_box .repro_radio label {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.45 !important;
  color: var(--mfp-ink, #1A1814) !important;
}
.article_main_page .repro_radio input[type="radio"],
.reproduction_main_page .repro_radio input[type="radio"],
.reproduction_main_page .article_main_page .repro_radio input[type="radio"] {
  background: var(--mfp-white, #FFFFFF);
}
.article_main_page .repro_radio input[type="radio"]:after,
.article_main_page .question_option .repro_radio input[type="radio"]:after,
.reproduction_main_page .repro_radio input[type="radio"]:after,
.reproduction_main_page .article_main_page .repro_radio input[type="radio"]:after,
.reproduction_main_page .question_option .repro_radio input[type="radio"]:after,
.reproduction_main_page .article_main_page .question_option .repro_radio input[type="radio"]:after {
  background-color: var(--mfp-white, #FFFFFF) !important;
  border: 1px solid var(--mfp-rule-strong, rgba(28, 26, 23, 0.28)) !important;
}
.article_main_page .repro_radio input[type="radio"]:checked:after,
.article_main_page .question_option .repro_radio input[type="radio"]:checked:after,
.reproduction_main_page .repro_radio input[type="radio"]:checked:after,
.reproduction_main_page .article_main_page .repro_radio input[type="radio"]:checked:after,
.reproduction_main_page .question_option .repro_radio input[type="radio"]:checked:after,
.reproduction_main_page .article_main_page .question_option .repro_radio input[type="radio"]:checked:after {
  background-color: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
  outline: 1.5px solid var(--mfp-gold, #8B6914) !important;
  outline-offset: 3px;
}

/* CTA buttons */
.reproduction_main_page .add_tocart_btn button,
.reproduction_main_page .reproduction_button_box .add_tocart_btn button {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mfp-ivory, #FDFAF4);
  background: var(--mfp-ink, #1A1814);
  border: 1px solid var(--mfp-ink, #1A1814);
  border-radius: var(--r-sm, 2px);
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.reproduction_main_page .add_tocart_btn button:hover:not(:disabled),
.reproduction_main_page .reproduction_button_box .add_tocart_btn button:hover:not(:disabled) {
  background: var(--mfp-gold, #8B6914);
  border-color: var(--mfp-gold, #8B6914);
  color: var(--mfp-ivory, #FDFAF4);
}

/* ---- Academic / story block ---- */
.article_main_page .artwork_section,
.reproduction_main_page .artwork_section,
.reproduction_main_page .article_main_page .artwork_section,
.adc-buy-page-section.artwork_section {
  background: transparent !important;
  padding-top: 24px;
  padding-bottom: 8px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Unified section headings */
.article_main_page .art_heading,
.article_main_page .art_heading.art_heading--quick-facts,
.article_main_page .quick_facts_section h4,
.article_main_page .art_quize_section .art_header h4,
.article_main_page .side_headings,
.reproduction_main_page .art_heading,
.reproduction_main_page .article_main_page .art_heading,
.adc-buy-page-section .art_heading,
.reproduction_main_page .art_heading.art_heading--quick-facts,
.reproduction_main_page .article_main_page .art_heading.art_heading--quick-facts,
.adc-buy-page-section .art_heading.art_heading--quick-facts,
.reproduction_main_page .quick_facts_section h4,
.reproduction_main_page .article_main_page .quick_facts_section h4,
.adc-buy-page-section .quick_facts_section h4,
.reproduction_main_page .quick_facts_section h4.art_heading,
.reproduction_main_page .article_main_page .quick_facts_section h4.art_heading,
.adc-buy-page-section .quick_facts_section h4.art_heading,
.reproduction_main_page .art_quize_section .art_header h4,
.reproduction_main_page .article_main_page .art_quize_section .art_header h4,
.adc-buy-page-section .art_quize_section .art_header h4,
.reproduction_main_page .side_headings,
.reproduction_main_page .article_main_page .side_headings,
.adc-buy-page-section .side_headings {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--mfp-ink, #1A1814) !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--mfp-rule-strong, rgba(28, 26, 23, 0.28)) !important;
  opacity: 1;
}
.article_main_page .art_quize_section .art_header h4.art_heading {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--mfp-ink, #1A1814) !important;
}
.reproduction_main_page .art_heading.art_heading--section-spaced,
.adc-buy-page-section .art_heading.art_heading--section-spaced,
.article_main_page .art_heading.art_heading--section-spaced {
  margin-top: 36px !important;
}
.adc-buy-page-section .parent_slid_box.adc-related-slider {
  border: none;
  border-bottom: none;
  padding: 0 0 28px;
  margin: 0;
}
.reproduction_main_page .art_text,
.reproduction_main_page .art_detail,
.article_main_page .box_facts ul li,
.reproduction_main_page .box_facts ul li,
.reproduction_main_page .article_main_page .box_facts ul li {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-weight: 300;
  color: var(--mfp-ink-2, #4A4438);
}
.article_main_page .box_facts ul li b,
.reproduction_main_page .box_facts ul li b,
.reproduction_main_page .article_main_page .box_facts ul li b {
  font-weight: 600;
  color: var(--mfp-ink, #1A1814);
}
.article_main_page .box_facts ul li a,
.reproduction_main_page .box_facts ul li a,
.reproduction_main_page .article_main_page .box_facts ul li a,
.article_main_page .qf-more-trigger,
.reproduction_main_page .qf-more-trigger {
  color: var(--mfp-gold, #8B6914);
}
.article_main_page .box_facts ul li a:hover,
.article_main_page .qf-more-trigger:hover,
.reproduction_main_page .box_facts ul li a:hover,
.reproduction_main_page .qf-more-trigger:hover {
  color: var(--mfp-gold-lt, #C49A2A);
}

/* Quick Facts cards */
.article_main_page .quick_facts_section,
.reproduction_main_page .quick_facts_section,
.reproduction_main_page .article_main_page .quick_facts_section,
.adc-buy-page-section .quick_facts_section {
  background-color: var(--mfp-sand-2, #EDE7D9) !important;
  border: 1px solid var(--mfp-rule, rgba(28, 26, 23, 0.12));
  border-radius: var(--r-sm, 2px);
  padding: 20px;
}
.article_main_page .art_quize_section,
.reproduction_main_page .art_quize_section,
.reproduction_main_page .article_main_page .art_quize_section,
.adc-buy-page-section .art_quize_section {
  margin-top: 0;
  background: var(--mfp-white, #FFFFFF) !important;
  border: 1px solid var(--mfp-rule, rgba(28, 26, 23, 0.12));
  border-radius: var(--r-sm, 2px);
  padding: 20px;
}
.article_main_page .listOf_artwork_section {
  background: var(--mfp-ivory, #FDFAF4) !important;
  background-color: var(--mfp-ivory, #FDFAF4) !important;
}
.article_main_page .listOf_artwork_section .view_all_art {
  margin-top: clamp(24px, 3vw, 32px);
}
.article_main_page .listOf_artwork_section .view_all_art a {
  display: inline-block;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: none;
  color: var(--mfp-ink, #1A1814) !important;
  text-decoration: none;
  transition: color 0.15s ease;
}
.article_main_page .listOf_artwork_section .view_all_art a:hover,
.article_main_page .listOf_artwork_section .view_all_art a:focus {
  color: var(--mfp-gold, #8B6914) !important;
}

/* ===== MFP — artist_detail.html — artistPage_Slider_section (corpus/popular/medium sliders) ===== */
/* Background — warm sandy band matching MFP page surface */
.article_main_page .artistPage_Slider_section {
  background: var(--mfp-sand, #F5F1E8) !important;
  padding: 32px var(--mfp-pad, 44px);
  text-align: center;
}
.article_main_page .artistPage_Slider_section .swiper-wrapper {
  height: 360px;
}
.article_main_page .artistPage_Slider_section .swiper-slide {
  height: 360px;
  box-sizing: border-box;
}
.article_main_page .artistPage_Slider_section .artist_slid_box a img {
  max-height: 300px;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.article_main_page .parent_slid_box {
  border-bottom: 1px solid var(--mfp-sand-3, #DDD5C0);
  padding: 28px 0;
}
.article_main_page .artistPage_Slider_section .parent_slid_box:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.article_main_page .parent_slid_box h4 {
  margin: 0;
  font-family: var(--mfp-serif, "Cormorant Garamond", Georgia, serif);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 400;
  line-height: 1.25;
  color: var(--mfp-ink, #1A1814);
  text-transform: none;
}
.article_main_page .parent_slid_box h4 a {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}
.article_main_page .parent_slid_box h4 a:hover {
  color: var(--mfp-gold, #8B6914);
}
/* view_all_art tag links — documentary serif style */
.article_main_page .artistPage_Slider_section .view_all_art {
  margin-top: 12px;
}
.article_main_page .artistPage_Slider_section .view_all_art a {
  display: inline-block;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.35;
  text-transform: uppercase;
  color: var(--mfp-ink-2, #4A4438);
  text-decoration: none;
  transition: color 0.15s ease;
}
.article_main_page .artistPage_Slider_section .view_all_art a:hover {
  color: var(--mfp-gold, #8B6914) !important;
}
/* Image hover: 3D tilt only on image, not full card */
.article_main_page .artistPage_Slider_section .artist_slid_box a img.mouseover_effect_images {
  transition: transform 0.6s ease;
}
.article_main_page .artistPage_Slider_section .artist_slid_box a:hover img.mouseover_effect_images {
  transform: rotateY(-7deg) rotateX(3deg) scale(1.04);
}
/* ===== END MFP — artist_detail.html artistPage_Slider_section ===== */

/* Table of Contents — white card surface */
.article_main_page .table_of_contents_section,
.reproduction_main_page .table_of_contents_section,
.reproduction_main_page .article_main_page .table_of_contents_section,
.adc-buy-page-section .table_of_contents_section {
  margin-top: 0;
  background: var(--mfp-white, #FFFFFF) !important;
  border: 1px solid var(--mfp-rule, rgba(28, 26, 23, 0.12));
  border-radius: var(--r-sm, 2px);
  padding: 20px;
}
.article_main_page .tableContent .table_of_contents_section {
  background: transparent !important;
  background-color: transparent !important;
  border: none;
  border-radius: 0;
  padding: 0;
}
.article_main_page .tableContent .quick_facts_section,
.article_main_page .tableContent .quick_facts_section#facts {
  background-color: var(--mfp-sand-2, #EDE7D9) !important;
  border: 1px solid var(--mfp-rule, rgba(28, 26, 23, 0.12)) !important;
  border-radius: var(--r-sm, 2px);
  padding: 20px !important;
  width: 100%;
  box-sizing: border-box;
}
.article_main_page .tableContent .art_quize_section,
.article_main_page .tableContent .art_quize_section#quiz {
  margin-top: 16px !important;
  background: var(--mfp-white, #FFFFFF) !important;
  border: 1px solid var(--mfp-rule, rgba(28, 26, 23, 0.12)) !important;
  border-radius: var(--r-sm, 2px);
  padding: 20px !important;
  width: 100%;
  box-sizing: border-box;
}
.article_main_page .tableContent .artist_sidebar_links > .side_headings,
.article_main_page .tableContent .table_of_contents_section > .side_headings,
.article_main_page .tableContent .table_of_contents_section > .art_heading {
  margin-bottom: 8px !important;
  padding-bottom: 6px !important;
}
.article_main_page .tableContent .quick_facts_section > h4.art_heading.art_heading--quick-facts,
.article_main_page .tableContent .quick_facts_section#facts > h4.art_heading.art_heading--quick-facts {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 33px !important;
  min-height: 33px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--mfp-ink, #1A1814) !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--mfp-rule-strong, rgba(28, 26, 23, 0.28)) !important;
  box-sizing: border-box;
}
.article_main_page .tableContent .art_quize_section .art_header h4.art_heading.art_heading--quick-facts,
.article_main_page .tableContent .art_quize_section#quiz .art_header h4.art_heading.art_heading--quick-facts {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 33px !important;
  min-height: 33px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--mfp-ink, #1A1814) !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--mfp-rule-strong, rgba(28, 26, 23, 0.28)) !important;
  box-sizing: border-box;
}
.article_main_page .quick_facts_section + .art_quize_section,
.reproduction_main_page .quick_facts_section + .art_quize_section,
.reproduction_main_page .article_main_page .quick_facts_section + .art_quize_section,
.adc-buy-page-section .quick_facts_section + .art_quize_section {
  margin-top: 16px;
}
.article_main_page .art_quize_section .art_header p,
.reproduction_main_page .art_quize_section .art_header p,
.reproduction_main_page .article_main_page .art_quize_section .art_header p,
.adc-buy-page-section .art_quize_section .art_header p {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 12px;
  font-weight: 300;
  line-height: 1.45;
  color: var(--mfp-ink-2, #4A4438) !important;
  margin-bottom: 12px;
}
.article_main_page .ques_heading,
.reproduction_main_page .ques_heading,
.reproduction_main_page .article_main_page .ques_heading,
.adc-buy-page-section .ques_heading {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mfp-gold, #8B6914) !important;
}
.article_main_page .ques_text,
.reproduction_main_page .ques_text,
.reproduction_main_page .article_main_page .ques_text,
.adc-buy-page-section .ques_text {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--mfp-ink, #1A1814) !important;
  margin: 8px 0 12px;
}
.reproduction_main_page .ques_box,
.adc-buy-page-section .ques_box {
  margin-bottom: 14px;
}
.article_main_page .art_quize_section .submit_quiz .add_tocart_btn button,
.reproduction_main_page .art_quize_section .submit_quiz .add_tocart_btn button,
.adc-buy-page-section .art_quize_section .submit_quiz .add_tocart_btn button {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mfp-ivory, #FDFAF4) !important;
  background: var(--mfp-ink, #1A1814) !important;
  border: 1px solid var(--mfp-ink, #1A1814) !important;
  border-radius: var(--r-sm, 2px);
}
.article_main_page .art_quize_section .submit_quiz .add_tocart_btn button:hover:not(:disabled),
.reproduction_main_page .art_quize_section .submit_quiz .add_tocart_btn button:hover:not(:disabled),
.adc-buy-page-section .art_quize_section .submit_quiz .add_tocart_btn button:hover:not(:disabled) {
  background: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
}
.article_main_page .art_quize_section .submit_quiz .add_tocart_btn button.disabled_button,
.reproduction_main_page .art_quize_section .submit_quiz .add_tocart_btn button.disabled_button,
.adc-buy-page-section .art_quize_section .submit_quiz .add_tocart_btn button.disabled_button {
  opacity: 0.45;
  cursor: not-allowed;
}
.reproduction_main_page .art_quize_section .quiz_result_text,
.adc-buy-page-section .art_quize_section .quiz_result_text {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 14px;
  line-height: 1.45;
  color: var(--mfp-ink, #1A1814) !important;
  border: 1px solid var(--mfp-rule, rgba(28, 26, 23, 0.12));
  background: var(--mfp-sand, #F5F1E8);
}
.reproduction_main_page .art_quize_section .repro_radio.mark_wrong_answer,
.adc-buy-page-section .art_quize_section .repro_radio.mark_wrong_answer {
  border-color: #b3261e;
}
.reproduction_main_page .art_quize_section .repro_radio.mark_right_answer,
.adc-buy-page-section .art_quize_section .repro_radio.mark_right_answer {
  border-color: #4a7c2a;
}

/* Collections band */
.reproduction_main_page .full_collection_section {
  background: var(--mfp-sand, #F5F1E8);
  color: var(--mfp-ink, #1A1814);
}
.reproduction_main_page .collec_heading,
.reproduction_main_page .collec_heading a {
  font-family: var(--mfp-serif, "Cormorant Garamond", Georgia, serif);
  font-size: clamp(1.75rem, 2.8vw, 2.5rem);
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--mfp-ink, #1A1814);
}
.reproduction_main_page .collec_text {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-weight: 300;
  color: var(--mfp-ink-2, #4A4438);
}
.reproduction_main_page .collection_tabs .nav-pills .nav-link {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 13px;
  color: var(--mfp-ink-2, #4A4438);
  border-color: var(--mfp-rule, rgba(28, 26, 23, 0.12));
}
.reproduction_main_page .collection_tabs .nav-pills .nav-link.active,
.reproduction_main_page .collection_tabs .nav-pills .show > .nav-link {
  color: var(--mfp-ink, #1A1814);
  background-color: var(--mfp-white, #FFFFFF);
  border-color: var(--mfp-rule-strong, rgba(28, 26, 23, 0.28));
}
.reproduction_main_page .collection_details h4 {
  color: var(--mfp-ink, #1A1814);
}

/* Optional extras */
.reproduction_main_page .optional_box .optional_add {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
}
.reproduction_main_page .optional_box .option_text {
  width: 100%;
}
.reproduction_main_page .optional_box .optional_add > .yellow_cont,
.reproduction_main_page .optional_box .optional_add > span.yellow_cont {
  margin-top: 10px;
  margin-left: 0;
  padding-left: 0;
  align-self: flex-start;
}

/* Read more — gold text CTA */
.reproduction_main_page .yellow_cont,
.reproduction_main_page span.yellow_cont {
  display: block;
  margin-top: 12px;
}
.reproduction_main_page .repruct_content_collapse .accordion-body .yellow_cont,
.reproduction_main_page .reproduc_tabs .accordion-body .yellow_cont {
  margin-top: 12px;
}
.reproduction_main_page .repruct_content_collapse .accordion-collapse > .yellow_cont,
.reproduction_main_page .repruct_content_collapse .accordion-collapse > span.yellow_cont {
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 0;
  margin-bottom: 4px;
}
.reproduction_main_page .yellow_cont a,
.reproduction_main_page span.yellow_cont a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mfp-gold, #8B6914) !important;
  text-decoration: none;
  transition: color 0.15s ease;
}
.reproduction_main_page .yellow_cont a:hover,
.reproduction_main_page span.yellow_cont a:hover {
  color: var(--mfp-gold-lt, #C49A2A) !important;
}
.reproduction_main_page .yellow_cont a .yellow_cont__icon,
.reproduction_main_page .yellow_cont a img,
.reproduction_main_page span.yellow_cont a .yellow_cont__icon,
.reproduction_main_page span.yellow_cont a img {
  width: 14px;
  height: 14px;
  max-height: 14px;
  margin: 0 !important;
  flex-shrink: 0;
  filter: brightness(0) saturate(100%) invert(40%) sepia(64%) saturate(560%) hue-rotate(8deg) brightness(91%) contrast(92%);
  opacity: 0.9;
  transition: opacity 0.15s ease, transform 0.15s ease, filter 0.15s ease;
}
.reproduction_main_page .yellow_cont a:hover .yellow_cont__icon,
.reproduction_main_page .yellow_cont a:hover img,
.reproduction_main_page span.yellow_cont a:hover .yellow_cont__icon,
.reproduction_main_page span.yellow_cont a:hover img {
  opacity: 1;
  transform: translateX(2px);
  filter: brightness(0) saturate(100%) invert(58%) sepia(72%) saturate(480%) hue-rotate(8deg) brightness(95%) contrast(88%);
}

/* Related articles — Explore Article CTA */
.reproduction_main_page .related_articles .explore_techniques,
.reproduction_main_page .article_main_page .related_articles .explore_techniques {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mfp-gold, #8B6914) !important;
  cursor: pointer;
}
.reproduction_main_page .related_articles .explore_techniques a,
.reproduction_main_page .article_main_page .related_articles .explore_techniques a {
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-transform: inherit;
  color: var(--mfp-gold, #8B6914) !important;
  text-decoration: none;
  transition: color 0.15s ease;
}
.reproduction_main_page .related_articles .explore_techniques:hover,
.reproduction_main_page .related_articles .explore_techniques a:hover,
.reproduction_main_page .article_main_page .related_articles .explore_techniques:hover,
.reproduction_main_page .article_main_page .related_articles .explore_techniques a:hover {
  color: var(--mfp-gold-lt, #C49A2A) !important;
}
.reproduction_main_page .related_articles .explore_techniques span,
.reproduction_main_page .article_main_page .related_articles .explore_techniques span {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}
.reproduction_main_page .related_articles .explore_techniques span img,
.reproduction_main_page .article_main_page .related_articles .explore_techniques span img {
  width: 14px;
  height: 14px;
  margin: 0 !important;
  filter: brightness(0) saturate(100%) invert(40%) sepia(64%) saturate(560%) hue-rotate(8deg) brightness(91%) contrast(92%);
  opacity: 0.9;
  transition: opacity 0.15s ease, transform 0.15s ease, filter 0.15s ease;
}
.reproduction_main_page .related_articles .explore_techniques:hover span img,
.reproduction_main_page .article_main_page .related_articles .explore_techniques:hover span img {
  opacity: 1;
  transform: translateX(2px);
  filter: brightness(0) saturate(100%) invert(58%) sepia(72%) saturate(480%) hue-rotate(8deg) brightness(95%) contrast(88%);
}

/* Academic block — Related Artworks */
.reproduction_main_page .container-fluid.adc-buy-page-section {
  padding-top: 32px !important;
  border-top: 1px solid var(--mfp-rule, rgba(28, 26, 23, 0.12));
}
.reproduction_main_page .container-fluid.adc-buy-page-section .art_heading.art_heading--section-spaced,
.reproduction_main_page .article_main_page .container-fluid.adc-buy-page-section .art_heading.art_heading--section-spaced {
  margin-top: 33px !important;
}
.reproduction_main_page .article_main_page hr {
  margin: 0;
  border: none;
  border-top: 1px solid var(--mfp-rule, rgba(28, 26, 23, 0.12));
}

/* Related artworks slider — swiper prev/next */
.reproduction_main_page .parent_slid_box .artist_slider .swiper-button-next::after,
.reproduction_main_page .parent_slid_box .artist_slider .swiper-button-prev::after,
.adc-buy-page-section .parent_slid_box .artist_slider .swiper-button-next::after,
.adc-buy-page-section .parent_slid_box .artist_slider .swiper-button-prev::after,
.article_main_page .artistPage_Slider_section .parent_slid_box .artist_slider .swiper-button-next::after,
.article_main_page .artistPage_Slider_section .parent_slid_box .artist_slider .swiper-button-prev::after {
  display: none;
}
.reproduction_main_page .parent_slid_box .artist_slider .swp_btn,
.adc-buy-page-section .parent_slid_box .artist_slider .swp_btn,
.article_main_page .artistPage_Slider_section .parent_slid_box .artist_slider .swp_btn {
  width: 44px;
  height: 44px;
  margin: 0;
  background: var(--mfp-sand, #F5F1E8) !important;
  border: none !important;
  border-radius: 50%;
  box-shadow: none !important;
  opacity: 1;
  transition: background-color 0.2s ease;
}
.reproduction_main_page .parent_slid_box .artist_slider .swp_btn:hover,
.adc-buy-page-section .parent_slid_box .artist_slider .swp_btn:hover,
.article_main_page .artistPage_Slider_section .parent_slid_box .artist_slider .swp_btn:hover {
  background: var(--mfp-sand-2, #EDE7D9) !important;
  border: none !important;
  box-shadow: none !important;
}
.reproduction_main_page .parent_slid_box .artist_slider .swiper-button-prev.swp_btn,
.adc-buy-page-section .parent_slid_box .artist_slider .swiper-button-prev.swp_btn,
.article_main_page .artistPage_Slider_section .parent_slid_box .artist_slider .swiper-button-prev.swp_btn {
  transform: rotate(180deg);
}
.reproduction_main_page .parent_slid_box .artist_slider .swp_btn img,
.adc-buy-page-section .parent_slid_box .artist_slider .swp_btn img,
.article_main_page .artistPage_Slider_section .parent_slid_box .artist_slider .swp_btn img {
  width: 44px;
  height: 44px;
  display: block;
  object-fit: contain;
  background: transparent !important;
}
.reproduction_main_page .parent_slid_box .artist_slider .swiper-button-next.swp_btn.swiper-button-disabled,
.reproduction_main_page .parent_slid_box .artist_slider .swiper-button-prev.swp_btn.swiper-button-disabled,
.adc-buy-page-section .parent_slid_box .artist_slider .swiper-button-next.swp_btn.swiper-button-disabled,
.adc-buy-page-section .parent_slid_box .artist_slider .swiper-button-prev.swp_btn.swiper-button-disabled,
.article_main_page .artistPage_Slider_section .parent_slid_box .artist_slider .swiper-button-next.swp_btn.swiper-button-disabled,
.article_main_page .artistPage_Slider_section .parent_slid_box .artist_slider .swiper-button-prev.swp_btn.swiper-button-disabled {
  opacity: 0.3 !important;
  pointer-events: none;
}

/* Digital Image — benefits band (dark) */
.premium_service .why_choose_right h3 {
  font-family: var(--mfp-serif, "Cormorant Garamond", Georgia, serif);
  color: var(--mfp-ivory, #FDFAF4);
}
.premium_service .why_choose_right .heading_text {
  font-family: var(--mfp-serif, "Cormorant Garamond", Georgia, serif);
  color: var(--mfp-ivory, #FDFAF4);
}
.premium_service .why_choose_right .heading_paragrap {
  color: var(--mfp-ink-3, #8A8273);
}
.premium_service .why_choose_info h5 {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  color: var(--mfp-ivory, #FDFAF4);
}
.premium_service .why_choose_info p {
  color: var(--mfp-ink-3, #8A8273);
}

/* Buy academic — override global cream band */
.article_main_page .artwork_section,
.reproduction_main_page .article_main_page .artwork_section {
  background: transparent !important;
}
.article_main_page .art_quize_section .ques_box .repro_radio label,
.reproduction_main_page .article_main_page .art_quize_section .ques_box .repro_radio label {
  color: var(--mfp-ink, #1A1814) !important;
}
.article_main_page .art_quize_section .question_option .repro_radio input[type="radio"]:after,
.reproduction_main_page .article_main_page .art_quize_section .question_option .repro_radio input[type="radio"]:after {
  background-color: var(--mfp-white, #FFFFFF) !important;
  border: 1px solid var(--mfp-rule-strong, rgba(28, 26, 23, 0.28)) !important;
}
.article_main_page .art_quize_section .question_option .repro_radio input[type="radio"]:checked:after,
.reproduction_main_page .article_main_page .art_quize_section .question_option .repro_radio input[type="radio"]:checked:after {
  background-color: var(--mfp-gold, #8B6914) !important;
  border-color: var(--mfp-gold, #8B6914) !important;
}
.article_main_page .art_quize_section .art_header h4,
.reproduction_main_page .article_main_page .art_quize_section .art_header h4 {
  color: var(--mfp-ink, #1A1814) !important;
}

/* Buy page story row — shared heading box (beats global .art_heading) */
main .reproduction_main_page.container .article_main_page .artwork_section #artwork-description > h4.art_heading,
main .reproduction_main_page.container .article_main_page .artwork_section .quick_facts_section#facts > h4.art_heading.art_heading--quick-facts,
main .reproduction_main_page.container .article_main_page .artwork_section .quick_facts_section > h4.art_heading.art_heading--quick-facts {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 33px !important;
  min-height: 33px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--mfp-ink, #1A1814) !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--mfp-rule-strong, rgba(28, 26, 23, 0.28)) !important;
  box-sizing: border-box;
}
main .reproduction_main_page.container .article_main_page .artwork_section #artwork-description > h4.art_heading {
  margin-bottom: 18px !important;
}
main .reproduction_main_page.container .article_main_page .artwork_section .quick_facts_section > h4.art_heading.art_heading--quick-facts,
main .reproduction_main_page.container .article_main_page .artwork_section .quick_facts_section#facts > h4.art_heading.art_heading--quick-facts {
  margin-bottom: 14px !important;
}

/* Price spans — gold accent */
.reproduction_main_page .face_color_red,
.reproduction_main_page .aps-price-amount,
.reproduction_main_page .summery_total .face_color_red {
  color: var(--mfp-gold, #8B6914) !important;
}

/* Order summary — sand surface */
.reproduction_main_page .summery_box,
.reproduction_main_page .summery_checkout,
.reproduction_main_page #summary_checkout .summery_inner {
  background: var(--mfp-sand, #F5F1E8);
  border-color: var(--mfp-rule, rgba(28, 26, 23, 0.12));
}
.reproduction_main_page .summery_text,
.reproduction_main_page .summery_box li,
.reproduction_main_page .summery_checkout li {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  color: var(--mfp-ink-2, #4A4438);
}
.reproduction_main_page .summery_total,
.reproduction_main_page .summery_box .summery_total b {
  color: var(--mfp-ink, #1A1814);
}

/* Size / frame selectors — brand surface + border */
.reproduction_main_page .frame_box,
.reproduction_main_page .commn_strache_frame {
  background: var(--mfp-white, #FFFFFF);
  border: 1px solid var(--mfp-rule-strong, rgba(28, 26, 23, 0.28));
  border-radius: var(--r-sm, 2px);
}
.reproduction_main_page .frame_box.active,
.reproduction_main_page .frame_box.selected,
.reproduction_main_page .commn_strache_frame.active {
  border-color: var(--mfp-gold, #8B6914);
  box-shadow: 0 0 0 1px var(--mfp-gold, #8B6914);
}
.reproduction_main_page .frame_box .frame_name,
.reproduction_main_page .commn_strache_frame .frame_name {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  color: var(--mfp-ink, #1A1814);
}

/* Historicle / academic typography (pre-existing MFP block uses .historicle_box) */
.reproduction_main_page .historicle_box,
.reproduction_main_page .historicle_box p {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  color: var(--mfp-ink-2, #4A4438);
}
.reproduction_main_page .historicle_box h2,
.reproduction_main_page .historicle_box h3,
.reproduction_main_page .historicle_box h4 {
  font-family: var(--mfp-serif, "Cormorant Garamond", Georgia, serif);
  color: var(--mfp-ink, #1A1814);
}

/* ===== customers_reviews — MFP brand tokens (structure lives in global-custom) ===== */
.customers-reviews-page {
  --cr-font:              var(--font-body, 'Inter', system-ui, sans-serif);
  --cr-card-bg:           var(--mfp-ivory, #FDFAF4);
  --cr-card-border:       1px solid var(--mfp-sand-3, #DDD5C0);
  --cr-card-radius:       2px;
  --cr-card-shadow:       0 2px 8px -2px rgba(26, 24, 20, .08), 0 1px 2px rgba(26, 24, 20, .04);
  --cr-card-shadow-hover: 0 10px 24px -12px rgba(26, 24, 20, .22);
  --cr-text-color:        var(--mfp-ink-2, #4A4438);
  --cr-name-color:        var(--mfp-ink, #1A1814);
  --cr-meta-color:        var(--mfp-ink-3, #8A8273);
  --cr-divider-color:     var(--mfp-sand-3, #DDD5C0);
}

/* ===== plate-of-affinities (similar artworks study plate) =====
   MFP identity: ivory plate, museum-gold frames and accent, Cormorant
   Garamond captions, sand card. Structure in global-custom-V1.9.css. */
.plate-of-affinities-page-shell {
    --poa-serif-font: var(--mfp-serif, "Cormorant Garamond", Georgia, serif);
    --poa-ink: var(--mfp-ink, #1A1814);
    --poa-ink-muted: var(--mfp-ink-2, #4A4438);
    --poa-ink-faint: var(--mfp-ink-3, #8A8273);
    --poa-hairline: var(--mfp-sand-3, #DDD5C0);
    --poa-plate-bg: var(--mfp-ivory, #FDFAF4);
    --poa-plate-border: var(--mfp-rule-strong, rgba(28, 26, 23, 0.28));
    --poa-work-frame: var(--mfp-gold, #8B6914);
    --poa-work-frame-width: 3px;
    --poa-work-mat: var(--mfp-ivory, #FDFAF4);
    --poa-accent: var(--mfp-accent-dark, #5e470d);
    --poa-card-bg: var(--mfp-sand, #F5F1E8);
    --poa-bar-track: #E8E1CF;
    --poa-bar-fill: var(--mfp-gold, #8B6914);
    --poa-shelf-line: var(--mfp-ink-3, #8A8273);
}

/* ===== artwork_info — action bar (Buy print, Send, Share, Favorites, Download, Similars, X-Ray, Diaporama) ===== */
.art_info_box .artwork-info-actions-bar .fav-icon-artwork {
  border-bottom: 1px solid var(--mfp-rule, rgba(28, 26, 23, 0.12));
  padding-bottom: 14px;
  gap: 12px 20px;
}
.art_info_box .fav-icon-artwork > a,
.art_info_box .fav-icon-artwork > .artwork-share-wrapper {
  font-size: 13px;
  line-height: 1.35;
  margin: 0;
}
.art_info_box .fav-icon-artwork a,
.art_info_box .fav-icon-artwork .artwork-share-trigger {
  font-family: var(--mfp-sans, "Inter", system-ui, sans-serif);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--mfp-ink-2, #4A4438) !important;
  gap: 8px;
  transition: color 0.15s ease;
}
.art_info_box .fav-icon-artwork a img,
.art_info_box .fav-icon-artwork .artwork-share-trigger img {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  filter: brightness(0) saturate(100%);
  opacity: 0.42;
  transition: opacity 0.15s ease, filter 0.15s ease;
}
.art_info_box .fav-icon-artwork a:hover,
.art_info_box .fav-icon-artwork .artwork-share-trigger:hover {
  color: var(--mfp-gold, #8B6914) !important;
}
/* hover/active icon recolour → MFP museum gold #8B6914 */
.art_info_box .fav-icon-artwork a:hover img,
.art_info_box .fav-icon-artwork .artwork-share-trigger:hover img {
  opacity: 1;
  filter: brightness(0) saturate(100%) invert(40%) sepia(64%) saturate(560%) hue-rotate(8deg) brightness(91%) contrast(92%);
}
.art_info_box .fav-icon-artwork a.fav_toggle .fav_icon {
  filter: brightness(0) saturate(100%) invert(40%) sepia(64%) saturate(560%) hue-rotate(8deg) brightness(91%) contrast(92%);
  opacity: 1;
}

/* ===== Catalog hover panel — align snippet + buy with the card body text =====
   Card padding is reset globally; match __body 14px inset. */
.custom_search .search_card.artwork-catalog-card .hover_visible.artwork-catalog-card__hover {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.custom_search .search_card.artwork-catalog-card .hover_visible.artwork-catalog-card__hover .artwork-catalog-card__content,
.custom_search .search_card.artwork-catalog-card .hover_visible.artwork-catalog-card__hover .artwork-catalog-card__footer {
    padding-left: 0;
    padding-right: 0;
}

/* ===== MFP — artworksimilarslider (artwork_similar_slider_section.html) ===== */
/* Artist name kicker hover color */
.artworksimilarslider .view_all_art .vincent_color:hover {
  color: var(--mfp-gold, #8B6914);
  opacity: 1;
}
/* Artwork title link hover color */
.artworksimilarslider .view_all_art a:hover {
  color: var(--mfp-gold, #8B6914) !important;
}
/* ===== END MFP — artworksimilarslider ===== */

/* ============================================================
   MFP HOMEPAGE — 3 promo sections (2026-06-17)
   02 Oversized Type · 01 Mosaic · 03 Style Strips
   ============================================================ */

/* ---------- 02 — Oversized Type ---------- */
.mfp-promo-overtype {
  background: var(--mfp-sand);
  min-height: 80vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.mfp-promo-overtype-frame {
  position: absolute;
  right: 7%;
  top: 50%;
  transform: translateY(-50%) rotate(3deg);
  width: clamp(200px, 20vw, 320px);
  aspect-ratio: 4/5;
  z-index: 1;
  background: var(--mfp-ink);
  padding: 12px;
  box-shadow: var(--sh-frame);
}
.mfp-promo-overtype-frame::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(196,154,42,0.4);
  pointer-events: none;
  z-index: 2;
}
.mfp-promo-overtype-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mfp-promo-overtype .mfp-shell { position: relative; z-index: 2; }
.mfp-promo-overtype-kick {
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--mfp-gold);
  margin-bottom: 20px;
  font-family: var(--mfp-sans);
  display: inline-block;
}
.mfp-promo-overtype-big {
  font-family: var(--mfp-serif);
  font-weight: 500;
  font-size: clamp(72px, 11.5vw, 192px);
  line-height: 0.86;
  letter-spacing: -0.025em;
  color: var(--mfp-ink);
  position: relative;
  z-index: 2;
}
.mfp-promo-overtype-big em { font-style: italic; color: var(--mfp-gold); }
.mfp-promo-overtype-sub {
  max-width: 420px;
  margin-top: 28px;
  font-size: 16px;
  line-height: 1.65;
  color: var(--mfp-ink-2);
  font-family: var(--mfp-sans);
  position: relative;
  z-index: 2;
}
.mfp-promo-overtype-ctas {
  margin-top: 32px;
  display: flex;
  gap: 22px;
  align-items: center;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
}
.mfp-promo-overtype-ghost {
  color: var(--mfp-ink) !important;
  border-bottom: 1px solid var(--mfp-ink);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 500;
  font-family: var(--mfp-sans);
  padding-bottom: 3px;
  transition: color .2s, border-color .2s;
}
.mfp-promo-overtype-ghost:hover {
  color: var(--mfp-gold) !important;
  border-color: var(--mfp-gold);
}
@media (max-width: 1080px) { .mfp-promo-overtype-frame { opacity: .22; } }
@media (max-width: 640px) {
  .mfp-promo-overtype-frame { display: none; }
  .mfp-promo-overtype-big { font-size: clamp(58px, 18vw, 100px); }
}

/* ---------- 01 — Mosaic ---------- */
.mfp-promo-mosaic {
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--mfp-ink);
  position: relative;
}
.mfp-promo-mosaic-rows {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 5px;
  overflow: hidden;
}
.mfp-promo-mosaic-row {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  align-items: stretch;
}
.mfp-promo-mosaic-track {
  display: flex;
  gap: 5px;
  height: 100%;
  align-items: stretch;
  will-change: transform;
}
.mfp-promo-mosaic-row--fwd .mfp-promo-mosaic-track {
  animation: mfp-mosaic-left 35s linear infinite;
}
.mfp-promo-mosaic-row--rev .mfp-promo-mosaic-track {
  animation: mfp-mosaic-right 45s linear infinite;
}
.mfp-promo-mosaic-row:nth-child(2) .mfp-promo-mosaic-track { animation-delay: -20s; }
.mfp-promo-mosaic-row:nth-child(3) .mfp-promo-mosaic-track { animation-delay: -9s; }
.mfp-promo-mosaic-track img {
  height: 100%;
  width: auto;
  flex-shrink: 0;
  display: block;
  filter: saturate(0.88) brightness(0.72);
}
@keyframes mfp-mosaic-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes mfp-mosaic-right {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}
.mfp-promo-mosaic::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(18,16,12,0.5);
}
.mfp-promo-mosaic-card {
  position: relative;
  z-index: 3;
  text-align: center;
  background: rgba(253,250,244,0.88);
  backdrop-filter: blur(16px) saturate(1.3);
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
  border: 1px solid rgba(255,255,255,0.45);
  padding: 52px 56px;
  max-width: 620px;
  box-shadow: 0 40px 80px -30px rgba(0,0,0,0.65);
}
.mfp-promo-mosaic-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--mfp-gold);
  margin-bottom: 18px;
  font-family: var(--mfp-sans);
  justify-content: center;
}
.mfp-promo-mosaic-eyebrow::before,
.mfp-promo-mosaic-eyebrow::after {
  content: "";
  width: 28px;
  height: 1px;
  background: currentColor;
}
.mfp-promo-mosaic-card h2 {
  font-family: var(--mfp-serif);
  font-weight: 500;
  font-size: clamp(34px, 4.5vw, 54px);
  line-height: 1.06;
  letter-spacing: -0.01em;
  color: var(--mfp-ink);
}
.mfp-promo-mosaic-card h2 em { font-style: italic; color: var(--mfp-gold); }
.mfp-promo-mosaic-card p {
  font-size: 15px;
  color: var(--mfp-ink-2);
  margin: 14px auto 28px;
  max-width: 420px;
  font-family: var(--mfp-sans);
  line-height: 1.6;
}
.mfp-promo-mosaic-ctas {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
@media (max-width: 640px) {
  .mfp-promo-mosaic-card { padding: 34px 24px; margin: 0 16px; }
  .mfp-promo-mosaic-rows { gap: 4px; padding: 4px; }
}

/* ---------- 03 — Style Strips ---------- */
.mfp-promo-strips {
  position: relative;
  min-height: 88vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--mfp-ink);
}
.mfp-promo-strips-rail {
  position: absolute;
  inset: 0;
  display: flex;
}
.mfp-promo-strip {
  position: relative;
  overflow: hidden;
  flex: 1 1 0;
  transition: flex-grow 1.65s cubic-bezier(.4,0,.2,1);
  cursor: pointer;
}
.mfp-promo-strip:hover {
  flex-grow: 2.08;
  transition: flex-grow .55s cubic-bezier(.4,0,.2,1);
}
.mfp-promo-strip + .mfp-promo-strip { border-left: 1px solid rgba(0,0,0,0.3); }
.mfp-promo-strip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.6) saturate(0.88);
  transition: filter .4s ease, transform .5s ease;
}
.mfp-promo-strip:hover img {
  filter: brightness(0.92) saturate(1.05);
  transform: scale(1.06);
}
.mfp-promo-strip-lbl {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
  text-align: center;
  color: var(--mfp-ivory);
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--mfp-sans);
  z-index: 2;
}
.mfp-promo-strips::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(18,16,12,0.35);
  pointer-events: none;
}
.mfp-promo-strips-card {
  position: relative;
  z-index: 3;
  text-align: center;
  color: var(--mfp-ivory);
  padding: 0 24px;
  pointer-events: none;
}
.mfp-promo-strips-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--mfp-gold-lt);
  margin-bottom: 16px;
  font-family: var(--mfp-sans);
  justify-content: center;
}
.mfp-promo-strips-eyebrow::before,
.mfp-promo-strips-eyebrow::after {
  content: "";
  width: 28px;
  height: 1px;
  background: currentColor;
}
.mfp-promo-strips-card h2 {
  font-family: var(--mfp-serif);
  font-weight: 500;
  font-size: clamp(38px, 6vw, 70px);
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: var(--mfp-ivory);
}
.mfp-promo-strips-card h2 em { font-style: italic; color: var(--mfp-gold-lt); }
.mfp-promo-strips-ctas {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 18px;
  pointer-events: auto;
}
.mfp-btn-primary-light {
  display: inline-block;
  background: var(--mfp-gold-lt);
  color: var(--mfp-ink) !important;
  padding: 13px 28px;
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 500;
  font-family: var(--mfp-sans);
  transition: background .25s;
  border-radius: var(--r-sm);
}
.mfp-btn-primary-light:hover { background: var(--mfp-ivory); }
@media (max-width: 768px) {
  .mfp-promo-strips-rail { display: none; }
  .mfp-promo-strips { min-height: 60vh; }
  .mfp-promo-strips-card h2 { font-size: clamp(34px, 9vw, 54px); }
}

/* ===== END MFP — promo sections ===== */

/* ===== error_404.html + error_general.html — MostFamousPaintings ===== */
/*
   Tokens:  --lc #c8a96e (antique gold)  --mfp-accent #8B6914  --mfp-ink #1A1814
            --mfp-ink-2 #4A4438  --font-body Inter sans
*/

.error-404 .error-404__cta--ghost {
    background: transparent;
    border: 2px solid var(--lc, #c8a96e);
    color: var(--mfp-ink, #1A1814);
}
.error-404 .error-404__cta--ghost:hover {
    background: var(--lc, #c8a96e);
    color: var(--mfp-ink, #1A1814);
    text-decoration: none;
}

.error-404 .error-404__cta--solid {
    background: var(--mfp-accent, #8B6914);
    border-color: var(--mfp-accent, #8B6914);
    color: #fff;
}
.error-404 .error-404__cta--solid:hover {
    background: #6e510f;
    border-color: #6e510f;
    color: #fff;
    text-decoration: none;
}

.error-404 .error-404__cta--home {
    background: transparent;
    border: 1px solid var(--mfp-ink, #1A1814);
    color: var(--mfp-ink, #1A1814);
}
.error-404 .error-404__cta--home:hover {
    background: var(--mfp-ink, #1A1814);
    color: #fff;
    text-decoration: none;
}

.error-404 .error-404__title { color: var(--mfp-ink, #1A1814); }
.error-404 .error-404__lead  { color: var(--mfp-ink-2, #4A4438); }
.error-404 .error-404__contact a { color: var(--mfp-accent, #8B6914); }
.error-404 .error-404__contact a:hover { color: #6e510f; }

body.error-general-page .e_card_section .e_card_form {
    --error-card-bg: rgba(252,249,243,0.91);
}
/* ===== /error_404.html + error_general.html — MostFamousPaintings ===== */