/*
 * Pushningold Luxury System V1.2
 * Header V1.1 + Footer V1
 * Palette: warm ivory / espresso ink / champagne gold.
 */
:root {
    --pg-ivory: #fbf7f1;
    --pg-ivory-soft: #f5eee6;
    --pg-ivory-card: #fffdf9;
    --pg-espresso: #251d18;
    --pg-espresso-2: #1d1714;
    --pg-ink: #2a211c;
    --pg-muted: #786b62;
    --pg-line: #e7dbcf;
    --pg-gold: #bd9656;
    --pg-gold-deep: #98703a;
    --pg-footer-bg: #f3ebe3;
    --pg-footer-bg-soft: #faf6f1;
    --pg-footer-text: #2a211c;
    --pg-footer-muted: #6f6258;
    --pg-shadow: 0 14px 38px rgba(42, 29, 20, .10);
}

/* --------------------------------------------------------------------------
   HEADER FOUNDATION
   -------------------------------------------------------------------------- */
#ammenu-header-container,
header.page-header,
.header-area.pushningold-header-v1,
.header-area.pushningold-header-v1 .pg-luxe-header,
.header-area.pushningold-header-v1 .pg-luxe-header__top,
.header-area.pushningold-header-v1 .pg-luxe-header__nav {
    background: var(--pg-ivory) !important;
}

header.page-header {
    border: 0 !important;
}

.header-area.pushningold-header-v1 {
    position: relative;
    z-index: 890;
    width: 100%;
    color: var(--pg-ink);
    border: 0 !important;
    box-shadow: 0 1px 0 var(--pg-line);
}

.header-area.pushningold-header-v1 .pg-luxe-header__top {
    position: relative;
    z-index: 3;
    border-bottom: 1px solid var(--pg-line);
}

.header-area.pushningold-header-v1 .pg-luxe-header__top-inner {
    min-height: 88px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px;
    display: grid;
    grid-template-columns: minmax(190px, 1fr) minmax(150px, auto) minmax(270px, 1fr);
    align-items: center;
    gap: 24px;
}

.header-area.pushningold-header-v1 .pg-luxe-header__left,
.header-area.pushningold-header-v1 .pg-luxe-header__actions {
    min-width: 0;
    display: flex;
    align-items: center;
}

.header-area.pushningold-header-v1 .pg-luxe-header__left {
    justify-content: flex-start;
    gap: 14px;
}

.header-area.pushningold-header-v1 .pg-luxe-header__actions {
    justify-content: flex-end;
    gap: 8px;
}

.header-area.pushningold-header-v1 .pg-luxe-header__brand {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-area.pushningold-header-v1 .pg-luxe-header__brand .logo {
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1;
}

.header-area.pushningold-header-v1 .pg-luxe-header__brand .logo img {
    display: block;
    width: auto !important;
    height: 60px !important;
    max-width: 160px !important;
    max-height: 60px !important;
    object-fit: contain;
}

.header-area.pushningold-header-v1 .pg-luxe-header__language,
.header-area.pushningold-header-v1 .pg-luxe-header__currency {
    font-size: 13px;
    letter-spacing: .015em;
    color: var(--pg-muted);
    white-space: nowrap;
}

.header-area.pushningold-header-v1 .pg-luxe-header__language .switcher,
.header-area.pushningold-header-v1 .pg-luxe-header__currency .switcher {
    margin: 0 !important;
}

.header-area.pushningold-header-v1 .switcher .action.toggle strong,
.header-area.pushningold-header-v1 .switcher .action.toggle:after,
.header-area.pushningold-header-v1 .switcher strong,
.header-area.pushningold-header-v1 .switcher a {
    color: var(--pg-ink) !important;
}

.header-area.pushningold-header-v1 .pg-luxe-header__toggle {
    display: none;
    align-items: center;
    justify-content: flex-start;
}

/* --------------------------------------------------------------------------
   SEARCH + ACTIONS
   -------------------------------------------------------------------------- */
.header-area.pushningold-header-v1 .pg-luxe-header__search {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}

.header-area.pushningold-header-v1 .block-search,
.header-area.pushningold-header-v1 .search-form {
    margin: 0 !important;
}

.header-area.pushningold-header-v1 #search_mini_form .field.search,
.header-area.pushningold-header-v1 #search_mini_form .control {
    margin: 0 !important;
}

.header-area.pushningold-header-v1 #search_mini_form input#search {
    min-width: 165px;
    height: 40px;
    border: 1px solid var(--pg-line) !important;
    border-radius: 999px !important;
    background: var(--pg-ivory-card) !important;
    color: var(--pg-ink) !important;
    padding-left: 16px !important;
    padding-right: 40px !important;
    box-shadow: none !important;
}

.header-area.pushningold-header-v1 #search_mini_form input#search:focus {
    border-color: var(--pg-gold) !important;
    box-shadow: 0 0 0 3px rgba(189, 150, 86, .10) !important;
}

.header-area.pushningold-header-v1 .pg-luxe-header__icon-button,
.header-area.pushningold-header-v1 .theme-header-icon,
.header-area.pushningold-header-v1 .actions-search .action-search,
.header-area.pushningold-header-v1 .minicart-wrapper .action.showcart,
.header-area.pushningold-header-v1 .top-wishlist > a {
    color: var(--pg-ink) !important;
    background: transparent !important;
    border: 0 !important;
}

