:root {
    --pc-cream: #f3eee1;
    --pc-forest: #23402f;
    --pc-gold: #c6a152;
    --pc-gold-soft: #d9c089;
    --pc-line-soft: #e8e0cf;
    --cream: #F3EEE1;
    --cream-2: #EDE6D5;
    --paper: #FBF9F3;
    --forest: #23402F;
    --forest-2: #2C4A37;
    --forest-deep: #1A3024;
    --sage: #6E8A6E;
    --tan: #C2AE8B;
    --tan-deep: #A98F68;
    --blue: #1FA3DE;
    --gold: #C6A152;
    --gold-soft: #D9C089;
    --ink: #2B2B26;
    --ink-soft: #5E5E54;
    --line: #DED4C0;
    --line-soft: #E8E0CF;
}


.pc-tabbar {
    max-width: 1200px;
    margin: 35px auto 0;
    padding: 0 20px;
}

.pc-tabbar__inner {
    display: flex;
    gap: 8px;
    background: #fff;
    border: 1px solid #e8dfd3;
    border-radius: 0px;
    padding: 6px;
    flex-wrap: wrap;
}

.pc-tab {
    flex: 1;
    min-width: 160px;
    text-align: center;
    padding: 10px 18px;
    border-radius: 0px;
    font: 600 13px/1.2 "Beausite Classic 600", "Open Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #5e5e54;
    text-decoration: none;
    transition: all .2s ease;
}

.pc-tab:hover {
    background: #f3eee1;
    color: #23402f;
}

.pc-tab.is-active {
    background: #23402f;
    color: #f6efda;
}

@media (max-width: 680px) {
    .pc-tabbar {
        padding: 0px;
    }

    .pc-tabbar__inner {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 8px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        /* Firefox */
    }

    .pc-tabbar__inner::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari */
    }

    .pc-tab {
        flex: 0 0 auto;
        min-width: max-content;
        white-space: nowrap;
    }
}


body .post-content .pc-dashboard .fusion-title-heading,
body .post-content .pc-intro .fusion-title-heading {
    font-family: "Quincy CF Normal Style", "Playfair Display", serif;
    font-weight: 400;
}





.mintro {
    background: var(--pc-forest);
}

.mintro .fusion-builder-row,
.mintro .fusion-builder-row-inner {
    align-items: center;
}

.strip-label p {
    color: var(--pc-gold-soft);
    letter-spacing: 0.22em;
}

.strip-crumbs p {
    color: rgba(243, 238, 225, 0.72);
}

.dash {
    background: radial-gradient(120% 130% at 88% -10%, #2f5740 0%, #244334 45%, #1b3024 100%);
    color: #efe7d2;
}

/* .pc-dashboard .fusion-title-heading,
.pc-dashboard .fusion-text,
.pc-dashboard .fusion-text p {
    color: inherit;
} */

.pc-dashboard-shell>.fusion-column-wrapper {
    overflow: hidden;
}

.pc-dashboard-title .fusion-title-heading {
    letter-spacing: -0.01em;
}

.pc-dashboard-kicker p,
.pc-nextgoal-kicker p {
    color: var(--pc-gold-soft);
    letter-spacing: 0.18em;
}

.pc-dash-panel>.fusion-column-wrapper,
.pc-nextgoal-card>.fusion-column-wrapper {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.pc-dash-panel-head {
    align-items: center;
    margin-bottom: 6px;
}

.pc-tierbadge {
    margin-top: -2px;
    transform: scale(0.96);
    transform-origin: right center;
}

.pc-dash-name p {
    font-family: "Playfair Display", serif;
}

.pc-dash-points,
.pc-dash-points p {
    font-family: "Quincy CF Normal Style", 'Playfair Display', serif;
    font-weight: 400;
    font-size: 66px;
    line-height: 1;
    color: #F6EFDA;
    margin: 12px 0 2px;
}

.pc-points-word {
    font-size: 19px;
    color: var(--gold-soft);
}

.pcfb-progress {
    height: 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    overflow: hidden;
}

.pcfb-progress>span {
    display: block;
    height: 100%;
    min-width: 8px;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--pc-gold-soft), var(--pc-gold));
}

.pc-dash-scale .pcfb-roadmap {
    /* display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); */
    gap: 10px;
    align-items: start;
    display: flex;
    justify-content: space-between;
}

.pc-dash-scale .pcfb-tier {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    text-align: center;
    min-width: 0;
}

.pc-dash-scale .pcfb-tier h3,
.pc-dash-scale .pcfb-tier .pcfb-tier-name {
    margin: 0;
    font-size: 12px !important;
    line-height: 1.2;
    color: rgba(239, 231, 210, 0.62);
    font-family: "Beausite Classic", "Work Sans", Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pc-dash-scale .pcfb-tier div {
    display: none;
}

.pc-dash-scale .pcfb-tier.is-current,
.pc-dash-scale .pcfb-tier.is-next {
    border-color: transparent;
}

.pc-dash-scale .pcfb-tier.is-current h3,
.pc-dash-scale .pcfb-tier.is-current .pcfb-tier-name {
    color: var(--pc-gold-soft);
}

.pc-nextgoal-row {
    margin-top: 30px;
}

.pc-nextgoal-grid {
    align-items: center;
}

.pc-nextgoal-icon {
    text-align: center;
}

.pc-goal-icon-circle {
    display: inline-flex;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    background: rgba(216, 190, 130, 0.16);
    color: var(--pc-gold-soft);
    position: relative;
}

.pc-goal-icon-circle::before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1.5px solid var(--pc-gold-soft);
}

.pc-goal-icon-dot {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--pc-gold-soft);
}

.pc-nextgoal-copy p {
    max-width: 610px;
}

.pc-nextgoal-chiprow {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.pc-nextgoal-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(239, 231, 210, 0.2);
    color: #efe7d2;
    font-size: 12px;
    font-weight: 600;
}

.pc-nextgoal-chip::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--pc-gold-soft);
}

.pc-nextgoal-points {
    text-align: right;
    white-space: nowrap;
}

.pc-nextgoal-total {
    font-size: 13px;
    color: rgba(239, 231, 210, 0.6);
}

.pc-nextgoal-progress .pcfb-progress {
    height: 8px;
    background: rgba(255, 255, 255, 0.12);
}

.pc-nextgoal-side {
    padding-left: 8px;
}

.pc-nextgoal-side .fusion-button-wrapper {
    display: flex;
    justify-content: flex-end;
}

.pc-btn-gold .fusion-button,
.pc-btn-out .fusion-button {
    min-width: 0;
}

.pc-nextgoal-btn .fusion-button {
    min-width: 162px;
}

@media (min-width: 769px) {
    .pc-dash-copy {
        padding-right: 18px;
    }

    .pc-dash-panel {
        padding-left: 8px;
    }
}

@media (max-width: 993px) {

    .mintro .fusion-builder-row,
    .dash .fusion-builder-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* .mintro .fusion-layout-column,
    .dash .fusion-layout-column {
        margin-bottom: 16px !important;
    } */

    .pc-dashboard-title .fusion-title-heading {
        font-size: clamp(27px, 5vw + 8px, 31px) !important;
    }

    .pc-dash-panel-head .fusion-layout-column {
        margin-bottom: 0 !important;
    }

    .pc-dash-scale .pcfb-roadmap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 12px;
    }

    .pc-nextgoal-card>.fusion-column-wrapper {
        padding: 22px !important;
    }

    .pc-nextgoal-grid .fusion-layout-column {
        margin-bottom: 12px !important;
    }

    .pc-nextgoal-points {
        text-align: center;
    }

    .pc-nextgoal-chiprow {
        justify-content: center;
    }

    .pc-nextgoal-side .fusion-button-wrapper {
        justify-content: center;
    }
}

@media (max-width: 430px) {

    .pc-dash-points,
    .pc-dash-points p {
        white-space: normal;
    }

    .pc-dash-scale .pcfb-roadmap {
        grid-template-columns: 1fr;
    }

    .pc-nextgoal-chiprow {
        flex-direction: column;
        align-items: stretch;
    }

    .pc-nextgoal-chip {
        justify-content: center;
    }
}

/* ==========================================================================
   Premium Circle dashboard — styling only, no markup changes required
   (targets classes already present in your Fusion Builder code)
   ========================================================================== */

/* ---- Top strip ---- */
.pc-intro .strip-crumbs strong,
.pc-intro .strip-crumbs b {
    color: #f6efda;
}



/* ---- Title: "Willkommen zurück," normal, member name on its own italic line ----
   Works because the shortcode content already has a real line break between
   the two lines — we just tell the browser to respect it and style the
   first rendered line differently from the rest. */
.pc-dashboard-title {
    white-space: pre-line;
    font-style: italic;
}

.pc-dashboard-title:first-line {
    font-style: normal;
}



.pc-dash-name {
    margin-bottom: 4px !important;
}

.pc-tierbadge {
    float: right;
}

.pc-dash-points {
    font-family: "Playfair Display", serif !important;
    font-size: 34px !important;
    line-height: 1.1 !important;
    color: #f6efda !important;
    clear: both;
    margin-top: 18px !important;
}

.pc-dash-cap {
    font-size: 13px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: rgba(239, 231, 210, 0.65) !important;
    margin-top: 4px !important;
    margin-bottom: 10px !important;
}

/* Progress bar track (styles the wrapper; the fill itself is drawn by the
   pcfb_progress_bar shortcode's own markup — inspect its rendered HTML and
   add a rule for its inner "fill" element/class if it needs a color too) */
.pc-dash-progress {
    /* height: 6px; */
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.15);
    overflow: hidden;
    margin-bottom: 10px !important;
}

.pc-dash-scale {
    font-size: 10px !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: rgba(239, 231, 210, 0.6) !important;

}

/* ---- Next goal card ---- */
.pc-nextgoal-row {
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(216, 190, 130, 0.25);
    border-radius: 20px;
    padding: clamp(18px, 4vw, 26px) clamp(18px, 4vw, 30px) !important;
    margin-top: 30px;
}

/* Bullseye icon — targets the <i> Fusion renders inside the icon element */
.pc-nextgoal-icon-col .pc-nextgoal-icon,
.pc-nextgoal-icon-col i {
    background-color: #33513f;
    color: #d9c089;
    border: 1px solid rgba(216, 190, 130, 0.4);
    border-radius: 50%;
    width: 56px !important;
    height: 56px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.pc-nextgoal-copy {
    color: #f6efda !important;
}

/* Reward list — styled as a flowing line since the text isn't split into
   separate elements. For a true "pill" look per item you'd need to add a
   separator/space between items in the text itself (content only, not
   structure) — happy to do that if you want it. */
.pc-nextgoal-chiprow {
    color: #efe7d2 !important;
    font-size: 12px !important;
    line-height: 2 !important;
    letter-spacing: 0.02em;
}

.pc-nextgoal-points {
    font-family: "Playfair Display", serif !important;
    font-size: 22px !important;
    color: #f6efda !important;
}

.pc-nextgoal-progress {
    /* height: 6px; */
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.15);
    overflow: hidden;
    margin-bottom: 14px !important;
}

