/* /Components/Pages/Accessibility.razor.rz.scp.css */
/* ==========================================================================
   Accessibility.razor — Scoped Styles
   Legal content page: clean typography, 1920s heritage aesthetic
   ========================================================================== */

/* ---------- Site Navigation ---------- */

.site-nav[b-buwxy9cvnb] {
    background-color: var(--pb-charcoal);
    padding: var(--pb-space-sm) var(--pb-space-md);
    border-bottom: 2px solid var(--pb-gold);
}

.site-nav-logo[b-buwxy9cvnb] {
    display: inline-block;
    line-height: 0;
    transition: opacity 0.2s;
}

.site-nav-logo:hover[b-buwxy9cvnb] {
    opacity: 0.8;
}

.site-nav-logo img[b-buwxy9cvnb] {
    height: 48px;
    width: auto;
}

/* ---------- Hero Section ---------- */

.hero[b-buwxy9cvnb] {
    position: relative;
    width: 100%;
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
    overflow: hidden;
}

.hero[b-buwxy9cvnb]::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.10;
    background-image:
        repeating-linear-gradient(
            45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 20px
        ),
        repeating-linear-gradient(
            -45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 20px
        );
    pointer-events: none;
}

.hero h1[b-buwxy9cvnb] {
    font-family: var(--pb-font-display);
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-sm);
}

.hero .lead[b-buwxy9cvnb] {
    font-family: var(--pb-font-body);
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--pb-cream);
    opacity: 0.9;
    max-width: 38rem;
    margin-inline: auto;
}

.hero[b-buwxy9cvnb]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    max-width: 400px;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--pb-gold) 20%,
        var(--pb-gold) 80%,
        transparent
    );
}

/* ---------- Legal Content Body ---------- */

.legal-content[b-buwxy9cvnb] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
}

.legal-content .effective-date[b-buwxy9cvnb] {
    font-family: var(--pb-font-ui);
    font-size: 0.85rem;
    color: var(--pb-charcoal);
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--pb-space-lg);
    padding-bottom: var(--pb-space-sm);
    border-bottom: 1px solid rgba(197, 165, 90, 0.3);
}

.legal-content h2[b-buwxy9cvnb] {
    font-family: var(--pb-font-display);
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-top: var(--pb-space-lg);
    margin-bottom: var(--pb-space-sm);
    padding-bottom: var(--pb-space-xs);
    border-bottom: 2px solid var(--pb-gold);
}

.legal-content h3[b-buwxy9cvnb] {
    font-family: var(--pb-font-display);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-top: var(--pb-space-md);
    margin-bottom: var(--pb-space-xs);
}

.legal-content p[b-buwxy9cvnb] {
    font-family: var(--pb-font-body);
    font-size: 1rem;
    line-height: 1.8;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-sm);
}

.legal-content ul[b-buwxy9cvnb] {
    font-family: var(--pb-font-body);
    font-size: 1rem;
    line-height: 1.8;
    color: var(--pb-charcoal);
    padding-left: 1.5rem;
    margin-bottom: var(--pb-space-sm);
}

.legal-content li[b-buwxy9cvnb] {
    margin-bottom: 0.4rem;
}

.legal-content a[b-buwxy9cvnb] {
    color: var(--pb-gold);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    transition: color 0.2s;
}

.legal-content a:hover[b-buwxy9cvnb] {
    color: var(--pb-charcoal);
}

/* ---------- Responsive — sm (576px) ---------- */

@media (min-width: 576px) {
    .hero[b-buwxy9cvnb] {
        padding: var(--pb-space-xl) var(--pb-space-lg);
    }

    .hero h1[b-buwxy9cvnb] {
        font-size: 2.75rem;
    }

    .hero .lead[b-buwxy9cvnb] {
        font-size: 1.125rem;
    }
}

/* ---------- Responsive — md (768px) ---------- */

@media (min-width: 768px) {
    .hero[b-buwxy9cvnb] {
        padding: 4rem var(--pb-space-lg);
    }

    .hero h1[b-buwxy9cvnb] {
        font-size: 3rem;
    }

    .legal-content h2[b-buwxy9cvnb] {
        font-size: 1.5rem;
    }
}

/* ---------- Responsive — lg (992px) ---------- */

@media (min-width: 992px) {
    .hero[b-buwxy9cvnb] {
        padding: 5rem var(--pb-space-lg);
    }

    .hero h1[b-buwxy9cvnb] {
        font-size: 3.25rem;
        letter-spacing: 0.05em;
    }

    .hero .lead[b-buwxy9cvnb] {
        font-size: 1.25rem;
    }

    .legal-content[b-buwxy9cvnb] {
        padding: 4rem var(--pb-space-lg);
    }
}

/* ---------- Responsive — xl (1200px) ---------- */

@media (min-width: 1200px) {
    .hero h1[b-buwxy9cvnb] {
        font-size: 3.5rem;
    }
}
/* /Components/Pages/Cookies.razor.rz.scp.css */
/* ==========================================================================
   Cookies.razor — Scoped Styles
   Legal content page: clean typography, 1920s heritage aesthetic
   ========================================================================== */

/* ---------- Site Navigation ---------- */

.site-nav[b-v37y18sf29] {
    background-color: var(--pb-charcoal);
    padding: var(--pb-space-sm) var(--pb-space-md);
    border-bottom: 2px solid var(--pb-gold);
}

.site-nav-logo[b-v37y18sf29] {
    display: inline-block;
    line-height: 0;
    transition: opacity 0.2s;
}

.site-nav-logo:hover[b-v37y18sf29] {
    opacity: 0.8;
}

.site-nav-logo img[b-v37y18sf29] {
    height: 48px;
    width: auto;
}

/* ---------- Hero Section ---------- */

.hero[b-v37y18sf29] {
    position: relative;
    width: 100%;
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
    overflow: hidden;
}

.hero[b-v37y18sf29]::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.10;
    background-image:
        repeating-linear-gradient(
            45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 20px
        ),
        repeating-linear-gradient(
            -45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 20px
        );
    pointer-events: none;
}

.hero h1[b-v37y18sf29] {
    font-family: var(--pb-font-display);
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-sm);
}

.hero .lead[b-v37y18sf29] {
    font-family: var(--pb-font-body);
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--pb-cream);
    opacity: 0.9;
    max-width: 38rem;
    margin-inline: auto;
}

.hero[b-v37y18sf29]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    max-width: 400px;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--pb-gold) 20%,
        var(--pb-gold) 80%,
        transparent
    );
}

/* ---------- Legal Content Body ---------- */

.legal-content[b-v37y18sf29] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
}

.legal-content .effective-date[b-v37y18sf29] {
    font-family: var(--pb-font-ui);
    font-size: 0.85rem;
    color: var(--pb-charcoal);
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--pb-space-lg);
    padding-bottom: var(--pb-space-sm);
    border-bottom: 1px solid rgba(197, 165, 90, 0.3);
}

.legal-content h2[b-v37y18sf29] {
    font-family: var(--pb-font-display);
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-top: var(--pb-space-lg);
    margin-bottom: var(--pb-space-sm);
    padding-bottom: var(--pb-space-xs);
    border-bottom: 2px solid var(--pb-gold);
}

.legal-content h3[b-v37y18sf29] {
    font-family: var(--pb-font-display);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-top: var(--pb-space-md);
    margin-bottom: var(--pb-space-xs);
}

.legal-content p[b-v37y18sf29] {
    font-family: var(--pb-font-body);
    font-size: 1rem;
    line-height: 1.8;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-sm);
}

.legal-content ul[b-v37y18sf29] {
    font-family: var(--pb-font-body);
    font-size: 1rem;
    line-height: 1.8;
    color: var(--pb-charcoal);
    padding-left: 1.5rem;
    margin-bottom: var(--pb-space-sm);
}

.legal-content li[b-v37y18sf29] {
    margin-bottom: 0.4rem;
}

.legal-content a[b-v37y18sf29] {
    color: var(--pb-gold);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    transition: color 0.2s;
}

.legal-content a:hover[b-v37y18sf29] {
    color: var(--pb-charcoal);
}

/* Inline button styled as a text link */
.legal-content .link-btn[b-v37y18sf29] {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: var(--pb-gold);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    cursor: pointer;
    transition: color 0.2s;
}

.legal-content .link-btn:hover[b-v37y18sf29] {
    color: var(--pb-charcoal);
}

/* ---------- Cookie Inventory Table ---------- */

.cookie-table[b-v37y18sf29] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--pb-font-body);
    font-size: 0.9rem;
    margin-bottom: var(--pb-space-lg);
}

.cookie-table thead[b-v37y18sf29] {
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
}

.cookie-table th[b-v37y18sf29] {
    font-family: var(--pb-font-display);
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 2px solid var(--pb-gold);
}

.cookie-table td[b-v37y18sf29] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(44, 44, 44, 0.1);
    vertical-align: top;
    line-height: 1.6;
}

.cookie-table tbody tr:hover[b-v37y18sf29] {
    background-color: rgba(197, 165, 90, 0.06);
}

.cookie-table code[b-v37y18sf29] {
    font-size: 0.85rem;
    color: var(--pb-charcoal);
    background-color: rgba(197, 165, 90, 0.12);
    padding: 0.15em 0.4em;
    border-radius: 3px;
    white-space: nowrap;
}

/* Category badges */
.badge-essential[b-v37y18sf29] {
    display: inline-block;
    font-family: var(--pb-font-ui);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--pb-cream);
    background-color: var(--pb-charcoal);
    padding: 0.2em 0.6em;
    border-radius: 3px;
}

.badge-analytics[b-v37y18sf29] {
    display: inline-block;
    font-family: var(--pb-font-ui);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--pb-charcoal);
    background-color: rgba(197, 165, 90, 0.25);
    padding: 0.2em 0.6em;
    border-radius: 3px;
}