.header-area.pushningold-header-v1 .pg-luxe-header__icon-button,
.header-area.pushningold-header-v1 .actions-search .action-search,
.header-area.pushningold-header-v1 .minicart-wrapper .action.showcart,
.header-area.pushningold-header-v1 .top-wishlist > a {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.header-area.pushningold-header-v1 .pg-luxe-header__icon-button:hover,
.header-area.pushningold-header-v1 .actions-search .action-search:hover,
.header-area.pushningold-header-v1 .minicart-wrapper .action.showcart:hover,
.header-area.pushningold-header-v1 .top-wishlist > a:hover {
    color: var(--pg-gold-deep) !important;
    background: var(--pg-ivory-soft) !important;
    transform: translateY(-1px);
}

.header-area.pushningold-header-v1 .theme-header-icon,
.header-area.pushningold-header-v1 .minicart-wrapper .action.showcart:before,
.header-area.pushningold-header-v1 .actions-search .action-search i,
.header-area.pushningold-header-v1 .top-wishlist .wishlist-icon:before {
    color: currentColor !important;
    font-size: 21px !important;
    line-height: 1 !important;
}

.header-area.pushningold-header-v1 .minicart-wrapper,
.header-area.pushningold-header-v1 .top-wishlist,
.header-area.pushningold-header-v1 .header-top-links {
    margin: 0 !important;
}

.header-area.pushningold-header-v1 .minicart-wrapper .counter.qty,
.header-area.pushningold-header-v1 .top-wishlist .wishlist-count {
    min-width: 18px;
    height: 18px;
    line-height: 14px;
    font-size: 10px;
    color: #fff !important;
    background: var(--pg-gold-deep) !important;
    border: 2px solid var(--pg-ivory) !important;
}

.header-area.pushningold-header-v1 .header-top-links .header-acccount {
    margin-top: 8px !important;
    overflow: hidden;
    color: var(--pg-ink) !important;
    background: var(--pg-ivory-card) !important;
    border: 1px solid var(--pg-line) !important;
    border-radius: 14px !important;
    box-shadow: var(--pg-shadow) !important;
}

.header-area.pushningold-header-v1 .header-top-links .header.links a,
.header-area.pushningold-header-v1 .header-top-links .header.links span {
    color: var(--pg-ink) !important;
}

/* --------------------------------------------------------------------------
   DESKTOP NAVIGATION
   -------------------------------------------------------------------------- */
.header-area.pushningold-header-v1 .pg-luxe-header__nav {
    position: relative;
    z-index: 2;
    min-height: 58px;
}

.header-area.pushningold-header-v1 .pg-luxe-header__nav-inner {
    max-width: 1480px;
    min-height: 58px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-menu-wrapper {
    width: 100%;
    margin: 0 !important;
}

.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-nav-sections.-topmenu,
.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-main-container {
    width: 100%;
    margin: 0 !important;
    background: transparent !important;
    color: var(--pg-ink) !important;
    box-shadow: none !important;
}

.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-items.-root {
    width: 100%;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    gap: 0;
}

.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item {
    flex: 0 0 auto;
}

.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item > .ammenu-link {
    position: relative;
    min-height: 58px;
    padding: 0 17px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: var(--pg-ink) !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    letter-spacing: .008em;
    white-space: nowrap;
    transition: color .18s ease, background-color .18s ease;
}

.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item > .ammenu-link .ammenu-text-block {
    margin: 0 !important;
    color: inherit !important;
}

.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item > .ammenu-link:after {
    content: '';
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 7px;
    height: 2px;
    border-radius: 2px;
    background: var(--pg-gold);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .18s ease;
}

.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item:hover > .ammenu-link,
.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item > .ammenu-link.-current,
.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item > .ammenu-link.-active {
    color: var(--pg-gold-deep) !important;
    background: var(--pg-ivory-soft) !important;
}

.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item:hover > .ammenu-link:after,
.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item > .ammenu-link.-current:after,
.header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item > .ammenu-link.-active:after {
    transform: scaleX(1);
}

/* Mega menu dropdown surface */
.header-area.pushningold-header-v1 .ammenu-submenu-wrapper {
    max-width: calc(100vw - 40px) !important;
    padding: 20px 22px !important;
    color: var(--pg-ink) !important;
    background: var(--pg-ivory-card) !important;
    border: 1px solid var(--pg-line) !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: var(--pg-shadow) !important;
}

.header-area.pushningold-header-v1 .ammenu-submenu-wrapper .ammenu-link,
.header-area.pushningold-header-v1 .ammenu-submenu-wrapper .ammenu-title,
.header-area.pushningold-header-v1 .ammenu-submenu-wrapper .ammenu-text-block {
    color: var(--pg-ink) !important;
    background: transparent !important;
}

.header-area.pushningold-header-v1 .ammenu-submenu-wrapper .ammenu-link {
    padding: 9px 10px !important;
    border-radius: 8px;
    transition: background-color .16s ease, color .16s ease;
}

.header-area.pushningold-header-v1 .ammenu-submenu-wrapper .ammenu-link:hover,
.header-area.pushningold-header-v1 .ammenu-submenu-wrapper .ammenu-link.-active,
.header-area.pushningold-header-v1 .ammenu-submenu-wrapper .ammenu-link.-current {
    color: var(--pg-gold-deep) !important;
    background: var(--pg-ivory-soft) !important;
}

/* --------------------------------------------------------------------------
   STICKY HEADER — explicit new behavior, independent from old header9 rules
   -------------------------------------------------------------------------- */
.header-area.pushningold-header-v1.active-sticky.scrolling,
.header-area.pushningold-header-v1.show-on-scroll-up-only.active-sticky.scrolling {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 997;
    background: rgba(251, 247, 241, .98) !important;
    box-shadow: 0 10px 28px rgba(42, 29, 20, .10) !important;
    backdrop-filter: blur(10px);
}

.header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__top-inner {
    min-height: 66px;
}

.header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__brand .logo img {
    height: 44px !important;
    max-height: 44px !important;
}

.header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__nav,
.header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__nav-inner,
.header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item > .ammenu-link {
    min-height: 46px;
}

.header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item > .ammenu-link {
    font-size: 14px !important;
}

/* --------------------------------------------------------------------------
   TABLET — preserve two real rows; never overlap logo/navigation
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {
    .header-area.pushningold-header-v1 .pg-luxe-header__top-inner {
        min-height: 76px;
        padding: 0 20px;
        grid-template-columns: minmax(120px, 1fr) auto minmax(220px, 1fr);
        gap: 14px;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__brand .logo img {
        height: 50px !important;
        max-height: 50px !important;
        max-width: 128px !important;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__language {
        font-size: 12px;
    }

    .header-area.pushningold-header-v1 #search_mini_form input#search {
        min-width: 130px;
        width: 150px;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__nav,
    .header-area.pushningold-header-v1 .pg-luxe-header__nav-inner {
        min-height: 0;
        height: auto;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-items.-root {
        flex-wrap: wrap;
        row-gap: 0;
        padding: 4px 0 !important;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item > .ammenu-link {
        min-height: 44px;
        padding: 0 10px !important;
        font-size: 13px !important;
    }
}

/* --------------------------------------------------------------------------
   MOBILE HEADER + AMASTY OFFCANVAS — V1.2
   IMPORTANT: preserve Amasty's own accordion/drill/hamburger layout logic.
   We style the shell and visuals only; no forced widths/display on menu items.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .header-area.pushningold-header-v1 .pg-luxe-header__top-inner {
        position: relative;
        min-height: 64px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__left {
        width: 44px;
        flex: 0 0 44px;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__toggle {
        display: flex;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__language,
    .header-area.pushningold-header-v1 .pg-luxe-header__currency,
    .header-area.pushningold-header-v1 .pg-luxe-header__account,
    .header-area.pushningold-header-v1 .pg-luxe-header__wishlist {
        display: none !important;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__brand {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        pointer-events: auto;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__brand .logo img {
        width: auto !important;
        height: 42px !important;
        max-width: 96px !important;
        max-height: 42px !important;
        object-fit: contain !important;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__actions {
        margin-left: auto;
        gap: 0;
        flex: 0 0 auto;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__search {
        min-width: 36px;
    }

    .header-area.pushningold-header-v1 #search_mini_form input#search {
        min-width: 0;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__icon-button,
    .header-area.pushningold-header-v1 .actions-search .action-search,
    .header-area.pushningold-header-v1 .minicart-wrapper .action.showcart {
        width: 36px;
        height: 36px;
        min-width: 36px;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__toggle .ammenu-button.-hamburger.-trigger {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--pg-ink) !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 50% !important;
    }

    /* The full category row disappears on mobile; only the compact top bar remains.
       This is deliberate professional shop behavior. */
    .header-area.pushningold-header-v1 .pg-luxe-header__nav,
    .header-area.pushningold-header-v1 .pg-luxe-header__nav-inner {
        min-height: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: visible !important;
    }

    /* Compact sticky top bar on mobile. MGS already adds .scrolling to active-sticky. */
    .header-area.pushningold-header-v1.active-sticky.scrolling {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 997 !important;
        background: rgba(251,247,241,.985) !important;
        box-shadow: 0 8px 24px rgba(42,29,20,.10) !important;
        backdrop-filter: blur(10px);
    }

    .header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__top-inner {
        min-height: 58px !important;
    }

    .header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__brand .logo img {
        height: 36px !important;
        max-height: 36px !important;
    }

    /*
     * Amasty sidebar shell.
     * DO NOT override internal .ammenu-items / .ammenu-item display, width,
     * columns, transforms or level positioning — Amasty owns those.
     */
    .ammenu-nav-sections.-sidebar {
        width: min(88vw, 360px) !important;
        max-width: 360px !important;
        color: var(--pg-ink) !important;
        background: var(--pg-ivory-card) !important;
        border-right: 1px solid var(--pg-line) !important;
        border-radius: 0 16px 16px 0 !important;
        box-shadow: 18px 0 54px rgba(42,29,20,.18) !important;
    }

    .ammenu-nav-sections.-sidebar .ammenu-menu-title {
        min-height: 64px !important;
        padding: 16px 18px 12px !important;
        border-bottom: 1px solid var(--pg-line) !important;
        background: var(--pg-ivory-card) !important;
    }

    .ammenu-nav-sections.-sidebar .ammenu-menu-title .ammenu-title {
        margin: 0 !important;
        color: var(--pg-ink) !important;
        font-size: 22px !important;
        line-height: 1.15 !important;
        font-weight: 500 !important;
        letter-spacing: -.02em !important;
    }

    .ammenu-nav-sections.-sidebar .ammenu-tabs-list {
        width: auto !important;
        margin: 12px 16px !important;
        padding: 4px !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 4px !important;
        background: var(--pg-ivory-soft) !important;
        border: 1px solid var(--pg-line) !important;
        border-radius: 11px !important;
        box-sizing: border-box !important;
    }

    .ammenu-nav-sections.-sidebar .ammenu-tabs-list .ammenu-button {
        min-height: 42px !important;
        padding: 0 10px !important;
        color: var(--pg-ink) !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 8px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        box-shadow: none !important;
    }

    .ammenu-nav-sections.-sidebar .ammenu-tabs-list .ammenu-button.-active,
    .ammenu-nav-sections.-sidebar .ammenu-tabs-list .ammenu-button[aria-selected="true"] {
        color: #fffaf4 !important;
        background: var(--pg-espresso) !important;
    }

    /* Visual treatment only; Amasty retains its native menu-level layout. */
    .ammenu-nav-sections.-sidebar .ammenu-link.-mobile,
    .ammenu-nav-sections.-sidebar .ammenu-button.-mobile {
        color: var(--pg-ink) !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
        font-weight: 500 !important;
        border-bottom-color: var(--pg-line) !important;
    }

    .ammenu-nav-sections.-sidebar .ammenu-link.-mobile:hover,
    .ammenu-nav-sections.-sidebar .ammenu-link.-mobile.-current,
    .ammenu-nav-sections.-sidebar .ammenu-item.-active > .ammenu-link {
        color: var(--pg-gold-deep) !important;
        background: var(--pg-ivory-soft) !important;
    }

    .ammenu-nav-sections.-sidebar .ammenu-text-block,
    .ammenu-nav-sections.-sidebar .ammenu-title,
    .ammenu-nav-sections.-sidebar .ammenu-link,
    .ammenu-nav-sections.-sidebar .ammenu-account-wrapper {
        color: var(--pg-ink) !important;
    }
}

@media (max-width: 390px) {
    .header-area.pushningold-header-v1 .pg-luxe-header__top-inner {
        padding-left: 8px;
        padding-right: 8px;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__brand .logo img {
        height: 38px !important;
        max-width: 86px !important;
        max-height: 38px !important;
    }

    .ammenu-nav-sections.-sidebar {
        width: 90vw !important;
        max-width: 340px !important;
    }
}

/* --------------------------------------------------------------------------
   FOOTER V1.2 — warm light luxury footer, same brand language as header
   Existing CMS/footer content and legal links stay untouched.
   -------------------------------------------------------------------------- */
body .page-wrapper .page-footer,
body .page-wrapper .page-footer .footer-container.footer2,
body .page-wrapper .page-footer .footer-container.footer2 > .top-footer,
body .page-wrapper .page-footer .footer-container.footer2 > .middle-footer,
body .page-wrapper .page-footer .footer-container.footer2 > .bottom-footer {
    background-color: var(--pg-footer-bg) !important;
    background-image: none !important;
    color: var(--pg-footer-text) !important;
}

body .page-wrapper .page-footer {
    border-top: 1px solid var(--pg-line) !important;
    box-shadow: 0 -8px 28px rgba(42,29,20,.035) !important;
}

body .page-wrapper .page-footer .footer-container.footer2 .top-footer {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 1px solid rgba(189,150,86,.16) !important;
}

body .page-wrapper .page-footer .footer-container.footer2 .middle-footer {
    padding-top: 56px !important;
    padding-bottom: 42px !important;
}

body .page-wrapper .page-footer .footer-container.footer2 .frame,
body .page-wrapper .page-footer .footer-container.footer2 .middle-footer .frame,
body .page-wrapper .page-footer .footer-container.footer2 .bottom-footer .frame {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    background: transparent !important;
}

body .page-wrapper .page-footer .footer-container.footer2 .middle-footer .line {
    display: grid !important;
    grid-template-columns: 1.35fr .9fr 1fr 1fr 1.1fr !important;
    gap: 38px !important;
    align-items: start !important;
    background: transparent !important;
}

body .page-wrapper .page-footer .footer-container.footer2 .middle-footer .line > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent !important;
}

body .page-wrapper .page-footer .footer-container.footer2,
body .page-wrapper .page-footer .footer-container.footer2 p,
body .page-wrapper .page-footer .footer-container.footer2 li,
body .page-wrapper .page-footer .footer-container.footer2 address,
body .page-wrapper .page-footer .footer-container.footer2 span {
    color: var(--pg-footer-muted) !important;
}

body .page-wrapper .page-footer .footer-container.footer2 h1,
body .page-wrapper .page-footer .footer-container.footer2 h2,
body .page-wrapper .page-footer .footer-container.footer2 h3,
body .page-wrapper .page-footer .footer-container.footer2 h4,
body .page-wrapper .page-footer .footer-container.footer2 h5,
body .page-wrapper .page-footer .footer-container.footer2 h6,
body .page-wrapper .page-footer .footer-container.footer2 .title,
body .page-wrapper .page-footer .footer-container.footer2 .footer-title,
body .page-wrapper .page-footer .footer-container.footer2 strong {
    color: var(--pg-footer-text) !important;
}

body .page-wrapper .page-footer .footer-container.footer2 h2,
body .page-wrapper .page-footer .footer-container.footer2 h3,
body .page-wrapper .page-footer .footer-container.footer2 h4,
body .page-wrapper .page-footer .footer-container.footer2 h5,
body .page-wrapper .page-footer .footer-container.footer2 .title,
body .page-wrapper .page-footer .footer-container.footer2 .footer-title {
    margin-bottom: 18px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .11em !important;
}

body .page-wrapper .page-footer .footer-container.footer2 h2:after,
body .page-wrapper .page-footer .footer-container.footer2 h3:after,
body .page-wrapper .page-footer .footer-container.footer2 h4:after,
body .page-wrapper .page-footer .footer-container.footer2 h5:after,
body .page-wrapper .page-footer .footer-container.footer2 .title:after,
body .page-wrapper .page-footer .footer-container.footer2 .footer-title:after {
    content: '';
    display: block;
    width: 26px;
    height: 1px;
    margin-top: 10px;
    background: var(--pg-gold);
}

body .page-wrapper .page-footer .footer-container.footer2 a {
    color: var(--pg-ink) !important;
    text-decoration: none !important;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

body .page-wrapper .page-footer .footer-container.footer2 a:hover,
body .page-wrapper .page-footer .footer-container.footer2 a:focus {
    color: var(--pg-gold-deep) !important;
}

body .page-wrapper .page-footer .footer-container.footer2 li {
    margin-bottom: 9px !important;
    line-height: 1.55 !important;
}

body .page-wrapper .page-footer .footer-container.footer2 img {
    height: auto;
}

body .page-wrapper .page-footer .footer-container.footer2 .footer-instagram img {
    border-radius: 8px !important;
    box-shadow: 0 3px 12px rgba(42,29,20,.08);
}

body .page-wrapper .page-footer .footer-container.footer2 .footer-haendlerbund {
    display: inline-flex !important;
    margin-top: 14px !important;
    padding: 9px 12px !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--pg-ivory-card) !important;
    border: 1px solid rgba(189,150,86,.28) !important;
    border-radius: 10px !important;
}

body .page-wrapper .page-footer .footer-container.footer2 .bottom-footer {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    border-top: 1px solid rgba(189,150,86,.18) !important;
}

body .page-wrapper .page-footer .footer-container.footer2 .bottom-footer address,
body .page-wrapper .page-footer .footer-container.footer2 .copyright,
body .page-wrapper .page-footer .footer-container.footer2 .copyright * {
    color: #8b7d71 !important;
    font-size: 12px !important;
}

body .page-wrapper .page-footer .footer-container.footer2 button,
body .page-wrapper .page-footer .footer-container.footer2 .button,
body .page-wrapper .page-footer .footer-container.footer2 .btn,
body .page-wrapper .page-footer .footer-container.footer2 a.action.primary,
body .page-wrapper .page-footer .footer-container.footer2 .action.primary {
    color: var(--pg-espresso-2) !important;
    background: var(--pg-gold) !important;
    border-color: var(--pg-gold) !important;
    border-radius: 8px !important;
}

body .page-wrapper .page-footer .footer-container.footer2 button:hover,
body .page-wrapper .page-footer .footer-container.footer2 .button:hover,
body .page-wrapper .page-footer .footer-container.footer2 .btn:hover,
body .page-wrapper .page-footer .footer-container.footer2 a.action.primary:hover,
body .page-wrapper .page-footer .footer-container.footer2 .action.primary:hover {
    background: #d0ad70 !important;
    border-color: #d0ad70 !important;
}

/* Existing outlined footer/social actions become champagne-outline instead of black/gold. */
body .page-wrapper .page-footer .footer-container.footer2 .social-link a,
body .page-wrapper .page-footer .footer-container.footer2 .bottom-footer a,
body .page-wrapper .page-footer .footer-container.footer2 a[class*="button"] {
    border-color: rgba(152,112,58,.42) !important;
}

/* Small global palette bridge: prices + primary CTAs use the same gold family. */
.price-box .price,
.product-info-price .price,
.special-price .price {
    color: var(--pg-gold-deep) !important;
}

.action.primary,
button.action.primary,
a.action.primary {
    background-color: var(--pg-gold) !important;
    border-color: var(--pg-gold) !important;
    color: var(--pg-espresso-2) !important;
}

.action.primary:hover,
button.action.primary:hover,
a.action.primary:hover {
    background-color: #d0ad70 !important;
    border-color: #d0ad70 !important;
}

@media (max-width: 1024px) {
    body .page-wrapper .page-footer .footer-container.footer2 .middle-footer .line {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 34px 28px !important;
    }
}

@media (max-width: 640px) {
    body .page-wrapper .page-footer .footer-container.footer2 .middle-footer {
        padding-top: 40px !important;
        padding-bottom: 28px !important;
    }

    body .page-wrapper .page-footer .footer-container.footer2 .middle-footer .line {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }

    body .page-wrapper .page-footer .footer-container.footer2 .frame,
    body .page-wrapper .page-footer .footer-container.footer2 .middle-footer .frame,
    body .page-wrapper .page-footer .footer-container.footer2 .bottom-footer .frame {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body .page-wrapper .page-footer .footer-container.footer2 .bottom-footer .line {
        display: block !important;
    }

    body .page-wrapper .page-footer .footer-container.footer2 .bottom-footer [class*="col-"] {
        width: 100% !important;
        float: none !important;
        text-align: left !important;
        margin-bottom: 12px !important;
    }
}

/* ==========================================================================
   PUSHNINGOLD HEADER V1.3 + FOOTER V1.3 OVERRIDES
   Root-cause fixes after live visual QA:
   - real CSS sticky page-header (independent of old MGS scrolling JS)
   - explicit 3-line mobile hamburger icon
   - root mobile categories forced into ONE vertical list only
   - square/clean offcanvas edge; no bright rounded-corner mismatch
   - stronger footer contrast and one consistent warm brand surface
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) TRUE STICKY HEADER
   Keep the professional navigation available while scrolling.
   Desktop keeps both rows. Mobile already hides the category row, so only
   hamburger + logo + search/cart remain visible.
   -------------------------------------------------------------------------- */
body .page-wrapper > header.page-header,
body header.page-header#ammenu-header-container,
body header.page-header {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0 !important;
    z-index: 997 !important;
    width: 100% !important;
    margin: 0 !important;
    background: rgba(251, 247, 241, .985) !important;
    border: 0 !important;
    box-shadow: 0 1px 0 var(--pg-line) !important;
}

/* MGS may still add scrolling/fixed classes. Do not let those create a
   second positioning model on top of the native sticky header. */
body header.page-header .header-area.pushningold-header-v1,
body header.page-header .header-area.pushningold-header-v1.active-sticky,
body header.page-header .header-area.pushningold-header-v1.active-sticky.scrolling {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: auto !important;
    transform: none !important;
}

/* Compact sticky state after MGS adds .scrolling. */
body header.page-header .header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__top-inner {
    min-height: 64px !important;
}

body header.page-header .header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__brand .logo img {
    height: 42px !important;
    max-height: 42px !important;
}

body header.page-header .header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__nav,
body header.page-header .header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__nav-inner,
body header.page-header .header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__nav .ammenu-items.-root > .ammenu-item > .ammenu-link {
    min-height: 44px !important;
}

/* --------------------------------------------------------------------------
   2) MOBILE HEADER + REAL HAMBURGER
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    body header.page-header {
        background: var(--pg-ivory) !important;
        box-shadow: 0 4px 18px rgba(42,29,20,.08) !important;
    }

    body header.page-header .header-area.pushningold-header-v1 .pg-luxe-header__top-inner,
    body header.page-header .header-area.pushningold-header-v1.active-sticky.scrolling .pg-luxe-header__top-inner {
        min-height: 62px !important;
    }

    /* Remove Amasty's visually weak "dash" and draw a proper menu glyph. */
    .header-area.pushningold-header-v1 .pg-luxe-header__toggle .ammenu-button.-hamburger.-trigger {
        position: relative !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 0 !important;
        color: transparent !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 50% !important;
        overflow: visible !important;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__toggle .ammenu-button.-hamburger.-trigger > * {
        opacity: 0 !important;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__toggle .ammenu-button.-hamburger.-trigger:before {
        content: '' !important;
        position: absolute !important;
        left: 10px !important;
        top: 13px !important;
        width: 22px !important;
        height: 2px !important;
        border-radius: 2px !important;
        background: var(--pg-ink) !important;
        box-shadow:
            0 7px 0 var(--pg-ink),
            0 14px 0 var(--pg-ink) !important;
        transform: none !important;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__toggle .ammenu-button.-hamburger.-trigger:after {
        display: none !important;
    }

    .header-area.pushningold-header-v1 .pg-luxe-header__toggle .ammenu-button.-hamburger.-trigger:hover {
        background: var(--pg-ivory-soft) !important;
    }

    /* Clean, rectangular premium drawer. The previous rounded right corners
       exposed a visibly different backdrop color at top/bottom. */
    .ammenu-nav-sections.-sidebar.-mobile,
    .ammenu-nav-sections.-sidebar {
        width: min(88vw, 360px) !important;
        max-width: 360px !important;
        height: 100dvh !important;
        min-height: 100vh !important;
        margin: 0 !important;
        padding: 0 14px 24px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        color: var(--pg-ink) !important;
        background: var(--pg-ivory-card) !important;
        border: 0 !important;
        border-right: 1px solid var(--pg-line) !important;
        border-radius: 0 !important;
        box-shadow: 16px 0 44px rgba(42,29,20,.18) !important;
        box-sizing: border-box !important;
    }

    .ammenu-nav-sections.-sidebar .ammenu-menu-title {
        margin: 0 -14px !important;
        padding: 16px 18px 13px !important;
        background: var(--pg-ivory-card) !important;
        border-bottom: 1px solid var(--pg-line) !important;
    }

    .ammenu-nav-sections.-sidebar .ammenu-menu-title .ammenu-title {
        color: var(--pg-ink) !important;
        font-size: 21px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
    }

    .ammenu-nav-sections.-sidebar .ammenu-tabs-list {
        margin: 12px 0 14px !important;
        padding: 4px !important;
        background: var(--pg-ivory-soft) !important;
        border: 1px solid var(--pg-line) !important;
        border-radius: 10px !important;
    }

    /*
     * IMPORTANT V1.3:
     * Only the ROOT category level is made vertical.
     * Nested Amasty accordion/drill levels remain controlled by Amasty JS.
     */
    .ammenu-nav-sections.-sidebar.-mobile .ammenu-items.-root,
    .ammenu-nav-sections.-sidebar .ammenu-items.-root {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        columns: 1 !important;
        column-count: 1 !important;
        overflow: visible !important;
        transform: none !important;
        list-style: none !important;
        box-sizing: border-box !important;
    }

    .ammenu-nav-sections.-sidebar.-mobile .ammenu-items.-root > .ammenu-item,
    .ammenu-nav-sections.-sidebar .ammenu-items.-root > .ammenu-item {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        flex: 0 0 auto !important;
        float: none !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    .ammenu-nav-sections.-sidebar.-mobile .ammenu-items.-root > .ammenu-item > .ammenu-link,
    .ammenu-nav-sections.-sidebar .ammenu-items.-root > .ammenu-item > .ammenu-link,
    .ammenu-nav-sections.-sidebar .ammenu-items.-root > .ammenu-item > .ammenu-button {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 13px 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        color: var(--pg-ink) !important;
        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid var(--pg-line) !important;
        border-radius: 0 !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
        font-weight: 550 !important;
        white-space: normal !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .ammenu-nav-sections.-sidebar .ammenu-items.-root > .ammenu-item > .ammenu-link .ammenu-text-block,
    .ammenu-nav-sections.-sidebar .ammenu-items.-root > .ammenu-item > .ammenu-button .ammenu-text-block {
        width: auto !important;
        min-width: 0 !important;
        color: inherit !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    .ammenu-nav-sections.-sidebar .ammenu-items.-root > .ammenu-item:hover > .ammenu-link,
    .ammenu-nav-sections.-sidebar .ammenu-items.-root > .ammenu-item.-active > .ammenu-link {
        color: var(--pg-gold-deep) !important;
        background: var(--pg-ivory-soft) !important;
    }
}

/* --------------------------------------------------------------------------
   3) FOOTER V1.3 — CONTRAST + EDGE CONSISTENCY
   -------------------------------------------------------------------------- */
body .page-wrapper .page-footer,
body .page-wrapper .page-footer .footer-container.footer2,
body .page-wrapper .page-footer .footer-container.footer2 > .top-footer,
body .page-wrapper .page-footer .footer-container.footer2 > .middle-footer,
body .page-wrapper .page-footer .footer-container.footer2 > .bottom-footer {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #efe5da !important;
    background-color: #efe5da !important;
    background-image: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Hard contrast reset because legacy CMS/theme rules still supply very light
   text colors with !important in places. */
body .page-wrapper .page-footer .footer-container.footer2,
body .page-wrapper .page-footer .footer-container.footer2 div,
body .page-wrapper .page-footer .footer-container.footer2 p,
body .page-wrapper .page-footer .footer-container.footer2 li,
body .page-wrapper .page-footer .footer-container.footer2 address,
body .page-wrapper .page-footer .footer-container.footer2 span,
body .page-wrapper .page-footer .footer-container.footer2 small {
    color: #51443b !important;
}

body .page-wrapper .page-footer .footer-container.footer2 h1,
body .page-wrapper .page-footer .footer-container.footer2 h2,
body .page-wrapper .page-footer .footer-container.footer2 h3,
body .page-wrapper .page-footer .footer-container.footer2 h4,
body .page-wrapper .page-footer .footer-container.footer2 h5,
body .page-wrapper .page-footer .footer-container.footer2 h6,
body .page-wrapper .page-footer .footer-container.footer2 strong,
body .page-wrapper .page-footer .footer-container.footer2 .title,
body .page-wrapper .page-footer .footer-container.footer2 .footer-title {
    color: #241d18 !important;
}

body .page-wrapper .page-footer .footer-container.footer2 a {
    color: #3f342d !important;
}

body .page-wrapper .page-footer .footer-container.footer2 a:hover,
body .page-wrapper .page-footer .footer-container.footer2 a:focus {
    color: var(--pg-gold-deep) !important;
}

body .page-wrapper .page-footer .footer-container.footer2 .middle-footer {
    border-top: 1px solid rgba(152,112,58,.14) !important;
}

body .page-wrapper .page-footer .footer-container.footer2 .bottom-footer {
    border-top: 1px solid rgba(152,112,58,.20) !important;
}

body .page-wrapper .page-footer .footer-container.footer2 .bottom-footer address,
body .page-wrapper .page-footer .footer-container.footer2 .copyright,
body .page-wrapper .page-footer .footer-container.footer2 .copyright * {
    color: #76685e !important;
}

/* Keep champagne accents readable on the warmer footer. */
body .page-wrapper .page-footer .footer-container.footer2 button,
body .page-wrapper .page-footer .footer-container.footer2 .button,
body .page-wrapper .page-footer .footer-container.footer2 .btn,
body .page-wrapper .page-footer .footer-container.footer2 a.action.primary,
body .page-wrapper .page-footer .footer-container.footer2 .action.primary {
    color: #241d18 !important;
    background: var(--pg-gold) !important;
    border-color: var(--pg-gold) !important;
}

/* Remove visible white seams at full-width footer edges. */
body .page-wrapper .page-footer:before,
body .page-wrapper .page-footer:after,
body .page-wrapper .page-footer .footer-container.footer2:before,
body .page-wrapper .page-footer .footer-container.footer2:after {
    background: #efe5da !important;
    border-color: #efe5da !important;
}

/* ==========================================================================
   PUSHNINGOLD HEADER V1.4 + FOOTER V1.4
   Two root-cause fixes only:
   1) Amasty's own -sticky mode detaches the menu and fixes it at top:0,
      underneath our already-sticky header top row. Keep the Amasty menu
      inside the sticky Pushningold header instead.
   2) Legacy/CMS footer color rules still win on nested text. Apply one
      explicit readable dark text system to the entire live footer2 subtree.
   ========================================================================== */

/* --------------------------------------------------------------------------
   DESKTOP STICKY — ONE owner only
   page-header stays sticky; Amasty may set .-sticky for its own state but
   its inner menu must NOT become an independent fixed layer.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) {
    body header.page-header .header-area.pushningold-header-v1
    .ammenu-nav-sections.-topmenu.-sticky {
        position: relative !important;
        min-height: 44px !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: auto !important;
    }

    body header.page-header .header-area.pushningold-header-v1
    .ammenu-nav-sections.-topmenu.-sticky .ammenu-main-container {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: auto !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body header.page-header .header-area.pushningold-header-v1
    .ammenu-nav-sections.-topmenu.-sticky .ammenu-items.-root {
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: stretch !important;
    }

    body header.page-header .header-area.pushningold-header-v1
    .ammenu-nav-sections.-topmenu.-sticky
    .ammenu-items.-root > .ammenu-item > .ammenu-link {
        min-height: 44px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* --------------------------------------------------------------------------
   FOOTER V1.4 — readable warm-dark typography
   Universal nested reset is deliberate: the current CMS blocks contain
   legacy light text declarations. Re-apply semantic colors afterwards.
   -------------------------------------------------------------------------- */
body .footer-container.footer2,
body .footer-container.footer2 * {
    color: #51443b !important;
}

body .footer-container.footer2 h1,
body .footer-container.footer2 h2,
body .footer-container.footer2 h3,
body .footer-container.footer2 h4,
body .footer-container.footer2 h5,
body .footer-container.footer2 h6,
body .footer-container.footer2 .title,
body .footer-container.footer2 .footer-title,
body .footer-container.footer2 strong,
body .footer-container.footer2 b {
    color: #241d18 !important;
}

body .footer-container.footer2 a {
    color: #44372f !important;
}

body .footer-container.footer2 a:hover,
body .footer-container.footer2 a:focus {
    color: #98703a !important;
}

body .footer-container.footer2 address,
body .footer-container.footer2 p,
body .footer-container.footer2 li,
body .footer-container.footer2 span,
body .footer-container.footer2 small {
    color: #62544a !important;
}

/* Champagne accents remain intentional and readable. */
body .footer-container.footer2 .action,
body .footer-container.footer2 .button,
body .footer-container.footer2 .btn,
body .footer-container.footer2 button,
body .footer-container.footer2 [class*="social"] a,
body .footer-container.footer2 .bottom-footer .menu a {
    color: #7f5d2d !important;
}

body .footer-container.footer2 .action.primary,
body .footer-container.footer2 a.action.primary,
body .footer-container.footer2 button.action.primary {
    color: #241d18 !important;
}

/* Legal/copyright copy should be muted but never washed out. */
body .footer-container.footer2 .copyright,
body .footer-container.footer2 .copyright *,
body .footer-container.footer2 .bottom-footer address,
body .footer-container.footer2 .bottom-footer address * {
    color: #76685e !important;
}

/* ==========================================================================
   PUSHNINGOLD HEADER V1.5 + FOOTER V1.5
   FINAL COLOR HARMONIZATION
   - Header and footer now use the exact same Ivory base: #fbf7f1
   - Footer typography is force-reset to readable Espresso / Ink
   - Legacy opacity / text-fill effects are neutralized on text elements
   ========================================================================== */

:root {
    --pg-brand-surface: #fbf7f1;
    --pg-brand-surface-soft: #f5eee6;
    --pg-brand-ink: #2a211c;
    --pg-brand-muted: #62544a;
    --pg-brand-heading: #241d18;
    --pg-brand-gold: #bd9656;
    --pg-brand-gold-deep: #98703a;
}

/* --------------------------------------------------------------------------
   1) ONE SURFACE COLOR FOR HEADER + FOOTER
   -------------------------------------------------------------------------- */
html body header.page-header,
html body header.page-header .header-area.pushningold-header-v1,
html body header.page-header .pg-luxe-header,
html body header.page-header .pg-luxe-header__top,
html body header.page-header .pg-luxe-header__nav,
html body .page-wrapper .page-footer,
html body .page-wrapper .page-footer .footer-container.footer2,
html body .page-wrapper .page-footer .footer-container.footer2 > .top-footer,
html body .page-wrapper .page-footer .footer-container.footer2 > .middle-footer,
html body .page-wrapper .page-footer .footer-container.footer2 > .bottom-footer {
    background: var(--pg-brand-surface) !important;
    background-color: var(--pg-brand-surface) !important;
    background-image: none !important;
}

/* Slightly softer separators instead of visibly different blocks. */
html body header.page-header,
html body .page-wrapper .page-footer {
    border-color: #e7dbcf !important;
}

html body .page-wrapper .page-footer .footer-container.footer2 .middle-footer,
html body .page-wrapper .page-footer .footer-container.footer2 .bottom-footer {
    border-color: rgba(152, 112, 58, .16) !important;
}

/* --------------------------------------------------------------------------
   2) FOOTER TEXT: HARD READABILITY RESET
   The live CMS blocks still carry legacy light-color/opacity rules.
   Reset only actual text-bearing elements, not images/icons/layout wrappers.
   -------------------------------------------------------------------------- */
html body .page-wrapper .page-footer .footer-container.footer2 p,
html body .page-wrapper .page-footer .footer-container.footer2 li,
html body .page-wrapper .page-footer .footer-container.footer2 address,
html body .page-wrapper .page-footer .footer-container.footer2 span,
html body .page-wrapper .page-footer .footer-container.footer2 small,
html body .page-wrapper .page-footer .footer-container.footer2 label,
html body .page-wrapper .page-footer .footer-container.footer2 .text,
html body .page-wrapper .page-footer .footer-container.footer2 .description {
    color: var(--pg-brand-muted) !important;
    -webkit-text-fill-color: var(--pg-brand-muted) !important;
    opacity: 1 !important;
    filter: none !important;
}

html body .page-wrapper .page-footer .footer-container.footer2 h1,
html body .page-wrapper .page-footer .footer-container.footer2 h2,
html body .page-wrapper .page-footer .footer-container.footer2 h3,
html body .page-wrapper .page-footer .footer-container.footer2 h4,
html body .page-wrapper .page-footer .footer-container.footer2 h5,
html body .page-wrapper .page-footer .footer-container.footer2 h6,
html body .page-wrapper .page-footer .footer-container.footer2 .title,
html body .page-wrapper .page-footer .footer-container.footer2 .footer-title,
html body .page-wrapper .page-footer .footer-container.footer2 strong,
html body .page-wrapper .page-footer .footer-container.footer2 b {
    color: var(--pg-brand-heading) !important;
    -webkit-text-fill-color: var(--pg-brand-heading) !important;
    opacity: 1 !important;
    filter: none !important;
}

html body .page-wrapper .page-footer .footer-container.footer2 a,
html body .page-wrapper .page-footer .footer-container.footer2 a span,
html body .page-wrapper .page-footer .footer-container.footer2 li a,
html body .page-wrapper .page-footer .footer-container.footer2 li a span {
    color: var(--pg-brand-ink) !important;
    -webkit-text-fill-color: var(--pg-brand-ink) !important;
    opacity: 1 !important;
    filter: none !important;
}

html body .page-wrapper .page-footer .footer-container.footer2 a:hover,
html body .page-wrapper .page-footer .footer-container.footer2 a:focus,
html body .page-wrapper .page-footer .footer-container.footer2 a:hover span,
html body .page-wrapper .page-footer .footer-container.footer2 a:focus span {
    color: var(--pg-brand-gold-deep) !important;
    -webkit-text-fill-color: var(--pg-brand-gold-deep) !important;
}

/* Contact/intro text: intentionally a touch darker than ordinary muted copy. */
html body .page-wrapper .page-footer .footer-container.footer2 .middle-footer p,
html body .page-wrapper .page-footer .footer-container.footer2 .middle-footer address,
html body .page-wrapper .page-footer .footer-container.footer2 .middle-footer li {
    color: #51443b !important;
    -webkit-text-fill-color: #51443b !important;
}

/* Copyright/legal line remains secondary, but readable. */
html body .page-wrapper .page-footer .footer-container.footer2 .copyright,
html body .page-wrapper .page-footer .footer-container.footer2 .copyright *,
html body .page-wrapper .page-footer .footer-container.footer2 .bottom-footer address,
html body .page-wrapper .page-footer .footer-container.footer2 .bottom-footer address * {
    color: #76685e !important;
    -webkit-text-fill-color: #76685e !important;
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   3) GOLD ACCENTS CONSISTENT WITH HEADER
   -------------------------------------------------------------------------- */
html body .page-wrapper .page-footer .footer-container.footer2 h2:after,
html body .page-wrapper .page-footer .footer-container.footer2 h3:after,
html body .page-wrapper .page-footer .footer-container.footer2 h4:after,
html body .page-wrapper .page-footer .footer-container.footer2 h5:after,
html body .page-wrapper .page-footer .footer-container.footer2 .title:after,
html body .page-wrapper .page-footer .footer-container.footer2 .footer-title:after {
    background: var(--pg-brand-gold) !important;
}

html body .page-wrapper .page-footer .footer-container.footer2 button,
html body .page-wrapper .page-footer .footer-container.footer2 .button,
html body .page-wrapper .page-footer .footer-container.footer2 .btn,
html body .page-wrapper .page-footer .footer-container.footer2 a.action.primary,
html body .page-wrapper .page-footer .footer-container.footer2 .action.primary {
    background: transparent !important;
    border-color: var(--pg-brand-gold) !important;
    color: var(--pg-brand-gold-deep) !important;
    -webkit-text-fill-color: var(--pg-brand-gold-deep) !important;
}

html body .page-wrapper .page-footer .footer-container.footer2 button:hover,
html body .page-wrapper .page-footer .footer-container.footer2 .button:hover,
html body .page-wrapper .page-footer .footer-container.footer2 .btn:hover,
html body .page-wrapper .page-footer .footer-container.footer2 a.action.primary:hover,
html body .page-wrapper .page-footer .footer-container.footer2 .action.primary:hover {
    background: var(--pg-brand-gold) !important;
    color: var(--pg-brand-heading) !important;
    -webkit-text-fill-color: var(--pg-brand-heading) !important;
}

/* No edge seams or accidental darker footer strips. */
html body .page-wrapper .page-footer:before,
html body .page-wrapper .page-footer:after,
html body .page-wrapper .page-footer .footer-container.footer2:before,
html body .page-wrapper .page-footer .footer-container.footer2:after {
    background: var(--pg-brand-surface) !important;
    border-color: var(--pg-brand-surface) !important;
}

/* ==========================================================================
   PUSHNINGOLD FOOTER V1.8 — ACTUAL LIVE DOM FIX
   Chrome DevTools proof:
   - the visible footer is .push-footer inside footer.page-footer.push-de-footer-ready
   - its winning rule is .push-footer a / p / address -> var(--push-text) !important
   - --push-text currently computes to rgb(210,210,210)
   Earlier footer2 selectors therefore targeted the pre-transform Magento footer,
   not the final client-side footer visible to the customer.
   ========================================================================== */

/* Override the REAL custom-footer variables at the actual live DOM owner. */
html body footer.page-footer.push-de-footer-ready .push-footer {
    --push-text: #493d35 !important;
    --push-white: #211a16 !important;
    --push-muted: #65574d !important;
    --push-gold: #bd9656 !important;

    color: #493d35 !important;
    background: #fbf7f1 !important;
    background-color: #fbf7f1 !important;
}

/* Exact same base surface as the Pushningold header. */
html body footer.page-footer.push-de-footer-ready,
html body footer.page-footer.push-de-footer-ready .push-footer,
html body footer.page-footer.push-de-footer-ready .push-footer-main,
html body footer.page-footer.push-de-footer-ready .push-footer-seo {
    background: #fbf7f1 !important;
    background-color: #fbf7f1 !important;
    background-image: none !important;
}

/* Main footer copy and navigation — this selector deliberately outranks
   the live .push-footer a / p / address !important rule seen in DevTools. */
html body footer.page-footer.push-de-footer-ready .push-footer p,
html body footer.page-footer.push-de-footer-ready .push-footer address,
html body footer.page-footer.push-de-footer-ready .push-footer li,
html body footer.page-footer.push-de-footer-ready .push-footer li a,
html body footer.page-footer.push-de-footer-ready .push-footer nav a,
html body footer.page-footer.push-de-footer-ready .push-footer-column a,
html body footer.page-footer.push-de-footer-ready .push-footer-brand a {
    color: #493d35 !important;
    -webkit-text-fill-color: #493d35 !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}

/* Section headings and trust/service titles. */
html body footer.page-footer.push-de-footer-ready .push-footer h1,
html body footer.page-footer.push-de-footer-ready .push-footer h2,
html body footer.page-footer.push-de-footer-ready .push-footer h3,
html body footer.page-footer.push-de-footer-ready .push-footer h4,
html body footer.page-footer.push-de-footer-ready .push-footer h5,
html body footer.page-footer.push-de-footer-ready .push-footer h6,
html body footer.page-footer.push-de-footer-ready .push-footer strong,
html body footer.page-footer.push-de-footer-ready .push-footer b,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="title"] {
    color: #211a16 !important;
    -webkit-text-fill-color: #211a16 !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}

/* Secondary/legal copy stays softer, but no longer pale. */
html body footer.page-footer.push-de-footer-ready .push-footer [class*="muted"],
html body footer.page-footer.push-de-footer-ready .push-footer [class*="legal"],
html body footer.page-footer.push-de-footer-ready .push-footer [class*="copyright"] {
    color: #65574d !important;
    -webkit-text-fill-color: #65574d !important;
    opacity: 1 !important;
}

/* Links get a restrained gold hover; normal state remains readable ink. */
html body footer.page-footer.push-de-footer-ready .push-footer a:hover,
html body footer.page-footer.push-de-footer-ready .push-footer a:focus {
    color: #98703a !important;
    -webkit-text-fill-color: #98703a !important;
}

/* Preserve gold as the accent for symbols / decorative markers. */
html body footer.page-footer.push-de-footer-ready .push-footer [class*="icon"],
html body footer.page-footer.push-de-footer-ready .push-footer [class*="accent"] {
    color: #98703a !important;
    -webkit-text-fill-color: #98703a !important;
}

/* ==========================================================================
   PUSHNINGOLD FOOTER V1.9 — PREMIUM READABILITY
   Built against the REAL live client-side footer:
   footer.page-footer.push-de-footer-ready > .push-footer

   Goals:
   - noticeably stronger readability without looking harsh
   - calm premium jewelry-shop hierarchy
   - exact visual compatibility with the current Ivory/Champagne header
   - no structural footer rewrite, no CMS-content changes
   ========================================================================== */

:root {
    --pg-footer-surface: #fbf7f1;
    --pg-footer-surface-soft: #f7f1e9;
    --pg-footer-ink: #211a16;
    --pg-footer-text: #3b312b;
    --pg-footer-muted: #5f5148;
    --pg-footer-subtle: #75665b;
    --pg-footer-gold: #b98a38;
    --pg-footer-gold-deep: #8d642d;
    --pg-footer-line: #e2d4c3;
}

/* --------------------------------------------------------------------------
   1) BASE SURFACE + LIVE FOOTER VARIABLES
   -------------------------------------------------------------------------- */
html body footer.page-footer.push-de-footer-ready .push-footer {
    --push-text: var(--pg-footer-text) !important;
    --push-white: var(--pg-footer-ink) !important;
    --push-muted: var(--pg-footer-muted) !important;
    --push-gold: var(--pg-footer-gold) !important;

    color: var(--pg-footer-text) !important;
    background: var(--pg-footer-surface) !important;
    background-color: var(--pg-footer-surface) !important;
}

html body footer.page-footer.push-de-footer-ready,
html body footer.page-footer.push-de-footer-ready .push-footer,
html body footer.page-footer.push-de-footer-ready .push-footer-main,
html body footer.page-footer.push-de-footer-ready .push-footer-seo {
    background: var(--pg-footer-surface) !important;
    background-color: var(--pg-footer-surface) !important;
    background-image: none !important;
}

/* Clear, elegant divider between page content and footer. */
html body footer.page-footer.push-de-footer-ready .push-footer-main {
    border-top: 1px solid var(--pg-footer-line) !important;
}

/* --------------------------------------------------------------------------
   2) TYPOGRAPHY HIERARCHY
   -------------------------------------------------------------------------- */

/* Normal copy: deliberately darker than V1.8. */
html body footer.page-footer.push-de-footer-ready .push-footer p,
html body footer.page-footer.push-de-footer-ready .push-footer address,
html body footer.page-footer.push-de-footer-ready .push-footer li,
html body footer.page-footer.push-de-footer-ready .push-footer .push-footer-brand p {
    color: var(--pg-footer-text) !important;
    -webkit-text-fill-color: var(--pg-footer-text) !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
    font-weight: 450 !important;
    line-height: 1.62 !important;
}

/* Links are full-contrast ink, not pale gray. */
html body footer.page-footer.push-de-footer-ready .push-footer a,
html body footer.page-footer.push-de-footer-ready .push-footer a span,
html body footer.page-footer.push-de-footer-ready .push-footer li a,
html body footer.page-footer.push-de-footer-ready .push-footer nav a,
html body footer.page-footer.push-de-footer-ready .push-footer-column a {
    color: var(--pg-footer-ink) !important;
    -webkit-text-fill-color: var(--pg-footer-ink) !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
    font-weight: 500 !important;
}

/* Category/service links get comfortable vertical rhythm. */
html body footer.page-footer.push-de-footer-ready .push-footer nav li,
html body footer.page-footer.push-de-footer-ready .push-footer .push-footer-column li {
    margin-bottom: 10px !important;
}

/* Headings: crisp but not oversized. */
html body footer.page-footer.push-de-footer-ready .push-footer h1,
html body footer.page-footer.push-de-footer-ready .push-footer h2,
html body footer.page-footer.push-de-footer-ready .push-footer h3,
html body footer.page-footer.push-de-footer-ready .push-footer h4,
html body footer.page-footer.push-de-footer-ready .push-footer h5,
html body footer.page-footer.push-de-footer-ready .push-footer h6,
html body footer.page-footer.push-de-footer-ready .push-footer strong,
html body footer.page-footer.push-de-footer-ready .push-footer b,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="title"] {
    color: var(--pg-footer-ink) !important;
    -webkit-text-fill-color: var(--pg-footer-ink) !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
}

/* Section headings such as KATEGORIEN / INFORMATION / SERVICE & HILFE. */
html body footer.page-footer.push-de-footer-ready .push-footer-column > h3,
html body footer.page-footer.push-de-footer-ready .push-footer-column > h4,
html body footer.page-footer.push-de-footer-ready .push-footer-column > h5,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="footer-title"] {
    margin-bottom: 18px !important;
    color: var(--pg-footer-ink) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
}

/* Champagne underline. */
html body footer.page-footer.push-de-footer-ready .push-footer-column > h3::after,
html body footer.page-footer.push-de-footer-ready .push-footer-column > h4::after,
html body footer.page-footer.push-de-footer-ready .push-footer-column > h5::after,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="footer-title"]::after {
    content: '' !important;
    display: block !important;
    width: 28px !important;
    height: 1px !important;
    margin-top: 10px !important;
    background: var(--pg-footer-gold) !important;
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   3) SEO INTRO / LEGAL / SHIPPING SMALL PRINT
   These were still the hardest text areas to read in live QA.
   -------------------------------------------------------------------------- */
html body footer.page-footer.push-de-footer-ready .push-footer-seo,
html body footer.page-footer.push-de-footer-ready .push-footer-seo p,
html body footer.page-footer.push-de-footer-ready .push-footer-seo span,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="legal"],
html body footer.page-footer.push-de-footer-ready .push-footer [class*="notice"],
html body footer.page-footer.push-de-footer-ready .push-footer [class*="shipping"] {
    color: var(--pg-footer-muted) !important;
    -webkit-text-fill-color: var(--pg-footer-muted) !important;
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none !important;
    font-weight: 450 !important;
}

/* Links inside the small-print area stay clearly visible. */
html body footer.page-footer.push-de-footer-ready .push-footer-seo a,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="legal"] a,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="notice"] a,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="shipping"] a {
    color: var(--pg-footer-gold-deep) !important;
    -webkit-text-fill-color: var(--pg-footer-gold-deep) !important;
    font-weight: 600 !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
}

/* Copyright can be secondary but must still meet comfortable readability. */
html body footer.page-footer.push-de-footer-ready .push-footer [class*="copyright"],
html body footer.page-footer.push-de-footer-ready .push-footer [class*="copyright"] *,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="bottom"] address,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="bottom"] address * {
    color: var(--pg-footer-subtle) !important;
    -webkit-text-fill-color: var(--pg-footer-subtle) !important;
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   4) BUTTONS / SOCIAL / SERVICE STRIP
   -------------------------------------------------------------------------- */