/* ---- Buttons ---- */
.pc-btn-gold {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

/* ---- Mobile ---- */
@media (max-width: 767px) {

    .pc-dashboard-title,
    .pc-dashboard-title:first-line {
        text-align: center;
    }

    .pc-nextgoal-row {
        text-align: center;
    }

    .pc-nextgoal-icon-col {
        display: flex;
        justify-content: center;
        margin-bottom: 12px;
    }
}

/* 
.dash .fusion-column-has-bg-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 130% at 88% -10%, #2f5740 0%, #244334 45%, #1b3024 100%);
    opacity: 0.85;
    pointer-events: none;
    max-width: 1400px;
    margin: 0 auto;
} */

/* ===== Dashboard Hero background (gradient + masked leaf image) ===== */
.dash {
    position: relative !important;
    overflow: hidden !important;
    background: radial-gradient(120% 130% at 88% -10%, #2f5740 0%, #244334 45%, #1b3024 100%) !important;
}

/* the faded/masked leaf image, replacing the <img class="dashbg"> */
.dash::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url('http://evolution-international.contentmanagement.se/wp-content/uploads/2026/07/blatt-makro-1-200x300.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
    opacity: .14 !important;
    z-index: 0 !important;
    -webkit-mask-image: linear-gradient(95deg, transparent 34%, #000 90%) !important;
    mask-image: linear-gradient(95deg, transparent 34%, #000 90%) !important;
    pointer-events: none !important;
}

/* keep row content above the pseudo-element image */
.dash .fusion-builder-row,
.dash .fusion-row {
    position: relative;
    z-index: 1;
}

/* Desktop */
@media (min-width: 769px) {

    .pc-nextgoal-row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .pc-nextgoal-icon-col {
        --awb-width-large: 10% !important;
        flex: 0 0 10% !important;
        max-width: 10% !important;
    }

    .pc-nextgoal-main {
        --awb-width-large: 60% !important;
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }

    .pc-nextgoal-side {
        --awb-width-large: 28% !important;
        flex: 0 0 28% !important;
        max-width: 28% !important;
    }
}

@media (max-width: 1160px) {
    .pc-nextgoal-row {
        justify-content: center;
    }

    .pc-nextgoal-icon-col {
        max-width: 100% !important;
        height: auto;
        display: flex;
        justify-content: center;
        margin: 0 0 12px;
    }

    .pc-nextgoal-main {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .margin-column-left {
        max-width: 100%;
    }

}


.pc-bib-label p {
    letter-spacing: 0.18em;
    color: #a98f68;
}

.pc-bib-heading .fusion-title-heading {
    color: #23402f;
}

.pc-bib-heading em {
    font-style: italic;
}


.pc-bib-row>.fusion-column-wrapper {
    position: relative;
    overflow: hidden;
    box-shadow: 0 18px 36px -24px rgba(35, 64, 47, 0.45);
}

.pc-bib-grid {
    align-items: center;
}

.pc-bib-cover-wrap {
    position: relative;
}

.pc-bib-cover-shell {
    position: relative;
    width: 100%;
    max-width: 145px;
}

.pc-bib-book {
    position: relative;
    display: block;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 16px 30px -14px rgba(0, 0, 0, 0.55);
}

.pc-bib-book img {
    display: block;
    width: 100%;
    height: auto;
}

.pc-bib-seal {
    position: absolute;
    right: -18px;
    bottom: -12px;
    z-index: 2;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: radial-gradient(circle at 36% 30%, #dccaa1, #c2ac81);
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.32), inset 0 0 0 2px rgba(255, 255, 255, 0.42);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pc-bib-seal span {
    font-family: "Beausite Classic", "Work Sans", Arial, sans-serif;
    font-size: 8px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #473c27;
}



.pc-bib-tag p {
    color: #d9c089;
    letter-spacing: 0.14em;
}

.pc-bib-title .fusion-title-heading {
    color: #f6efda;
}

.pc-bib-copy p {
    color: rgba(239, 231, 210, 0.9);
    max-width: 355px;
}

.pc-bib-cta-wrap {
    margin-top: 2px;
}

.pc-bib-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding: 5px 12px;
    border-radius: 999px;
    background: #d9c089;
    color: #22362a;
    font-family: "Beausite Classic", "Work Sans", Arial, sans-serif;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pc-bib-cta-icon {
    position: relative;
    display: inline-flex;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(34, 54, 42, 0.14);
    align-items: center;
    justify-content: center;
}

.pc-bib-cta-icon::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #22362a;
    margin-left: 1px;
}


@media (max-width: 1024px) {
    .pc-bib-card {
        max-width: 100%;
    }
}

@media (max-width: 993px) {
    .pc-bibliothek .fusion-builder-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .pc-bibliothek .fusion-layout-column {
        margin-bottom: 16px !important;
    }

    .pc-bib-card>.fusion-column-wrapper {
        padding: 20px !important;
    }

    .pc-bib-cover-col,
    .pc-bib-info-col {
        text-align: center;
    }

    .pc-bib-cover-shell {
        margin: 0 auto;
    }

    .pc-bib-info-col {
        padding-left: 0 !important;
    }

    .pc-bib-copy p {
        max-width: none;
    }
}

@media (max-width: 430px) {
    .pc-bib-heading .fusion-title-heading {
        font-size: 30px !important;
    }

    .pc-bib-title .fusion-title-heading {
        font-size: 24px !important;
    }

    .pc-bib-seal {
        width: 58px;
        height: 58px;
        right: -10px;
        bottom: -10px;
    }
}

@media (max-width: 993px) {
    .pc-bib-row {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: center;
        width: 100% !important;
        max-width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .pc-bib-cover-col,
    .pc-bib-info-col {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .pc-bib-cover-col img {
        max-width: 150px;
        margin: 0 auto;
        display: block;
    }
}

.pc-bib-row {
    background: linear-gradient(160deg, #2c4a37, #23402f);
    color: #EFE7D2;
    border-color: rgba(216, 190, 130, .35);
    border: 1px solid var(--line-soft);
    border-radius: 18px;
    padding: 20px !important;
    align-items: center;
}

.margin-column-left {
    max-width: 80%;
}

/* Image wrapper */
.pc-bib-cover-col .fusion-imageframe {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 10px;
}

/* Decorative circle/background */
.pc-bib-cover-col .fusion-imageframe::before {
    content: "";
    position: absolute;
    inset: 0;
    /* background: radial-gradient(circle, rgba(255, 255, 255, .08) 0%, rgba(0, 0, 0, .15) 100%); */
    pointer-events: none;
    z-index: 1;
}

/* Play button */
.pc-bib-cover-col .fusion-imageframe::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(243, 238, 225, .94);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px -4px rgba(0, 0, 0, .4);
    z-index: 2;

    /* SVG play icon */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232C4A37' d='M8 5v14l11-7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    cursor: pointer;
}

.pc-bib-cover-col ::after {
    content: "Dein\AGeschenk";
    white-space: pre;
    position: absolute;
    right: -10px;
    bottom: -18px;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: radial-gradient(circle at 36% 30%, #dccaa1, #c2ac81);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 8.5px;
    font-weight: 800;
    letter-spacing: .05em;
    line-height: 1.25;
    text-transform: uppercase;
    color: #473c27;
    box-shadow: 0 5px 13px rgba(0, 0, 0, .32),
        inset 0 0 0 2px rgba(255, 255, 255, .42);
    z-index: 10;
}








.pc-ref-media>.fusion-column-wrapper,
.pc-ref-image,
.pc-ref-image .fusion-imageframe {
    height: 100%;
}

.pc-ref-image {
    display: block;
    height: 340px;
}

.pc-ref-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 340px;
    object-fit: cover;
}

/* ============================
   PC-FREUNDE — match .reffteaser design
   ============================ */

/* Card container (equivalent of .reffteaser) */
.pc-freunde .pc-ref-row {
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(160deg, #2c4a37, #1f3a2c);
    color: #EFE7D2;
    min-height: 340px;
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* override fusion-flex-align-items-flex-start */
}

/* Copy column (equivalent of .rcopy) */
.pc-freunde .pc-ref-copy .fusion-column-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 22px;
    align-content: center;
    height: 100%;
}

/* Label, title, paragraph each span full width on their own row */
.pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(1),
.pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(2),
.pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(3),
.pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(10) {
    grid-column: 1 / -1;
}

.pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(2) {
    margin: 0;
}

.pc-freunde .pc-ref-title h2 {
    margin: 0;
}

/* Steps — rebuild the 3-column "num over text" pairing (equivalent of .rsteps/.rstep) */
.pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(4) {
    grid-column: 1;
    grid-row: 4;
}

/* num 01 */
.pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(5) {
    grid-column: 1;
    grid-row: 5;
}

/* text 01 */
.pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(6) {
    grid-column: 2;
    grid-row: 4;
}

/* num 02 */
.pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(7) {
    grid-column: 2;
    grid-row: 5;
}

/* text 02 */
.pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(8) {
    grid-column: 3;
    grid-row: 4;
}

/* num 03 */
.pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(9) {
    grid-column: 3;
    grid-row: 5;
}

/* text 03 */

.pc-freunde .pc-ref-stepnum p,
.pc-freunde .pc-ref-steptxt p {
    margin: 0;
}

/* Button row spans full width, sits below steps */
.pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(10) {
    margin-top: 22px;
}

/* Media column (equivalent of .rimg) */
.pc-freunde .pc-ref-media {
    position: relative;
    overflow: hidden;
    min-height: 340px;
    margin-bottom: 0px;
}

.pc-freunde .pc-ref-media .fusion-column-wrapper {
    position: relative;
    height: 100%;
    box-shadow: none !important;
}

.pc-freunde .pc-ref-media .fusion-image-element {
    position: absolute;
    inset: 0;
    height: 100%;
}

.pc-freunde .pc-ref-image {
    display: block !important;
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
}

.pc-freunde .pc-ref-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Responsive — stack like .reffteaser does */
@media (max-width:993px) {
    .pc-freunde .pc-ref-row {
        flex-wrap: wrap;
    }

    .pc-freunde .pc-ref-copy .fusion-column-wrapper {
        grid-template-columns: 1fr;
    }

    .pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(4),
    .pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(5),
    .pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(6),
    .pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(7),
    .pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(8),
    .pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(9) {
        grid-column: 1;
    }

    .pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(4) {
        grid-row: 4;
    }

    .pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(5) {
        grid-row: 5;
    }

    .pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(6) {
        grid-row: 6;
    }

    .pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(7) {
        grid-row: 7;
    }

    .pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(8) {
        grid-row: 8;
    }

    .pc-freunde .pc-ref-copy .fusion-column-wrapper>div:nth-child(9) {
        grid-row: 9;
    }

    .pc-freunde .pc-ref-media {
        min-height: 280px;
    }
}

.number-count-new {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    list-style: none;
    counter-reset: step;
    margin: 0;
    padding: 0;
}

.number-count-new li {
    counter-increment: step;
    flex: 1;
    position: relative;
    padding-top: 28px;
    font-size: 13px;
    margin-top: 5px;
    opacity: .9;
    line-height: 1.35;
}

.number-count-new li::before {
    content: counter(step, decimal-leading-zero);
    position: absolute;
    top: 0;
    left: 0;
    color: var(--gold-soft);
    font-size: 22px;
    color: #C6A152;
    line-height: 1;
    font-family: "Quincy CF Normal Style", 'Playfair Display', serif;
}

.pc-tiles-sec {
    background: var(--pc-cream);
}

.pc-tiles-label p {
    color: #a98f68;
    letter-spacing: 0.18em;
}

.pc-tiles-title .fusion-title-heading {
    color: var(--pc-forest);
}

.pc-tiles-grid {
    margin-top: 24px;
    gap: 18px;
}

.pc-tiles-grid-bottom {
    margin-top: 18px;
}

.pc-tile>.fusion-column-wrapper {
    position: relative;
    overflow: hidden;
    min-height: 158px;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.pc-tile>.fusion-column-wrapper:hover {
    border-color: #6e8773 !important;
    box-shadow: 0 18px 36px -24px rgba(35, 64, 47, .5);
    transform: translateY(-1px);
}

.pc-tile .fusion-column-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 62%;
    background-size: cover;
    background-position: center;
    opacity: .16;
    z-index: 0;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 82%);
    mask-image: linear-gradient(90deg, transparent, #000 82%);
    pointer-events: none;
}

.pc-tile-knowledge .fusion-column-wrapper::after {
    background-image: url('https://evolution-international.com/wp-content/uploads/2024/01/produkte-vitalstoffe-01.png');
}

.pc-tile-webinar .fusion-column-wrapper::after {
    background-image: url('https://evolution-international.com/wp-content/uploads/2024/11/home-sport-evolution.webp');
}

.pc-tile-akademie .fusion-column-wrapper::after {
    background-image: url('https://evolution-international.com/wp-content/uploads/2024/06/bio-kosmetik-produkte-evolution.png');
}

.pc-tile-wissen .fusion-column-wrapper::after {
    background-image: url('http://evolution-international.contentmanagement.se/wp-content/uploads/2026/07/blatt-makro-1-200x300.jpg');
}

.pc-tile-aktionen .fusion-column-wrapper::after {
    background-image: url('http://evolution-international.contentmanagement.se/wp-content/uploads/2026/07/freundinnen-200x300.jpg');
}

.pc-tile-bibliothek .fusion-column-wrapper::after {
    background-image: url('https://evolution-international.com/wp-content/uploads/2024/07/home-kataloge-evolution.png');
}

.pc-tile-podcast .fusion-column-wrapper::after {
    background-image: url('https://evolution-international.com/wp-content/uploads/2024/11/home-schlaf-evolution.webp');
}

.pc-tile.feat .fusion-column-wrapper::after {
    display: none;
}

.pc-tile .fusion-column-wrapper>* {
    position: relative;
    z-index: 2;
}

.pc-tile .fusion-fontawesome.tic {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: #fbf9f3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--pc-forest);
    margin-bottom: auto;
}

.pc-tile .fusion-fontawesome.tic.circle-yes {
    box-shadow: none;
}

.pc-tile .fusion-fontawesome.tic .awb-icon {
    font-size: 24px !important;
}

.pc-tile-title .fusion-title-heading {
    font-size: 19px;
    color: var(--pc-forest);
}

.pc-tile-copy p {
    font-size: 12.5px;
    color: #6e716b;
    line-height: 1.45;
}

.pc-tile>.fusion-column-wrapper::before {
    content: "";
    position: absolute;
    top: 24px;
    right: 22px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #DED4C0;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2323402f' stroke-width='2'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/14px 14px no-repeat;
    z-index: 3;
}

.pc-tile.is-locked>.fusion-column-wrapper::before {
    display: none;
}

.pc-tile.feat>.fusion-column-wrapper::before {
    border-color: rgba(239, 231, 210, .4);
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EFE7D2' stroke-width='2'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/14px 14px no-repeat;
}

.pc-tile-lock {
    position: absolute;
    top: -56px;
    left: 170px;
    font-size: 10px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 700;
    color: #A98F68;
    background: #EDE6D5;
    border: 1px solid #DED4C0;
    padding: 4px 9px;
    border-radius: 100px;
    display: inline-flex;
    gap: 5px;
    align-items: center;
}

.pc-tile-lock p {
    font-size: 10px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #7a6535;
    white-space: nowrap;
}

.pc-tile.feat .fusion-fontawesome.tic {
    background: rgba(216, 190, 130, .16);
    color: var(--pc-gold-soft);
}

.pc-tile.feat .pc-tile-title .fusion-title-heading {
    color: #f6efda;
}

.pc-tile.feat .pc-tile-copy p {
    color: rgba(239, 231, 210, .82);
}

@media (max-width: 993px) {
    .pc-tiles-sec .fusion-builder-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .pc-tiles-sec .fusion-layout-column {
        margin-bottom: 12px !important;
    }

    .pc-tiles-grid,
    .pc-tiles-grid-bottom {
        margin-top: 12px;
    }
}

@media (max-width: 430px) {
    .pc-tiles-title .fusion-title-heading {
        font-size: 27px !important;
    }
}

.tiles-sec .fusion-text-flow.tic.pc-tile-icon {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: #FBF9F3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #23402F;
    margin-bottom: auto;
    border-color: transparent;
}

.pc-activities,
.pc-konto {
    background: var(--pc-cream);
}

.pc-act-head {
    align-items: flex-end;
    margin-bottom: 32px;
}

.pc-act-label p {
    color: #a98f68;
    letter-spacing: 0.18em;
}

.pc-act-title .fusion-title-heading {
    color: var(--pc-forest);
}

.pc-act-title em {
    font-style: italic;
}

.pc-act-intro p {
    color: #6e716b;
}

.pc-act-tablewrap>.fusion-column-wrapper {
    overflow: hidden;
}

.pc-act-shortcode,
.pc-act-shortcode p {
    margin: 0;
}

.pc-activities .pcfb-activity-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fbf9f3;
    border: 0;
    border-radius: 0;
    overflow: hidden;
}

.pc-activities .pcfb-activity-table thead th {
    background: var(--pc-forest);
    color: #efe7d2;
    font-size: 11.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 26px;
    border-bottom: 0;
}

.pc-activities .pcfb-activity-table th:last-child,
.pc-activities .pcfb-activity-table td:last-child {
    text-align: right;
}

.pc-activities .pcfb-activity-table tbody td {
    padding: 15px 26px;
    border-bottom: 1px solid #e8e0cf;
    font-size: 14.5px;
    color: #3f433d;
    vertical-align: middle;
}

.pc-activities .pcfb-activity-table tbody tr:nth-child(even) td {
    background: #fbf7ee;
}

.pc-activities .pcfb-activity-table tbody tr:last-child td {
    border-bottom: 0;
}

.pc-activities .pcfb-activity-table tbody td:first-child {
    width: 150px;
    font-size: 13px;
    color: #8b8577;
}

.pc-activities .pcfb-activity-table tbody td:nth-child(2) {
    width: 150px;
    color: #a98f68;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 700;
}

.pc-activities .pcfb-activity-table tbody td:nth-child(3) {
    color: #2f342f;
    line-height: 1.35;
}

.pc-activities .pcfb-activity-table tbody td:last-child {
    width: 110px;
    font-weight: 700;
    font-size: 12.5px;
}

.pc-activities .pcfb-activity-table tbody td:last-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    padding: 7px 14px;
    border-radius: 100px;
    margin: 8px 26px 8px auto;
    border-bottom: 0;
}

.pc-activities .pcfb-activity-table tbody tr td:last-child {
    background: #ede6d5;
    color: #6e716b;
}

.pc-act-foot {
    text-align: center;
    padding: 16px;
    border-top: 1px solid #e8e0cf;
}

.pc-act-foot p {
    font-size: 13px;
    font-weight: 700;
    color: var(--pc-forest);
}

.pc-konto-box>.fusion-column-wrapper {
    overflow: hidden;
}

.pc-konto-grid {
    align-items: center;
}

.pc-konto-title .fusion-title-heading {
    color: var(--pc-forest);
}

.pc-konto-copytext p {
    color: #6e716b;
}

.pc-konto-action .fusion-button-wrapper {
    display: flex;
    justify-content: flex-end;
}

.pc-konto-leavebtn .fusion-button {
    color: #9a3b3b !important;
    background: #fff !important;
    box-shadow: none !important;
    white-space: nowrap;
}

.pc-konto-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.pc-konto-note p {
    color: #6e716b;
}

.pc-konto-note-icon {
    display: inline-flex;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    border: 1px solid #b08a4a;
    color: #b08a4a;
    font-size: 11px;
    line-height: 1;
    vertical-align: middle;
    margin-right: 8px;
}

@media (max-width: 993px) {

    .pc-activities .fusion-builder-row,
    .pc-konto .fusion-builder-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .pc-activities .fusion-layout-column,
    .pc-konto .fusion-layout-column {
        margin-bottom: 14px !important;
    }

    .pc-act-head {
        margin-bottom: 18px;
    }

    .pc-act-introcol,
    .pc-konto-action {
        align-self: flex-start !important;
    }

    .pc-activities .pcfb-activity-table thead {
        display: none;
    }

    .pc-activities .pcfb-activity-table,
    .pc-activities .pcfb-activity-table tbody,
    .pc-activities .pcfb-activity-table tr {
        display: block;
        width: 100%;
    }

    .pc-activities .pcfb-activity-table tr {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 3px 14px;
        padding: 14px 16px;
        border-top: 1px solid #e8e0cf;
    }

    .pc-activities .pcfb-activity-table tbody tr:first-child {
        border-top: 0;
    }

    .pc-activities .pcfb-activity-table tbody td {
        padding: 0;
        border: 0;
        background: transparent !important;
    }

    .pc-activities .pcfb-activity-table tbody td:first-child {
        grid-column: 1;
        grid-row: 1;
        width: auto;
    }

    .pc-activities .pcfb-activity-table tbody td:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
        width: auto;
    }

    .pc-activities .pcfb-activity-table tbody td:nth-child(3) {
        grid-column: 1;
        grid-row: 3;
    }

    .pc-activities .pcfb-activity-table tbody td:last-child {
        grid-column: 2;
        grid-row: 1 / 4;
        align-self: center;
        margin: 0;
        width: auto;
    }

    .pc-konto-box>.fusion-column-wrapper {
        padding: 22px !important;
    }

    .pc-konto-action .fusion-button-wrapper {
        justify-content: flex-start;
    }

    .pc-konto-leavebtn .fusion-button {
        width: 100%;
    }
}

.pc-konto-row {

    background: #FBF9F3;
    border: 1px solid #E8E0CF;
    border-radius: 16px;
    padding: clamp(18px, 4vw, 26px) clamp(14px, 4vw, 30px) !important;
}

.pc-lvl-badge {
    position: absolute;
    top: -11px;
    left: clamp(16px, 4vw, 22px);
    padding: 5px 11px;
    border-radius: 100px;
    background: #C6A152;
}

.pc-lvl-badge p {
    margin: 0;
    color: inherit;
}


.pc-lvl-current.essence .pc-lvl-badge {
    background: #23402F;
}


.pc-lvl-current .fusion-content-layout-block {
    margin: 0px !important;
}





.ml-title {
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.list-prime ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.list-prime ul li {
    position: relative;
    padding-left: 22px;
    letter-spacing: normal;
}

.list-prime ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9c089' stroke-width='2.4'%3E%3Cpath d='M5 12l5 5L20 6'/%3E%3C/svg%3E");
}


/* Locked items */
.list-prime ul li.locked::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfc6b4' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}

.roadmap {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(270px, 100%), 1fr));
    gap: 18px;
    justify-content: center;
    align-items: stretch !important;
}

.roadmap>.fusion-layout-column {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
}

.roadmap>.fusion-layout-column>.fusion-column-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pc-lvl-name .fusion-title-heading::after {
    content: "ab 0 Punkte";
    display: block;
    margin-top: 4px;
    font-size: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: rgba(239, 231, 210, .7);
    font-weight: 600;
    position: absolute;
    top: 30px;
    right: 22px;
    text-align: right;
}

.pc-lvl-current.essence .pc-lvl-name .fusion-title-heading::after {

    color: #5E5E54
}

.pc-lvl-current.essence .ml-title {
    border-top: 1px solid #E8E0CF;
}

.box-center {
    max-width: 1240px !important;
    width: 100% !important;
    margin: 0 auto 20px !important;
    box-sizing: border-box;
}

.pc-nextgoal-row {
    /* justify-content: space-between; */
    gap: 24px;
}


.roadmap2 {
    align-items: stretch !important;
}

.pc-nextgoal-icon-col {
    max-width: 56px !important;
    height: 56px;
    margin: 0;
}

.pc-tile {
    width: min(286px, 100%) !important;
}

/* ==========================================================================
   Responsive additions — covers the components below that didn't yet have
   mobile rules (roadmap grid, tiles, konto row, level badge, next-goal icon
   column, "ab 0 Punkte" tag). Breakpoints match the rest of the file
   (993px / 430px).
   ========================================================================== */

@media (max-width: 993px) {
    /* .roadmap, .pc-tile, .pc-konto-row and .pc-lvl-badge now scale on their
       own via clamp()/min()/auto-fit on the base rule — no override needed here. */

    .pc-lvl-name .fusion-title-heading::after {
        position: static;
        display: block;
        text-align: left;
        margin-top: 4px;
    }

    .pc-nextgoal-icon-col {
        max-width: 100% !important;
        height: auto;
        display: flex;
        justify-content: center;
        margin: 0 0 12px;
    }

    .fusion-builder-column-27.box-center {
        margin-bottom: 12px !important;
    }
}

@media (max-width: 430px) {
    .pc-konto-row {
        text-align: center;
    }
}

.kcard {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
}

/* Fusion Builder wrapper */
.kcard .fusion-column-wrapper {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    height: 100%;
    aspect-ratio: 3 / 4;
    padding: 26px 17px !important;
    color: #EFE7D2;
    background-size: cover !important;
    background-position: center;
    overflow: hidden;
}

/* Dark overlay */
.kcard .fusion-column-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(26, 48, 36, .05) 22%, rgba(24, 46, 34, .9));
    z-index: 1;
}