/* ---------- Responsive — sm (576px) ---------- */

@media (min-width: 576px) {
    .hero[b-v37y18sf29] {
        padding: var(--pb-space-xl) var(--pb-space-lg);
    }

    .hero h1[b-v37y18sf29] {
        font-size: 2.75rem;
    }

    .hero .lead[b-v37y18sf29] {
        font-size: 1.125rem;
    }
}

/* ---------- Responsive — md (768px) ---------- */

@media (min-width: 768px) {
    .hero[b-v37y18sf29] {
        padding: 4rem var(--pb-space-lg);
    }

    .hero h1[b-v37y18sf29] {
        font-size: 3rem;
    }

    .legal-content h2[b-v37y18sf29] {
        font-size: 1.5rem;
    }
}

/* ---------- Responsive — lg (992px) ---------- */

@media (min-width: 992px) {
    .hero[b-v37y18sf29] {
        padding: 5rem var(--pb-space-lg);
    }

    .hero h1[b-v37y18sf29] {
        font-size: 3.25rem;
        letter-spacing: 0.05em;
    }

    .hero .lead[b-v37y18sf29] {
        font-size: 1.25rem;
    }

    .legal-content[b-v37y18sf29] {
        padding: 4rem var(--pb-space-lg);
    }
}

/* ---------- Responsive — xl (1200px) ---------- */

@media (min-width: 1200px) {
    .hero h1[b-v37y18sf29] {
        font-size: 3.5rem;
    }
}
/* /Components/Pages/Heritage.razor.rz.scp.css */
/* ==========================================================================
   Heritage.razor — Scoped Styles
   Mobile-first, Art Deco heritage aesthetic — elevated & exclusive
   ========================================================================== */

/* ---------- Accessible colour alias ---------- */
/* Gold on cream: 4.96 : 1 contrast ratio (WCAG AA) */
[b-86k7h1f48m] {
    --pb-gold-accessible: #7A6530;
}

/* ---------- Hero Section ---------- */

.heritage-hero[b-86k7h1f48m] {
    position: relative;
    width: 100%;
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
    overflow: hidden;
}

.heritage-hero__row[b-86k7h1f48m] {
    row-gap: var(--pb-space-lg);
}

.heritage-hero__content[b-86k7h1f48m] {
    position: relative;
    z-index: 1;
}

.heritage-hero__media[b-86k7h1f48m] {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}

/* Art Deco geometric overlay */
.heritage-hero[b-86k7h1f48m]::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.12;
    background-image:
        repeating-linear-gradient(
            45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 16px
        ),
        repeating-linear-gradient(
            -45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 16px
        );
    pointer-events: none;
}

.heritage-hero__headline[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1.12;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-sm);
}

.heritage-hero__sub-headline[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--pb-cream);
    opacity: 0.92;
    max-width: 38rem;
    margin-inline: auto;
}

.heritage-hero__image[b-86k7h1f48m] {
    border: 2px solid var(--pb-gold);
    box-shadow: 0 4px 16px rgba(197, 165, 90, 0.18);
    width: 100%;
    max-width: 34rem;
    height: auto;
    margin-top: var(--pb-space-lg);
}

/* ---------- Primary CTA Button (Hero) ---------- */

.heritage-hero .heritage-hero__cta[b-86k7h1f48m] {
    display: inline-block;
    font-family: var(--pb-font-ui);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background-color: var(--pb-gold);
    color: var(--pb-charcoal);
    border: 2px solid var(--pb-gold);
    padding: 0.875rem 2.25rem;
    min-height: 44px;
    min-width: 44px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    margin-top: var(--pb-space-md);
    position: relative;
    z-index: 1;
}

.heritage-hero .heritage-hero__cta:hover[b-86k7h1f48m],
.heritage-hero .heritage-hero__cta:focus-visible[b-86k7h1f48m] {
    background-color: transparent;
    color: var(--pb-cream);
    border-color: var(--pb-gold);
    box-shadow: 0 4px 16px rgba(197, 165, 90, 0.35);
    text-decoration: none;
}

.heritage-hero .heritage-hero__cta:focus-visible[b-86k7h1f48m] {
    outline: 2px solid var(--pb-cream);
    outline-offset: 3px;
}

/* Gold Art Deco divider beneath hero */
.heritage-hero[b-86k7h1f48m]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    max-width: 400px;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--pb-gold) 20%,
        var(--pb-gold) 80%,
        transparent
    );
}

/* ---------- Example Strip Section ---------- */

.example-strip[b-86k7h1f48m] {
    padding: var(--pb-space-lg) var(--pb-space-md);
    background-color: var(--pb-cream);
}

.example-strip__heading[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-xs);
}

.example-strip__lead[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    color: var(--pb-charcoal);
    max-width: 42rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-sm);
    line-height: 1.7;
}

.example-strip__item[b-86k7h1f48m] {
    padding: 0.5rem;
}

.example-strip__image[b-86k7h1f48m] {
    border: 2px solid var(--pb-gold);
    border-radius: 0.25rem;
    box-shadow: 0 2px 8px rgba(197, 165, 90, 0.15);
    width: 100%;
    height: auto;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.example-strip__image:hover[b-86k7h1f48m] {
    box-shadow: 0 4px 16px rgba(197, 165, 90, 0.3);
    transform: translateY(-2px);
}

/* ---------- Why This Works Section ---------- */

.why-works[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
    position: relative;
}

/* Gold top border accent */
.why-works[b-86k7h1f48m]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 2px;
    background-color: var(--pb-gold);
}

.why-works h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-md);
}

.why-works__list[b-86k7h1f48m] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.why-works__list li[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    font-size: 1.05rem;
    line-height: 1.8;
    color: var(--pb-cream);
    padding-left: 2rem;
    margin-bottom: var(--pb-space-sm);
    position: relative;
}

/* Gold bullet markers */
.why-works__list li[b-86k7h1f48m]::before {
    content: "◆";
    position: absolute;
    left: 0;
    color: var(--pb-gold);
    font-size: 1rem;
}

/* ---------- Programme Overview Section ---------- */

.programme[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
    position: relative;
}

/* Subtle gold top border accent */
.programme[b-86k7h1f48m]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 2px;
    background-color: var(--pb-gold);
}

.programme h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-xs);
}

.programme p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    color: var(--pb-charcoal);
    line-height: 1.8;
}

.programme p:first-of-type[b-86k7h1f48m] {
    max-width: 36rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-md);
}

/* ---------- Product Image Containers ---------- */

.programme .product-image-wrapper[b-86k7h1f48m] {
    border: 2px solid var(--pb-gold);
    border-radius: 0.5rem;
    padding: 0.75rem;
    background-color: #fff;
    box-shadow: 0 4px 16px rgba(197, 165, 90, 0.18);
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.programme .product-image-wrapper:hover[b-86k7h1f48m] {
    box-shadow: 0 6px 24px rgba(197, 165, 90, 0.32);
}

.programme .product-image-wrapper img[b-86k7h1f48m] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* CTA section image */
.cta .cta-image[b-86k7h1f48m] {
    max-width: 280px;
    margin-inline: auto;
    display: block;
    border: 2px solid var(--pb-gold);
    border-radius: 0.5rem;
    box-shadow: 0 4px 16px rgba(197, 165, 90, 0.18);
}

/* ---------- Wholesale Details Section ---------- */

.wholesale-details[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
    color: var(--pb-charcoal);
}

.wholesale-details h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-md);
}

.wholesale-details__grid[b-86k7h1f48m] {
    display: flex;
    flex-wrap: wrap;
}

/* Wholesale cards - visual card layout with gold top border */
.wholesale-card[b-86k7h1f48m] {
    border: 1px solid rgba(197, 165, 90, 0.35);
    border-top: 3px solid var(--pb-gold);
    padding: var(--pb-space-lg);
    height: 100%;
    position: relative;
    background-color: #fff;
    text-align: center;
    transition: box-shadow 0.2s ease;
}

.wholesale-card:hover[b-86k7h1f48m] {
    box-shadow: 0 4px 16px rgba(197, 165, 90, 0.25);
    transform: translateY(-2px);
}

/* Corner accents */
.wholesale-card[b-86k7h1f48m]::before,
.wholesale-card[b-86k7h1f48m]::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.wholesale-card[b-86k7h1f48m]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.wholesale-card[b-86k7h1f48m]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

.wholesale-card h3[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--pb-gold-accessible, #7A6530);
    margin-bottom: var(--pb-space-xs);
}

.wholesale-card p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    color: var(--pb-charcoal);
    opacity: 0.85;
    line-height: 1.7;
}

/* ---------- Process Steps Section ---------- */

.process-steps[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
}

.process-steps h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-md);
}

.process-steps > .container > .row:first-child p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    color: var(--pb-charcoal);
    max-width: 36rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-lg);
}

/* Step number circles */
.process-steps .step-number[b-86k7h1f48m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid var(--pb-gold);
    background-color: transparent;
    color: var(--pb-gold-accessible, #7A6530);
    font-family: var(--pb-font-display);
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: var(--pb-space-sm);
}

/* Step cards */
.process-steps__step[b-86k7h1f48m] {
    border: 1px solid rgba(197, 165, 90, 0.35);
    border-top: 3px solid var(--pb-gold);
    padding: var(--pb-space-lg);
    position: relative;
    background-color: #fff;
}

/* Corner accents */
.process-steps__step[b-86k7h1f48m]::before,
.process-steps__step[b-86k7h1f48m]::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.process-steps__step[b-86k7h1f48m]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.process-steps__step[b-86k7h1f48m]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

.process-steps__step h3[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--pb-gold-accessible, #7A6530);
    margin-bottom: var(--pb-space-xs);
}

.process-steps__step p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    color: var(--pb-charcoal);
    opacity: 0.85;
    line-height: 1.7;
}