html body footer.page-footer.push-de-footer-ready .push-footer button,
html body footer.page-footer.push-de-footer-ready .push-footer .button,
html body footer.page-footer.push-de-footer-ready .push-footer .btn,
html body footer.page-footer.push-de-footer-ready .push-footer a.action,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="social"] a {
    color: var(--pg-footer-ink) !important;
    -webkit-text-fill-color: var(--pg-footer-ink) !important;
    background: transparent !important;
    border-color: var(--pg-footer-gold) !important;
    font-weight: 650 !important;
    letter-spacing: .04em !important;
}

html body footer.page-footer.push-de-footer-ready .push-footer button:hover,
html body footer.page-footer.push-de-footer-ready .push-footer .button:hover,
html body footer.page-footer.push-de-footer-ready .push-footer .btn:hover,
html body footer.page-footer.push-de-footer-ready .push-footer a.action:hover,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="social"] a:hover {
    color: var(--pg-footer-ink) !important;
    -webkit-text-fill-color: var(--pg-footer-ink) !important;
    background: var(--pg-footer-surface-soft) !important;
    border-color: var(--pg-footer-gold-deep) !important;
}

/* Trust/service labels at the bottom: label strong, description readable. */
html body footer.page-footer.push-de-footer-ready .push-footer [class*="service"] strong,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="usp"] strong,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="feature"] strong {
    color: var(--pg-footer-ink) !important;
    -webkit-text-fill-color: var(--pg-footer-ink) !important;
    font-weight: 700 !important;
}