/* Keep content above overlay */
.kcard .fusion-text,
.kcard .fusion-button-wrapper {
    position: relative;
    z-index: 2;
}

.kcard .kc {
    position: relative;
    z-index: 2;
}

/* Disable background change */
.button-no-hover,
.button-no-hover:hover,
.button-no-hover:focus,
.button-no-hover:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Keep text color the same */
.button-no-hover:hover .fusion-button-text,
.button-no-hover:hover .awb-button__text,
.button-no-hover:hover .awb-button__icon {
    color: #EFE7D2 !important;
}

/* Prevent Fusion's gradient overlay */
.button-no-hover::before,
.button-no-hover::after,
.button-no-hover:hover::before,
.button-no-hover:hover::after {
    display: none !important;
}

.apair .acard.sommer::before {
    content: "";
    position: absolute;
    inset: 0;
    /* background: linear-gradient(180deg, rgba(20, 38, 28, .5), rgba(20, 38, 28, .05) 46%, rgba(20, 38, 28, 0)); */
    z-index: 1;
}

.acard {
    position: relative;
    display: block;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 4/5;
    background: #e9e0cf;
    cursor: pointer;
}

.apair {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(350px, 350px));
    gap: 20px;

}

@media (max-width: 993px) {
    .apair {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 400px) {
    .apair {
        gap: 15px;
    }
}


.apair .acta {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
}

.invby {
    display: inline-flex !important;
    align-items: center;
    gap: 11px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(216, 190, 130, .3) !important;
    padding: 8px 16px 8px 8px;
    border-radius: 100px;
    font-size: 13.5px;
    margin-bottom: 26px;
}






.epc-section {
    position: relative;
}

.epc-hero .fusion-builder-row,
.epc-gift-band .fusion-builder-row,
.epc-about .fusion-builder-row,
.epc-final-cta .fusion-builder-row {
    align-items: center;
}

.epc-section-heading .fusion-column-wrapper {
    max-width: 680px;
    margin: 0 auto 44px;
    text-align: center;
}

.epc-section-label .fusion-text,
.epc-section-label {
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #a98f68;
}

.epc-heading-main .fusion-title-heading {
    font-family: "Quincy CF Normal Style", serif;
    font-size: 40px !important;
    line-height: 1.08 !important;
    color: #23402f !important;
}

.epc-section-copy .fusion-text,
.epc-section-copy {
    max-width: 680px;
    margin: 14px auto 0;
    font-size: 16px;
    line-height: 1.6;
    color: #5e5e54;
}

.epc-hero {
    color: #efe7d2;
}

.epc-invite-pill {
    display: inline-block;
    margin-bottom: 26px;
    padding: 8px 16px;
    border: 1px solid rgba(216, 190, 130, 0.3);
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.06);
    font-size: 13.5px;
}