/* ---------- Risk Reduction Section ---------- */

.risk-reduction[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
}

.risk-reduction h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-md);
}

.risk-reduction > .container > .row:first-child p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    color: var(--pb-cream);
    opacity: 0.9;
    max-width: 36rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-lg);
}

/* Risk cards */
.risk-reduction [data-risk][b-86k7h1f48m] {
    border: 1px solid rgba(197, 165, 90, 0.4);
    border-top: 3px solid var(--pb-gold);
    padding: var(--pb-space-lg);
    height: 100%;
    position: relative;
}

/* Corner accents */
.risk-reduction [data-risk][b-86k7h1f48m]::before,
.risk-reduction [data-risk][b-86k7h1f48m]::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.risk-reduction [data-risk][b-86k7h1f48m]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.risk-reduction [data-risk][b-86k7h1f48m]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

.risk-reduction [data-risk] h3[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--pb-gold);
    margin-bottom: var(--pb-space-xs);
}

.risk-reduction [data-risk] p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    color: var(--pb-cream);
    opacity: 0.85;
    line-height: 1.7;
}

/* ---------- Craft & Production Strip ---------- */

.craft-strip[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
}

.craft-strip h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-md);
}

/* Indicator badges */
.craft-strip__indicator[b-86k7h1f48m] {
    border: 1px solid rgba(197, 165, 90, 0.35);
    border-top: 3px solid var(--pb-gold);
    padding: var(--pb-space-md);
    background-color: #fff;
    position: relative;
}

/* Corner accents */
.craft-strip__indicator[b-86k7h1f48m]::before,
.craft-strip__indicator[b-86k7h1f48m]::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.craft-strip__indicator[b-86k7h1f48m]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.craft-strip__indicator[b-86k7h1f48m]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

.craft-strip__indicator strong[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1rem;
    font-weight: 700;
    color: var(--pb-gold-accessible, #7A6530);
    display: block;
    margin-bottom: var(--pb-space-xs);
}

.craft-strip__indicator p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    font-size: 0.85rem;
    color: var(--pb-charcoal);
    opacity: 0.85;
    line-height: 1.6;
    margin-bottom: 0;
}

/* ---------- Objection Handling Section ---------- */

.objection-handling[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
}

.objection-handling h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-md);
}

/* Objection cards */
.objection-handling__item[b-86k7h1f48m] {
    border: 1px solid rgba(197, 165, 90, 0.4);
    border-top: 3px solid var(--pb-gold);
    padding: var(--pb-space-lg);
    position: relative;
    text-align: center;
}

/* Corner accents */
.objection-handling__item[b-86k7h1f48m]::before,
.objection-handling__item[b-86k7h1f48m]::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.objection-handling__item[b-86k7h1f48m]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.objection-handling__item[b-86k7h1f48m]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

.objection-handling__item h3[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--pb-gold);
    margin-bottom: var(--pb-space-xs);
}

.objection-handling__item p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    color: var(--pb-cream);
    opacity: 0.85;
    line-height: 1.7;
}

/* ---------- Examples Gallery Section ---------- */

.examples-gallery[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
}

.examples-gallery h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-md);
}

.examples-gallery > .container > .row:first-child p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    color: var(--pb-charcoal);
    max-width: 36rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-lg);
}

.examples-gallery__item[b-86k7h1f48m] {
    text-align: center;
}

.examples-gallery__item img[b-86k7h1f48m] {
    border: 2px solid var(--pb-gold);
    box-shadow: 0 4px 16px rgba(197, 165, 90, 0.18);
    transition: box-shadow 0.2s ease;
}

.examples-gallery__item img:hover[b-86k7h1f48m] {
    box-shadow: 0 6px 24px rgba(197, 165, 90, 0.32);
}

.examples-gallery__caption[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    font-size: 0.85rem;
    color: var(--pb-gold-accessible, #7A6530);
    line-height: 1.6;
}

/* ---------- Value Proposition Section ---------- */

.value[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
}

.value h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-md);
}

.value > .container > .row:first-child p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    color: var(--pb-charcoal);
    max-width: 36rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-lg);
}

/* Value cards with gold accent */
.value .col-md-6[b-86k7h1f48m] {
    border: 1px solid var(--pb-gold);
    border-top: 3px solid var(--pb-gold);
    padding: var(--pb-space-lg);
    background-color: #fff;
    position: relative;
}

/* Corner accents — top-left & bottom-right */
.value .col-md-6[b-86k7h1f48m]::before,
.value .col-md-6[b-86k7h1f48m]::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.value .col-md-6[b-86k7h1f48m]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.value .col-md-6[b-86k7h1f48m]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

.value .col-md-6 h3[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-xs);
}

.value .col-md-6 p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    color: var(--pb-charcoal);
    opacity: 0.85;
}

/* ---------- What You Receive Section ---------- */

.includes[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
}

.includes h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-lg);
}

.includes .feature-list[b-86k7h1f48m] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.includes .feature-list li[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    font-size: 1rem;
    color: var(--pb-cream);
    padding: var(--pb-space-sm) 0;
    padding-left: 2rem;
    position: relative;
    line-height: 1.6;
}

.includes .feature-list li[b-86k7h1f48m]::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--pb-gold);
    font-weight: 700;
    font-size: 1.25rem;
}

/* ---------- Setup & Costs Section ---------- */

.pricing[b-86k7h1f48m] {
    display: none;
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
}

.pricing--visible[b-86k7h1f48m] {
    display: block;
}

.pricing h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-md);
}

.pricing > .container > .row:first-child p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    color: var(--pb-charcoal);
    max-width: 36rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-lg);
}

/* Pricing cards with gold accent */
.pricing-card[b-86k7h1f48m] {
    border: 1px solid var(--pb-gold);
    border-top: 3px solid var(--pb-gold);
    padding: var(--pb-space-lg);
    background-color: #fff;
    position: relative;
    height: 100%;
    text-align: center;
}

/* Corner accents — top-left & bottom-right */
.pricing-card[b-86k7h1f48m]::before,
.pricing-card[b-86k7h1f48m]::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.pricing-card[b-86k7h1f48m]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.pricing-card[b-86k7h1f48m]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

.pricing-card h3[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-xs);
}

.pricing-card p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    color: var(--pb-charcoal);
    opacity: 0.85;
}

.pricing .pricing-list[b-86k7h1f48m] {
    list-style: none;
    padding: 0;
    margin-top: var(--pb-space-sm);
    text-align: left;
}

.pricing .pricing-list li[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    color: var(--pb-charcoal);
    padding: var(--pb-space-xs) 0;
    padding-left: 1.5rem;
    position: relative;
}

.pricing .pricing-list li[b-86k7h1f48m]::before {
    content: "•";
    position: absolute;
    left: 0.5rem;
    color: var(--pb-gold);
    font-weight: 700;
}

/* ---------- Section Divider ---------- */

.section-divider[b-86k7h1f48m] {
    background-color: var(--pb-cream);
    padding: var(--pb-space-lg) 0;
    position: relative;
}

.section-divider[b-86k7h1f48m]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    max-width: 400px;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--pb-gold) 20%,
        var(--pb-gold) 80%,
        transparent
    );
}

/* ---------- Venues Section ---------- */

.venues[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
}

.venues h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-md);
}

.venues > .container > .row:first-child p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    color: var(--pb-cream);
    opacity: 0.9;
    max-width: 36rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-lg);
}

/* Venue type cards - simplified, just headings */
.venues .col-md-3[b-86k7h1f48m] {
    border: 1px solid rgba(197, 165, 90, 0.4);
    border-top: 3px solid var(--pb-gold);
    padding: var(--pb-space-md);
    position: relative;
}

/* Venues list - semantic list of venue types */
.venues .venues-list[b-86k7h1f48m] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--pb-space-md);
}

.venues .venues-list__item[b-86k7h1f48m] {
    border: 1px solid rgba(197, 165, 90, 0.4);
    border-top: 3px solid var(--pb-gold);
    padding: var(--pb-space-md);
    position: relative;
    text-align: center;
    font-family: var(--pb-font-display);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--pb-gold);
}

/* Corner accents for venue list items */
.venues .venues-list__item[b-86k7h1f48m]::before,
.venues .venues-list__item[b-86k7h1f48m]::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.venues .venues-list__item[b-86k7h1f48m]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.venues .venues-list__item[b-86k7h1f48m]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

/* Corner accents — top-left & bottom-right */
.venues .col-md-3[b-86k7h1f48m]::before,
.venues .col-md-3[b-86k7h1f48m]::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.venues .col-md-3[b-86k7h1f48m]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.venues .col-md-3[b-86k7h1f48m]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

.venues .col-md-3 h3[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--pb-gold);
    margin-bottom: 0;
}

/* ---------- CTA Section ---------- */

.cta[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
    position: relative;
}

/* Gold Art Deco divider above CTA */
.cta[b-86k7h1f48m]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    max-width: 400px;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--pb-gold) 20%,
        var(--pb-gold) 80%,
        transparent
    );
}

.cta h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-md);
}

.cta p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    color: var(--pb-charcoal);
    max-width: 36rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-lg);
}

.cta .btn-outline-dark[b-86k7h1f48m] {
    font-family: var(--pb-font-ui);
    font-size: 0.875rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-color: var(--pb-gold);
    color: var(--pb-charcoal);
    padding: 0.5rem 1.5rem;
    transition: background-color 0.2s, color 0.2s;
}

.cta .btn-outline-dark:hover[b-86k7h1f48m] {
    background-color: var(--pb-gold);
    color: var(--pb-charcoal);
}

/* ---------- Bottom CTA Section (visually demoted) ---------- */

.cta-bottom[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
    position: relative;
}

.cta-bottom h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-xs);
}