html body footer.page-footer.push-de-footer-ready .push-footer [class*="service"] p,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="usp"] p,
html body footer.page-footer.push-de-footer-ready .push-footer [class*="feature"] p {
    color: var(--pg-footer-muted) !important;
    -webkit-text-fill-color: var(--pg-footer-muted) !important;
    font-weight: 450 !important;
}

/* --------------------------------------------------------------------------
   5) INTERACTION
   -------------------------------------------------------------------------- */
html body footer.page-footer.push-de-footer-ready .push-footer a {
    transition: color .18s ease, border-color .18s ease, background-color .18s ease !important;
}

html body footer.page-footer.push-de-footer-ready .push-footer a:hover,
html body footer.page-footer.push-de-footer-ready .push-footer a:focus-visible {
    color: var(--pg-footer-gold-deep) !important;
    -webkit-text-fill-color: var(--pg-footer-gold-deep) !important;
}

/* --------------------------------------------------------------------------
   6) MOBILE
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    html body footer.page-footer.push-de-footer-ready .push-footer {
        font-size: 14px !important;
    }

    html body footer.page-footer.push-de-footer-ready .push-footer p,
    html body footer.page-footer.push-de-footer-ready .push-footer address,
    html body footer.page-footer.push-de-footer-ready .push-footer li,
    html body footer.page-footer.push-de-footer-ready .push-footer a {
        line-height: 1.65 !important;
    }

    html body footer.page-footer.push-de-footer-ready .push-footer-column > h3,
    html body footer.page-footer.push-de-footer-ready .push-footer-column > h4,
    html body footer.page-footer.push-de-footer-ready .push-footer-column > h5 {
        margin-top: 6px !important;
        margin-bottom: 14px !important;
    }
}

/* PUSHNINGOLD FOOTER V1.10 — FINAL POLISH */