.epc-title-kicker .fusion-title-heading,
.epc-title-main .fusion-title-heading {
    font-family: "Quincy CF Normal Style", serif;
    font-size: 54px !important;
    line-height: 1.03 !important;
    color: #f6efda !important;
}

.epc-title-main .fusion-title-heading {
    font-style: italic;
}

.epc-body-copy {
    max-width: 480px;
    margin-top: 20px;
    font-size: 17px;
    line-height: 1.6;
    color: rgba(239, 231, 210, 0.88);
}

.epc-feature-row {
    margin-top: 26px;
}

.epc-feature-pill .fusion-column-wrapper {
    padding: 11px 17px !important;
    border: 1px solid rgba(216, 190, 130, 0.32);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
}

.epc-feature-pill .fusion-text,
.epc-feature-pill-dark .fusion-text {
    margin: 0;
}

.epc-primary-btn {
    margin-top: 30px;
}

.epc-primary-btn .fusion-button {
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
}

.epc-note-copy {
    margin-top: 16px;
    font-size: 12.5px;
    color: rgba(239, 231, 210, 0.7);
}

.epc-hero-media .fusion-column-wrapper {
    text-align: center;
}

.epc-book-cover {
    width: 74%;
    max-width: 300px;
    margin: 0 auto;
}

.epc-book-cover img {
    display: block;
    width: 100%;
    height: auto;
}

.epc-gift-label {
    display: inline-block;
    margin-top: 16px;
    padding: 8px 18px;
    border-radius: 100px;
    background: #d9c089;
    color: #22362a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.epc-trust-item .fusion-text {
    margin: 0;
    font-size: 14px;
    color: #5e5e54;
}

.epc-card .fusion-column-wrapper,
.epc-level-card .fusion-column-wrapper {
    height: 100%;
    padding: 30px 26px !important;
    border: 1px solid #d8decf;
    border-radius: 18px;
    background: #e8ece1;
    text-align: center;
}

.epc-card .fusion-title-heading {
    font-family: "Quincy CF Normal Style", serif;
    font-size: 21px !important;
    color: #23402f !important;
}

.epc-card .fusion-text {
    font-size: 13.5px;
    line-height: 1.5;
    color: #5e5e54;
}

.epc-gift-band .fusion-builder-row {
    border-radius: 24px;
    background: linear-gradient(160deg, #2c4a37, #1f3a2c);
    overflow: hidden;
    padding: 46px;
}

.epc-band-image .fusion-column-wrapper {
    text-align: center;
}

.epc-label-light {
    color: #d9c089 !important;
}

.epc-band-title .fusion-title-heading {
    font-family: "Quincy CF Normal Style", serif;
    font-size: 32px !important;
    line-height: 1.12 !important;
    color: #efe7d2 !important;
}

.epc-band-copy-text {
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(239, 231, 210, 0.9);
}

.epc-feature-pill-dark .fusion-column-wrapper {
    padding: 16px 20px !important;
    border: 1px solid rgba(216, 190, 130, 0.28);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.06);
}

.epc-feature-pill-dark .fusion-title-heading {
    font-family: "Quincy CF Normal Style", serif;
    font-size: 22px !important;
    color: #f6efda !important;
}

.epc-feature-pill-dark .fusion-text {
    font-size: 12.5px;
    color: rgba(239, 231, 210, 0.82);
}

.epc-overlay-card .fusion-column-wrapper {
    min-height: 420px;
    padding: 26px 22px !important;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
}

.epc-card-label {
    font-size: 10.5px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #d9c089;
}

.epc-card-title-light .fusion-title-heading {
    font-family: "Quincy CF Normal Style", serif;
    font-size: 21px !important;
    line-height: 1.12 !important;
    color: #efe7d2 !important;
}

.epc-card-copy-light {
    font-size: 13px;
    color: #efe7d2;
}

.epc-level-card .fusion-column-wrapper {
    background: #fbf9f3;
    border-color: #e8e0cf;
    text-align: center;
}

.epc-level-card .fusion-title-heading {
    font-family: "Quincy CF Normal Style", serif;
    color: #23402f !important;
}

.epc-level-card-dark .fusion-column-wrapper {
    background: linear-gradient(180deg, #2c4a37, #22362a);
    border-color: rgba(216, 190, 130, 0.4);
}

.epc-level-card-dark .fusion-title-heading,
.epc-level-card-dark .fusion-text {
    color: #efe7d2 !important;
}

.epc-levels-note {
    margin-top: 24px;
    text-align: center;
    font-size: 14px;
    color: #5e5e54;
}

.epc-about-card .fusion-column-wrapper {
    max-width: 430px;
    padding: 40px 38px !important;
    box-shadow: 0 40px 80px -40px rgba(0, 0, 0, 0.55);
}

.epc-about-title .fusion-title-heading {
    font-family: "Quincy CF Normal Style", serif;
    font-size: 31px !important;
    line-height: 1.15 !important;
    color: #23402f !important;
}

.epc-about-copy {
    font-size: 15px;
    line-height: 1.7;
    color: #5e5e54;
}

.epc-about-facts {
    font-size: 11.5px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5e5e54;
}

.epc-about-claim .fusion-title-heading {
    font-family: "Quincy CF Normal Style", serif;
    font-size: 21px !important;
    font-style: italic;
    color: #c6a152 !important;
}

.epc-form-card .fusion-column-wrapper {
    max-width: 620px;
    margin: 0 auto;
}

.epc-cta-title .fusion-title-heading {
    font-family: "Quincy CF Normal Style", serif;
    font-size: 34px !important;
    line-height: 1.1 !important;
    color: #23402f !important;
}

.epc-cta-copy {
    margin-top: 12px;
    font-size: 15px;
    color: #5e5e54;
    text-align: center;
}

.epc-check-row {
    margin-top: 20px;
}

.epc-check-row .fusion-text {
    margin: 0;
    font-size: 12.5px;
    color: #5e5e54;
}

@media (max-width: 1024px) {
    .epc-overlay-card .fusion-column-wrapper {
        min-height: 340px;
    }
}

@media (max-width: 800px) {

    .epc-title-kicker .fusion-title-heading,
    .epc-title-main .fusion-title-heading {
        font-size: 40px !important;
        line-height: 1.12 !important;
    }

    .epc-gift-band .fusion-builder-row {
        padding: 32px 26px;
    }
}

@media (max-width: 640px) {

    .epc-title-kicker .fusion-title-heading,
    .epc-title-main .fusion-title-heading,
    .epc-heading-main .fusion-title-heading {
        font-size: 34px !important;
    }

    .epc-overlay-card .fusion-column-wrapper {
        min-height: 300px;
    }
}




.invby {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    width: fit-content;
    max-width: 100%;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(216, 190, 130, .3);
    padding: 8px 16px 8px 8px;
    border-radius: 100px;
}

.invby .av {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #C2AE8B, #A98F68);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Quincy CF Normal Style", serif;
    font-size: 14px;
    flex-shrink: 0;
    margin-right: 11px;
}

.invby h2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.invby strong {
    color: #D9C089;
    margin-right: 4px;
}

.container-width {
    width: 44% !important;
}

.image-einladung-inner {
    position: relative;
    display: inline-block;
}

.image-einladung-new ::after {
    content: "Dein\AGeschenk";
    white-space: pre;
    position: absolute;
    top: -28px;
    right: -64px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: radial-gradient(circle at 36% 30%, #dccaa1, #c2ac81);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    line-height: 1.1;
    text-transform: uppercase;
    color: #473c27;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, .25));
    z-index: 10;
}

.image-einladung-inner::after {
    content: none !important;
}

.giftchips {
    display: flex;
    gap: 12px;
    margin: 26px 0 30px;
    flex-wrap: wrap;
}

.giftchips p {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(216, 190, 130, .32);
    padding: 11px 17px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    margin: 0 !important;
}

.giftchips p::before {
    content: "";
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
}

.giftchips p:first-child::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9c089' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-1a8 8 0 0 1 16 0v1'/%3E%3Crect x='2.6' y='14' width='4.6' height='7' rx='1.6'/%3E%3Crect x='16.8' y='14' width='4.6' height='7' rx='1.6'/%3E%3C/svg%3E");
}

.giftchips p:last-child::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d9c089' stroke-width='1.7'%3E%3Cpath d='M12 3l2.9 6.3 6.6.6-5 4.4 1.5 6.5L12 18l-6 3.8 1.5-6.5-5-4.4 6.6-.6z'/%3E%3C/svg%3E");
}

.giftchips svg {
    width: 18px;
    height: 18px;
    color: #D9C089;
    flex-shrink: 0;
}

.trustbar .ti {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 14px;
    justify-content: center;
    white-space: nowrap;
}

.trustbar .stars {
    display: inline-flex;
    gap: 2px;
}

.trustbar .stars span {
    width: 16px;
    height: 16px;
    background: #00B67A;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
}

.trustbar .stars span svg {
    width: 10px;
    height: 10px;
    fill: #fff;
}

.trustbar .ti b {
    color: #2B2B26;
}

.pillar .pi {
    width: 54px;
    height: 54px;
    margin: 0 auto 18px;
    border-radius: 14px;
    background: #FBF9F3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #23402F;
}