.cta-bottom p[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    color: var(--pb-charcoal);
    max-width: 36rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-md);
}

.cta-bottom .cta-image[b-86k7h1f48m] {
    max-width: 280px;
    margin-inline: auto;
    display: block;
    border: 2px solid var(--pb-gold);
    border-radius: 0.5rem;
    box-shadow: 0 4px 16px rgba(197, 165, 90, 0.18);
}

.cta-bottom .btn-outline-dark[b-86k7h1f48m] {
    font-family: var(--pb-font-ui);
    font-size: 0.875rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border: 1px solid var(--pb-gold);
    color: var(--pb-gold-accessible, #7A6530);
    background-color: transparent;
    padding: 0.5rem 1.5rem;
    min-height: 44px;
    min-width: 44px;
    transition: background-color 0.2s, color 0.2s;
}

.cta-bottom .btn-outline-dark:hover[b-86k7h1f48m] {
    background-color: var(--pb-gold);
    color: var(--pb-charcoal);
}

.cta-bottom .btn-outline-dark:focus-visible[b-86k7h1f48m] {
    outline: 2px solid var(--pb-charcoal);
    outline-offset: 3px;
}

/* ---------- Signup Form Mount ---------- */

#signup-form[b-86k7h1f48m] {
    max-width: 28rem;
    margin-inline: auto;
}

/* ---------- Proposal Form Section ---------- */

#proposal-form[b-86k7h1f48m] {
    scroll-margin-top: 1rem;
}

.proposal-form[b-86k7h1f48m] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
    position: relative;
}

.proposal-form[b-86k7h1f48m]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 120px;
    height: 2px;
    background-color: var(--pb-gold);
}

.proposal-form h2[b-86k7h1f48m] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-lg);
    text-align: center;
}

.proposal-form form[b-86k7h1f48m] {
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(197, 165, 90, 0.3);
    border-top: 3px solid var(--pb-gold);
    padding: var(--pb-space-lg);
    position: relative;
}

/* Corner accents */
.proposal-form form[b-86k7h1f48m]::before,
.proposal-form form[b-86k7h1f48m]::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.proposal-form form[b-86k7h1f48m]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.proposal-form form[b-86k7h1f48m]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

.proposal-form .form-group[b-86k7h1f48m] {
    margin-bottom: var(--pb-space-md);
}

.proposal-form label[b-86k7h1f48m] {
    display: block;
    font-family: var(--pb-font-ui);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--pb-gold);
    margin-bottom: var(--pb-space-xs);
}

.proposal-form input[type="text"][b-86k7h1f48m],
.proposal-form input[type="email"][b-86k7h1f48m] {
    width: 100%;
    padding: 0.75rem 1rem;
    font-family: var(--pb-font-body);
    font-size: 1rem;
    color: var(--pb-charcoal);
    background-color: var(--pb-cream);
    border: 1px solid rgba(197, 165, 90, 0.4);
    border-radius: 0;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    min-height: 44px;
}

.proposal-form input[type="text"]:focus-visible[b-86k7h1f48m],
.proposal-form input[type="email"]:focus-visible[b-86k7h1f48m] {
    outline: 2px solid var(--pb-gold);
    outline-offset: 2px;
    border-color: var(--pb-gold);
    box-shadow: 0 0 0 2px rgba(197, 165, 90, 0.25);
}

.proposal-form .consent-group[b-86k7h1f48m] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.proposal-form .consent-group label[b-86k7h1f48m] {
    display: inline;
    text-transform: none;
    font-weight: 400;
    font-size: 0.85rem;
    color: var(--pb-cream);
    opacity: 0.85;
}

.proposal-form .consent-group input[type="checkbox"][b-86k7h1f48m] {
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-top: 0.1rem;
    accent-color: var(--pb-gold);
    cursor: pointer;
    /* Ensure 44px touch target via padding */
    padding: 10px;
}

.proposal-form .consent-group input[type="checkbox"]:focus-visible[b-86k7h1f48m] {
    outline: 2px solid var(--pb-cream);
    outline-offset: 2px;
}

.proposal-form .consent-group a[b-86k7h1f48m] {
    color: var(--pb-gold);
    text-decoration: underline;
}

.proposal-form .consent-group a:focus-visible[b-86k7h1f48m] {
    outline: 2px solid var(--pb-cream);
    outline-offset: 2px;
}

/* Form microcopy - reassurance text */
.proposal-form .form-microcopy[b-86k7h1f48m] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    color: var(--pb-cream);
    opacity: 0.92;
    text-align: center;
    margin-top: var(--pb-space-md);
    margin-bottom: 0;
    line-height: 1.6;
}

.proposal-form button[type="submit"][b-86k7h1f48m] {
    display: block;
    width: 100%;
    font-family: var(--pb-font-ui);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background-color: var(--pb-gold);
    color: var(--pb-charcoal);
    border: 2px solid var(--pb-gold);
    padding: 0.875rem 2rem;
    min-height: 44px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
    margin-top: var(--pb-space-lg);
}

.proposal-form button[type="submit"]:hover:not(:disabled)[b-86k7h1f48m] {
    background-color: transparent;
    color: var(--pb-cream);
}

.proposal-form button[type="submit"]:disabled[b-86k7h1f48m] {
    opacity: 0.5;
    cursor: not-allowed;
}

.proposal-form button[type="submit"]:focus-visible[b-86k7h1f48m] {
    outline: 2px solid var(--pb-cream);
    outline-offset: 3px;
}

/* ---------- Responsive — sm (576px) ---------- */

@media (min-width: 576px) {
    .heritage-hero[b-86k7h1f48m] {
        padding: var(--pb-space-xl) var(--pb-space-lg);
    }

    .heritage-hero__headline[b-86k7h1f48m] {
        font-size: 2.05rem;
    }

    .heritage-hero__sub-headline[b-86k7h1f48m] {
        font-size: 1.125rem;
    }
}

/* ---------- Responsive — md (768px) ---------- */

@media (min-width: 768px) {
    .heritage-hero[b-86k7h1f48m] {
        padding: 4.5rem var(--pb-space-lg);
    }

    .heritage-hero__row[b-86k7h1f48m] {
        row-gap: 0;
    }

    .heritage-hero__content[b-86k7h1f48m] {
        text-align: left;
    }

    .heritage-hero__headline[b-86k7h1f48m] {
        font-size: 2.2rem;
    }

    .heritage-hero__image[b-86k7h1f48m] {
        margin-top: 0;
    }

    .heritage-hero__sub-headline[b-86k7h1f48m] {
        margin-inline: 0;
    }

    .programme h2[b-86k7h1f48m],
    .wholesale-details h2[b-86k7h1f48m],
    .process-steps h2[b-86k7h1f48m],
    .risk-reduction h2[b-86k7h1f48m],
    .craft-strip h2[b-86k7h1f48m],
    .objection-handling h2[b-86k7h1f48m],
    .examples-gallery h2[b-86k7h1f48m],
    .value h2[b-86k7h1f48m],
    .includes h2[b-86k7h1f48m],
    .pricing h2[b-86k7h1f48m],
    .venues h2[b-86k7h1f48m],
    .cta h2[b-86k7h1f48m],
    .cta-bottom h2[b-86k7h1f48m],
    .proposal-form h2[b-86k7h1f48m] {
        font-size: 1.75rem;
    }

    .wholesale-details [data-detail] h3[b-86k7h1f48m],
    .process-steps__step h3[b-86k7h1f48m],
    .risk-reduction [data-risk] h3[b-86k7h1f48m],
    .objection-handling__item h3[b-86k7h1f48m],
    .value .col-md-6 h3[b-86k7h1f48m],
    .pricing-card h3[b-86k7h1f48m] {
        font-size: 1.25rem;
    }

    .craft-strip__indicator strong[b-86k7h1f48m] {
        font-size: 1.1rem;
    }

    .venues .col-md-3 h3[b-86k7h1f48m] {
        font-size: 1.15rem;
    }

    .venues .venues-list[b-86k7h1f48m] {
        grid-template-columns: repeat(4, 1fr);
    }

    .venues .venues-list__item[b-86k7h1f48m] {
        font-size: 1.15rem;
    }
}

/* ---------- Responsive — lg (992px) ---------- */

@media (min-width: 992px) {
    .heritage-hero[b-86k7h1f48m] {
        padding: 5rem var(--pb-space-lg);
    }

    .heritage-hero__headline[b-86k7h1f48m] {
        font-size: 2.45rem;
        letter-spacing: 0.04em;
    }

    .heritage-hero__sub-headline[b-86k7h1f48m] {
        font-size: 1.25rem;
    }

    .programme[b-86k7h1f48m],
    .wholesale-details[b-86k7h1f48m],
    .process-steps[b-86k7h1f48m],
    .risk-reduction[b-86k7h1f48m],
    .craft-strip[b-86k7h1f48m],
    .objection-handling[b-86k7h1f48m],
    .examples-gallery[b-86k7h1f48m],
    .value[b-86k7h1f48m],
    .includes[b-86k7h1f48m],
    .pricing[b-86k7h1f48m],
    .venues[b-86k7h1f48m],
    .cta[b-86k7h1f48m],
    .cta-bottom[b-86k7h1f48m],
    .proposal-form[b-86k7h1f48m] {
        padding: 5rem var(--pb-space-lg);
    }
}

/* ---------- Responsive — xl (1200px) ---------- */

@media (min-width: 1200px) {
    .heritage-hero__headline[b-86k7h1f48m] {
        font-size: 2.65rem;
    }

    .example-strip__heading[b-86k7h1f48m] {
        font-size: 1.45rem;
    }
}

/* ---------- Reduced Motion ---------- */

@media (prefers-reduced-motion: reduce) {
    *[b-86k7h1f48m],
    *[b-86k7h1f48m]::before,
    *[b-86k7h1f48m]::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}