:root {
    --pg-footer-surface: #fbf7f1;
    --pg-footer-surface-soft: #f7f1e9;
    --pg-footer-ink: #211a16;
    --pg-footer-text: #3b312b;
    --pg-footer-muted: #574a42;
    --pg-footer-subtle: #6b5d53;
    --pg-footer-gold: #b98a38;
    --pg-footer-gold-deep: #8d642d;
    --pg-footer-line: #e2d4c3;
}

html body footer.page-footer.push-de-footer-ready .push-footer-main {
    padding-top: 30px !important;
    padding-bottom: 18px !important;
}

html body footer.page-footer.push-de-footer-ready .push-footer-actions {
    margin-top: 24px !important;
    margin-bottom: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 12px !important;
}

html body footer.page-footer.push-de-footer-ready .push-bottom-area {
    margin-top: 18px !important;
    padding-top: 20px !important;
    padding-bottom: 16px !important;
    border-top: 1px solid var(--pg-footer-line) !important;
}

html body footer.page-footer.push-de-footer-ready .push-service {
    margin-top: 8px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    border-top: 1px solid var(--pg-footer-line) !important;
    border-bottom: 1px solid var(--pg-footer-line) !important;
}

html body footer.page-footer.push-de-footer-ready .push-copy {
    margin-top: 0 !important;
    padding-top: 17px !important;
    padding-bottom: 20px !important;
}