.pillar .pi svg {
    width: 27px;
    height: 27px;
}

.giftband .gb-rewards {
    display: flex;
    gap: 14px;
    margin-top: 22px;
    flex-wrap: wrap;
}

.giftband .gbr {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(216, 190, 130, .28);
    border-radius: 14px;
    padding: 16px 20px;
}

.giftband .gbr .b {
    font-family: "Quincy CF Normal Style", serif;
    font-size: 22px;
    color: #F6EFDA;
}

.giftband .gbr .s {
    font-size: 12.5px;
    opacity: .82;
    margin-top: 2px;
    color: #F6EFDA;
    font-family: "Beausite Classic";
}

.list-prime.new ul {
    flex-direction: row;
    justify-content: center;
    gap: 7px;
}

.width-430 {
    max-width: 460px;
}

.aboutfacts ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.aboutfacts ul li {
    position: relative;
    display: flex;
    align-items: center;
}

.aboutfacts ul li:not(:last-child)::after {
    content: "";
    width: 6px;
    height: 6px;
    background: #c6a152;
    /* Golden color */
    border-radius: 50%;
    margin-left: 18px;
}

.lvc {
    border-radius: 16px;
    /* padding: 24px 22px; */
    text-align: center;
}

.lvc .lp {
    font-size: 11.5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #5E5E54;
    font-weight: 600;
    margin-top: 3px;
}

.lvc .ld {
    font-family: "Quincy CF Normal Style", serif;
    font-size: 32px;
    color: #C6A152;
    margin-top: 14px;
}

.lvc.first .lp {
    color: rgba(239, 231, 210, .7);
}

.about-ceo-section {
    --awb-bg-image: url("https://evolution-international.com/wp-content/uploads/2026/08/ceo-schamberger.jpg") !important;
}