/* /Components/Pages/Index.razor.rz.scp.css */
/* ==========================================================================
   Index.razor — Scoped Styles
   Mobile-first, Art Deco heritage aesthetic
   ========================================================================== */

/* ---------- Smooth Scroll ---------- */

:root[b-ff1qq41nkd] {
    scroll-behavior: smooth;

    /* Accessible gold for text on light backgrounds — 4.96:1 on cream */
    --pb-gold-accessible: #7A6530;
}

/* ---------- Hero Section ---------- */

.hero[b-ff1qq41nkd] {
    position: relative;
    width: 100%;
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
    overflow: hidden;
}

/* Subtle Art Deco geometric texture overlay */
.hero[b-ff1qq41nkd]::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.10;
    background-image:
        repeating-linear-gradient(
            45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 20px
        ),
        repeating-linear-gradient(
            -45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 20px
        );
    pointer-events: none;
}

.hero h1[b-ff1qq41nkd] {
    font-family: var(--pb-font-display);
    font-size: 1.85rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-sm);
}

.hero .lead[b-ff1qq41nkd] {
    font-family: var(--pb-font-body);
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--pb-cream);
    opacity: 0.9;
    max-width: 38rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-md);
}

.hero-cta[b-ff1qq41nkd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--pb-font-ui);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--pb-charcoal);
    background-color: var(--pb-gold);
    border: 2px solid var(--pb-gold);
    padding: 0.85rem 2rem;
    min-height: 48px;
    margin-bottom: var(--pb-space-xs);
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.hero-cta:hover[b-ff1qq41nkd] {
    background-color: var(--pb-cream);
    color: var(--pb-charcoal);
    border-color: var(--pb-gold);
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.35);
}

.hero-cta:focus-visible[b-ff1qq41nkd] {
    outline: 2px solid var(--pb-gold);
    outline-offset: 3px;
}

.hero-cta-subtext[b-ff1qq41nkd] {
    font-family: var(--pb-font-body);
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--pb-cream);
    opacity: 0.75;
    max-width: 32rem;
    margin-inline: auto;
}

.hero-content[b-ff1qq41nkd] {
    position: relative;
    z-index: 1;
}

/* Gold Art Deco divider beneath hero */
.hero[b-ff1qq41nkd]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    max-width: 400px;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--pb-gold) 20%,
        var(--pb-gold) 80%,
        transparent
    );
}

/* ---------- Info Pack Form Section ---------- */

.info-pack-section[b-ff1qq41nkd] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
}

.info-pack-section h2[b-ff1qq41nkd] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-sm);
}

.info-pack-intro[b-ff1qq41nkd] {
    font-family: var(--pb-font-body);
    font-size: 1rem;
    line-height: 1.6;
    color: var(--pb-cream);
    opacity: 0.9;
    max-width: 36rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-lg);
}

/* ---------- Which Option Section ---------- */

.which-option[b-ff1qq41nkd] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
}

.which-option h2[b-ff1qq41nkd] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-lg);
}

.which-option-grid[b-ff1qq41nkd] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--pb-space-lg);
    max-width: 64rem;
    margin-inline: auto;
}

.option-card[b-ff1qq41nkd] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--pb-cream);
    color: var(--pb-charcoal);
    padding: var(--pb-space-lg);
    border: 1px solid var(--pb-gold);
    border-top: 3px solid var(--pb-gold);
}

/* Art Deco corner accents */
.option-card[b-ff1qq41nkd]::before,
.option-card[b-ff1qq41nkd]::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.option-card[b-ff1qq41nkd]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.option-card[b-ff1qq41nkd]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

.option-card h3[b-ff1qq41nkd] {
    font-family: var(--pb-font-display);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-sm);
}

.option-card p[b-ff1qq41nkd] {
    font-family: var(--pb-font-body);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--pb-charcoal);
}

/* ---------- Pathway Cards (used in Which Option section) ---------- */

.pathway-card[b-ff1qq41nkd] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--pb-cream);
    color: var(--pb-charcoal);
    padding: var(--pb-space-lg);
    border: 1px solid var(--pb-gold);
    border-top: 3px solid var(--pb-gold);
}

/* Art Deco corner accents */
.pathway-card[b-ff1qq41nkd]::before,
.pathway-card[b-ff1qq41nkd]::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.pathway-card[b-ff1qq41nkd]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.pathway-card[b-ff1qq41nkd]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

.pathway-card h3[b-ff1qq41nkd] {
    font-family: var(--pb-font-display);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-sm);
}

.pathway-card p[b-ff1qq41nkd] {
    font-family: var(--pb-font-body);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-md);
}

.pathway-card a[b-ff1qq41nkd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-family: var(--pb-font-ui);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--pb-charcoal);
    background-color: var(--pb-gold);
    border: 2px solid var(--pb-gold);
    padding: 0.85rem 2rem;
    min-height: 48px;
    margin-top: auto;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.pathway-card a:hover[b-ff1qq41nkd] {
    background-color: var(--pb-charcoal);
    color: var(--pb-gold);
    border-color: var(--pb-gold);
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.35);
}

/* ---------- Built for Retail Section ---------- */

.built-for-retail[b-ff1qq41nkd] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
}

.built-for-retail h2[b-ff1qq41nkd] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-lg);
}

.benefits-grid[b-ff1qq41nkd] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--pb-space-md);
    max-width: 64rem;
    margin-inline: auto;
}

.benefit-item[b-ff1qq41nkd] {
    display: flex;
    flex-direction: column;
    gap: var(--pb-space-xs);
}

.benefit-label[b-ff1qq41nkd] {
    font-family: var(--pb-font-ui);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--pb-gold-accessible);
}

.benefit-detail[b-ff1qq41nkd] {
    font-family: var(--pb-font-body);
    font-size: 1rem;
    line-height: 1.6;
    color: var(--pb-charcoal);
    max-width: 60ch;
    overflow-wrap: break-word;
}

.closing-line[b-ff1qq41nkd] {
    font-family: var(--pb-font-body);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--pb-charcoal);
    max-width: 48rem;
    margin-inline: auto;
    margin-top: var(--pb-space-lg);
}

/* ---------- Next Steps Section (light — cream background) ---------- */

.next-steps[b-ff1qq41nkd] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
    color: var(--pb-charcoal);
}

.next-steps h2[b-ff1qq41nkd] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-lg);
}

.next-steps-grid[b-ff1qq41nkd] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--pb-space-md);
    max-width: 48rem;
    margin-inline: auto;
}

.next-step-option[b-ff1qq41nkd] {
    padding: var(--pb-space-md);
    border-left: 3px solid var(--pb-gold);
}

.next-step-option p[b-ff1qq41nkd] {
    font-family: var(--pb-font-body);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-xs);
}

.next-step-option a[b-ff1qq41nkd] {
    font-family: var(--pb-font-ui);
    font-size: 0.875rem;
    letter-spacing: 0.04em;
    color: var(--pb-gold-accessible);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    transition: opacity 0.2s;
}

.next-step-option a:hover[b-ff1qq41nkd] {
    opacity: 0.75;
}

/* ══════════════════════════════════════════════════════════════════════
   Responsive Breakpoints — Mobile-first
   ══════════════════════════════════════════════════════════════════════ */

/* ---------- Responsive — sm (576px) ---------- */

@media (min-width: 576px) {
    .hero[b-ff1qq41nkd] {
        padding: var(--pb-space-xl) var(--pb-space-lg);
    }

    .hero h1[b-ff1qq41nkd] {
        font-size: 2.15rem;
    }

    .hero .lead[b-ff1qq41nkd] {
        font-size: 1.125rem;
    }

    .which-option h2[b-ff1qq41nkd] {
        font-size: 1.75rem;
    }
}

/* ---------- Responsive — md (768px) ---------- */