html body footer.page-footer.push-de-footer-ready .push-bottom-area,
html body footer.page-footer.push-de-footer-ready .push-bottom-area p,
html body footer.page-footer.push-de-footer-ready .push-bottom-area span,
html body footer.page-footer.push-de-footer-ready .push-bottom-area small {
    color: var(--pg-footer-muted) !important;
    -webkit-text-fill-color: var(--pg-footer-muted) !important;
    opacity: 1 !important;
    filter: none !important;
    font-weight: 450 !important;
    line-height: 1.58 !important;
}

html body footer.page-footer.push-de-footer-ready .push-bottom-area strong,
html body footer.page-footer.push-de-footer-ready .push-bottom-area b {
    color: var(--pg-footer-ink) !important;
    -webkit-text-fill-color: var(--pg-footer-ink) !important;
    font-weight: 700 !important;
}

html body footer.page-footer.push-de-footer-ready .push-bottom-area a {
    color: var(--pg-footer-gold-deep) !important;
    -webkit-text-fill-color: var(--pg-footer-gold-deep) !important;
    font-weight: 650 !important;
    text-underline-offset: 2px !important;
}

html body footer.page-footer.push-de-footer-ready .push-service h1,
html body footer.page-footer.push-de-footer-ready .push-service h2,
html body footer.page-footer.push-de-footer-ready .push-service h3,
html body footer.page-footer.push-de-footer-ready .push-service h4,
html body footer.page-footer.push-de-footer-ready .push-service h5,
html body footer.page-footer.push-de-footer-ready .push-service h6,
html body footer.page-footer.push-de-footer-ready .push-service strong,
html body footer.page-footer.push-de-footer-ready .push-service b {
    color: var(--pg-footer-ink) !important;
    -webkit-text-fill-color: var(--pg-footer-ink) !important;
    font-weight: 700 !important;
}