/* Force a clean grid on the "Programme" and "Level" cards, bypass Fusion's flex rounding */
.pc-roadmap {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.pc-roadmap>.fusion-layout-column {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* Tablet: 2 per row */
@media (max-width: 1100px) {
    .pc-roadmap {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile: 1 per row */
@media (max-width: 640px) {
    .pc-roadmap {
        grid-template-columns: 1fr;
    }
}

.pc-dash-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.pc-vorteile-introcol .fusion-content-layout-block {
    text-align: end;
}

.pillar {
    gap: 22px;
    flex-direction: row;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
}

.number-section h3 {
    color: #5E5E54 !important;
    font-family: "Beausite Classic" !important;
}

/* Form Layout */
.form-section .pcfb-invite-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 12px;
}

/* First Name */
.form-section .pcfb-field:nth-child(3) {
    grid-column: auto;
}

/* Last Name */
.form-section .pcfb-field:nth-child(4) {
    grid-column: auto;
}

/* Email */
.form-section .pcfb-field:nth-child(5) {
    grid-column: 1/-1;
}

/* Input Fields */
.form-section .pcfb-field input {
    width: 100%;
    height: 50px;
    padding: 13px 15px;
    border: 1px solid var(--line, #d9d3c8);
    border-radius: 10px;
    background: #fff;
    color: var(--ink, #2d2d2d);
    font-family: inherit;
    font-size: 14px;
    box-sizing: border-box;
    transition: .25s;
}

.form-section .pcfb-field input::placeholder {
    color: #8d8b84;
}

.form-section .pcfb-field input:focus {
    outline: none;
    border-color: var(--gold, #c6a152);
    box-shadow: 0 0 0 3px rgba(198, 161, 82, .15);
}

/* Submit Button */
.form-section .pcfb-button[type="submit"] {
    grid-column: 1/-1;
    width: 100%;
    margin-top: 8px;
    padding: 15px;
    border: none;
    border-radius: 100px;
    background: var(--forest, #23402f);
    color: #EFE7D2;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03em;
    cursor: pointer;
    transition: .25s;
}

.form-section .pcfb-button[type="submit"]:hover {
    background: #1c3427;
}

/* Success/Error Message */
.form-section .pcfb-form-message {
    grid-column: 1/-1;
    margin-top: 12px;
    font-size: 14px;
}

/* Generated Link Area */
.form-section .pcfb-created {
    grid-column: 1/-1;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--line-soft, #e8e0cf);
}

.form-section .pcfb-created-link {
    padding: 12px 15px;
    border: 1px solid var(--line, #d9d3c8);
    border-radius: 10px;
    background: #f6f3eb;
    word-break: break-word;
    margin-bottom: 15px;
}

/* Copy + Email Buttons */
.form-section .pcfb-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.form-section .pcfb-actions .pcfb-button {
    flex: 1;
    padding: 13px;
    border-radius: 100px;
    border: 1px solid var(--line, #d9d3c8);
    background: #efe7d2;
    color: var(--forest, #23402f);
    font-weight: 600;
    cursor: pointer;
}

.form-section .pcfb-actions .pcfb-button:hover {
    background: #e6ddca;
}

/* Mobile */
@media (max-width:993px) {

    .form-section .pcfb-invite-form {
        grid-template-columns: 1fr;
    }

    .form-section .pcfb-field:nth-child(5),
    .form-section .pcfb-button[type="submit"],
    .form-section .pcfb-created,
    .form-section .pcfb-form-message {
        grid-column: auto;
    }

    .form-section .pcfb-actions {
        flex-direction: column;
    }
}

.form-section .pcfb-button[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.form-section .pcfb-button[type="submit"]::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background: no-repeat center / contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EFE7D2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2L11 13M22 2l-7 20-4-9-9-4z'/%3E%3C/svg%3E");
}

/* Invitation List */
.data-listing .pcfb-invitation-list {
    display: flex;
    flex-direction: column;
}

/* Each Invitation */
.data-listing .pcfb-invitation-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 15px 0;
    border-bottom: 1px solid var(--line-soft);
}

.data-listing .pcfb-invitation-item:last-child {
    border-bottom: 0;
}


/* Name */
.data-listing .pcfb-invitation-item strong {
    flex: 1;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
}

/* Status Badge */
.data-listing .pcfb-invitation-item span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 13px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: capitalize;
    white-space: nowrap;
}

/* Status Colors */
.data-listing .pcfb-invitation-item span {
    background: var(--cream-2);
    color: var(--ink-soft);
}

.data-listing .pcfb-invitation-item span:contains("opened") {
    background: #e7f0ec;
    color: #2c6b4d;
}

.data-listing .pcfb-invitation-item span:contains("created") {
    background: #e7f0ec;
    color: #2c6b4d;
}

.data-listing .pcfb-invitation-item span:contains("sent") {
    background: var(--cream-2);
    color: var(--ink-soft);
}

.pcfb-invitation-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 15px 0;
    border-bottom: 1px solid var(--line-soft);
}

.pcfb-invitation-item:last-child {
    border-bottom: 0;
}

.pcfb-invitation-item .av {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, #C2AE8B, #A98F68);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    flex: none;
}

.pcfb-invitation-item .who {
    flex: 1;
}

.pcfb-invitation-item .nm {
    font-weight: 600;
    font-size: 15px;
    color: var(--ink);
}

.pcfb-invitation-item .dt {
    font-size: 12.5px;
    color: var(--ink-soft);
}

.pcfb-button[data-pcfb-copy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.pcfb-button[data-pcfb-copy]::before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    background: center / contain no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322362A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E");
}

.green-icon a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.green-icon a::after {
    content: "";
    width: 13px;
    height: 13px;
    display: inline-block;
    flex-shrink: 0;
    background: center / contain no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D9C089' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E");
}


.pc-dash-copy .pc-btn-gold {
    position: relative !important;
}

.pc-dash-copy .pc-btn-out {
    position: absolute !important;
    left: 260px !important;
    bottom: 0 !important;
    z-index: 10 !important;
}

.pc-dash-panel {
    position: relative !important;
}

.pc-dash-panel .pc-tierbadge {
    position: absolute !important;
    top: 30px !important;
    right: 32px !important;
    z-index: 10 !important;
}

.ng-title {
    font-family: "Quincy CF Normal Style", 'Playfair Display', serif;
    font-size: 22px;
    color: #F6EFDA;
    margin-top: 4px;
    line-height: 1.25;
}

.ng-title b {
    color: var(--gold-soft);
    font-weight: 500;
}

.pc-nextgoal-chiprow p {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.pc-vorteile-intro p {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #7a6535;
}

.pc-vorteile-intro p::before {
    content: "";
    width: 14px;
    height: 16px;
    display: inline-block;
    background: no-repeat center/contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a6535' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}

.pw-head b {
    color: var(--gold-soft);
    font-weight: 500;
}

.pc-konto-note p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.pc-konto-note p::before {
    content: "";
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b08a4a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9v4M12 17h.01M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z'/%3E%3C/svg%3E");
}

.trustbar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.trustbar>.fusion-layout-column {
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: max-content !important;
    margin: 0 !important;
}

.trustbar .fusion-column-wrapper {
    width: max-content;
}

/*
 * Premium Circle — Referral Registration Form
 * Matches the Evolution landing-page design tokens (cream / forest / gold).
 * Scoped under .pc-refform-wrap so it won't leak into the rest of your theme.
 */

.pc-refform-wrap {
    --pc-cream: #F3EEE1;
    --pc-paper: #FBF9F3;
    --pc-forest: #23402F;
    --pc-forest-2: #2C4A37;
    --pc-gold: #C6A152;
    --pc-gold-soft: #D9C089;
    --pc-ink: #2B2B26;
    --pc-ink-soft: #5E5E54;
    --pc-line: #DED4C0;
    --pc-line-soft: #E8E0CF;
    --pc-sage: #6E8A6E;

    display: flex;
    justify-content: center;
    padding: 24px 16px;
    font-family: 'Work Sans', 'Beausite Classic', sans-serif;
    color: var(--pc-ink);
    box-sizing: border-box;
}

.pc-refform-wrap *,
.pc-refform-wrap *::before,
.pc-refform-wrap *::after {
    box-sizing: border-box;
}

.pc-refform-card {
    width: 100%;
    max-width: 560px;
    background: var(--pc-paper);
    border: 1px solid var(--pc-line-soft);
    border-radius: 24px;
    padding: 44px 40px;
    text-align: center;
}

.pc-refform-title {
    font-family: "Quincy CF Normal Style", Georgia, serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 1.1;
    color: var(--pc-forest);
    margin: 0;
}

.pc-refform-subtitle {
    font-size: 15px;
    color: var(--pc-ink-soft);
    margin: 12px 0 0;
}

.pc-refform-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 26px;
    text-align: left;
}

.pc-refform-full {
    grid-column: 1 / 3;
}

.pc-refform-input {
    width: 100%;
    border: 1px solid var(--pc-line);
    border-radius: 10px;
    padding: 14px 16px;
    font-family: inherit;
    font-size: 14.5px;
    background: #fff;
    color: var(--pc-ink);
}

.pc-refform-input:focus {
    outline: none;
    border-color: var(--pc-gold);
    box-shadow: 0 0 0 3px rgba(198, 161, 82, 0.18);
}

.pc-refform-consent {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    font-size: 13px;
    color: var(--pc-ink-soft);
    line-height: 1.5;
    cursor: pointer;
    margin: 2px 0 4px;
}

.pc-refform-consent input[type="checkbox"] {
    margin-top: 2px;
    width: 17px;
    height: 17px;
    accent-color: var(--pc-forest);
    flex: none;
}

.pc-refform-submit {
    background: var(--pc-forest);
    color: #EFE7D2;
    border: 0;
    font-family: inherit;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 16px;
    border-radius: 100px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    margin-top: 4px;
    transition: background 0.15s ease;
}

.pc-refform-submit:hover {
    background: var(--pc-forest-2);
}

.pc-refform-submit svg {
    width: 16px;
    height: 16px;
}

.pc-refform-privacy {
    font-size: 12.5px;
    color: var(--pc-ink-soft);
    margin-top: 18px;
}

.pc-refform-reassure {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 16px;
    flex-wrap: wrap;
    font-size: 12.5px;
    color: var(--pc-ink-soft);
}

.pc-refform-reassure span::before {
    content: "✓";
    color: var(--pc-sage);
    margin-right: 6px;
    font-weight: 700;
}

/* Message boxes already produced by renderMessage() — light theming pass */
.premium-circle-message {
    max-width: 560px;
    margin: 24px auto;
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 14.5px;
    text-align: center;
}

.premium-circle-message-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.premium-circle-message-error {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

.premium-circle-message-info {
    background: #e8ece1;
    border: 1px solid #d8decf;
    color: var(--pc-forest, #23402F);
}

@media (max-width: 600px) {
    .pc-refform-card {
        padding: 32px 24px;
        border-radius: 18px;
    }

    .pc-refform-grid {
        grid-template-columns: 1fr;
    }

    .pc-refform-full {
        grid-column: 1;
    }

    .pc-refform-title {
        font-size: 26px;
    }
}
































/* darshan's css */



.row-common {
    display: flex;
    gap: 10px;
    background: rgba(0, 0, 0, .18);
    border: 1px solid rgba(239, 231, 210, .18);
    border-radius: 12px;
    padding: 7px 7px 7px 16px;
    align-items: center;
}

.row-common div {
    flex: 1;
    min-width: 0;
    font-size: 14.5px;
    color: #EFE7D2;
    font-family: 'Work Sans';
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 308px;
}

.row-common button {
    background: #D9C089;
    color: #22362a;
    border: 0;
    font-family: inherit;
    font-weight: 700;
    font-size: 13px;
    padding: 11px 18px;
    border-radius: 9px;
    cursor: pointer;
    display: inline-flex;
    gap: 7px;
    align-items: center;
}



.commoms-button {
    display: flex;
    gap: 10px;
    margin-top: 14px;
    flex-wrap: wrap;
}

.overlay-bg {
    position: relative;
}

.overlay-bg::after {
    content: '';
    height: 100%;
    background: radial-gradient(120% 130% at 85% -10%, #2f5740, #233f2e 55%, #1a2e23 100%);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: linear-gradient(90deg, #233F2D 43%, transparent 57%);
}

.commoms-button a {
    flex: 1;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid rgba(239, 231, 210, .3);
    color: #EFE7D2;
    font-family: 'Beausite Classic 600';
}

.commoms-button a.whatsapp {
    background: #25D366;
    color: #06311a;
    border-color: transparent;
}

.commoms-button a svg {
    width: 16px;
    height: 16px;
}

.number-section {
    text-align: center;
}

.number-section .number {
    font-family: 'Quincy CF Normal Style';
    font-size: 42px;
    color: #23402F;
    line-height: 1;
}

.number-section h3 {
    font-size: 13px !important;
    color: #5E5E54;
    margin-top: 6px;
    font-family: 'Beausite Classic';
    text-align: center !important;
}

.cards-schritten .icon-svg {
    width: 60px;
    height: 60px;
    margin: 0 auto 18px;
    border-radius: 16px;
    background: #EDE6D5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #23402F;
}

.cards-schritten .icon-svg svg {
    width: 30px;
    height: 30px;
}

.cards-schritten .fusion-column-wrapper {
    position: relative;
    align-items: center !important;
}

.cards-schritten .card-number {
    position: absolute;
    right: 22px;
}

.cards-schritten .fusion-title h3 {
    font-size: 18px !important;
}

.cards-schritten div p {
    text-align: center !important;
}

.cards-schritten>div {
    margin: 8px !important;
}

.cards-schritten {
    min-height: 100%;
}

.gap-between {
    gap: 20px;
    margin: 20px 0;
}

.form-section form input {
    width: 100%;
    border: 1px solid #DED4C0;
    border-radius: 10px;
    padding: 13px 15px;
    font-family: inherit;
    font-size: 14.5px;
    background: #fff;
    color: #2B2B26;
    line-height: 1.2em;
}

.form-section form button {
    width: 100%;
    margin-top: 8px;
    background: #23402F;
    color: #EFE7D2;
    border: 0;
    font-family: inherit;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .03em;
    text-transform: uppercase;
    padding: 15px;
    border-radius: 100px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    gap: 9px;
    align-items: center;
}

.data-listing .pcfb-invitation-list {
    border: 0px;
    background: transparent;
}

.data-listing .pcfb-invitation-list .pcfb-invitation-item {
    border-bottom: 1px solid #E8E0CF;
    padding: 15px 0;
}

.data-listing .pcfb-invitation-list .pcfb-invitation-item strong {
    color: #2B2B26;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Beausite Classic 600';
}

.data-listing .pcfb-invitation-list .pcfb-invitation-item span {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 5px 15px;
    border-radius: 100px;
    white-space: nowrap;
    background: #D9C089;
    color: #22362a;
}

.row-d-flex {
    display: flex;
    gap: 10px;
}

.row-d-flex .gi {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #EDE6D5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #23402F;
    flex: none;
}

.row-d-flex .gi svg {
    width: 20px;
    height: 20px;
}

.row-d-flex div {
    color: #5E5E54;
    font-size: 14px;
    font-family: 'Beausite Classic';
}

.row-d-flex div b {
    color: #23402F;
}

/* .align-center-all h2,
.align-center-all h4 {
    text-align: center !important;
} */

@media (max-width: 1160px) {

    body .small-subheading h2,
    body .small-subheading p {
        font-size: 11px !important;
    }

    .paragrapg-description p {
        font-size: 14px !important;
    }

    .grid-spcing {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .grid-spcing>div {
        width: 100%;
    }

    .grid-spcing>div>div {
        border-bottom: 1px solid #ded4c0 !important;
        border-left: none !important;
        justify-content: center !important;
        text-align: center !important;
    }


}

@media(min-width:1024px) {
    body .margin-lr-0>div {
        margin: 10px 0px !important;
    }
}

@media(max-width:992px) {
    .grid-spcing-cards {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    .pc-nextgoal-chiprow {
        justify-content: center;
    }
}

@media(max-width:680px) {
    .grid-spcing-cards {
        grid-template-columns: 1fr;
    }

    .grid-spcing>div:last-child>div {
        border-width: 0px !important;
    }

    .inner-conatiner-width {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    body .all-center-all h4 p,
    .all-center-all h2 p {
        text-align: center !important;
    }

}

@media(min-width:681px) {
    .inner-conatiner-width {
        display: flex;
        flex-wrap: nowrap;
    }

    .inner-conatiner-width>div {
        width: 50%;
    }
}

@media(max-width:560px) {
    .commoms-button {
        flex-direction: column;
    }

    .grid-spcing {
        grid-template-columns: 1fr;
    }

    .cards-schritten {
        min-height: auto;
    }
}

@media (max-width: 1160px) {
    body .small-subheading h4 {
        font-size: 11px !important;
    }
}

/* ==========================================================================
   MOBILE RESPONSIVENESS PATCH
   Append this block to the END of your existing stylesheet.
   Every rule here lives inside a max-width media query, so it can only
   ever affect mobile/tablet — nothing here overrides or changes desktop.
   ========================================================================== */

/* 1) .pc-btn-out is pinned with a fixed "left: 260px" offset. On phones
      that pushes the button off-screen or on top of other content. */
@media (max-width: 993px) {
    .pc-dash-copy .pc-btn-out {
        position: static !important;
        left: auto !important;
        bottom: auto !important;
        margin-top: 12px;
        display: inline-block;
    }
}

/* 2) .pc-tierbadge is absolutely pinned at "top:30px; right:32px" inside
      .pc-dash-panel. On narrow screens the member name/title wraps and
      the badge ends up overlapping the text. Drop it back into flow. */
@media (max-width: 993px) {
    .pc-dash-panel .pc-tierbadge {
        position: static !important;
        top: auto !important;
        right: auto !important;
        float: none;
        transform: none;
        display: flex;
        justify-content: center;
        margin: 8px 0 0 !important;

    }

    .header-center p {
        text-align: center !important;
        margin-bottom: 5px !important;
    }

    .pc-dashboard-sub p {
        text-align: center !important;
    }
}

/* 3) .pc-tile-lock uses a fixed "left: 170px", which only lines up on the
      desktop tile width. On small tiles/phones it can sit outside the
      card or overflow the row. Center it instead below that width. */
@media (max-width: 480px) {
    .pc-tile-lock {
        left: 50%;
        transform: translateX(-50%);
    }
}

/* 4) .container-width is hard-locked to 44% with !important — fine on a
      wide viewport, far too narrow to be usable on mobile. */
@media (max-width: 993px) {
    .container-width {
        width: 100% !important;
    }
}

/* 5) .trustbar children use width:max-content with a fixed 40px gap and
      no wrap — on phones this causes horizontal overflow/scroll. */
@media (max-width: 640px) {
    .trustbar {
        flex-wrap: wrap;
        gap: 14px 24px;
    }
}

/* 6) .pillar forces flex-direction:row + nowrap unconditionally, which
      squeezes/overflows icon+text pillars on phones. Stack on mobile. */
@media (max-width: 640px) {
    .pillar {
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }
}

/* 7) .number-count-new is a fixed-row flex list with a 40px gap and no
      wrap — steps get cramped/truncated on narrow screens. */
@media (max-width: 600px) {
    .number-count-new {
        flex-direction: column;
        gap: 18px;
    }
}

/* 8) .pc-dash-grid is a hard 2-column grid with no mobile override —
      cramps the two panels together on phones. */
@media (max-width: 640px) {
    .pc-dash-grid {
        grid-template-columns: 1fr;
    }
}

/* 9) .list-prime.new ul lays checklist items out in a row — fine with 2-3
      short items, but wraps awkwardly with longer copy on phones. */
@media (max-width: 480px) {
    .list-prime.new ul {
        flex-direction: column;
        align-items: center;
    }
}

/* 10) .epc-about-card keeps its desktop 40px/38px padding at every size;
       tightens it up once the card is nearly full-bleed on a phone. */
@media (max-width: 480px) {
    .epc-about-card .fusion-column-wrapper {
        padding: 26px 22px !important;
    }
}

/* 11) .pc-vorteile-introcol text stays right-aligned at every width,
       which reads oddly once the column stacks full-width on mobile. */
@media (max-width: 993px) {
    .pc-vorteile-introcol .fusion-content-layout-block {
        text-align: center;
    }
}

/* ==========================================================================
   PREMIUM CIRCLE DASHBOARD — FULL RESPONSIVE PATCH
   Append this entire block to the END of your existing stylesheet.
   CSS-only, no markup changes. Breakpoints match your existing convention
   (993 / 680 / 640 / 600 / 560 / 480 / 430px).
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. TABBAR (nav)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
    .pc-tab {
        padding: 9px 14px;
        font-size: 12px;
    }
}

/* --------------------------------------------------------------------------
   2. INTRO / MINTRO STRIP (top breadcrumb + label band)
   -------------------------------------------------------------------------- */
@media (max-width: 993px) {

    .mintro .fusion-builder-row,
    .mintro .fusion-builder-row-inner {
        text-align: center;
    }

    .strip-label,
    .strip-crumbs {
        text-align: center;
    }
}

/* --------------------------------------------------------------------------
   3. DASHBOARD HERO (.dash panel — name, points, tier badge, progress, scale)
   -------------------------------------------------------------------------- */
@media (max-width: 993px) {
    .pc-dashboard-title {
        text-align: center;
    }

    .pc-tierbadge {
        float: none;
        display: flex;
        justify-content: center;
        margin: 8px 0 0 !important;
    }

    .pc-dash-points {
        text-align: center;
        clear: both;
    }

    .pc-dash-cap,
    .pc-dash-scale {
        text-align: center;
    }

    .pc-dash-scale .pcfb-roadmap {
        flex-wrap: wrap;
        /* justify-content: center; */
        gap: 14px;
    }

    /* .pc-dash-scale .pcfb-tier {
        flex: 0 0 calc(50% - 7px);
        max-width: calc(50% - 7px);
    } */

    .pc-dash-copy .pc-btn-out {
        position: static !important;
        left: auto !important;
        bottom: auto !important;
        margin-top: 12px;
        display: inline-block;
    }

    .pc-dash-panel .pc-tierbadge {
        position: static !important;
        top: auto !important;
        right: auto !important;
    }
}

@media (max-width: 430px) {
    /* .pc-dash-scale .pcfb-tier {
        flex: 0 0 100%;
        max-width: 100%;
    } */

    .pc-dash-points,
    .pc-dash-points p {
        white-space: normal;
        font-size: 28px !important;
    }
}

/* --------------------------------------------------------------------------
   4. NEXT GOAL CARD
   -------------------------------------------------------------------------- */
@media (max-width: 993px) {
    .pc-nextgoal-row {
        /* flex-direction: column; */
        text-align: center;
    }

    .pc-nextgoal-icon-col {
        max-width: 100% !important;
        height: auto;
        display: flex;
        justify-content: center;
        margin: 0 0 12px;
    }

    .pc-nextgoal-main,
    .pc-nextgoal-side {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .pc-nextgoal-chiprow {
        justify-content: center;
    }

    .pc-nextgoal-points {
        text-align: center;
    }

    .pc-nextgoal-side .fusion-button-wrapper {
        justify-content: center;
    }
}

@media (max-width: 430px) {
    .pc-nextgoal-chiprow {
        flex-direction: column;
        align-items: stretch;
    }

    .pc-nextgoal-chip {
        justify-content: center;
    }
}

/* --------------------------------------------------------------------------
   5. TILES GRID (.pc-tiles-sec)
   -------------------------------------------------------------------------- */
@media (max-width: 993px) {
    .pc-tiles-sec .fusion-builder-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .pc-tiles-grid,
    .pc-tiles-grid-bottom {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
    }

    .pc-tile {
        width: 100% !important;
        /* max-width: 340px !important; */
    }

    .pc-tile-lock {
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 430px) {
    .pc-tiles-title .fusion-title-heading {
        font-size: 27px !important;
    }

    .pc-tile>.fusion-column-wrapper {
        min-height: 140px;
        padding: 20px !important;
    }
}

/* --------------------------------------------------------------------------
   6. ACTIVITIES TABLE (.pc-activities)
   -------------------------------------------------------------------------- */
@media (max-width: 993px) {
    .pc-act-head {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 18px;
    }

    .pc-act-introcol {
        align-self: center !important;
        text-align: center;
    }

    .pc-activities .pcfb-activity-table thead {
        display: none;
    }

    .pc-activities .pcfb-activity-table,
    .pc-activities .pcfb-activity-table tbody,
    .pc-activities .pcfb-activity-table tr {
        display: block;
        width: 100%;
    }

    .pc-activities .pcfb-activity-table tr {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 3px 14px;
        padding: 14px 16px;
        border-top: 1px solid #e8e0cf;
    }

    .pc-activities .pcfb-activity-table tbody tr:first-child {
        border-top: 0;
    }

    .pc-activities .pcfb-activity-table tbody td {
        padding: 0;
        border: 0;
        background: transparent !important;
        width: auto;
    }

    .pc-activities .pcfb-activity-table tbody td:first-child {
        grid-column: 1;
        grid-row: 1;
    }

    .pc-activities .pcfb-activity-table tbody td:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    .pc-activities .pcfb-activity-table tbody td:nth-child(3) {
        grid-column: 1;
        grid-row: 3;
    }

    .pc-activities .pcfb-activity-table tbody td:last-child {
        grid-column: 2;
        grid-row: 1 / 4;
        align-self: center;
        margin: 0;
    }
}

/* --------------------------------------------------------------------------
   7. KONTO (account) ROW
   -------------------------------------------------------------------------- */
@media (max-width: 993px) {
    .pc-konto-grid {
        flex-direction: column;
        text-align: center;
    }

    .pc-konto-box>.fusion-column-wrapper {
        padding: 22px !important;
    }

    .pc-konto-action .fusion-button-wrapper {
        justify-content: center;
    }

    .pc-konto-leavebtn .fusion-button {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .pc-konto-row {
        text-align: center;
    }
}

/* --------------------------------------------------------------------------
   8. FREUNDE EINLADEN (referral teaser card)
   FIX: .pc-ref-row is display:grid, so "flex-wrap:wrap" in the old rule
   did nothing — the 2-column grid never actually collapsed on mobile.
   -------------------------------------------------------------------------- */
@media (max-width: 993px) {
    .pc-freunde .pc-ref-row {
        grid-template-columns: 1fr !important;
    }

    .pc-freunde .pc-ref-media {
        min-height: 220px;
        order: -1;
        /* image on top, copy below — adjust/remove if you prefer copy first */
    }
}

/* --------------------------------------------------------------------------
   9. BIBLIOTHEK (library gift card)
   -------------------------------------------------------------------------- */
@media (max-width: 993px) {
    .pc-bib-row {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .pc-bib-cover-col,
    .pc-bib-info-col {
        text-align: center;
        padding-left: 0 !important;
    }

    .pc-bib-cover-shell {
        margin: 0 auto;
    }

    .pc-bib-copy p {
        max-width: none;
    }
}

@media (max-width: 430px) {
    .pc-bib-heading .fusion-title-heading {
        font-size: 30px !important;
    }

    .pc-bib-title .fusion-title-heading {
        font-size: 24px !important;
    }

    .pc-bib-seal {
        width: 58px;
        height: 58px;
        right: -10px;
        bottom: -10px;
    }
}

/* --------------------------------------------------------------------------
   10. LEVEL ROADMAP (.pc-roadmap / .roadmap / level cards)
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
    .pc-roadmap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .pc-roadmap {
        grid-template-columns: 1fr;
    }

    .pc-lvl-name .fusion-title-heading::after {
        position: static;
        display: block;
        text-align: left;
        margin-top: 4px;
    }
}

/* --------------------------------------------------------------------------
   11. VORTEILE (benefits intro column)
   -------------------------------------------------------------------------- */
@media (max-width: 993px) {
    .pc-vorteile-head {
        flex-direction: column;
        text-align: center;
    }

    .pc-vorteile-introcol .fusion-content-layout-block {
        text-align: center;
    }
}

/* --------------------------------------------------------------------------
   12. GENERAL SAFETY NET — prevents any leftover fixed-width elements
   from forcing horizontal scroll on small screens.
   -------------------------------------------------------------------------- */
@media (max-width: 993px) {
    .container-width {
        width: 100% !important;
    }

    .margin-column-left {
        max-width: 100%;
    }

    .trustbar {
        flex-wrap: wrap;
        gap: 14px 24px;
    }

    .pillar {
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }

    .number-count-new {
        flex-direction: column;
        gap: 18px;
    }

    .pc-dash-grid {
        grid-template-columns: 1fr;
    }

    .list-prime.new ul {
        flex-direction: column;
        align-items: center;
    }

    .pc-nextgoal-icon-col .fusion-column-wrapper {
        align-items: center;
    }

    .pc-bib-cover-col ::after {

        right: 34px;
    }

    .box-center .fusion-column-wrapper {
        margin: 0px 20px !important;
    }

    .box-inner-center .fusion-column-wrapper {
        margin: 0px !important;
    }

    .shead.pc-vorteile-head p,
    .shead.pc-vorteile-head h2 {
        text-align: center !important;
    }

    .pc-lvl-badge p {
        font-size: 12px !important;
    }

    .invby strong {
        font-size: 16px !important;
    }

    .image-einladung-new ::after {

        right: 0px;
    }

    .pc-konto-not p {
        text-align: center !important;
    }

    .pillar .pi {

        margin: 18px 0px;
    }

    .lvc p {
        text-align: center !important;
    }
}

@media (max-width: 560px) {
    .commoms-button {
        flex-direction: column;
    }

    .cards-schritten {
        min-height: auto;
    }
}

@media (max-width: 993px) {

    .roadmap {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 14px;
        justify-content: flex-start !important;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 9%;
        scroll-padding-right: 9%;
        padding-left: 9%;
        padding-right: 9%;
    }


    .roadmap>.fusion-layout-column {
        flex: 0 0 82% !important;
        max-width: 82% !important;
        margin: 0 !important;
        scroll-snap-align: center;
        /* centers the active card, not just "start" */
        scroll-snap-stop: always;
        /* stops one card at a time instead of flying past */
    }
}

@media (min-width: 768px) and (max-width: 993px) {
    .roadmap>.fusion-layout-column {
        flex: 0 0 45% !important;
        max-width: 45% !important;
    }
}

/* Desktop */
.box-image-new {
    display: none !important;
}

/* Responsive */
@media (max-width: 991px) {

    /* Remove the column background image */
    .about-ceo-section {
        background-image: none !important;
    }

    .about-ceo-section .fusion-column-wrapper {
        background-image: none !important;
    }

    /* Show the image added via Fusion Image element */
    .box-image-new {
        display: block !important;
        width: 100%;
        max-width: 420px;
        margin: 0 auto 30px;
        border-radius: 18px;
        overflow: hidden;
    }

    .box-image-new img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 18px;
        object-fit: cover;
    }

    /* Stack image above the content */
    .about-ceo-section .fusion-column-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .about-ceo-section .width-430 {
        width: 100% !important;
        max-width: 100%;
    }
}

/* ==========================================================================
   Premium Circle - Referral Registration Form (ctacard style)
   ========================================================================== */

.ctacard {
    max-width: 620px;
    margin: 0 auto;
    background: var(--paper);
    border: 1px solid var(--line-soft);
    border-radius: 24px;
    padding: 46px 44px;
    text-align: center;
}

.ctacard h2 {
    font-family: "Quincy CF Normal Style", serif;
    font-weight: 400;
    font-size: 34px;
    color: var(--forest);
    line-height: 1.1;
}

.ctacard p {
    font-size: 15px;
    color: var(--ink-soft);
    margin-top: 12px;
}

/* Form grid */
.ctaform {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 26px;
    text-align: left;
}

.ctaform .full {
    grid-column: 1 / 3;
}

.ctaform input {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 14px 16px;
    font-family: inherit;
    font-size: 14.5px;
    background: #fff;
    color: var(--ink);
}

.ctaform input:focus {
    outline: none;
    border-color: var(--forest);
}

.ctaform input::placeholder {
    color: var(--ink-soft);
    opacity: 0.7;
}

/* Consent checkbox row (already inline-styled in markup, kept here as a class fallback) */
.ctaform .consent-row {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    text-align: left;
    font-size: 13px;
    color: var(--ink-soft);
    line-height: 1.5;
    cursor: pointer;
    margin: 2px 0 4px;
}

.ctaform .consent-row input[type="checkbox"] {
    margin-top: 2px;
    width: 17px;
    height: 17px;
    accent-color: var(--forest);
    flex: none;
}

.ctaform .consent-row a {
    color: var(--forest);
    text-decoration: underline;
}

/* Submit button */
.ctaform .submit {
    grid-column: 1 / 3;
    background: var(--forest);
    color: #EFE7D2;
    border: 0;
    font-family: inherit;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .03em;
    text-transform: uppercase;
    padding: 16px;
    border-radius: 100px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    gap: 9px;
    align-items: center;
    margin-top: 4px;
    transition: opacity .2s ease;
}

.ctaform .submit:hover {
    opacity: .9;
}

.ctaform .submit svg {
    width: 16px;
    height: 16px;
}

/* Reassurance row */
.reassure {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 20px;
    flex-wrap: wrap;
    font-size: 12.5px;
    color: var(--ink-soft);
}

.reassure span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.reassure svg {
    width: 14px;
    height: 14px;
    color: var(--sage);
}

/* ==========================================================================
   Message states (success / error / info) — matched to ctacard aesthetic
   ========================================================================== */

.premium-circle-message {
    max-width: 620px;
    margin: 0 auto;
    border-radius: 24px;
    padding: 32px 36px;
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
    border: 1px solid var(--line-soft);
    background: var(--paper);
    color: var(--ink);
}

.premium-circle-message-success {
    border-color: var(--sage);
    color: var(--forest);
}

.premium-circle-message-error {
    border-color: #d98c7a;
    color: #8a3b2a;
}

.premium-circle-message-info {
    border-color: var(--line);
    color: var(--ink-soft);
}

/* System error card */
.premium-circle-system-error {
    max-width: 620px;
    margin: 0 auto;
    background: var(--paper);
    border: 1px solid #d98c7a;
    border-radius: 24px;
    padding: 40px 44px;
    text-align: center;
}

.premium-circle-system-error .error-header h3 {
    font-family: "Quincy CF Normal Style", serif;
    font-weight: 400;
    font-size: 26px;
    color: #8a3b2a;
    margin-bottom: 14px;
}

.premium-circle-system-error .error-content p {
    font-size: 15px;
    color: var(--ink-soft);
    line-height: 1.7;
}

.premium-circle-system-error .error-contact a {
    color: var(--forest);
    text-decoration: underline;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 993px) {
    .ctacard {
        padding: 32px 26px;
        border-radius: 16px;
    }

    .ctacard h2 {
        font-size: 28px;
    }

    .ctaform {
        grid-template-columns: 1fr;
    }

    .ctaform .full,
    .ctaform .submit {
        grid-column: 1;
    }

    .premium-circle-message,
    .premium-circle-system-error {
        padding: 26px 22px;
        border-radius: 16px;
    }

    .pc-vorteile-introcol .fusion-button-wrapper {
        align-items: center;
        display: flex;
        justify-content: center;
        text-align: center;
        float: unset;
    }
}


/* ===== ROADMAP MOBILE SLIDER — FORCE FIX ===== */
@media (max-width: 993px) {
    body .roadmap.roadmap {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x pan-y !important;
        scroll-snap-type: x mandatory !important;
        gap: 14px !important;
        padding-bottom: 14px !important;
        padding-top: 15px !important;
    }

    .pc-dashboard-kicker p,
    .pc-nextgoal-kicker p {
        text-align: center !important;
    }

    .strip-label p {
        letter-spacing: 0.1em;
        font-size: 12px !important;
    }

}

button.pcfb-share-btn {
    flex: 1;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid rgba(239, 231, 210, .3);
    color: #EFE7D2;
    background-color: transparent;
}

.sbtn2,
.pcfb-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.sbtn2 svg,
.pcfb-share-btn svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.whatsapp::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.2L2 22l4.9-1.4A10 10 0 1 0 12 2zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.5-3.9-4.7-4.1-.1-.2-1.1-1.4-1.1-2.7s.7-1.9.9-2.1c.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 2c.1.2.1.4 0 .5l-.4.5c-.2.2-.3.4-.1.7.2.3.9 1.4 1.9 2.3 1.3 1.1 2.3 1.4 2.6 1.6.3.1.5.1.6-.1l.8-1c.2-.2.4-.2.6-.1l1.9.9c.3.1.5.2.5.3.1.2.1.6 0 1z'/%3E%3C/svg%3E");
}

.emial::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EFE7D2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E");
}

.subtitle-wrap h2 {
    flex-wrap: wrap !important;
}




/* ===================== JGRID — FULL BLOCK ===================== */
.jgrid.fusion-row {
    display: grid !important;
    grid-template-columns: 1.3fr 2fr !important;
    grid-template-rows: auto auto;
    gap: 24px;
    align-items: stretch;
}

.jgrid.fusion-row>.fusion-layout-column {
    width: auto !important;
    max-width: none !important;
    flex-basis: auto !important;
    min-width: 0;
}

.jgrid>.fusion-layout-column:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / 3;
}

.jgrid>.fusion-layout-column:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

.jgrid>.fusion-layout-column:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
}

.jgrid>.fusion-layout-column:nth-child(4) {
    grid-column: 3;
    grid-row: 1;
}

.jgrid>.fusion-layout-column:nth-child(5) {
    grid-column: 3;
    grid-row: 2;
}

.jgrid .fusion-column-wrapper.fusion-column-has-shadow {
    box-shadow: none !important;
}

/* ---------- jfeat (feature card) ---------- */
.jfeat {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    min-height: 630px;
}

.jfeat .fusion-column-wrapper {
    position: relative;
    height: 100%;
    min-height: 630px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding: 32px !important;
    color: #EFE7D2;
    background-size: cover !important;
    background-position: center !important;
}

.jfeat .fusion-column-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(165deg, rgba(26, 48, 36, .10) 12%, rgba(26, 48, 36, .55) 55%, rgba(26, 48, 36, .94));
}

.jfeat .fusion-column-wrapper>* {
    position: relative;
    z-index: 2;
}

.jfeat .cat p {
    font-size: 11px !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    opacity: .85;
    margin: 0 0 6px !important;
    color: #EFE7D2 !important;
}

.jfeat h3 {
    font-family: "Quincy CF Normal Style", serif !important;
    font-weight: 400 !important;
    font-size: 27px !important;
    line-height: 1.12 !important;
    margin: 10px 0 !important;
    max-width: 90%;
    color: #F6EFDA !important;
}

.jfeat>.fusion-column-wrapper>div:not(.cat):not(:has(h3)) p,
.jfeat p:not(.cat p) {
    font-size: 14px !important;
    opacity: .9;
    max-width: 92%;
    margin: 0 !important;
    line-height: 1.5 !important;
    color: #EFE7D2 !important;
}

.jfeat .read.fusion-button {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    min-width: 0 !important;
    height: auto !important;
    margin-top: 15px !important;
    box-shadow: none !important;
}

.jfeat .read .fusion-button-text {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #EFE7D2 !important;
}

/* ---------- jsm (small cards) ---------- */
.jsm {
    display: flex !important;
    flex-direction: column !important;
}

.jsm .fusion-column-wrapper {
    padding: 0 !important;
}

.jsm .fusion-image-element {
    width: 100%;
}

.jsm .fusion-image-element .jt {
    display: block;
    width: 100%;
    aspect-ratio: 16/10;
    border-radius: 14px;
    overflow: hidden;
    background: #EDE6D5;
}

.jsm .fusion-image-element .jt img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    display: block;
}

.jsm .cat p {
    font-size: 11px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: #A98F68 !important;
    font-weight: 600 !important;
    margin: 14px 0 0 !important;
}

.jsm h4 {
    font-family: "Quincy CF Normal Style", serif !important;
    font-weight: 500 !important;
    font-size: 19px !important;
    color: #23402F !important;
    margin: 7px 0 0 !important;
    line-height: 1.2;
    min-height: 46px;
}

/* =====================================================================
     DYNAMIC BLOG SHORTCODE MATCH (added CSS)
     ===================================================================== */
.jgrid .fusion-blog-shortcode {
    display: contents;
}

.jgrid .fusion-flexslider.fusion-flexslider-loading .slides {
    display: block !important;
}

.jgrid .fusion-flexslider .flex-control-nav,
.jgrid .fusion-flexslider .flex-direction-nav {
    display: none !important;
}

.jgrid .fusion-flexslider .slides {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* jfeat: image becomes full-bleed background */
.jfeat .fusion-flexslider,
.jfeat .fusion-image-wrapper,
.jfeat .slides,
.jfeat .slides li {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 0;
}

.jfeat .fusion-image-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
}

.jfeat .fusion-flexslider img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    display: block;
}

.jfeat .fusion-post-content,
.jfeat .fusion-meta-info {
    position: relative;
    z-index: 2;
}

.jfeat .fusion-clearfix {
    display: none;
}

.jfeat .blog-shortcode-post-title,
.jfeat .blog-shortcode-post-title a {
    font-family: "Quincy CF Normal Style", serif !important;
    font-weight: 400 !important;
    font-size: 27px !important;
    line-height: 1.12 !important;
    margin: 10px 0 !important;
    max-width: 90%;
    color: #F6EFDA !important;
    text-decoration: none !important;
    display: block;
}

.jfeat .fusion-post-content-container p {
    font-size: 14px !important;
    opacity: .9;
    max-width: 92%;
    margin: 0 !important;
    line-height: 1.5 !important;
    color: #EFE7D2 !important;
}

.jfeat .fusion-meta-info {
    text-align: left;
}

.jgrid .fusion-alignright {
    float: none;
    text-align: left;
}

.jgrid .fusion-read-more {
    display: inline-block;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #EFE7D2 !important;
    text-decoration: none !important;
    margin-top: 15px !important;
}

/* jsm: image becomes rounded thumbnail */
.jsm .fusion-flexslider {
    position: static;
    display: block;
    width: 100%;
    margin-bottom: 0px !important;
}

.jgrid .blog-first .fusion-posts-container {
    grid-template-columns: 1fr;
}

.jsm .slides li {
    display: block;
}

.jgrid .fusion-meta-info {
    clear: both;
    overflow: hidden;
    margin-top: 0px;
    padding: 0;
    border-top: none;
    border-bottom: none;
}

.jgrid .fusion-blog-shortcode .fusion-read-more:after {
    right: -14px;
    color: #EFE7D2;
    font-size: 20px;
}

.jsm .fusion-blog-shortcode .fusion-read-more:after {
    right: -14px;
    color: #23402f !important;
    font-size: 20px;
}

.jsm a.fusion-read-more {
    color: #23402f !important;
}

.jgrid .alignright,
.jgrid .fusion-alignright {
    margin-left: 0px;
}

.jsm .fusion-image-wrapper {
    display: block;
    width: 100%;
    aspect-ratio: 16/10;
    border-radius: 14px;
    overflow: hidden;
    background: #EDE6D5;
}

.jsm .fusion-image-wrapper a {
    display: block;
    width: 100%;
    height: 100%;
}

.jsm .fusion-flexslider img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    display: block;
}

.jsm .blog-shortcode-post-title,
.jsm .blog-shortcode-post-title a {
    font-family: "Quincy CF Normal Style", serif !important;
    font-weight: 500 !important;
    font-size: 19px !important;
    color: #23402F !important;
    margin: 7px 0 0 !important;
    line-height: 1.2;
    min-height: 46px;
    display: block;
    text-decoration: none !important;
}

.jsm .fusion-post-content-container,
.jsm .fusion-clearfix {
    display: none !important;
}

.jgrid article.fusion-post-large {
    display: block;
    margin-bottom: 0px;
}

.jgrid .fusion-posts-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 24px;
}

/* =====================================================================
   RESPONSIVE VISIBILITY — desktop-only vs mobile-view columns
   ===================================================================== */
.desktop-only {
    display: block !important;
}

.mobile-view {
    display: none !important;
}

@media (max-width: 768px) {
    .jgrid.fusion-row {
        gap: 0px;
        grid-template-columns: 1fr !important;
    }

    /* swap visibility */
    .desktop-only {
        display: none !important;
    }

    .mobile-view.jcol.jsm {
        display: block !important;
    }

    /* the mobile column already gets the .jsm thumbnail/title styling
       for free (image, category, h2 title, hidden excerpt/meta) —
       we only need to turn its post grid into a horizontal slider */
    .mobile-view .fusion-column-wrapper,
    .mobile-view .fusion-blog-shortcode {
        display: contents;
    }

    .mobile-view .fusion-posts-container {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x pan-y !important;
        scroll-snap-type: x mandatory !important;
        gap: 14px !important;
        padding: 4px 20px 20px !important;
        margin: 0 -20px !important;
    }

    .mobile-view .fusion-posts-container::-webkit-scrollbar {
        display: none;
    }

    .mobile-view article.fusion-post-large {
        flex: 0 0 auto !important;
        width: 78% !important;
        max-width: 300px !important;
        scroll-snap-align: center;
        margin: 0 !important;
    }
}

/* ===== ROADMAP MOBILE SLIDER — FORCE FIX ===== */
@media (max-width: 993px) {

    body .pc-roadmap,
    body .trustbar {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x pan-y !important;
        scroll-snap-type: x mandatory !important;
        gap: 14px !important;
        padding: 4px 8px 16px !important;
        scroll-padding-left: 8px !important;
        scroll-padding-right: 8px !important;
        margin: 0 !important;
    }

    body .pc-roadmap::-webkit-scrollbar,
    body .trustbar::-webkit-scrollbar {
        display: none;
    }

    body .pc-roadmap>section.fusion-layout-column {
        --awb-width-small: 82% !important;
        flex: 0 0 auto !important;
        width: 82% !important;
        max-width: 320px !important;
        scroll-snap-align: center;
    }

}

.paragrapg-description p {
    opacity: .9;
}