@media (min-width: 768px) {
    .hero[b-ff1qq41nkd] {
        padding: 4rem var(--pb-space-lg);
    }

    .hero h1[b-ff1qq41nkd] {
        font-size: 2.5rem;
    }

    .which-option-grid[b-ff1qq41nkd] {
        grid-template-columns: 1fr 1fr;
    }

    .benefits-grid[b-ff1qq41nkd] {
        grid-template-columns: 1fr 1fr;
    }

    .next-steps-grid[b-ff1qq41nkd] {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .which-option[b-ff1qq41nkd],
    .built-for-retail[b-ff1qq41nkd],
    .next-steps[b-ff1qq41nkd] {
        padding: var(--pb-space-xl) var(--pb-space-lg);
    }

    .info-pack-section[b-ff1qq41nkd] {
        padding: var(--pb-space-xl) var(--pb-space-lg);
    }

    .info-pack-section h2[b-ff1qq41nkd] {
        font-size: 1.75rem;
    }

    .built-for-retail h2[b-ff1qq41nkd],
    .next-steps h2[b-ff1qq41nkd] {
        font-size: 1.75rem;
    }
}

/* ---------- Responsive — lg (992px) ---------- */

@media (min-width: 992px) {
    .hero[b-ff1qq41nkd] {
        padding: 4.5rem var(--pb-space-lg);
    }

    .hero h1[b-ff1qq41nkd] {
        font-size: 2.75rem;
        letter-spacing: 0.05em;
    }

    .hero .lead[b-ff1qq41nkd] {
        font-size: 1.25rem;
    }

    .benefits-grid[b-ff1qq41nkd] {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .which-option[b-ff1qq41nkd],
    .built-for-retail[b-ff1qq41nkd],
    .next-steps[b-ff1qq41nkd] {
        padding: 5rem var(--pb-space-lg);
    }

    .info-pack-section[b-ff1qq41nkd] {
        padding: 5rem var(--pb-space-lg);
    }

    .info-pack-section h2[b-ff1qq41nkd] {
        font-size: 2rem;
    }

    .which-option h2[b-ff1qq41nkd] {
        font-size: 2rem;
    }

    .built-for-retail h2[b-ff1qq41nkd],
    .next-steps h2[b-ff1qq41nkd] {
        font-size: 2rem;
    }
}

/* ---------- Responsive — xl (1200px) ---------- */

@media (min-width: 1200px) {
    .hero h1[b-ff1qq41nkd] {
        font-size: 3rem;
    }
}

/* ---------- Global max-width constraint ---------- */

@media (min-width: 1400px) {
    .hero .container[b-ff1qq41nkd],
    .which-option .container[b-ff1qq41nkd],
    .built-for-retail .container[b-ff1qq41nkd],
    .next-steps .container[b-ff1qq41nkd],
    .info-pack-section .container[b-ff1qq41nkd] {
        max-width: 1200px;
        margin-inline: auto;
    }
}

/* ══════════════════════════════════════════════════════════════════════
   Accessibility: Focus Indicators
   WCAG 2.2 AA — :focus-visible, 2px minimum, 3:1 contrast against adjacent
   ══════════════════════════════════════════════════════════════════════ */

/* Dark backgrounds (charcoal): gold outline — 5.92:1 contrast */

/* Light backgrounds (cream/cream cards): charcoal outline — 12.31:1 contrast */
.pathway-card a:focus-visible[b-ff1qq41nkd] {
    outline: 2px solid var(--pb-charcoal);
    outline-offset: 3px;
}

/* Light background links: charcoal outline */
.next-step-option a:focus-visible[b-ff1qq41nkd] {
    outline: 2px solid var(--pb-charcoal);
    outline-offset: 3px;
}

/* ══════════════════════════════════════════════════════════════════════
   Accessibility: Reduced Motion
   ══════════════════════════════════════════════════════════════════════ */

@media (prefers-reduced-motion: reduce) {
    :root[b-ff1qq41nkd] {
        scroll-behavior: auto;
    }

    .hero-cta[b-ff1qq41nkd],
    .pathway-card a[b-ff1qq41nkd],
    .next-step-option a[b-ff1qq41nkd] {
        transition: none;
    }
}

/* ══════════════════════════════════════════════════════════════════════
   Accessibility: Touch Targets
   44×44px minimum, 8px spacing between adjacent targets
   ══════════════════════════════════════════════════════════════════════ */

/* Pathway card CTA buttons — full-width, 48px height, prominent shadow */
/* /Components/Pages/NotFound.razor.rz.scp.css */
/* ==========================================================================
   NotFound.razor — Scoped Styles
   Branded 404 error page: 1920s heritage mystery aesthetic
   ========================================================================== */

/* ---------- Heritage Error Section ---------- */

.heritage-error[b-6txxptfqw5] {
    position: relative;
    width: 100%;
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
    overflow: hidden;
}

.heritage-error[b-6txxptfqw5]::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.08;
    background-image:
        repeating-linear-gradient(
            45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 24px
        ),
        repeating-linear-gradient(
            -45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 24px
        );
    pointer-events: none;
}

/* ---------- Decorative Element ---------- */

.heritage-decoration[b-6txxptfqw5] {
    font-size: 2rem;
    color: var(--pb-gold);
    margin-bottom: var(--pb-space-sm);
    letter-spacing: 0.5em;
}

/* ---------- Error Code ---------- */

.error-code[b-6txxptfqw5] {
    font-family: var(--pb-font-display);
    font-size: 5rem;
    font-weight: 700;
    color: var(--pb-gold);
    letter-spacing: 0.15em;
    line-height: 1;
    margin-bottom: var(--pb-space-xs);
    opacity: 0.3;
}

/* ---------- Heading ---------- */

.heritage-error h1[b-6txxptfqw5] {
    font-family: var(--pb-font-display);
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-sm);
}

/* ---------- Lead Text ---------- */

.heritage-error .lead[b-6txxptfqw5] {
    font-family: var(--pb-font-body);
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--pb-cream);
    opacity: 0.85;
    max-width: 32rem;
    margin-inline: auto;
    font-style: italic;
}

/* ---------- Gold Decorative Rule ---------- */

.heritage-rule[b-6txxptfqw5] {
    border: none;
    height: 3px;
    max-width: 200px;
    margin: var(--pb-space-lg) auto;
    background: linear-gradient(
        90deg,
        transparent,
        var(--pb-gold) 20%,
        var(--pb-gold) 80%,
        transparent
    );
}

/* ---------- Navigation Links ---------- */

.heritage-nav[b-6txxptfqw5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--pb-space-sm);
    flex-wrap: wrap;
}

.heritage-link[b-6txxptfqw5] {
    font-family: var(--pb-font-display);
    font-size: 1rem;
    color: var(--pb-gold);
    text-decoration: none;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.5em 1em;
    border: 1px solid var(--pb-gold);
    transition: background-color 0.2s, color 0.2s;
}

.heritage-link:hover[b-6txxptfqw5] {
    background-color: var(--pb-gold);
    color: var(--pb-charcoal);
}

.heritage-separator[b-6txxptfqw5] {
    color: var(--pb-gold);
    opacity: 0.5;
    font-size: 0.75rem;
}

/* ---------- Bottom Accent ---------- */

.heritage-error[b-6txxptfqw5]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    max-width: 400px;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--pb-gold) 20%,
        var(--pb-gold) 80%,
        transparent
    );
}

/* ---------- Responsive — sm (576px) ---------- */

@media (min-width: 576px) {
    .heritage-error[b-6txxptfqw5] {
        padding: var(--pb-space-xl) var(--pb-space-lg);
    }

    .heritage-error h1[b-6txxptfqw5] {
        font-size: 2.5rem;
    }

    .error-code[b-6txxptfqw5] {
        font-size: 6rem;
    }
}

/* ---------- Responsive — md (768px) ---------- */

@media (min-width: 768px) {
    .heritage-error[b-6txxptfqw5] {
        padding: 5rem var(--pb-space-lg);
    }

    .heritage-error h1[b-6txxptfqw5] {
        font-size: 2.75rem;
    }

    .error-code[b-6txxptfqw5] {
        font-size: 7rem;
    }

    .heritage-error .lead[b-6txxptfqw5] {
        font-size: 1.125rem;
    }
}

/* ---------- Responsive — lg (992px) ---------- */

@media (min-width: 992px) {
    .heritage-error h1[b-6txxptfqw5] {
        font-size: 3rem;
        letter-spacing: 0.05em;
    }

    .error-code[b-6txxptfqw5] {
        font-size: 8rem;
    }

    .heritage-error .lead[b-6txxptfqw5] {
        font-size: 1.25rem;
    }
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
/* ==========================================================================
   Privacy.razor — Scoped Styles
   Legal content page: clean typography, 1920s heritage aesthetic
   ========================================================================== */

/* ---------- Site Navigation ---------- */

.site-nav[b-2md564y57d] {
    background-color: var(--pb-charcoal);
    padding: var(--pb-space-sm) var(--pb-space-md);
    border-bottom: 2px solid var(--pb-gold);
}

.site-nav-logo[b-2md564y57d] {
    display: inline-block;
    line-height: 0;
    transition: opacity 0.2s;
}

.site-nav-logo:hover[b-2md564y57d] {
    opacity: 0.8;
}

.site-nav-logo img[b-2md564y57d] {
    height: 48px;
    width: auto;
}

/* ---------- Hero Section ---------- */

.hero[b-2md564y57d] {
    position: relative;
    width: 100%;
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
    overflow: hidden;
}

.hero[b-2md564y57d]::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.10;
    background-image:
        repeating-linear-gradient(
            45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 20px
        ),
        repeating-linear-gradient(
            -45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 20px
        );
    pointer-events: none;
}

.hero h1[b-2md564y57d] {
    font-family: var(--pb-font-display);
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-sm);
}

.hero .lead[b-2md564y57d] {
    font-family: var(--pb-font-body);
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--pb-cream);
    opacity: 0.9;
    max-width: 38rem;
    margin-inline: auto;
}

.hero[b-2md564y57d]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    max-width: 400px;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--pb-gold) 20%,
        var(--pb-gold) 80%,
        transparent
    );
}

/* ---------- Legal Content Body ---------- */

.legal-content[b-2md564y57d] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
}

.legal-content .effective-date[b-2md564y57d] {
    font-family: var(--pb-font-ui);
    font-size: 0.85rem;
    color: var(--pb-charcoal);
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--pb-space-lg);
    padding-bottom: var(--pb-space-sm);
    border-bottom: 1px solid rgba(197, 165, 90, 0.3);
}

.legal-content h2[b-2md564y57d] {
    font-family: var(--pb-font-display);
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-top: var(--pb-space-lg);
    margin-bottom: var(--pb-space-sm);
    padding-bottom: var(--pb-space-xs);
    border-bottom: 2px solid var(--pb-gold);
}

.legal-content h3[b-2md564y57d] {
    font-family: var(--pb-font-display);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-top: var(--pb-space-md);
    margin-bottom: var(--pb-space-xs);
}

.legal-content p[b-2md564y57d] {
    font-family: var(--pb-font-body);
    font-size: 1rem;
    line-height: 1.8;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-sm);
}

.legal-content ul[b-2md564y57d] {
    font-family: var(--pb-font-body);
    font-size: 1rem;
    line-height: 1.8;
    color: var(--pb-charcoal);
    padding-left: 1.5rem;
    margin-bottom: var(--pb-space-sm);
}

.legal-content li[b-2md564y57d] {
    margin-bottom: 0.4rem;
}

.legal-content a[b-2md564y57d] {
    color: var(--pb-gold);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    transition: color 0.2s;
}

.legal-content a:hover[b-2md564y57d] {
    color: var(--pb-charcoal);
}