html body footer.page-footer.push-de-footer-ready .push-service p,
html body footer.page-footer.push-de-footer-ready .push-service span,
html body footer.page-footer.push-de-footer-ready .push-service small {
    color: var(--pg-footer-muted) !important;
    -webkit-text-fill-color: var(--pg-footer-muted) !important;
    opacity: 1 !important;
    font-weight: 450 !important;
    line-height: 1.5 !important;
}

/* Händlerbund: remove dark tile and blend it into the footer */
html body footer.page-footer.push-de-footer-ready .push-footer .push-handler,
html body footer.page-footer.push-de-footer-ready .push-footer .push-handler a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 170px !important;
    margin-top: 14px !important;
    padding: 7px 9px !important;
    background: var(--pg-footer-surface) !important;
    background-color: var(--pg-footer-surface) !important;
    background-image: none !important;
    border: 1px solid var(--pg-footer-line) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}

html body footer.page-footer.push-de-footer-ready .push-footer .push-handler img {
    display: block !important;
    width: auto !important;
    max-width: 135px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

html body footer.page-footer.push-de-footer-ready .push-footer-actions a,
html body footer.page-footer.push-de-footer-ready .push-footer-actions button {
    min-height: 34px !important;
    padding: 8px 14px !important;
    color: var(--pg-footer-ink) !important;
    -webkit-text-fill-color: var(--pg-footer-ink) !important;
    background: transparent !important;
    border: 1px solid var(--pg-footer-gold) !important;
    border-radius: 0 !important;
    font-weight: 650 !important;
    letter-spacing: .04em !important;
}

html body footer.page-footer.push-de-footer-ready .push-footer-actions a:hover,
html body footer.page-footer.push-de-footer-ready .push-footer-actions button:hover {
    background: var(--pg-footer-surface-soft) !important;
    border-color: var(--pg-footer-gold-deep) !important;
}

html body footer.page-footer.push-de-footer-ready .push-copy,
html body footer.page-footer.push-de-footer-ready .push-copy p,
html body footer.page-footer.push-de-footer-ready .push-copy span,
html body footer.page-footer.push-de-footer-ready .push-copy small {
    color: var(--pg-footer-subtle) !important;
    -webkit-text-fill-color: var(--pg-footer-subtle) !important;
    opacity: 1 !important;
    font-weight: 450 !important;
}

@media (max-width: 767px) {
    html body footer.page-footer.push-de-footer-ready .push-footer-main {
        padding-top: 26px !important;
        padding-bottom: 14px !important;
    }

    html body footer.page-footer.push-de-footer-ready .push-footer-actions {
        margin-top: 18px !important;
        padding-top: 12px !important;
        padding-bottom: 8px !important;
    }

    html body footer.page-footer.push-de-footer-ready .push-bottom-area {
        margin-top: 14px !important;
        padding-top: 18px !important;
        padding-bottom: 14px !important;
    }

    html body footer.page-footer.push-de-footer-ready .push-service {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    html body footer.page-footer.push-de-footer-ready .push-footer .push-handler,
    html body footer.page-footer.push-de-footer-ready .push-footer .push-handler a {
        max-width: 155px !important;
    }

    html body footer.page-footer.push-de-footer-ready .push-footer .push-handler img {
        max-width: 125px !important;
    }
}

/* ==========================================================================
   PUSHNINGOLD FOOTER V1.11 — HÄNDLERBUND BACKGROUND FIX
   Root cause:
   - REAL live class is .push-haendler (not .push-handler)
   - theme CSS sets .push-haendler img { background: var(--push-white) !important; }
   - our premium footer redefined --push-white to dark Espresso (#211a16)
   - result: dark tile behind the otherwise light/transparent Händlerbund logo
   ========================================================================== */

html body footer.page-footer.push-de-footer-ready .push-footer .push-haendler,
html body footer.page-footer.push-de-footer-ready .push-footer .push-haendler a,
html body footer.page-footer.push-de-footer-ready .push-footer .push-haendler img {
    background: #fbf7f1 !important;
    background-color: #fbf7f1 !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    opacity: 1 !important;
}

html body footer.page-footer.push-de-footer-ready .push-footer .push-haendler {
    display: inline-block !important;
    margin-top: 16px !important;
    padding: 0 !important;
    border: 0 !important;
}

html body footer.page-footer.push-de-footer-ready .push-footer .push-haendler a {
    display: inline-block !important;
    padding: 0 !important;
    border: 0 !important;
}

html body footer.page-footer.push-de-footer-ready .push-footer .push-haendler img {
    display: block !important;
    width: 120px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

/* PUSHNINGOLD SIDEBAR COMPATIBILITY VISIBILITY HOTFIX */
.pushningold-sidebar-compat {
    display: none !important;
}