/* Inline button styled as a text link */
.legal-content .link-btn[b-2md564y57d] {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: var(--pb-gold);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    cursor: pointer;
    transition: color 0.2s;
}

.legal-content .link-btn:hover[b-2md564y57d] {
    color: var(--pb-charcoal);
}

/* ---------- Responsive — sm (576px) ---------- */

@media (min-width: 576px) {
    .hero[b-2md564y57d] {
        padding: var(--pb-space-xl) var(--pb-space-lg);
    }

    .hero h1[b-2md564y57d] {
        font-size: 2.75rem;
    }

    .hero .lead[b-2md564y57d] {
        font-size: 1.125rem;
    }
}

/* ---------- Responsive — md (768px) ---------- */

@media (min-width: 768px) {
    .hero[b-2md564y57d] {
        padding: 4rem var(--pb-space-lg);
    }

    .hero h1[b-2md564y57d] {
        font-size: 3rem;
    }

    .legal-content h2[b-2md564y57d] {
        font-size: 1.5rem;
    }
}

/* ---------- Responsive — lg (992px) ---------- */

@media (min-width: 992px) {
    .hero[b-2md564y57d] {
        padding: 5rem var(--pb-space-lg);
    }

    .hero h1[b-2md564y57d] {
        font-size: 3.25rem;
        letter-spacing: 0.05em;
    }

    .hero .lead[b-2md564y57d] {
        font-size: 1.25rem;
    }

    .legal-content[b-2md564y57d] {
        padding: 4rem var(--pb-space-lg);
    }
}

/* ---------- Responsive — xl (1200px) ---------- */

@media (min-width: 1200px) {
    .hero h1[b-2md564y57d] {
        font-size: 3.5rem;
    }
}
/* /Components/Pages/Wholesale.razor.rz.scp.css */
/* ==========================================================================
   Wholesale.razor — Scoped Styles (Phase 3 US1)
   Mobile-first, Art Deco heritage aesthetic
   ========================================================================== */

/* ---------- Utilities ---------- */

.visually-hidden[b-7cwzpqqkbq] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.container[b-7cwzpqqkbq] {
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: var(--pb-space-md);
}

/* ---------- Hero Section ---------- */

.hero[b-7cwzpqqkbq] {
    position: relative;
    width: 100%;
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
    overflow: hidden;
    text-align: center;
}

/* Subtle Art Deco geometric texture overlay */
.hero[b-7cwzpqqkbq]::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.10;
    background-image:
        repeating-linear-gradient(
            45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 20px
        ),
        repeating-linear-gradient(
            -45deg,
            var(--pb-gold) 0px,
            var(--pb-gold) 1px,
            transparent 1px,
            transparent 20px
        );
    pointer-events: none;
}

.hero h1[b-7cwzpqqkbq] {
    font-family: var(--pb-font-display);
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-sm);
    position: relative;
}

.hero .lead[b-7cwzpqqkbq] {
    font-family: var(--pb-font-body);
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--pb-cream);
    opacity: 0.9;
    max-width: 38rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-lg);
    position: relative;
}

.hero-actions[b-7cwzpqqkbq] {
    display: flex;
    flex-direction: column;
    gap: var(--pb-space-md);
    align-items: center;
    position: relative;
}

.btn-primary[b-7cwzpqqkbq] {
    display: inline-block;
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 0.75rem 1.75rem;
    background-color: var(--pb-gold);
    color: var(--pb-charcoal);
    text-decoration: none;
    border: 2px solid var(--pb-gold);
    transition: background-color 0.2s, color 0.2s;
}

.btn-primary:hover[b-7cwzpqqkbq] {
    background-color: transparent;
    color: var(--pb-cream);
}

.btn-primary:focus-visible[b-7cwzpqqkbq] {
    outline: 2px solid var(--pb-cream);
    outline-offset: 3px;
}

.heritage-link[b-7cwzpqqkbq] {
    font-family: var(--pb-font-body);
    font-size: 0.9rem;
    color: var(--pb-gold);
    text-decoration: underline;
    transition: opacity 0.2s;
}

.heritage-link:hover[b-7cwzpqqkbq] {
    opacity: 0.8;
}

.heritage-link:focus-visible[b-7cwzpqqkbq] {
    outline: 2px solid var(--pb-cream);
    outline-offset: 3px;
}

/* Gold Art Deco divider beneath hero */
.hero[b-7cwzpqqkbq]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    max-width: 400px;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent,
        var(--pb-gold) 20%,
        var(--pb-gold) 80%,
        transparent
    );
}

/* ---------- Value Props Section ---------- */

.value-props[b-7cwzpqqkbq] {
    padding: var(--pb-space-lg) var(--pb-space-md);
    background-color: var(--pb-cream);
}

.value-props-grid[b-7cwzpqqkbq] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--pb-space-md);
    margin: 0;
}

.value-prop-item[b-7cwzpqqkbq] {
    display: flex;
    flex-direction: column;
    gap: var(--pb-space-xs);
    padding: var(--pb-space-sm);
    border-left: 3px solid var(--pb-gold);
}

.value-prop-item dt[b-7cwzpqqkbq] {
    font-family: var(--pb-font-display);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--pb-charcoal);
    opacity: 0.7;
}

.value-prop-item dd[b-7cwzpqqkbq] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    color: var(--pb-charcoal);
    margin: 0;
}

/* ---------- Two-Pathway Section ---------- */

.two-pathway[b-7cwzpqqkbq] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
}

.two-pathway h2[b-7cwzpqqkbq] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-cream);
    text-align: center;
    margin-bottom: var(--pb-space-lg);
}

.pathway-grid[b-7cwzpqqkbq] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--pb-space-lg);
}

.pathway-card[b-7cwzpqqkbq] {
    border: 1px solid rgba(197, 165, 90, 0.4);
    border-top: 3px solid var(--pb-gold);
    padding: var(--pb-space-lg);
    background-color: rgba(0, 0, 0, 0.2);
    position: relative;
}

/* Corner accents — top-left & bottom-right */
.pathway-card[b-7cwzpqqkbq]::before,
.pathway-card[b-7cwzpqqkbq]::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.pathway-card[b-7cwzpqqkbq]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.pathway-card[b-7cwzpqqkbq]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

.pathway-card h3[b-7cwzpqqkbq] {
    font-family: var(--pb-font-display);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--pb-gold);
    margin-bottom: var(--pb-space-sm);
}

.pathway-card p[b-7cwzpqqkbq] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-md);
}

.pathway-card a[b-7cwzpqqkbq] {
    font-family: var(--pb-font-body);
    font-size: 0.9rem;
    color: var(--pb-gold);
    text-decoration: underline;
    transition: opacity 0.2s;
}

.pathway-card a:hover[b-7cwzpqqkbq] {
    opacity: 0.8;
}

.pathway-card a:focus-visible[b-7cwzpqqkbq] {
    outline: 2px solid var(--pb-cream);
    outline-offset: 3px;
}

/* ---------- Collections Section ---------- */

.collections[b-7cwzpqqkbq] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
}

.collections h2[b-7cwzpqqkbq] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    text-align: center;
    margin-bottom: var(--pb-space-lg);
}

.collections-grid[b-7cwzpqqkbq] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--pb-space-lg);
    margin-bottom: var(--pb-space-lg);
}

.collection-tile[b-7cwzpqqkbq] {
    border: 1px solid var(--pb-gold);
    border-top: 3px solid var(--pb-gold);
    padding: var(--pb-space-lg);
    background-color: #fff;
    position: relative;
}

/* Corner accents — top-left & bottom-right */
.collection-tile[b-7cwzpqqkbq]::before,
.collection-tile[b-7cwzpqqkbq]::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    border-color: var(--pb-gold);
    border-style: solid;
}

.collection-tile[b-7cwzpqqkbq]::before {
    top: -1px;
    left: -1px;
    border-width: 3px 0 0 3px;
}

.collection-tile[b-7cwzpqqkbq]::after {
    bottom: -1px;
    right: -1px;
    border-width: 0 3px 3px 0;
}

.collection-tile h3[b-7cwzpqqkbq] {
    font-family: var(--pb-font-display);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    margin-bottom: var(--pb-space-xs);
}

.collection-tile p[b-7cwzpqqkbq] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--pb-charcoal);
    margin: 0;
}

.view-catalogue-link[b-7cwzpqqkbq] {
    text-align: center;
}

.view-catalogue-link a[b-7cwzpqqkbq] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    color: var(--pb-charcoal);
    text-decoration: underline;
    transition: color 0.2s;
}

.view-catalogue-link a:hover[b-7cwzpqqkbq] {
    color: var(--pb-gold);
}

.view-catalogue-link a:focus-visible[b-7cwzpqqkbq] {
    outline: 2px solid var(--pb-charcoal);
    outline-offset: 3px;
}

/* ---------- Enquiry Section ---------- */

#enquiry-section[b-7cwzpqqkbq] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
}

#enquiry-section h2[b-7cwzpqqkbq] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-cream);
    text-align: center;
    margin-bottom: var(--pb-space-md);
}

#enquiry-section p[b-7cwzpqqkbq] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--pb-cream);
    text-align: center;
    max-width: 36rem;
    margin-inline: auto;
}

#enquiry-section a[b-7cwzpqqkbq] {
    color: var(--pb-gold);
    text-decoration: underline;
}

#enquiry-section a:hover[b-7cwzpqqkbq] {
    opacity: 0.8;
}

#enquiry-section a:focus-visible[b-7cwzpqqkbq] {
    outline: 2px solid var(--pb-cream);
    outline-offset: 3px;
}

/* ══════════════════════════════════════════════════════════════════════
   Accessibility: Focus Indicators — general fallback
   WCAG 2.2 AA — :focus-visible, 2px minimum, 3:1 contrast against adjacent
   ══════════════════════════════════════════════════════════════════════ */

/* General link fallback (charcoal-background context): gold outline — 5.92:1 */
a:focus-visible[b-7cwzpqqkbq] {
    outline: 2px solid var(--pb-gold);
    outline-offset: 3px;
}

/* ---------- Responsive — sm (576px) ---------- */

@media (min-width: 576px) {
    .hero[b-7cwzpqqkbq] {
        padding: var(--pb-space-xl) var(--pb-space-lg);
    }

    .hero h1[b-7cwzpqqkbq] {
        font-size: 2.25rem;
    }

    .hero .lead[b-7cwzpqqkbq] {
        font-size: 1.125rem;
    }

    .value-props-grid[b-7cwzpqqkbq] {
        grid-template-columns: repeat(2, 1fr);
    }

    .collections-grid[b-7cwzpqqkbq] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ---------- Responsive — md (768px) ---------- */

@media (min-width: 768px) {
    .hero[b-7cwzpqqkbq] {
        padding: 5rem var(--pb-space-lg);
    }

    .hero h1[b-7cwzpqqkbq] {
        font-size: 2.75rem;
    }



    .value-props-grid[b-7cwzpqqkbq] {
        grid-template-columns: repeat(3, 1fr);
    }

    .pathway-grid[b-7cwzpqqkbq] {
        grid-template-columns: repeat(2, 1fr);
    }

    .collections-grid[b-7cwzpqqkbq] {
        grid-template-columns: repeat(3, 1fr);
    }

    .two-pathway h2[b-7cwzpqqkbq],
    .collections h2[b-7cwzpqqkbq],
    #enquiry-section h2[b-7cwzpqqkbq] {
        font-size: 1.75rem;
    }
}

/* ---------- Responsive — lg (992px) ---------- */

@media (min-width: 992px) {
    .hero[b-7cwzpqqkbq] {
        padding: 6rem var(--pb-space-lg);
    }

    .hero h1[b-7cwzpqqkbq] {
        font-size: 3rem;
        letter-spacing: 0.04em;
    }

    .hero .lead[b-7cwzpqqkbq] {
        font-size: 1.25rem;
    }

    .two-pathway[b-7cwzpqqkbq],
    .collections[b-7cwzpqqkbq],
    #enquiry-section[b-7cwzpqqkbq] {
        padding: 5rem var(--pb-space-lg);
    }
}

/* ---------- How-It-Works Section ---------- */

.how-it-works[b-7cwzpqqkbq] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
}

.how-it-works h2[b-7cwzpqqkbq] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-cream);
    text-align: center;
    margin-bottom: var(--pb-space-lg);
}

.how-it-works__steps[b-7cwzpqqkbq] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--pb-space-lg);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--pb-space-lg);
}

.how-it-works__step[b-7cwzpqqkbq] {
    display: flex;
    align-items: flex-start;
    gap: var(--pb-space-md);
}

.how-it-works__number[b-7cwzpqqkbq] {
    font-family: var(--pb-font-display);
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--pb-gold);
    line-height: 1;
    min-width: 2.5rem;
    text-align: center;
    flex-shrink: 0;
}

.how-it-works__label[b-7cwzpqqkbq] {
    font-family: var(--pb-font-display);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--pb-cream);
    margin-bottom: var(--pb-space-xs);
}

.how-it-works__description[b-7cwzpqqkbq] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--pb-cream);
    opacity: 0.85;
    margin: 0;
}

.how-it-works__cta[b-7cwzpqqkbq] {
    text-align: center;
}

.how-it-works__cta a[b-7cwzpqqkbq] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    color: var(--pb-gold);
    text-decoration: underline;
    transition: opacity 0.2s;
}

.how-it-works__cta a:hover[b-7cwzpqqkbq] {
    opacity: 0.8;
}

/* ---------- FAQ Section ---------- */

.faq[b-7cwzpqqkbq] {
    padding: var(--pb-space-xl) var(--pb-space-md);
    background-color: var(--pb-cream);
}

.faq h2[b-7cwzpqqkbq] {
    font-family: var(--pb-font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    text-align: center;
    margin-bottom: var(--pb-space-lg);
}

.faq__list[b-7cwzpqqkbq] {
    max-width: 720px;
    margin-inline: auto;
}

.faq__item[b-7cwzpqqkbq] {
    border-bottom: 1px solid rgba(62, 55, 44, 0.2);
}

.faq__item:first-child[b-7cwzpqqkbq] {
    border-top: 1px solid rgba(62, 55, 44, 0.2);
}

.faq__question[b-7cwzpqqkbq] {
    font-family: var(--pb-font-display);
    font-size: 1rem;
    font-weight: 700;
    color: var(--pb-charcoal);
    padding: var(--pb-space-md) 0;
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--pb-space-sm);
    line-height: 1.4;
}

/* Remove default disclosure triangle */
.faq__question[b-7cwzpqqkbq]::-webkit-details-marker {
    display: none;
}

.faq__question[b-7cwzpqqkbq]::marker {
    display: none;
}

.faq__question[b-7cwzpqqkbq]::after {
    content: "+";
    font-family: var(--pb-font-body);
    font-size: 1.25rem;
    color: var(--pb-gold);
    flex-shrink: 0;
    font-weight: 400;
}

.faq__item[open] > .faq__question[b-7cwzpqqkbq]::after {
    content: "\2212";
}

.faq__answer[b-7cwzpqqkbq] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--pb-charcoal);
    padding: 0 0 var(--pb-space-md);
    margin: 0;
}

.faq__answer a[b-7cwzpqqkbq] {
    color: var(--pb-charcoal);
    text-decoration: underline;
    transition: color 0.2s;
}

.faq__answer a:hover[b-7cwzpqqkbq] {
    color: var(--pb-gold);
}

/* ---------- Enquiry Section — Phase 4 additions ---------- */

#enquiry-section .enquiry__lead[b-7cwzpqqkbq] {
    font-family: var(--pb-font-body);
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--pb-cream);
    text-align: center;
    max-width: 40rem;
    margin-inline: auto;
    margin-bottom: var(--pb-space-lg);
}

.enquiry__form-container[b-7cwzpqqkbq] {
    max-width: 640px;
    margin-inline: auto;
}

.enquiry__noscript[b-7cwzpqqkbq] {
    font-family: var(--pb-font-body);
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--pb-cream);
    text-align: center;
    margin-top: var(--pb-space-md);
    padding: var(--pb-space-sm) var(--pb-space-md);
    border: 1px solid rgba(197, 165, 90, 0.4);
    opacity: 0.85;
}

.enquiry__noscript a[b-7cwzpqqkbq] {
    color: var(--pb-gold);
    text-decoration: underline;
}

/* ---------- Responsive — xl (1200px) ---------- */

@media (min-width: 1200px) {
    .hero h1[b-7cwzpqqkbq] {
        font-size: 3.25rem;
    }
}

/* ---------- How-It-Works Responsive ---------- */

@media (min-width: 576px) {
    .how-it-works__steps[b-7cwzpqqkbq] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .how-it-works[b-7cwzpqqkbq] {
        padding: 5rem var(--pb-space-lg);
    }

    .how-it-works h2[b-7cwzpqqkbq] {
        font-size: 1.75rem;
    }

    .how-it-works__steps[b-7cwzpqqkbq] {
        grid-template-columns: repeat(4, 1fr);
    }

    .how-it-works__step[b-7cwzpqqkbq] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .how-it-works__number[b-7cwzpqqkbq] {
        font-size: 3rem;
        min-width: auto;
    }
}

/* ---------- FAQ Responsive ---------- */

@media (min-width: 992px) {
    .faq[b-7cwzpqqkbq] {
        padding: 5rem var(--pb-space-lg);
    }

    .faq h2[b-7cwzpqqkbq] {
        font-size: 1.75rem;
    }
}
/* /Components/SiteFooter.razor.rz.scp.css */
.site-footer[b-m2wl5rqvzo] {
    background-color: var(--pb-charcoal);
    color: var(--pb-cream);
    padding: var(--pb-space-lg) 0;
    margin-top: var(--pb-space-xl);
    border-top: 3px solid var(--pb-gold);
}

.site-footer .container[b-m2wl5rqvzo] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--pb-space-md);
    text-align: center;
}

.footer-links[b-m2wl5rqvzo] {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--pb-space-lg) 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--pb-space-md) var(--pb-space-lg);
}

.footer-links a[b-m2wl5rqvzo] {
    color: var(--pb-cream);
    text-decoration: none;
    font-family: var(--pb-font-ui);
    font-size: 0.9rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.footer-links a:hover[b-m2wl5rqvzo] {
    color: var(--pb-gold);
}

.cookie-settings-btn[b-m2wl5rqvzo] {
    background: none;
    border: none;
    color: var(--pb-cream);
    cursor: pointer;
    font-family: var(--pb-font-ui);
    font-size: 0.9rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0;
}

.cookie-settings-btn:hover[b-m2wl5rqvzo] {
    color: var(--pb-gold);
}

.business-identity[b-m2wl5rqvzo] {
    font-size: 0.75rem;
    opacity: 0.8;
    margin-bottom: var(--pb-space-md);
}

.business-identity address[b-m2wl5rqvzo] {
    font-style: normal;
    margin: var(--pb-space-xs) 0;
}

.company-name[b-m2wl5rqvzo] {
    font-family: var(--pb-font-display);
    font-size: 0.85rem;
    letter-spacing: 0.1em;
    margin-bottom: var(--pb-space-xs);
}

.copyright[b-m2wl5rqvzo] {
    font-size: 0.8rem;
    opacity: 0.6;
    margin: 0;
}

/* Art Deco accent — geometric line */
.site-footer[b-m2wl5rqvzo]::before {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    background: var(--pb-gold);
    margin: 0 auto var(--pb-space-lg) auto;
}