/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-workspace[b-8pf3ucj6tp] { min-height: 100vh; background: #f4f6f8; padding-bottom: 3rem; }
.admin-header[b-8pf3ucj6tp] { background: #183b54; color: white; }
.admin-header-content[b-8pf3ucj6tp] { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-block: 1rem; }
.admin-brand[b-8pf3ucj6tp] { display: flex; gap: .85rem; align-items: center; color: white; text-decoration: none; }
.admin-brand img[b-8pf3ucj6tp] { width: 9rem; height: auto; object-fit: contain; padding: .45rem; background: white; border-radius: .35rem; }
.admin-brand span[b-8pf3ucj6tp] { display: grid; gap: .2rem; }
.admin-brand strong[b-8pf3ucj6tp] { font-family: Georgia, serif; font-size: 1.15rem; }
.admin-brand small[b-8pf3ucj6tp] { color: #d6e5ef; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.admin-actions[b-8pf3ucj6tp] { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; }
.admin-actions a[b-8pf3ucj6tp] { color: #e2edf5; text-decoration: none; font-size: .85rem; }
.admin-actions a:hover[b-8pf3ucj6tp] { text-decoration: underline; }
.admin-actions button[b-8pf3ucj6tp] { color: white; border: 1px solid #8fa9bc; border-radius: .4rem; background: transparent; padding: .5rem .75rem; }
.admin-languages[b-8pf3ucj6tp] { display: flex; gap: .4rem; align-items: center; }
.admin-languages a[aria-current="true"][b-8pf3ucj6tp] { font-weight: 800; text-decoration: underline; }
.admin-tabs[b-8pf3ucj6tp] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .5rem; padding-block: .25rem 1rem; }
.admin-tabs[b-8pf3ucj6tp]  a { display: flex; align-items: center; min-height: 3rem; min-width: 0; max-width: 100%; padding: .8rem .7rem; white-space: normal; overflow-wrap: anywhere; font-size: .8rem; color: #d6e5ef; text-decoration: none; font-weight: 700; border-radius: .5rem; }
.admin-tabs[b-8pf3ucj6tp]  a.active { background: #f4f6f8; color: #183b54; }
.admin-tabs[b-8pf3ucj6tp]  a:hover { background: #e3edf4; color: #183b54; }
.admin-menu-toggle[b-8pf3ucj6tp] { display: none; }
@media (max-width: 90em) {
    .admin-header-content[b-8pf3ucj6tp] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem .5rem; }
    .admin-brand[b-8pf3ucj6tp] { min-width: 0; gap: .5rem; }
    .admin-brand img[b-8pf3ucj6tp] { flex: 0 0 auto; width: 7rem; height: auto; }
    .admin-brand span[b-8pf3ucj6tp] { min-width: 0; overflow-wrap: anywhere; }
    .admin-brand small[b-8pf3ucj6tp] { letter-spacing: .02em; }
    .admin-menu-toggle[b-8pf3ucj6tp] { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 3rem; padding: .65rem .8rem; border: 1px solid #8fa9bc; border-radius: 999px; background: transparent; color: white; font: inherit; font-size: .85rem; font-weight: 700; cursor: pointer; }
    .admin-menu-toggle:focus-visible[b-8pf3ucj6tp] { outline: 2px solid white; outline-offset: 3px; }
    .admin-menu-symbol[b-8pf3ucj6tp] { display: grid; gap: 5px; width: 17px; }
    .admin-menu-symbol > span[b-8pf3ucj6tp] { width: 17px; height: 2px; border-radius: 2px; background: currentColor; }
    .admin-menu-symbol.is-open > span:first-child[b-8pf3ucj6tp] { transform: translateY(3.5px) rotate(45deg); }
    .admin-menu-symbol.is-open > span:last-child[b-8pf3ucj6tp] { transform: translateY(-3.5px) rotate(-45deg); }
    .admin-actions[b-8pf3ucj6tp] { grid-column: 1 / -1; width: 100%; justify-content: space-between; gap: .75rem; }
    .admin-tabs[b-8pf3ucj6tp] { display: none; }
    .admin-tabs.is-open[b-8pf3ucj6tp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; padding: .65rem; margin-bottom: 1rem; border: 1px solid #8fa9bc; border-radius: 1rem; }
    .admin-tabs[b-8pf3ucj6tp]  a { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 3rem; padding: .75rem 1rem; border-radius: .65rem; overflow-wrap: anywhere; }
    .admin-tabs[b-8pf3ucj6tp]  a::after { content: ""; flex: 0 0 auto; width: .45rem; height: .45rem; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); }
}

.admin-actions form[b-8pf3ucj6tp] { margin: 0; }
.admin-tabs[b-8pf3ucj6tp]  a:focus-visible { outline: 2px solid white; outline-offset: 2px; }
@media (min-width: 881px) and (max-width: 1150px) { .admin-tabs[b-8pf3ucj6tp] { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 880px) { .admin-tabs[b-8pf3ucj6tp]  a { line-height: 1.45; padding: .85rem .65rem; } }
@media (max-width: 340px) { .admin-tabs.is-open[b-8pf3ucj6tp] { grid-template-columns: minmax(0, 1fr); } .admin-actions[b-8pf3ucj6tp] { gap: .5rem; } .admin-actions > a[b-8pf3ucj6tp] { flex-basis: 100%; min-height: 2.5rem; display: flex; align-items: center; } }
@media (min-width: 90.001em) {
    .admin-tabs[b-8pf3ucj6tp] { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: .1rem; padding-block: .15rem .4rem; }
    .admin-tabs[b-8pf3ucj6tp]  a { flex: 0 0 auto; white-space: nowrap; overflow-wrap: normal; font-size: .75rem; padding: .65rem .35rem; }
}
/* /Components/Layout/CheckoutLayout.razor.rz.scp.css */
.checkout-page[b-ile3fd915m] {
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    overflow: visible;
}

.checkout-header[b-ile3fd915m] {
    position: sticky;
    z-index: 10;
    top: 0;
    border-bottom: 1px solid var(--line);
    background: rgba(255, 253, 248, .97);
    backdrop-filter: blur(12px);
}

.checkout-navigation[b-ile3fd915m] {
    min-height: 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.checkout-brand[b-ile3fd915m] {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    color: var(--ink);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.15rem;
    font-weight: 700;
    text-decoration: none;
}

.checkout-brand img[b-ile3fd915m] {
    width: 8rem;
    height: auto;
    object-fit: contain;
}

.checkout-links[b-ile3fd915m],
.checkout-language[b-ile3fd915m],
.checkout-help[b-ile3fd915m] {
    display: flex;
    align-items: center;
}

.checkout-links[b-ile3fd915m] {
    gap: 1.25rem;
}

.checkout-links a[b-ile3fd915m] {
    color: var(--brand-primary);
    font-weight: 750;
    text-decoration: none;
}

.checkout-help[b-ile3fd915m] {
    gap: .35rem;
}

.checkout-help span[b-ile3fd915m] {
    color: var(--muted-text);
    font-size: .8rem;
    font-weight: 600;
}

.checkout-language[b-ile3fd915m] {
    gap: .3rem;
    padding-left: 1rem;
    border-left: 1px solid var(--line);
    color: var(--muted-text);
    font-size: .78rem;
    font-weight: 800;
}

.checkout-language a:not(.current)[b-ile3fd915m] {
    color: var(--muted-text);
}

.checkout-page > main[b-ile3fd915m] {
    min-width: 0;
    min-height: 0;
    overflow: visible;
}

.checkout-page > footer[b-ile3fd915m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0 1rem;
}

.checkout-page > footer[b-ile3fd915m]  .legal-links {
    padding-block: .15rem;
}

@media (min-width: 621px) and (max-height: 900px) {
    .checkout-navigation[b-ile3fd915m] { min-height: 3.25rem; }
    .checkout-brand img[b-ile3fd915m] { width: 7rem; height: auto; }
    .checkout-brand[b-ile3fd915m] { font-size: 1rem; }
    .checkout-page > footer[b-ile3fd915m]  a,
    .checkout-page > footer[b-ile3fd915m]  .cookie-settings { font-size: .72rem; }
}

@media (max-width: 680px) {
    .checkout-navigation[b-ile3fd915m] {
        min-height: 3.75rem;
        gap: .75rem;
    }

    .checkout-brand img[b-ile3fd915m] {
        width: 7rem;
        height: auto;
    }

    .checkout-brand > span[b-ile3fd915m],
    .checkout-help span[b-ile3fd915m],
    .checkout-help strong[b-ile3fd915m] {
        display: none;
    }



    .checkout-links[b-ile3fd915m] {
        gap: .6rem;
        font-size: .85rem;
    }

    .checkout-language[b-ile3fd915m] {
        padding-left: .65rem;
    }

}



@media (max-height: 650px) {
    .checkout-navigation[b-ile3fd915m] {
        min-height: 3.35rem;
    }

    .checkout-brand img[b-ile3fd915m] {
        width: 7rem;
        height: auto;
    }
}

.checkout-help-icon[b-ile3fd915m] { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.checkout-help[b-ile3fd915m] { min-width: 44px; min-height: 44px; justify-content: center; border-radius: .5rem; }
.checkout-links a:focus-visible[b-ile3fd915m] { outline: 2px solid var(--brand-accent); outline-offset: 3px; }
.checkout-language a[b-ile3fd915m] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; }
@media (min-width: 681px) { .checkout-help-icon[b-ile3fd915m] { display: none; } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-0co5ic0b3k] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto 1fr auto;
}

header[b-0co5ic0b3k] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: rgba(255, 253, 248, .96);
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(12px);
}

.site-announcement[b-0co5ic0b3k] {
    color: white;
    background: var(--brand-primary);
}

.announcement-content[b-0co5ic0b3k] {
    min-height: 2.75rem;
    padding-block: .65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    text-align: center;
    font-size: .9rem;
}

.announcement-content strong[b-0co5ic0b3k] {
    color: #f4d5a9;
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.site-footer[b-0co5ic0b3k] {
    margin-top: 5rem;
    padding: 2rem 0;
    color: var(--muted-text);
    border-top: 1px solid var(--line);
    background: var(--paper);
}

.footer-content[b-0co5ic0b3k] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) auto auto;
    align-items: center;
    gap: 1.5rem;
}

.footer-version[b-0co5ic0b3k] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    gap: .65rem;
    font-size: .72rem;
    opacity: .72;
}

.footer-brand[b-0co5ic0b3k] {
    display: flex;
    align-items: center;
    gap: .9rem;
    color: var(--ink);
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 700;
}

.footer-logo[b-0co5ic0b3k] {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
    border-radius: .35rem;
}

.footer-details[b-0co5ic0b3k] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.footer-details a[b-0co5ic0b3k] {
    color: var(--brand-primary);
    font-weight: 700;
    text-decoration: none;
}

.footer-social[b-0co5ic0b3k] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.social-icon[b-0co5ic0b3k] {
    width: 2.55rem;
    height: 2.55rem;
    display: grid;
    place-items: center;
    color: white;
    border-radius: 50%;
    box-shadow: 0 .35rem 1rem rgba(61, 43, 35, .13);
    transition: transform .18s ease, box-shadow .18s ease;
}

.social-icon:hover[b-0co5ic0b3k] {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1.2rem rgba(61, 43, 35, .2);
}

.social-icon:focus-visible[b-0co5ic0b3k] {
    outline: .18rem solid var(--brand-accent);
    outline-offset: .2rem;
}

.social-icon svg[b-0co5ic0b3k] {
    width: 1.35rem;
    height: 1.35rem;
    fill: currentColor;
}

.social-icon.whatsapp[b-0co5ic0b3k] {
    background: #168b53;
}

.social-icon.whatsapp svg path:first-child[b-0co5ic0b3k],
.social-icon.instagram svg rect[b-0co5ic0b3k],
.social-icon.instagram svg circle:not(.instagram-dot)[b-0co5ic0b3k] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.social-icon.facebook[b-0co5ic0b3k] {
    background: #1877f2;
}

.social-icon.instagram[b-0co5ic0b3k] {
    background: linear-gradient(135deg, #5b51d8, #c13584 55%, #f77737);
}

@media (max-width: 640px) {
    .announcement-content[b-0co5ic0b3k] {
        align-items: flex-start;
        flex-direction: column;
        gap: .15rem;
        text-align: left;
    }

    .footer-content[b-0co5ic0b3k] {
        align-items: flex-start;
        grid-template-columns: 1fr;
    }

    .footer-details[b-0co5ic0b3k] {
        align-items: flex-start;
        flex-direction: column;
        gap: .5rem;
    }

    .footer-version[b-0co5ic0b3k] {
        justify-content: flex-start;
        flex-direction: column;
        gap: .2rem;
    }
}

.footer-wordmark[b-0co5ic0b3k] { display: block; width: 150px; max-width: 100%; height: auto; object-fit: contain; }

.footer-legal[b-0co5ic0b3k] { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .25rem 1rem; padding-block: .75rem; }
.footer-legal[b-0co5ic0b3k]  .legal-links { padding-block: 0; }
.footer-legal[b-0co5ic0b3k]  .cookie-settings { margin: 0; padding-block: 0; white-space: nowrap; }

.announcement-content[b-0co5ic0b3k] { flex-wrap: wrap; row-gap: .2rem; }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navigation[b-6ha9o5o4cj] {
    min-height: 4.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.brand[b-6ha9o5o4cj] {
    color: var(--ink);
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -.02em;
    text-decoration: none;
}

.brand-logo[b-6ha9o5o4cj] {
    width: 4rem;
    height: 4rem;
    flex: 0 0 auto;
    object-fit: contain;
    border-radius: .35rem;
}

.navigation-links[b-6ha9o5o4cj] {
    display: flex;
    align-items: center;
    gap: 1.75rem;
}

.navigation-links[b-6ha9o5o4cj]  a {
    color: var(--muted-text);
    font-weight: 650;
    text-decoration: none;
}

.navigation-links[b-6ha9o5o4cj]  a:hover,
.navigation-links[b-6ha9o5o4cj]  a.active {
    color: var(--brand-primary);
}

.navigation-links[b-6ha9o5o4cj]  .cart-link {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.cart-count[b-6ha9o5o4cj] {
    min-width: 1.35rem;
    height: 1.35rem;
    padding-inline: .3rem;
    display: inline-grid;
    place-items: center;
    color: white;
    border-radius: 999px;
    background: var(--brand-accent);
    font-size: .68rem;
    line-height: 1;
}

.language-switcher[b-6ha9o5o4cj] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding-left: 1rem;
    border-left: 1px solid var(--line);
    color: var(--muted-text);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .06em;
}

.language-switcher a[b-6ha9o5o4cj] {
    color: var(--muted-text);
    text-decoration: none;
}

.language-switcher a:hover[b-6ha9o5o4cj],
.language-switcher a.current[b-6ha9o5o4cj] {
    color: var(--brand-primary);
}

.navigation-toggle[b-6ha9o5o4cj],
.navigation-toggle-label[b-6ha9o5o4cj],
.mobile-navigation-actions[b-6ha9o5o4cj] {
    display: none;
}

@media (max-width: 880px) {
    .navigation[b-6ha9o5o4cj] {
        min-height: 4.25rem;
        flex-wrap: wrap;
    }

    .navigation-toggle-label[b-6ha9o5o4cj] {
        cursor: pointer;
        display: block;
        min-height: 2.75rem;
        padding: 0 .7rem;
        color: var(--ink);
        border: 1px solid var(--line);
        border-radius: .7rem;
        background: var(--paper);
        font-weight: 700;
        line-height: 2.65rem;
    }

    .mobile-navigation-actions[b-6ha9o5o4cj] {
        display: flex;
        align-items: center;
        gap: .45rem;
    }

    .mobile-navigation-actions[b-6ha9o5o4cj]  .mobile-cart-link {
        position: relative;
        min-height: 2.75rem;
        padding: 0 .75rem;
        display: inline-flex;
        align-items: center;
        gap: .4rem;
        color: var(--brand-primary);
        border: 1px solid color-mix(in srgb, var(--brand-primary) 32%, var(--line));
        border-radius: .7rem;
        background: var(--paper);
        font-size: .82rem;
        font-weight: 800;
        text-decoration: none;
    }

    .mobile-cart-link svg[b-6ha9o5o4cj] {
        width: 1.25rem;
        height: 1.25rem;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.8;
    }

    .mobile-cart-count[b-6ha9o5o4cj] {
        min-width: 1.35rem;
        height: 1.35rem;
        padding-inline: .25rem;
        display: inline-grid;
        place-items: center;
        color: white;
        border-radius: 999px;
        background: var(--brand-accent);
        font-size: .7rem;
        line-height: 1;
        animation: cart-count-pop-b-6ha9o5o4cj .28s ease-out;
    }

    .brand-logo[b-6ha9o5o4cj] {
        width: 3.35rem;
        height: 3.35rem;
    }

    .navigation-links[b-6ha9o5o4cj] {
        width: 100%;
        display: none;
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
        padding: .25rem 0 1rem;
    }

    .language-switcher[b-6ha9o5o4cj] {
        padding-left: 0;
        border-left: 0;
    }

    .navigation-toggle:checked ~ .navigation-links[b-6ha9o5o4cj] {
        display: flex;
    }
}

@media (max-width: 430px) {
    .mobile-cart-link > span[b-6ha9o5o4cj] {
        display: none;
    }
}

@media (max-width: 390px) {
    .brand > .brand-descriptor[b-6ha9o5o4cj] {
        display: none;
    }
}

@keyframes cart-count-pop-b-6ha9o5o4cj {
    50% { transform: scale(1.25); }
}

@media (prefers-reduced-motion: reduce) {
    .mobile-cart-count[b-6ha9o5o4cj] { animation: none; }
}

/* Original supplied wordmark, framed without changing its artwork. */
.brand-wordmark[b-6ha9o5o4cj] { display: block; flex: 0 0 auto; width: 10.5rem; height: auto; object-fit: contain; }
.brand-descriptor[b-6ha9o5o4cj] { color: var(--brand-accent); font-family: Montserrat, sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: normal; white-space: nowrap; }
@media (max-width: 1100px) { .navigation[b-6ha9o5o4cj] { gap: 1rem; } .navigation-links[b-6ha9o5o4cj] { gap: 1rem; } .brand-descriptor[b-6ha9o5o4cj] { display: none; } }
@media (max-width: 380px) { .brand-wordmark[b-6ha9o5o4cj] { width: 8rem; height: auto; } }

/* Mobile navigation is a compact floating panel, independent of header height. */
@media (max-width: 880px) {
    .navigation[b-6ha9o5o4cj] { position: relative; flex-wrap: nowrap; gap: .5rem; }
    .navigation-toggle-label[b-6ha9o5o4cj] { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 3rem; padding: .6rem .85rem; border: 0; border-radius: 999px; background: var(--brand-primary); color: white; font: inherit; font-size: .8rem; font-weight: 650; line-height: 1; }
    .menu-symbol[b-6ha9o5o4cj] { display: grid; gap: 5px; width: 17px; }
    .menu-symbol > span[b-6ha9o5o4cj] { display: block; width: 17px; height: 2px; border-radius: 2px; background: currentColor; transition: transform .18s ease; }
    .is-open .menu-symbol > span:first-child[b-6ha9o5o4cj] { transform: translateY(3.5px) rotate(45deg); }
    .is-open .menu-symbol > span:last-child[b-6ha9o5o4cj] { transform: translateY(-3.5px) rotate(-45deg); }
    .mobile-navigation-actions[b-6ha9o5o4cj]  .mobile-cart-link { min-height: 3rem; border-radius: 999px; background: transparent; border-color: var(--line); }
    .navigation-links[b-6ha9o5o4cj] { position: absolute; top: calc(100% + .5rem); right: 0; width: min(100%, 24rem); max-height: calc(100dvh - 10rem); overflow-y: auto; overscroll-behavior: contain; padding: .65rem; gap: .2rem; border: 1px solid var(--line); border-radius: 1.25rem; background: var(--paper); box-shadow: 0 1rem 3rem rgb(23 47 66 / 20%); }
    .navigation-links.is-open[b-6ha9o5o4cj] { display: flex; align-items: stretch; }
    .navigation-links[b-6ha9o5o4cj]  > a { display: flex; align-items: center; justify-content: space-between; min-height: 3.25rem; padding: .8rem 1rem; border-radius: .8rem; font-size: .95rem; color: var(--ink); }
    .navigation-links[b-6ha9o5o4cj]  > a::after { content: ""; flex: 0 0 auto; width: .45rem; height: .45rem; margin-left: .75rem; border-top: 2px solid var(--brand-primary); border-right: 2px solid var(--brand-primary); transform: rotate(45deg); }
    .navigation-links[b-6ha9o5o4cj]  > a.active { background: #e8eff4; color: var(--brand-primary); }
    .navigation-links[b-6ha9o5o4cj]  > a:hover { background: #f0f3f4; }
    .language-switcher[b-6ha9o5o4cj] { margin-top: .4rem; padding: .65rem .4rem .15rem; border-top: 1px solid var(--line); gap: .5rem; }
    .language-switcher > span[b-6ha9o5o4cj] { display: none; }
    .language-switcher a[b-6ha9o5o4cj] { display: inline-flex; align-items: center; justify-content: center; min-width: 3rem; min-height: 2.75rem; border-radius: .65rem; }
    .language-switcher a.current[b-6ha9o5o4cj] { background: var(--brand-primary); color: white; }
}
@media (prefers-reduced-motion: reduce) { .menu-symbol > span[b-6ha9o5o4cj] { transition: none; } }

/* Leave more vertical space for ordering feedback on laptop screens. */
@media (min-width: 881px) {
    .navigation[b-6ha9o5o4cj] { min-height: 3.25rem; }
    .brand-wordmark[b-6ha9o5o4cj] { width: 8.5rem; max-height: 2.75rem; }
    .brand-descriptor[b-6ha9o5o4cj] { font-size: .9rem; }
    .navigation-links[b-6ha9o5o4cj]  > a { display: inline-flex; align-items: center; min-height: 44px; }
}
/* /Components/Layout/OrderManagerLayout.razor.rz.scp.css */
.manager-header[b-8qxnapd5w7] { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding-block:1rem; border-bottom:1px solid var(--line); }
button[b-8qxnapd5w7] { padding:.6rem 1rem; border:1px solid var(--line); border-radius:.5rem; cursor:pointer; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-cgya409oda],
.components-reconnect-repeated-attempt-visible[b-cgya409oda],
.components-reconnect-failed-visible[b-cgya409oda],
.components-pause-visible[b-cgya409oda],
.components-resume-failed-visible[b-cgya409oda],
.components-rejoining-animation[b-cgya409oda] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-cgya409oda],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-cgya409oda],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-cgya409oda],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-cgya409oda],
#components-reconnect-modal.components-reconnect-retrying[b-cgya409oda],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-cgya409oda],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-cgya409oda],
#components-reconnect-modal.components-reconnect-failed[b-cgya409oda],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-cgya409oda] {
    display: block;
}


#components-reconnect-modal[b-cgya409oda] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-cgya409oda 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-cgya409oda 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-cgya409oda 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-cgya409oda]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-cgya409oda 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-cgya409oda {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-cgya409oda {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-cgya409oda {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-cgya409oda] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-cgya409oda] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-cgya409oda] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-cgya409oda] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-cgya409oda] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-cgya409oda] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-cgya409oda] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-cgya409oda 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-cgya409oda] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-cgya409oda {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Account/Login.razor.rz.scp.css */
.login-panel[b-um1w9o9nyy] { max-width: 30rem; padding-block: 3rem; }
.login-panel h1[b-um1w9o9nyy] { color: var(--brand-primary); }
.login-panel form[b-um1w9o9nyy] { display: grid; gap: .75rem; margin-top: 1.5rem; }
.login-panel input[b-um1w9o9nyy] { width: 100%; padding: .75rem; border: 1px solid var(--line); border-radius: .5rem; }
.login-panel button[b-um1w9o9nyy] { padding: .8rem; background: var(--brand-primary); color: white; border: 0; border-radius: .5rem; margin-top: .5rem; }
.login-error[b-um1w9o9nyy] { color: #8a2626; }
/* /Components/Pages/Admin/AdminCategoriesPage.razor.rz.scp.css */
.categories-page[b-n5c7b0tjg7] { max-width: 1050px; padding-block: 2rem; color: #183b54; }
h1[b-n5c7b0tjg7] { font-family: Georgia, serif; margin-block: 1rem 1.5rem; }
a[b-n5c7b0tjg7] { color: #183b54; }
.primary-action[b-n5c7b0tjg7], button[b-n5c7b0tjg7] { display: inline-block; background: #183b54; color: white; padding: .85rem 1.2rem; border: 0; border-radius: .5rem; text-decoration: none; font-weight: 700; }
button:disabled[b-n5c7b0tjg7] { opacity: .65; }
.category-list[b-n5c7b0tjg7] { display: grid; gap: .7rem; margin-top: 1.5rem; }
article[b-n5c7b0tjg7] { padding: 1rem 1.25rem; border: 1px solid #d4dfe6; border-radius: .7rem; background: white; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
h2[b-n5c7b0tjg7] { font-size: 1.2rem; overflow-wrap: anywhere; }
article p[b-n5c7b0tjg7] { margin: 0; color: #536576; font-size: .85rem; }
.reorder-controls[b-n5c7b0tjg7] { display: flex; gap: .35rem; margin-left: auto; }
.reorder-controls button[b-n5c7b0tjg7] { min-width: 2.75rem; min-height: 2.75rem; padding: .4rem; font-size: 1.2rem; }
fieldset[b-n5c7b0tjg7] { background: white; border: 1px solid #d4dfe6; border-radius: .7rem; padding: 1.5rem; margin-bottom: 1.5rem; }
/* Float the legend into the card instead of the fieldset's border cutout. */
legend[b-n5c7b0tjg7] { float: left; width: 100%; box-sizing: border-box; margin: 0 0 1.25rem; padding: 0 0 .75rem; border-bottom: 1px solid #e6edf2; font-size: 1.2rem; line-height: 1.4; font-weight: 700; overflow-wrap: anywhere; }
legend + *[b-n5c7b0tjg7] { clear: both; }
.field-grid[b-n5c7b0tjg7] { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
label[b-n5c7b0tjg7] { display: grid; gap: .4rem; font-weight: 600; min-width: 0; }
[b-n5c7b0tjg7] input:not([type=checkbox]), [b-n5c7b0tjg7] textarea { width: 100%; padding: .7rem; border: 1px solid #a9bac6; border-radius: .4rem; font-size: 1rem; background: white; color: #183b54; }
.check[b-n5c7b0tjg7] { display: flex; align-items: center; gap: .7rem; margin-block: 1.25rem .5rem; }
.check[b-n5c7b0tjg7]  input { width: 1.25rem; height: 1.25rem; accent-color: #183b54; }
.actions[b-n5c7b0tjg7] { display: flex; align-items: center; gap: 1.5rem; }
.errors[b-n5c7b0tjg7] { color: #8b2424; background: #fff0f0; border: 1px solid #d39494; padding: 1rem; border-radius: .5rem; margin-bottom: 1rem; }
.errors ul[b-n5c7b0tjg7] { margin: 0; }
.notice[b-n5c7b0tjg7] { background: #e3f4e8; color: #205333; padding: 1rem; border-radius: .5rem; }
.delete-category[b-n5c7b0tjg7] { border-top: 1px solid #d4dfe6; padding-top: 1.5rem; margin-top: 2.5rem; }
.delete-category button[b-n5c7b0tjg7] { background: #922b2b; margin-right: .5rem; }
.delete-category .secondary[b-n5c7b0tjg7] { color: #183b54; background: white; border: 1px solid #a9bac6; }
.delete-category p[b-n5c7b0tjg7] { margin-block: 1rem; }
[b-n5c7b0tjg7] :is(a, button, input, textarea):focus-visible { outline: 3px solid #ac6710; outline-offset: 3px; }
@media (max-width: 640px) { .field-grid[b-n5c7b0tjg7] { grid-template-columns: 1fr; } fieldset[b-n5c7b0tjg7] { padding: 1rem; } article[b-n5c7b0tjg7] { align-items: flex-start; flex-direction: column; } }
/* /Components/Pages/Admin/AdminDeliveryZonesPage.razor.rz.scp.css */
.zone-admin[b-0xa3d5553v] { max-width: 1450px; margin: 0 auto; padding: 1.5rem; }
.zone-admin header[b-0xa3d5553v] { display: flex; gap: 1rem; align-items: center; justify-content: space-between; flex-wrap: wrap; }
h1[b-0xa3d5553v], h2[b-0xa3d5553v] { font-family: Georgia, serif; } h1[b-0xa3d5553v] { font-size: 2.2rem; } h2[b-0xa3d5553v] { font-size: 1.25rem; margin-top: 0; }
.actions[b-0xa3d5553v] { display: flex; flex-wrap: wrap; gap: .5rem; }
.zone-create-actions[b-0xa3d5553v] { display: flex; flex-wrap: wrap; gap: .75rem; padding-bottom: 1rem; border-bottom: 1px solid #e2d7cd; }
.zone-create-actions button[b-0xa3d5553v] { display: inline-flex; align-items: center; gap: .5rem; padding: .75rem 1rem; border: 1px solid #39796b; border-radius: .65rem; color: #255b4f; background: #edf6f2; font-weight: 600; }
.zone-create-actions button:hover:not(:disabled)[b-0xa3d5553v] { background: #dceee5; }
.zone-create-actions button span[b-0xa3d5553v] { font-size: 1.25rem; }
@media(max-width: 600px) { .zone-create-actions button[b-0xa3d5553v] { width: 100%; justify-content: center; } }
.zone-workspace[b-0xa3d5553v] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.zone-workspace > details[b-0xa3d5553v] {
    border-radius: .7rem;
    background: var(--paper);
    border-color: var(--line);
}
section[b-0xa3d5553v] { background: #fffdf9; border: 1px solid #e2d7cd; border-radius: 1rem; padding: 1.2rem; margin-bottom: 1rem; display: grid; gap: .7rem; }
.preview[b-0xa3d5553v] { position: static; min-width: 0; grid-row: 1; } .simulator[b-0xa3d5553v] { margin-top: 1rem; }
label[b-0xa3d5553v] { display: grid; gap: .35rem; } label:has(input[type=checkbox])[b-0xa3d5553v] { display: flex; align-items: center; }
input[b-0xa3d5553v], select[b-0xa3d5553v], button[b-0xa3d5553v] { font-size: 1rem; padding: .65rem; min-height: 44px; border-radius: .5rem; border: 1px solid #b7aaa0; color: #302820; background: white; max-width: 100%; }
input[type=checkbox][b-0xa3d5553v] { min-height: auto; } input[type=color][b-0xa3d5553v] { width: 100%; }
button[b-0xa3d5553v] { cursor: pointer; } button:disabled[b-0xa3d5553v] { opacity: .5; cursor: default; }
button:focus-visible[b-0xa3d5553v], input:focus-visible[b-0xa3d5553v], select:focus-visible[b-0xa3d5553v] { outline: 3px solid #815332; outline-offset: 2px; }
.zone-list[b-0xa3d5553v] { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; } .zone-list button[b-0xa3d5553v] { width: 100%; text-align: left; }
.selected[b-0xa3d5553v] { border: 2px solid #39796b; background: #edf6f2; } .draft-badge[b-0xa3d5553v] { color: #815332; font-weight: 600; }
.pair[b-0xa3d5553v] { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; } .pair input[b-0xa3d5553v] { min-width: 0; width: 100%; }
@media(max-width: 800px) { .zone-workspace[b-0xa3d5553v] { grid-template-columns: 1fr; } .preview[b-0xa3d5553v] { position: static; grid-row: 1; } .zone-admin[b-0xa3d5553v] { padding: .8rem; } }

.zone-admin[b-0xa3d5553v] { max-width: 1680px; }
.zone-admin header[b-0xa3d5553v] { padding-bottom: 1rem; border-bottom: 1px solid #e2d7cd; }
.zone-admin header p[b-0xa3d5553v] { max-width: 65ch; color: #655e57; line-height: 1.5; }
.zone-admin header .actions button:last-child[b-0xa3d5553v] { background: #39796b; color: white; border-color: #39796b; font-weight: 700; }
.zone-admin header .actions button:nth-child(2)[b-0xa3d5553v] { border: 2px solid #39796b; font-weight: 700; }
.zone-workspace[b-0xa3d5553v] { grid-template-columns: minmax(0, 1fr); }
.settings-panel[b-0xa3d5553v] { margin-bottom: 1rem; padding: 1rem 1.2rem; border: 1px solid #e2d7cd; border-radius: 1rem; background: #fffdf9; }
.settings-panel summary[b-0xa3d5553v] { cursor: pointer; font-weight: 700; min-height: 2rem; }
.settings-panel[open] > :not(summary)[b-0xa3d5553v] { margin-top: .9rem; }
.zone-list button[b-0xa3d5553v] { padding: .85rem; line-height: 1.5; }
.zone-list button.selected[b-0xa3d5553v] { box-shadow: inset 4px 0 #39796b; }
small[b-0xa3d5553v], section p[b-0xa3d5553v] { color: #655e57; line-height: 1.5; }
.management-cards[b-0xa3d5553v] { display: grid; gap: 1.5rem; min-width: 0; }
.edit-panel[b-0xa3d5553v] { margin-top: 1.5rem; padding: 1.5rem; border: 1px solid #c7d9d0; border-left: 5px solid #39796b; border-radius: .85rem; background: #f0f6f3; }
.management-card:not([open])[b-0xa3d5553v], .map-card:not([open])[b-0xa3d5553v] { display: block; }
.management-card summary[b-0xa3d5553v], .map-card summary[b-0xa3d5553v] { cursor: pointer; font-size: 1.5rem; font-family: Georgia, serif; font-weight: bold; padding: .4rem 0; }
.management-card[open] > :not(summary)[b-0xa3d5553v], .map-card[open] > :not(summary)[b-0xa3d5553v] { margin-top: 1rem; }
.management-card[b-0xa3d5553v], .map-card[b-0xa3d5553v] {
    margin: 0; padding: clamp(1rem, 2.5vw, 2rem);
    border: 1px solid #d3c5b7; border-top: 4px solid #39796b;
    box-shadow: 0 6px 24px rgb(48 40 32 / 8%); gap: 1.25rem;
}
.management-card h2[b-0xa3d5553v], .map-card h2[b-0xa3d5553v] { margin: 0; padding-bottom: .85rem; border-bottom: 1px solid #e2d7cd; font-size: 1.5rem; }
.management-card > button[b-0xa3d5553v] { justify-self: start; }
.management-card > label[b-0xa3d5553v] { max-width: 36rem; }
.form-grid[b-0xa3d5553v] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 1.5rem; align-items: start; padding-top: 1.25rem; border-top: 1px solid #e2d7cd; }
.form-grid label[b-0xa3d5553v] { min-width: 0; font-weight: 600; grid-template-rows: minmax(1.5rem, auto) 48px; align-content: start; }
.form-grid label:has(input[type=checkbox])[b-0xa3d5553v] { min-height: 48px; align-self: end; }
.form-grid input:not([type=checkbox])[b-0xa3d5553v], .form-grid select[b-0xa3d5553v], .store-actions select[b-0xa3d5553v] { width: 100%; box-sizing: border-box; height: 48px; min-width: 0; }
.form-grid .pair[b-0xa3d5553v], .full-row[b-0xa3d5553v], .form-grid > small[b-0xa3d5553v] { grid-column: 1 / -1; }
.form-grid .pair[b-0xa3d5553v] { gap: 1.5rem; }
.store-actions[b-0xa3d5553v] { display: flex; align-items: end; gap: .75rem; flex-wrap: wrap; padding: 1rem; background: #f4f1ec; border-radius: .75rem; }
.store-actions label[b-0xa3d5553v] { flex: 1 1 16rem; }
.store-actions button[b-0xa3d5553v] { min-height: 48px; }
.zone-list[b-0xa3d5553v] { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: .85rem; }
.zone-list li[b-0xa3d5553v], .zone-list button[b-0xa3d5553v] { height: 100%; }
.zone-list button[b-0xa3d5553v] { border: 1px solid #c7b9ab; background: #faf7f2; }
.zone-list button.selected[b-0xa3d5553v] { background: #e9f4ee; border: 2px solid #39796b; }
@media(max-width: 800px) {
    .zone-workspace[b-0xa3d5553v] { grid-template-columns: minmax(0, 1fr); }
    .preview[b-0xa3d5553v] { position: static; grid-row: 1; }
    .form-grid[b-0xa3d5553v] { grid-template-columns: minmax(0, 1fr); }
    .form-grid .pair[b-0xa3d5553v] { grid-template-columns: minmax(0, 1fr); }
    .store-actions[b-0xa3d5553v] { align-items: stretch; flex-direction: column; }
    .store-actions label[b-0xa3d5553v] { flex: auto; }
}

.map-store-picker[b-0xa3d5553v] { min-width: 0; border: 0; padding: 0; margin: 1rem 0; }
.map-store-picker legend[b-0xa3d5553v] { font-weight: 700; margin-bottom: .75rem; }
.map-store-cards[b-0xa3d5553v] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: .75rem; }
.map-store-card[b-0xa3d5553v] { display: grid; gap: .4rem; padding: 1rem; text-align: left; border: 2px solid #d8cec3; border-radius: .85rem; background: #fffdf9; color: #302820; }
.map-store-card small[b-0xa3d5553v] { color: #64594f; line-height: 1.5; }
.map-store-card:hover[b-0xa3d5553v] { border-color: #99734f; }
.map-store-card.is-selected[b-0xa3d5553v] { border-color: #39796b; background: #edf6f1; box-shadow: inset 4px 0 #39796b; }
.map-store-card:focus-visible[b-0xa3d5553v], .map-zone-field select:focus-visible[b-0xa3d5553v] { outline: 3px solid #815332; outline-offset: 3px; }
.map-zone-toolbar[b-0xa3d5553v] { padding: 1rem; border: 1px solid #ded4c9; border-radius: .75rem; background: #f7f4ef; }
.map-zone-toolbar .map-zone-field[b-0xa3d5553v] { display: flex; align-items: center; gap: .85rem; margin: 0; font-weight: 600; }
.map-zone-field > span[b-0xa3d5553v] { flex: 0 0 auto; }
.map-zone-field select[b-0xa3d5553v] { flex: 1 1 auto; min-width: 0; max-width: 36rem; min-height: 46px; padding: .65rem .85rem; border: 1px solid #b7aaa0; border-radius: .6rem; background: white; color: #302820; font: inherit; }

.zone-save-bar[b-0xa3d5553v] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem; background: #edf6f2; border: 1px solid #c7d9d0; border-radius: .6rem; position: sticky; top: 0; z-index: 600; flex-wrap: wrap; }
.zone-save-bar button[b-0xa3d5553v] { background: #256397; color: white; border: 0; border-radius: .5rem; min-height: 44px; padding: .65rem 1rem; font-weight: 700; cursor: pointer; }
.zone-save-bar button:disabled[b-0xa3d5553v] { opacity: .6; }
.map-zone-toolbar[b-0xa3d5553v] { display: flex; align-items: flex-end; gap: 1rem; flex-wrap: wrap; }
.map-zone-toolbar .map-zone-field[b-0xa3d5553v] { display: grid; gap: .4rem; flex: 1 1 18rem; min-width: 0; margin: 0; }
.map-zone-toolbar .map-zone-field select[b-0xa3d5553v] { width: 100%; min-height: 44px; box-sizing: border-box; }
.zone-toolbar-actions[b-0xa3d5553v] { display: flex; gap: .65rem; flex-wrap: wrap; }
.zone-toolbar-actions button[b-0xa3d5553v] { min-height: 44px; padding: .6rem 1rem; border-radius: .5rem; font: inherit; font-weight: 700; cursor: pointer; }
.zone-toolbar-actions .zone-add[b-0xa3d5553v] { background: #256397; border: 1px solid #256397; color: white; }
.zone-toolbar-actions .zone-delete[b-0xa3d5553v] { background: white; border: 1px solid #b63c32; color: #a32c24; }
.zone-toolbar-actions button:disabled[b-0xa3d5553v] { opacity: .45; cursor: not-allowed; }
@media (max-width: 640px) {
    .zone-toolbar-actions[b-0xa3d5553v] { width: 100%; }
    .zone-toolbar-actions button[b-0xa3d5553v] { flex: 1; }
}
.zone-admin > header[b-0xa3d5553v] { padding-bottom: .5rem; }
.zone-admin > header h1[b-0xa3d5553v] { margin-block: .25rem; }
.zone-admin > header p[b-0xa3d5553v] { margin-block: .25rem; }
.zone-admin > p:empty[b-0xa3d5553v] { display: none; }
.zone-admin .map-card[b-0xa3d5553v] { padding: .75rem; }
.zone-admin .map-card > summary[b-0xa3d5553v] { font-size: 1.15rem; padding: .2rem 0; }
.zone-admin .map-zone-toolbar[b-0xa3d5553v] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; padding: 0; margin: 0; border: 0; background: transparent; }
.zone-admin .map-zone-toolbar .map-zone-field[b-0xa3d5553v] { display: flex; align-items: center; gap: .5rem; flex: 0 1 auto; }
.zone-admin .map-zone-field > span[b-0xa3d5553v] { white-space: nowrap; }
.zone-admin .map-zone-field select[b-0xa3d5553v] { width: 11rem; min-height: 40px; }
.zone-admin .zone-toolbar-actions[b-0xa3d5553v] { width: auto; gap: .4rem; }
.zone-admin .zone-toolbar-actions button[b-0xa3d5553v] { min-height: 40px; padding: .5rem .7rem; font-size: .85rem; }
.zone-save[b-0xa3d5553v] { min-height: 40px; padding: .5rem .8rem; border: 0; border-radius: .5rem; background: #256397; color: white; font: inherit; font-weight: 700; cursor: pointer; }
.zone-admin[b-0xa3d5553v]  .delivery-map__toolbar { justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: .5rem; padding: .35rem 0; margin: 0; }
.zone-admin[b-0xa3d5553v]  .delivery-map__toolbar > button { min-height: 40px; }
.zone-admin[b-0xa3d5553v]  .delivery-map__toolbar > [data-map-expand] { margin-left: auto; border-left: 2px solid #c5d0d8; }
.zone-admin[b-0xa3d5553v]  .delivery-map__instructions { display: none; }
/* Give the admin editor most of the viewport while keeping fullscreen sizing intact. */
.zone-admin[b-0xa3d5553v]  .delivery-map:not(.delivery-map--expanded) .delivery-map__canvas {
    height: max(28rem, calc(100dvh - 9rem));
    min-height: 0;
}
.zone-admin[b-0xa3d5553v]  .leaflet-tile-pane {
    filter: saturate(.75) brightness(1.08) contrast(.95);
}
@media (max-width: 640px) {
    .zone-admin > header[b-0xa3d5553v] { display: grid; gap: .75rem; padding-bottom: 1rem; }
    .zone-admin > header h1[b-0xa3d5553v] { font-size: 1.8rem; }
    .zone-admin .map-zone-toolbar[b-0xa3d5553v] { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; padding-block: .5rem; }
    .zone-admin .map-zone-toolbar .map-zone-field[b-0xa3d5553v] { display: grid; gap: .4rem; width: 100%; }
    .zone-admin .map-zone-field select[b-0xa3d5553v] { width: 100%; min-height: 44px; }
    .zone-admin .zone-toolbar-actions[b-0xa3d5553v] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: .65rem; }
    .zone-admin .zone-toolbar-actions button[b-0xa3d5553v], .zone-save[b-0xa3d5553v] { min-height: 44px; }
    .zone-admin[b-0xa3d5553v]  .delivery-map__toolbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; padding-block: .75rem; }
    .zone-admin[b-0xa3d5553v]  .delivery-map__toolbar > [data-map-expand] { margin-left: 0; border-left: 0; }
    .zone-admin[b-0xa3d5553v]  .delivery-map__toolbar > button { width: 100%; min-height: 44px; white-space: normal; }
    .zone-admin .map-zone-toolbar[b-0xa3d5553v] { grid-column: 1 / -1; }
}


.location-result[b-0xa3d5553v] { padding: 1rem; border: 1px solid; border-radius: .6rem; }
.location-result--inside[b-0xa3d5553v] { color: #166534; background: #f0fdf4; border-color: #86efac; }
.location-result--outside[b-0xa3d5553v] { color: #991b1b; background: #fef2f2; border-color: #fca5a5; }
/* /Components/Pages/Admin/AdminDocumentationPage.razor.rz.scp.css */
.documentation-page[b-yw0n18a94z] { max-width: 1000px; padding-block: 2rem 4rem; color: #183b54; line-height: 1.7; }
.documentation-page header[b-yw0n18a94z] { margin-bottom: 1.5rem; }
.documentation-page h1[b-yw0n18a94z] { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.2; margin-block: .5rem 1rem; }
.eyebrow[b-yw0n18a94z], .updated[b-yw0n18a94z] { color: #52677a; font-size: .9rem; }
.contents[b-yw0n18a94z], .documentation-page section[b-yw0n18a94z] { padding: clamp(1.2rem, 3vw, 2rem); background: white; border: 1px solid #dae3ea; border-radius: .8rem; margin-block: 1rem; }
.contents ol[b-yw0n18a94z] { columns: 2; column-gap: 2rem; }
.contents li[b-yw0n18a94z] { break-inside: avoid; }
.documentation-page h2[b-yw0n18a94z] { margin-top: 0; line-height: 1.35; }
.documentation-page h3[b-yw0n18a94z] { margin-top: 1.5rem; }
.documentation-page a[b-yw0n18a94z] { color: #145a83; text-underline-offset: .2em; }
.documentation-page a:focus-visible[b-yw0n18a94z] { outline: 3px solid #145a83; outline-offset: 3px; }
.documentation-page li[b-yw0n18a94z] { margin-block: .6rem; }
.documentation-page section[b-yw0n18a94z] { scroll-margin-top: 1rem; }
.documentation-page dt[b-yw0n18a94z] { font-weight: 700; margin-top: 1rem; }
.documentation-page dd[b-yw0n18a94z] { margin: .3rem 0 1rem; }
@media (max-width: 640px) { .contents ol[b-yw0n18a94z] { columns: 1; } }
@media print { .documentation-page[b-yw0n18a94z] { max-width: none; padding: 0; } .contents[b-yw0n18a94z] { display: none; } .documentation-page section[b-yw0n18a94z] { border: 0; padding: 0; } .documentation-page h2[b-yw0n18a94z], .documentation-page h3[b-yw0n18a94z] { break-after: avoid; } }
/* /Components/Pages/Admin/AdminEmailsPage.razor.rz.scp.css */
.emails-page[b-84iof0966b] { padding-block: 2rem; color: #183b54; }
h1[b-84iof0966b] { font-family: Georgia, serif; }
button[b-84iof0966b] { background: #183b54; color: white; border: 0; border-radius: .5rem; padding: .75rem 1rem; }
button:disabled[b-84iof0966b] { opacity: .6; }
.notice[b-84iof0966b] { background: #eaf1f6; padding: 1rem; border-radius: .5rem; }
.email-list[b-84iof0966b] { display: grid; gap: .75rem; margin-top: 1.5rem; }
article[b-84iof0966b] { background: white; border: 1px solid #d4dfe6; border-radius: .7rem; padding: 1rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
article p[b-84iof0966b] { margin: .4rem 0; overflow-wrap: anywhere; }
h2[b-84iof0966b] { font-size: 1.1rem; }
.error[b-84iof0966b] { color: #8b2424; }
a[b-84iof0966b] { color: #183b54; padding: .5rem; }
button:focus-visible[b-84iof0966b] { outline: 3px solid #ac6710; outline-offset: 3px; }
@media(max-width:640px) { article[b-84iof0966b] { flex-direction: column; align-items: stretch; } }
/* /Components/Pages/Admin/AdminHomePage.razor.rz.scp.css */
.admin-home[b-3jyxbay0g5] { max-width: 1150px; padding-block: 2.5rem 4rem; color: #183b54; }
.home-heading[b-3jyxbay0g5] { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; margin-bottom: 2.5rem; }
.eyebrow[b-3jyxbay0g5] { margin: 0 0 .6rem; color: #62788a; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; }
.home-heading h1[b-3jyxbay0g5] { margin: 0 0 .75rem; font-size: clamp(2rem, 5vw, 3rem); line-height: 1.15; }
.home-heading p:last-child[b-3jyxbay0g5] { margin: 0; color: #52677a; line-height: 1.6; }
.guide-link[b-3jyxbay0g5] { flex-shrink: 0; padding: .85rem 1.1rem; border: 1px solid #b9cad7; border-radius: .6rem; color: #183b54; font-weight: 700; text-decoration: none; }
.admin-home section + section[b-3jyxbay0g5] { margin-top: 2rem; }
.admin-home h2[b-3jyxbay0g5] { font-size: 1.05rem; margin: 0 0 .9rem; }
.action-grid[b-3jyxbay0g5] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.action-grid.compact[b-3jyxbay0g5] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.action-card[b-3jyxbay0g5] { display: flex; flex-direction: column; align-items: flex-start; position: relative; min-width: 0; padding: 1.5rem; background: white; border: 1px solid #d8e2ea; border-radius: .9rem; color: #183b54; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.action-card:hover[b-3jyxbay0g5] { border-color: #6489a2; box-shadow: 0 6px 18px #183b5410; }
.action-card h3[b-3jyxbay0g5] { margin: .3rem 0 .65rem; font-size: 1.2rem; }
.action-card p[b-3jyxbay0g5] { margin: 0 0 1.5rem; line-height: 1.6; color: #52677a; }
.card-symbol[b-3jyxbay0g5] { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; background: #eef4f7; border-radius: .65rem; font-size: 1.4rem; margin-bottom: .75rem; }
.action-card strong[b-3jyxbay0g5], .card-arrow[b-3jyxbay0g5] { margin-top: auto; }
.card-arrow[b-3jyxbay0g5] { align-self: flex-end; font-size: 1.25rem; }
.action-card.primary[b-3jyxbay0g5] { background: #183b54; border-color: #183b54; color: white; }
.action-card.primary p[b-3jyxbay0g5] { color: #d7e5ef; }
.primary .card-symbol[b-3jyxbay0g5] { background: #ffffff18; }
.admin-home a:focus-visible[b-3jyxbay0g5] { outline: 3px solid #b56b17; outline-offset: 4px; }
@media (max-width: 760px) { .home-heading[b-3jyxbay0g5] { align-items: flex-start; flex-direction: column; } .action-grid[b-3jyxbay0g5], .action-grid.compact[b-3jyxbay0g5] { grid-template-columns: 1fr; } .admin-home[b-3jyxbay0g5] { padding-top: 1.5rem; } .action-card[b-3jyxbay0g5] { padding: 1.25rem; } }
@media (prefers-reduced-motion: reduce) { .action-card[b-3jyxbay0g5] { transition: none; } }
/* /Components/Pages/Admin/AdminOrderDetailPage.razor.rz.scp.css */
.admin-order-detail[b-wuzldq9bph] {
    padding-top: 2.5rem;
}

.order-status-actions[b-wuzldq9bph] { margin-top: 1.25rem; }
.order-status-actions button[b-wuzldq9bph] {
    margin: .25rem .5rem .25rem 0;
    padding: .65rem 1rem;
    border: 1px solid var(--brand-primary);
    border-radius: .5rem;
    background: var(--brand-primary);
    color: white;
    font-weight: 700;
    cursor: pointer;
}
.order-status-actions button:disabled[b-wuzldq9bph] { opacity: .55; cursor: wait; }

.back-link[b-wuzldq9bph] {
    color: var(--brand-primary);
    font-weight: 800;
    text-decoration: none;
}

.public-warning[b-wuzldq9bph] {
    margin-top: 1rem;
    padding: .8rem 1rem;
    display: flex;
    gap: .5rem;
    color: #713d11;
    border: 1px solid #e1bd82;
    border-radius: .7rem;
    background: #fff6e4;
    font-size: .86rem;
}

.detail-heading[b-wuzldq9bph] {
    margin-top: 1.5rem;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.5rem;
}

.eyebrow[b-wuzldq9bph] {
    margin: 0;
    color: var(--brand-accent);
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.detail-heading h1[b-wuzldq9bph],
.detail-state h1[b-wuzldq9bph] {
    margin: .25rem 0 .4rem;
    color: var(--brand-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.1rem, 5vw, 3.5rem);
}

.detail-heading p:last-child[b-wuzldq9bph] {
    margin: 0;
    color: var(--muted-text);
}

.detail-grid[b-wuzldq9bph] {
    margin-top: 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.detail-card[b-wuzldq9bph],
.detail-state[b-wuzldq9bph] {
    padding: 1.25rem;
    border: 1px solid var(--line);
    border-radius: .85rem;
    background: var(--paper);
}

.detail-card h2[b-wuzldq9bph] {
    margin: 0 0 1rem;
    color: var(--brand-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.35rem;
}

.detail-card dl[b-wuzldq9bph] {
    margin: 0;
    display: grid;
    gap: .7rem;
}

.detail-card dl > div[b-wuzldq9bph] {
    padding-bottom: .65rem;
    display: grid;
    grid-template-columns: minmax(8rem, .75fr) minmax(0, 1.5fr);
    gap: .75rem;
    border-bottom: 1px solid var(--line);
}

.detail-card dl > div:last-child[b-wuzldq9bph] {
    padding-bottom: 0;
    border-bottom: 0;
}

.detail-card dt[b-wuzldq9bph] {
    color: var(--muted-text);
    font-size: .76rem;
    font-weight: 750;
}

.detail-card dd[b-wuzldq9bph] {
    margin: 0;
    overflow-wrap: anywhere;
    font-weight: 650;
}

.detail-card dd a[b-wuzldq9bph] {
    color: var(--brand-primary);
}

.multiline[b-wuzldq9bph] {
    white-space: pre-wrap;
}

.products-card[b-wuzldq9bph] {
    grid-column: 1 / -1;
}

.product-lines[b-wuzldq9bph] {
    display: grid;
    gap: .7rem;
}

.product-line[b-wuzldq9bph],
.order-total[b-wuzldq9bph] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.product-line span[b-wuzldq9bph] {
    display: grid;
    gap: .15rem;
}

.product-line small[b-wuzldq9bph] {
    color: var(--muted-text);
}

.product-line > b[b-wuzldq9bph] {
    white-space: nowrap;
}

.order-total[b-wuzldq9bph] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
    font-size: 1.15rem;
    font-weight: 850;
}

.order-total strong[b-wuzldq9bph] {
    color: var(--brand-primary);
}

.detail-state[b-wuzldq9bph] {
    margin-top: 1.5rem;
    text-align: center;
}

.detail-state.error[b-wuzldq9bph] {
    color: #8a2626;
    border-color: #e0b2b2;
    background: #fff2f2;
}

@media (max-width: 720px) {
    .detail-heading[b-wuzldq9bph] {
        align-items: flex-start;
        flex-direction: column;
    }

    .public-warning[b-wuzldq9bph] {
        flex-direction: column;
    }

    .detail-grid[b-wuzldq9bph] {
        grid-template-columns: 1fr;
    }

    .products-card[b-wuzldq9bph] {
        grid-column: auto;
    }
}

@media (max-width: 480px) {
    .admin-order-detail[b-wuzldq9bph] {
        padding-top: 1.5rem;
    }

    .detail-card dl > div[b-wuzldq9bph] {
        grid-template-columns: 1fr;
        gap: .25rem;
    }
}
/* /Components/Pages/Admin/AdminOrderingPage.razor.rz.scp.css */
.ordering-settings-page[b-d4tjqi809k] { max-width: 1150px; padding-block: 2.5rem 4rem; color: #183b54; }
.ordering-settings-page h1[b-d4tjqi809k] { margin: 0 0 1.5rem; }
/* /Components/Pages/Admin/AdminOrderNotes.razor.rz.scp.css */
.internal-notes[b-cyskztvtq7] { margin-top: 1.25rem; padding: 1.5rem; border: 1px solid #eadfd4; border-radius: 1rem; background: #fff; }
h2[b-cyskztvtq7] { margin-top: 0; }
label[b-cyskztvtq7] { display: block; font-weight: 600; margin-bottom: .5rem; }
textarea[b-cyskztvtq7] { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-height: 8rem; padding: .75rem; border: 1px solid #b8a89b; border-radius: .5rem; font: inherit; resize: vertical; }
small[b-cyskztvtq7] { display: block; margin: .5rem 0; }
button[b-cyskztvtq7] { padding: .7rem 1rem; margin-top: .5rem; border: 1px solid #6b4330; border-radius: .5rem; background: #6b4330; color: white; font: inherit; cursor: pointer; }
button:disabled[b-cyskztvtq7] { opacity: .55; cursor: default; }
textarea:focus-visible[b-cyskztvtq7], button:focus-visible[b-cyskztvtq7] { outline: 2px solid #6b4330; outline-offset: 3px; }
/* /Components/Pages/Admin/AdminOrdersPage.razor.rz.scp.css */
.admin-orders-page[b-ajwpwwsmun] {
    padding-top: 3.5rem;
}

.admin-heading[b-ajwpwwsmun] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.5rem;
}

.eyebrow[b-ajwpwwsmun] {
    margin: 0;
    color: var(--brand-accent);
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.admin-heading h1[b-ajwpwwsmun] {
    margin: .25rem 0 .5rem;
    color: var(--brand-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.2rem, 5vw, 3.6rem);
}

.admin-heading p:last-child[b-ajwpwwsmun] {
    max-width: 48rem;
    margin: 0;
    color: var(--muted-text);
    line-height: 1.55;
}

.read-only-badge[b-ajwpwwsmun] {
    padding: .45rem .7rem;
    color: var(--brand-primary);
    border: 1px solid #b8ccd8;
    border-radius: 999px;
    background: #edf5fa;
    white-space: nowrap;
    font-size: .75rem;
    font-weight: 850;
}

.public-warning[b-ajwpwwsmun] {
    margin-top: 1.25rem;
    padding: .8rem 1rem;
    display: flex;
    gap: .5rem;
    color: #713d11;
    border: 1px solid #e1bd82;
    border-radius: .7rem;
    background: #fff6e4;
    font-size: .86rem;
}

.order-filters[b-ajwpwwsmun] {
    margin-top: 1.25rem;
    padding: 1rem;
    display: grid;
    grid-template-columns: minmax(14rem, 2fr) repeat(2, minmax(9rem, 1fr)) minmax(11rem, 1fr) auto;
    align-items: end;
    gap: .75rem;
    border: 1px solid var(--line);
    border-radius: .85rem;
    background: var(--paper);
}

.order-filters label[b-ajwpwwsmun],
.date-shift-filter[b-ajwpwwsmun] {
    min-width: 0;
    display: grid;
    gap: .35rem;
    color: var(--muted-text);
    font-size: .74rem;
    font-weight: 800;
}

.date-shift-filter > div[b-ajwpwwsmun] {
    display: flex;
    gap: .4rem;
}

.date-shift-filter button[b-ajwpwwsmun] {
    width: 2.7rem;
    min-height: 2.7rem;
    padding: 0;
    cursor: pointer;
    color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    border-radius: .5rem;
    background: white;
    font-size: 1.15rem;
    font-weight: 900;
}

.date-shift-filter button:hover:not(:disabled)[b-ajwpwwsmun] {
    color: white;
    background: var(--brand-primary);
}

.date-shift-filter button:disabled[b-ajwpwwsmun] {
    cursor: not-allowed;
    opacity: .4;
}

.order-filters input[b-ajwpwwsmun],
.order-filters select[b-ajwpwwsmun] {
    width: 100%;
    min-height: 2.7rem;
    padding: .55rem .65rem;
    color: var(--ink);
    border: 1px solid #b9c6ce;
    border-radius: .5rem;
    background: white;
    font: inherit;
    font-size: .85rem;
    font-weight: 550;
}

.filter-actions[b-ajwpwwsmun] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
}

.clear-filters-link[b-ajwpwwsmun],
.export-menu summary[b-ajwpwwsmun] {
    min-height: 2.7rem;
    padding: .6rem .9rem;
    display: inline-grid;
    place-items: center;
    cursor: pointer;
    color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    border-radius: .55rem;
    font-weight: 800;
    text-decoration: none;
}

.export-menu[b-ajwpwwsmun] {
    position: relative;
}

.export-menu summary[b-ajwpwwsmun] {
    grid-auto-flow: column;
    gap: .45rem;
    list-style: none;
    color: white;
    background: var(--brand-primary);
}

.export-menu summary[b-ajwpwwsmun]::-webkit-details-marker {
    display: none;
}

.export-menu[open] summary[b-ajwpwwsmun] {
    box-shadow: 0 0 0 .18rem rgb(24 93 138 / 14%);
}

.export-options[b-ajwpwwsmun] {
    width: min(23rem, calc(100vw - 2rem));
    padding: .4rem;
    position: absolute;
    z-index: 20;
    top: calc(100% + .4rem);
    right: 0;
    display: grid;
    gap: .25rem;
    border: 1px solid var(--line);
    border-radius: .65rem;
    background: white;
    box-shadow: 0 .8rem 2rem rgb(24 47 63 / 16%);
}

.export-options > a[b-ajwpwwsmun],
.export-options > span[b-ajwpwwsmun] {
    padding: .7rem .75rem;
    display: grid;
    gap: .18rem;
    color: var(--ink);
    border: 0;
    border-radius: .45rem;
    text-decoration: none;
}

.export-options > a:hover[b-ajwpwwsmun] {
    background: #edf3f6;
}

.export-options strong[b-ajwpwwsmun] {
    color: var(--brand-primary);
    font-size: .84rem;
}

.export-options small[b-ajwpwwsmun] {
    color: var(--muted-text);
    font-size: .72rem;
    line-height: 1.35;
}

.export-options .disabled[b-ajwpwwsmun] {
    cursor: not-allowed;
    opacity: .42;
}

.result-summary[b-ajwpwwsmun] {
    margin: 1.3rem 0 .65rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: var(--muted-text);
    font-size: .84rem;
}

.result-summary strong[b-ajwpwwsmun] {
    color: var(--ink);
}

.orders-table-wrap[b-ajwpwwsmun] {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: .85rem;
    background: var(--paper);
}

.orders-table[b-ajwpwwsmun] {
    width: 100%;
    border-collapse: collapse;
    font-size: .82rem;
}

.orders-table th[b-ajwpwwsmun] {
    padding: .75rem;
    color: var(--muted-text);
    background: #f4f6f6;
    text-align: left;
    white-space: nowrap;
    font-size: .7rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.orders-table td[b-ajwpwwsmun] {
    padding: .85rem .75rem;
    vertical-align: top;
    border-top: 1px solid var(--line);
}

.orders-table td > strong[b-ajwpwwsmun],
.orders-table td > small[b-ajwpwwsmun] {
    display: block;
}

.orders-table td > small[b-ajwpwwsmun] {
    margin-top: .2rem;
    color: var(--muted-text);
}

.order-reference[b-ajwpwwsmun],
.order-total[b-ajwpwwsmun] {
    color: var(--brand-primary);
    white-space: nowrap;
}

.details-cell a[b-ajwpwwsmun] {
    color: var(--brand-primary);
    white-space: nowrap;
    font-weight: 800;
}

.orders-state[b-ajwpwwsmun] {
    margin-top: 1.25rem;
    padding: 2rem;
    border: 1px solid var(--line);
    border-radius: .85rem;
    background: var(--paper);
    text-align: center;
}

.orders-state h2[b-ajwpwwsmun] {
    margin: 0;
    color: var(--brand-primary);
    font-family: Georgia, 'Times New Roman', serif;
}

.orders-state p[b-ajwpwwsmun] {
    color: var(--muted-text);
}

.orders-state.error[b-ajwpwwsmun] {
    color: #8a2626;
    border-color: #e0b2b2;
    background: #fff2f2;
}

.pagination[b-ajwpwwsmun] {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: .84rem;
}

.pagination a[b-ajwpwwsmun] {
    padding: .55rem .75rem;
    color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    border-radius: .5rem;
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 1100px) {
    .order-filters[b-ajwpwwsmun] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .search-filter[b-ajwpwwsmun] {
        grid-column: span 2;
    }

    .filter-actions[b-ajwpwwsmun] {
        grid-column: auto;
    }
}

@media (max-width: 720px) {
    .admin-orders-page[b-ajwpwwsmun] {
        padding-top: 2rem;
    }

    .admin-heading[b-ajwpwwsmun] {
        align-items: flex-start;
        flex-direction: column;
    }

    .public-warning[b-ajwpwwsmun] {
        flex-direction: column;
    }

    .order-filters[b-ajwpwwsmun] {
        grid-template-columns: 1fr 1fr;
    }

    .search-filter[b-ajwpwwsmun] {
        grid-column: 1 / -1;
    }

    .orders-table-wrap[b-ajwpwwsmun] {
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .orders-table[b-ajwpwwsmun],
    .orders-table tbody[b-ajwpwwsmun],
    .orders-table tr[b-ajwpwwsmun],
    .orders-table td[b-ajwpwwsmun] {
        display: block;
    }

    .orders-table thead[b-ajwpwwsmun] {
        display: none;
    }

    .orders-table tr[b-ajwpwwsmun] {
        margin-bottom: .85rem;
        padding: .85rem;
        border: 1px solid var(--line);
        border-radius: .8rem;
        background: var(--paper);
    }

    .orders-table td[b-ajwpwwsmun] {
        padding: .5rem 0 .5rem 7.5rem;
        position: relative;
        min-height: 2rem;
        border-top: 1px solid var(--line);
    }

    .orders-table td:first-child[b-ajwpwwsmun] {
        border-top: 0;
    }

    .orders-table td[b-ajwpwwsmun]::before {
        content: attr(data-label);
        position: absolute;
        left: 0;
        width: 7rem;
        color: var(--muted-text);
        font-size: .68rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .orders-table .details-cell[b-ajwpwwsmun] {
        padding-left: 0;
    }

    .details-cell a[b-ajwpwwsmun] {
        min-height: 2.7rem;
        display: grid;
        place-items: center;
        border: 1px solid var(--brand-primary);
        border-radius: .5rem;
        text-decoration: none;
    }
}

@media (max-width: 480px) {
    .order-filters[b-ajwpwwsmun] {
        grid-template-columns: 1fr;
    }

    .search-filter[b-ajwpwwsmun],
    .date-shift-filter[b-ajwpwwsmun],
    .filter-actions[b-ajwpwwsmun] {
        grid-column: auto;
    }

    .filter-actions[b-ajwpwwsmun] {
        align-items: stretch;
        flex-direction: column;
    }

    .export-menu summary[b-ajwpwwsmun],
    .clear-filters-link[b-ajwpwwsmun] {
        width: 100%;
    }

    .export-options[b-ajwpwwsmun] {
        width: 100%;
        position: static;
        margin-top: .35rem;
        box-shadow: none;
    }

    .result-summary[b-ajwpwwsmun],
    .pagination[b-ajwpwwsmun] {
        align-items: flex-start;
        flex-direction: column;
    }
}
.store-payment-badge[b-ajwpwwsmun] { display: inline-block; padding: .25rem .5rem; border-radius: .4rem; color: #185b3a; background: #e6f4eb; font-size: .72rem; font-weight: 750; }
/* /Components/Pages/Admin/AdminPaymentsPage.razor.rz.scp.css */
.payment-admin[b-76tqzokjx7]{padding-block:2rem}.table-scroll[b-76tqzokjx7]{overflow:auto;margin-block:1.5rem}table[b-76tqzokjx7]{width:100%;border-collapse:collapse;font-size:.9rem}th[b-76tqzokjx7],td[b-76tqzokjx7]{text-align:left;padding:1rem .75rem;border-bottom:1px solid #dce3d4}small[b-76tqzokjx7]{display:block;color:#697960}code[b-76tqzokjx7]{font-size:.75rem}button[b-76tqzokjx7]{padding:.55rem .8rem;border:1px solid #b0c4a6;border-radius:6px;background:#f5f7ef;color:#294c3e;margin:.2rem;min-height:44px}.review[b-76tqzokjx7]{background:#fff0cf}.note[b-76tqzokjx7]{max-width:800px;color:#6c735e}td span[b-76tqzokjx7]{display:block}
/* /Components/Pages/Admin/AdminProductEditPage.razor.rz.scp.css */
.product-editor[b-8jczc9arai] { max-width: 950px; padding-block: 2rem; color: #183b54; }
.back-link[b-8jczc9arai] { color: #183b54; display: inline-block; padding-block: .5rem; }
h1[b-8jczc9arai] { font-family: Georgia, serif; margin-block: 1rem 1.5rem; }
fieldset[b-8jczc9arai] { background: white; border: 1px solid #d4dfe6; border-radius: .7rem; padding: 1.5rem; margin-bottom: 1.5rem; }
/* Float the legend into the card instead of the fieldset's border cutout. */
legend[b-8jczc9arai] { float: left; width: 100%; box-sizing: border-box; margin: 0 0 1.25rem; padding: 0 0 .75rem; border-bottom: 1px solid #e6edf2; font-size: 1.2rem; line-height: 1.4; font-weight: 700; overflow-wrap: anywhere; }
legend + *[b-8jczc9arai] { clear: both; }
.field-grid[b-8jczc9arai] { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.food-translations[b-8jczc9arai] { margin-top: 1.25rem; }
label[b-8jczc9arai] { display: grid; gap: .4rem; font-weight: 600; min-width: 0; }
[b-8jczc9arai] input:not([type=checkbox]), [b-8jczc9arai] textarea, [b-8jczc9arai] select { width: 100%; padding: .7rem; border: 1px solid #a9bac6; border-radius: .4rem; font-size: 1rem; background: white; color: #183b54; }
small[b-8jczc9arai], fieldset p[b-8jczc9arai] { color: #536576; font-size: .85rem; font-weight: 400; }
.check[b-8jczc9arai] { display: flex; align-items: flex-start; gap: .7rem; padding-block: .6rem; }
.check[b-8jczc9arai]  input { width: 1.25rem; height: 1.25rem; margin-top: .2rem; accent-color: #183b54; flex-shrink: 0; }
.check small[b-8jczc9arai] { display: block; margin-top: .2rem; }
.editor-actions[b-8jczc9arai] { display: flex; align-items: center; gap: 1.5rem; }
button[b-8jczc9arai] { background: #183b54; color: white; border: 0; padding: .85rem 1.4rem; border-radius: .5rem; font-weight: 700; }
button:disabled[b-8jczc9arai] { opacity: .65; }
.editor-actions a[b-8jczc9arai] { color: #183b54; padding: .7rem; }
.errors[b-8jczc9arai] { color: #8b2424; background: #fff0f0; border: 1px solid #d39494; padding: 1rem; border-radius: .5rem; margin-bottom: 1rem; }
.errors ul[b-8jczc9arai] { margin: 0; }
.delete-product[b-8jczc9arai] { margin-top: 2.5rem; border-top: 1px solid #d4dfe6; padding-top: 1.5rem; }
.delete-product button:not(.undo-image)[b-8jczc9arai] { background: #922b2b; }
.delete-product p[b-8jczc9arai] { color: #792323; }
.image-preview[b-8jczc9arai] { display: block; max-width: 100%; width: 20rem; height: 15rem; object-fit: contain; background: #f4f6f8; border-radius: .5rem; margin-bottom: 1rem; }
.undo-image[b-8jczc9arai] { background: transparent; color: #183b54; border: 1px solid #a9bac6; margin-top: 1rem; }
[b-8jczc9arai] :is(a, button, input, textarea, select):focus-visible { outline: 3px solid #ac6710; outline-offset: 3px; }
@media (max-width: 640px) { .field-grid[b-8jczc9arai] { grid-template-columns: 1fr; } fieldset[b-8jczc9arai] { padding: 1rem; } }
/* /Components/Pages/Admin/AdminProductionPage.razor.rz.scp.css */
.production-page[b-01ni6iouyr] {
    padding-top: 3rem;
}

.production-toast[b-01ni6iouyr] {
    position: fixed;
    right: 1rem;
    bottom: max(1rem, env(safe-area-inset-bottom));
    z-index: 100;
    display: flex;
    align-items: center;
    gap: .75rem;
    width: max-content;
    max-width: min(30rem, calc(100vw - 2rem));
    padding: .75rem 1rem;
    color: #24643e;
    border: 1px solid #b5d6c1;
    border-radius: .7rem;
    background: #eef8f1;
    box-shadow: 0 .3rem 1.2rem #183b5426;
    font-size: .85rem;
}

.production-toast.error[b-01ni6iouyr] {
    color: #8a2626;
    border-color: #e0b2b2;
    background: #fff2f2;
}

.production-toast button[b-01ni6iouyr] {
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    border: 0;
    border-radius: .4rem;
    background: transparent;
    color: inherit;
    font-size: 1.4rem;
    cursor: pointer;
}

.production-toast button:focus-visible[b-01ni6iouyr] {
    outline: 2px solid currentColor;
}

.production-heading[b-01ni6iouyr] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.5rem;
}

.eyebrow[b-01ni6iouyr] {
    margin: 0;
    color: var(--brand-accent);
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.production-heading h1[b-01ni6iouyr] {
    margin: .25rem 0 .5rem;
    color: var(--brand-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.2rem, 5vw, 3.6rem);
}

.production-heading p:last-child[b-01ni6iouyr] {
    max-width: 48rem;
    margin: 0;
    color: var(--muted-text);
}

.production-heading > a[b-01ni6iouyr] {
    padding: .65rem .85rem;
    color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    border-radius: .6rem;
    white-space: nowrap;
    font-weight: 800;
    text-decoration: none;
}

.public-warning[b-01ni6iouyr],
.production-rule[b-01ni6iouyr] {
    margin-top: 1rem;
    padding: .8rem 1rem;
    display: flex;
    gap: .5rem;
    border-radius: .7rem;
    font-size: .86rem;
}

.public-warning[b-01ni6iouyr] {
    color: #713d11;
    border: 1px solid #e1bd82;
    background: #fff6e4;
}

.production-rule[b-01ni6iouyr] {
    color: #174f74;
    border: 1px solid #b8ccd8;
    background: #edf5fa;
}

.production-filters[b-01ni6iouyr] {
    margin-top: 1rem;
    padding: .75rem;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid var(--line);
    border-radius: .7rem;
    background: var(--paper);
}

.availability-panel[b-01ni6iouyr] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: .7rem;
    background: var(--paper);
}

.availability-heading[b-01ni6iouyr] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.availability-heading h2[b-01ni6iouyr] {
    margin: 0 0 .25rem;
    color: var(--brand-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.45rem;
}

.availability-heading p[b-01ni6iouyr] {
    margin: 0;
    color: var(--muted-text);
    font-size: .86rem;
}

.availability-heading label[b-01ni6iouyr] {
    display: grid;
    gap: .25rem;
    color: var(--muted-text);
    font-size: .72rem;
    font-weight: 750;
}

.availability-heading input[b-01ni6iouyr] {
    min-height: 2.35rem;
    padding: .35rem .55rem;
    color: var(--ink);
    border: 1px solid #b9c6ce;
    border-radius: .45rem;
    background: white;
}

.availability-grid[b-01ni6iouyr] {
    margin-top: .8rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
    gap: .45rem;
}

.availability-date[b-01ni6iouyr] {
    padding: .55rem;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: baseline;
    gap: .15rem .4rem;
    border: 1px solid #bad7c4;
    border-radius: .55rem;
    background: #f0f8f2;
}

.availability-date.blocked[b-01ni6iouyr] {
    border-color: #d8b2b2;
    background: #fff2f2;
}

.availability-date > span[b-01ni6iouyr] {
    color: var(--muted-text);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.availability-date > strong[b-01ni6iouyr] {
    color: var(--ink);
}

.availability-date button[b-01ni6iouyr] {
    grid-column: 1 / -1;
    padding: .3rem .4rem;
    cursor: pointer;
    color: #24643e;
    border: 0;
    border-top: 1px solid #c9dfd0;
    background: transparent;
    font-size: .72rem;
    font-weight: 800;
}

.availability-date.blocked button[b-01ni6iouyr] {
    color: #8a2626;
    border-top-color: #e4caca;
}

.filter-fields[b-01ni6iouyr] {
    display: flex;
    align-items: end;
    gap: .7rem;
    flex-wrap: wrap;
}

.filter-fields label[b-01ni6iouyr] {
    display: grid;
    gap: .25rem;
    color: var(--muted-text);
    font-size: .72rem;
    font-weight: 750;
}

.filter-fields label > span[b-01ni6iouyr] {
    display: flex;
    align-items: baseline;
    gap: .3rem;
}

.filter-fields small[b-01ni6iouyr] {
    font-weight: 500;
}

.filter-fields input[b-01ni6iouyr],
.filter-fields select[b-01ni6iouyr] {
    min-height: 2.35rem;
    padding: .35rem .55rem;
    color: var(--ink);
    border: 1px solid #b9c6ce;
    border-radius: .45rem;
    background: white;
}

.reset-filters[b-01ni6iouyr] {
    min-height: 2.35rem;
    padding: .35rem .7rem;
    color: var(--brand-primary);
    border: 0;
    background: transparent;
    font-weight: 750;
}

.batch-list[b-01ni6iouyr] {
    margin-top: .8rem;
    display: grid;
    gap: .45rem;
}

.batch-card[b-01ni6iouyr] {
    padding: .65rem .75rem;
    display: grid;
    grid-template-columns: minmax(14rem, 1.7fr) minmax(18rem, 1fr) 2.4rem;
    align-items: center;
    gap: .75rem;
    border: 1px solid var(--line);
    border-radius: .65rem;
    background: var(--paper);
}

.batch-card.low-stock[b-01ni6iouyr] {
    border-color: #d8a84f;
    background: #fffaf0;
}

.batch-card.sold-out[b-01ni6iouyr] {
    border-color: #dba3a3;
    background: #fff1f1;
}

.batch-date[b-01ni6iouyr] {
    display: grid;
    grid-template-columns: 2.2rem 6.3rem 1fr;
    align-items: baseline;
    gap: .45rem;
}

.batch-date > span[b-01ni6iouyr] {
    color: var(--brand-accent);
    font-size: .7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.batch-date strong[b-01ni6iouyr] {
    color: var(--brand-primary);
    font-size: .98rem;
}

.batch-date small[b-01ni6iouyr],
.batch-metrics small[b-01ni6iouyr],
.capacity-editor label > span[b-01ni6iouyr] {
    color: var(--muted-text);
    font-size: .7rem;
}

.batch-metrics[b-01ni6iouyr] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .6rem;
}

.batch-metrics span[b-01ni6iouyr] {
    display: grid;
}

.batch-metrics strong[b-01ni6iouyr] {
    font-size: .98rem;
}

.admin-date-picker[b-01ni6iouyr] {
    width: min(100%, 40rem);
    margin: .75rem auto 0;
    padding: clamp(.75rem, 2vw, 1.1rem);
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--paper);
}

.calendar-navigation[b-01ni6iouyr] {
    display: grid;
    grid-template-columns: 2.75rem 1fr 2.75rem;
    align-items: center;
    gap: .75rem;
}

.calendar-navigation h3[b-01ni6iouyr] {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.35rem, 4vw, 1.7rem);
    text-align: center;
    text-transform: capitalize;
}

.calendar-navigation button[b-01ni6iouyr] {
    min-width: 2.75rem;
    min-height: 2.75rem;
    cursor: pointer;
    color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    border-radius: .65rem;
    background: transparent;
    font-size: 1.3rem;
    font-weight: 800;
}

.calendar-navigation button:hover:not(:disabled)[b-01ni6iouyr] {
    color: white;
    background: var(--brand-primary);
}

.calendar-navigation button:disabled[b-01ni6iouyr] {
    cursor: not-allowed;
    opacity: .35;
}

.availability-calendar[b-01ni6iouyr] {
    margin-top: .4rem;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    /* Keep all six week rows, including while another month is loading. */
    grid-template-rows: 1.6rem repeat(6, 2.75rem);
    gap: .3rem;
}

.calendar-weekday[b-01ni6iouyr] {
    padding-block: .2rem;
    color: var(--muted-text);
    font-size: .8rem;
    font-weight: 800;
    text-align: center;
    text-transform: capitalize;
}

.calendar-day-cell[b-01ni6iouyr] {
    min-width: 0;
    display: grid;
}

.calendar-day[b-01ni6iouyr] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 2.75rem;
    display: grid;
    place-items: center;
    color: #8a8277;
    border: 1px solid transparent;
    border-radius: .65rem;
    background: #f1eee8;
    font-size: 1rem;
    font-weight: 750;
}

.calendar-day:disabled[b-01ni6iouyr] { cursor: default; }

.calendar-day.enabled[b-01ni6iouyr] {
    cursor: pointer;
    color: var(--ink);
    border-color: var(--line);
    background: white;
}

.calendar-day.enabled:hover[b-01ni6iouyr],
.calendar-day.selected[b-01ni6iouyr] {
    color: white;
    border-color: var(--brand-primary);
    background: var(--brand-primary);
}

.calendar-day.disabled[b-01ni6iouyr] {
    color: #9a2d2d;
    border-color: #dba3a3;
    background: #fdeaea;
    text-decoration: line-through;
}

.calendar-day.outside-month[b-01ni6iouyr] {
    visibility: hidden;
}

.calendar-navigation button:focus-visible[b-01ni6iouyr],
.calendar-day:focus-visible[b-01ni6iouyr] {
    outline: .2rem solid var(--brand-accent);
    outline-offset: .15rem;
}

.calendar-help[b-01ni6iouyr] { color: var(--muted-text); font-size: .75rem; margin: .5rem 0; max-width: 65rem; }
.calendar-day strong[b-01ni6iouyr] { font-size: 1rem; font-weight: 750; }
.calendar-day.disabled:hover:not(:disabled)[b-01ni6iouyr] { color: white; background: var(--brand-primary); }
.calendar-day.today[b-01ni6iouyr] { box-shadow: inset 0 0 0 2px var(--brand-primary); }
.calendar-footer[b-01ni6iouyr] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .6rem; margin-top: .75rem; }
.calendar-footer button[b-01ni6iouyr] { color: var(--brand-primary); background: transparent; border: 0; text-decoration: underline; font-size: .75rem; padding: .35rem; }
.calendar-legend[b-01ni6iouyr] { display: flex; flex-wrap: wrap; gap: .65rem; font-size: .7rem; color: var(--muted-text); }
.calendar-legend span[b-01ni6iouyr] { display: inline-flex; align-items: center; gap: .3rem; }
.calendar-legend i[b-01ni6iouyr] { width: .7rem; height: .7rem; border-radius: .2rem; border: 1px solid var(--line); }
.legend-enabled[b-01ni6iouyr] { background: white; }
.calendar-legend .legend-disabled[b-01ni6iouyr] { background: #fdeaea; border-color: #dba3a3; }
.legend-inactive[b-01ni6iouyr] { background: #f1eee8; }
@media (max-width: 640px) {
    .admin-date-picker[b-01ni6iouyr] { padding: .55rem; }
    .availability-calendar[b-01ni6iouyr] { gap: .2rem; }
    .calendar-weekday[b-01ni6iouyr] { font-size: .65rem; }
}
.batch-breakdown[b-01ni6iouyr] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem 1.5rem;
    padding-top: .6rem;
    border-top: 1px solid var(--line);
    font-size: .82rem;
}

.batch-breakdown p[b-01ni6iouyr] {
    margin: .25rem 0 0;
    color: var(--muted-text);
    line-height: 1.5;
}

.settings-button[b-01ni6iouyr] {
    width: 2.25rem;
    height: 2.25rem;
    padding: .5rem;
    display: grid;
    place-items: center;
    cursor: pointer;
    color: #647482;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
}

.settings-button:hover[b-01ni6iouyr],
.settings-button[aria-expanded="true"][b-01ni6iouyr] {
    color: var(--brand-primary);
    border-color: #cbd6dc;
    background: #edf3f6;
}

.settings-button svg[b-01ni6iouyr] {
    width: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.8;
}

.capacity-progress[b-01ni6iouyr] {
    grid-column: 1 / 3;
    height: .22rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e6e3dd;
}

.capacity-progress span[b-01ni6iouyr] {
    height: 100%;
    display: block;
    border-radius: inherit;
    background: var(--brand-primary);
}

.sold-out .capacity-progress span[b-01ni6iouyr] {
    background: #a93d3d;
}

.capacity-editor[b-01ni6iouyr] {
    grid-column: 1 / -1;
    padding-top: .6rem;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    gap: .45rem;
    border-top: 1px solid var(--line);
}

.capacity-editor label[b-01ni6iouyr] {
    display: grid;
    gap: .2rem;
}

.capacity-editor input[b-01ni6iouyr] {
    width: 7rem;
    min-height: 2.35rem;
    padding: .35rem .5rem;
    border: 1px solid #b9c6ce;
    border-radius: .45rem;
}

.capacity-editor button[b-01ni6iouyr] {
    min-height: 2.35rem;
    padding: .35rem .7rem;
    cursor: pointer;
    border-radius: .45rem;
    font-weight: 750;
}

.save-capacity[b-01ni6iouyr] {
    color: white;
    border: 1px solid var(--brand-primary);
    background: var(--brand-primary);
}

.cancel-capacity[b-01ni6iouyr] {
    color: var(--brand-primary);
    border: 1px solid #b9c6ce;
    background: transparent;
}

.production-pagination[b-01ni6iouyr] {
    margin-top: .8rem;
    padding: .7rem;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    border-top: 1px solid var(--line);
}

.production-pagination button[b-01ni6iouyr] {
    width: fit-content;
    min-height: 2.35rem;
    padding: .35rem .7rem;
    color: var(--brand-primary);
    border: 1px solid #b9c6ce;
    border-radius: .45rem;
    background: var(--paper);
    font-weight: 750;
}

.production-pagination button:last-child[b-01ni6iouyr] {
    justify-self: end;
}

.production-pagination button:disabled[b-01ni6iouyr] {
    cursor: not-allowed;
    opacity: .45;
}

.production-pagination div[b-01ni6iouyr] {
    display: grid;
    text-align: center;
}

.production-pagination span[b-01ni6iouyr] {
    color: var(--muted-text);
    font-size: .72rem;
}

.production-state[b-01ni6iouyr],
.production-message[b-01ni6iouyr] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: .7rem;
    background: var(--paper);
}

.production-message[b-01ni6iouyr] {
    color: #24643e;
    border-color: #b5d6c1;
    background: #eef8f1;
}

.production-message.error[b-01ni6iouyr],
.production-state.error[b-01ni6iouyr] {
    color: #8a2626;
    border-color: #e0b2b2;
    background: #fff2f2;
}

@media (max-width: 850px) {
    .batch-card[b-01ni6iouyr] {
        grid-template-columns: 1fr auto;
    }

    .batch-date[b-01ni6iouyr],
    .batch-metrics[b-01ni6iouyr] {
        grid-column: 1;
    }

    .settings-button[b-01ni6iouyr] {
        grid-column: 2;
        grid-row: 1 / 3;
    }

    .capacity-progress[b-01ni6iouyr],
    .capacity-editor[b-01ni6iouyr] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .batch-breakdown[b-01ni6iouyr] {
        grid-template-columns: 1fr;
    }
    .production-heading[b-01ni6iouyr],
    .public-warning[b-01ni6iouyr],
    .production-rule[b-01ni6iouyr],
    .availability-heading[b-01ni6iouyr],
    .production-filters[b-01ni6iouyr] {
        align-items: flex-start;
        flex-direction: column;
    }

    .filter-fields[b-01ni6iouyr],
    .filter-fields label[b-01ni6iouyr],
    .filter-fields input[b-01ni6iouyr] {
        width: 100%;
    }

    .batch-date[b-01ni6iouyr] {
        grid-template-columns: 2rem 1fr;
    }

    .batch-date small[b-01ni6iouyr] {
        grid-column: 1 / -1;
    }

    .batch-metrics[b-01ni6iouyr] {
        gap: .35rem;
    }

    .capacity-editor[b-01ni6iouyr] {
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .production-pagination[b-01ni6iouyr] {
        grid-template-columns: 1fr 1fr;
    }

    .production-pagination div[b-01ni6iouyr] {
        grid-column: 1 / -1;
        grid-row: 1;
    }
}
/* /Components/Pages/Admin/AdminProductsPage.razor.rz.scp.css */
.products-page[b-8uefrba5av] { padding-block: 2.5rem; color: #183b54; }
header[b-8uefrba5av] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
h1[b-8uefrba5av] { font-family: Georgia, serif; margin: .3rem 0 .7rem; }
header p[b-8uefrba5av] { color: #536576; }
.eyebrow[b-8uefrba5av] { text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; font-weight: 700; }
.primary-action[b-8uefrba5av] { background: #183b54; color: white; padding: .8rem 1rem; border-radius: .5rem; text-decoration: none; font-weight: 700; }
.notice[b-8uefrba5av] { background: #e3f4e8; color: #205333; padding: 1rem; border-radius: .5rem; margin-top: 1rem; }
.filters[b-8uefrba5av] { display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 1.5rem; }
label[b-8uefrba5av] { display: grid; gap: .4rem; font-weight: 600; flex: 1; min-width: 12rem; }
input[b-8uefrba5av], select[b-8uefrba5av] { padding: .7rem; border: 1px solid #a9bac6; border-radius: .4rem; background: white; font-size: 1rem; width: 100%; }
.count[b-8uefrba5av] { margin: 1rem 0; color: #536576; }
.product-list[b-8uefrba5av] { display: grid; gap: .65rem; }
article[b-8uefrba5av] { display: flex; align-items: center; gap: 1.2rem; padding: 1rem; background: white; border: 1px solid #d4dfe6; border-radius: .7rem; }
.product-picture[b-8uefrba5av] { width: 5rem; height: 5rem; flex-shrink: 0; background: #edf2f5; border-radius: .5rem; overflow: hidden; display: grid; place-items: center; font: 2rem Georgia, serif; }
.product-picture img[b-8uefrba5av] { width: 100%; height: 100%; object-fit: cover; }
.product-info[b-8uefrba5av] { flex: 1; min-width: 0; }
.category[b-8uefrba5av] { font-size: .8rem; color: #536576; margin: 0 0 .2rem; }
h2[b-8uefrba5av] { font-size: 1.1rem; margin: 0 0 .5rem; overflow-wrap: anywhere; }
h2 a[b-8uefrba5av] { color: #183b54; text-decoration: none; }
h2 a:hover[b-8uefrba5av] { text-decoration: underline; }
.badges[b-8uefrba5av] { display: flex; gap: .35rem; flex-wrap: wrap; }
.badges span[b-8uefrba5av] { font-size: .75rem; padding: .2rem .5rem; background: #edf2f5; border-radius: .3rem; }
.price[b-8uefrba5av], .edit-link[b-8uefrba5av] { white-space: nowrap; }
.reorder-controls[b-8uefrba5av] { display: flex; gap: .35rem; }
.reorder-controls button[b-8uefrba5av] { min-width: 2.75rem; min-height: 2.75rem; border: 1px solid #a9bac6; border-radius: .5rem; background: white; color: #183b54; font: inherit; font-size: 1.2rem; cursor: pointer; }
.reorder-controls button:disabled[b-8uefrba5av] { opacity: .4; cursor: default; }
.edit-link[b-8uefrba5av] { padding: .7rem; color: #183b54; font-weight: 600; }
.empty[b-8uefrba5av] { padding: 2rem; background: white; }
:is(a, button, input, select):focus-visible[b-8uefrba5av] { outline: 3px solid #ac6710; outline-offset: 3px; }
@media (max-width: 640px) {
    article[b-8uefrba5av] { gap: .75rem; flex-wrap: wrap; }
    .product-picture[b-8uefrba5av] { width: 3.5rem; height: 3.5rem; }
    .product-info[b-8uefrba5av] { flex-basis: calc(100% - 5rem); }
    .price[b-8uefrba5av] { margin-right: auto; }
}
/* /Components/Pages/Admin/AdminSettingsPage.razor.rz.scp.css */
.settings-page[b-qn5g5eq5im] { padding-block: 2rem; color: #183b54; max-width: 1000px; }
h1[b-qn5g5eq5im], h2[b-qn5g5eq5im] { font-family: Georgia, serif; }
.settings-card[b-qn5g5eq5im] { background: white; border: 1px solid #d4dfe6; border-radius: .8rem; padding: 1.5rem; }
fieldset[b-qn5g5eq5im] { border: 0; padding: 0; margin: 0; min-width: 0; }
.settings-grid[b-qn5g5eq5im] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.5rem; }
label[b-qn5g5eq5im] { display: flex; flex-direction: column; gap: .4rem; font-weight: 600; }
.checkbox-label[b-qn5g5eq5im] { flex-direction: row; align-items: center; }
.checkbox-label input[b-qn5g5eq5im] { width: auto; }
input[b-qn5g5eq5im], select[b-qn5g5eq5im] { width: 100%; border: 1px solid #899fab; border-radius: .4rem; padding: .7rem; background: white; color: #183b54; }
small[b-qn5g5eq5im], .help[b-qn5g5eq5im] { font-size: .9rem; font-weight: 400; color: #526771; }
.help[b-qn5g5eq5im] { margin-top: 1rem; }
.actions[b-qn5g5eq5im] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
button[b-qn5g5eq5im] { background: #183b54; color: white; border: 1px solid #183b54; border-radius: .5rem; padding: .75rem 1rem; }
.secondary[b-qn5g5eq5im] { background: white; color: #183b54; }
button:disabled[b-qn5g5eq5im], fieldset:disabled[b-qn5g5eq5im] { opacity: .65; }
button:focus-visible[b-qn5g5eq5im], input:focus-visible[b-qn5g5eq5im], select:focus-visible[b-qn5g5eq5im], a:focus-visible[b-qn5g5eq5im] { outline: 3px solid #ac6710; outline-offset: 3px; }
a[b-qn5g5eq5im] { color: #183b54; }
.notice[b-qn5g5eq5im] { background: #eaf1f6; padding: 1rem; border-radius: .5rem; }
.error[b-qn5g5eq5im] { color: #8b2424; background: #fff0ef; }
@media(max-width:640px) { .settings-grid[b-qn5g5eq5im] { grid-template-columns: 1fr; } .settings-card[b-qn5g5eq5im] { padding: 1rem; } }
/* /Components/Pages/Admin/OrderingAvailabilityCard.razor.rz.scp.css */
.ordering-card[b-n2z8pkgow8] { padding: 1.5rem; border: 2px solid #98c9ad; border-radius: 1rem; background: #f7fcf9; }
.ordering-card.warning[b-n2z8pkgow8] { border-color: #d49a39; background: #fffaf0; }
.ordering-card.closed[b-n2z8pkgow8] { border-color: #bd6060; background: #fff8f8; }
.ordering-heading[b-n2z8pkgow8] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.ordering-heading h2[b-n2z8pkgow8] { margin: 0; font-size: 1.45rem; }
.ordering-kicker[b-n2z8pkgow8] { margin: 0 0 .35rem; color: #5a7080; font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.ordering-state[b-n2z8pkgow8] { margin: 0; font-weight: 800; }
.ordering-grid[b-n2z8pkgow8] { display: grid; grid-template-columns: minmax(10rem, .55fr) minmax(15rem, 1fr); gap: .55rem 1rem; margin-top: 1.2rem; align-items: center; }
.ordering-grid small[b-n2z8pkgow8] { grid-column: 2; color: #5c6f7d; }
.ordering-grid input[b-n2z8pkgow8], .ordering-grid textarea[b-n2z8pkgow8] { width: 100%; box-sizing: border-box; padding: .7rem; border: 1px solid #aebfca; border-radius: .45rem; font: inherit; }
.ordering-grid textarea[b-n2z8pkgow8] { min-height: 4.5rem; resize: vertical; }
.ordering-actions[b-n2z8pkgow8] { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1rem; }
.ordering-actions button[b-n2z8pkgow8] { padding: .7rem 1rem; border: 1px solid #205f91; border-radius: .5rem; background: #205f91; color: white; font-weight: 700; cursor: pointer; }
.ordering-actions .secondary[b-n2z8pkgow8] { background: white; color: #205f91; }
.ordering-actions .danger[b-n2z8pkgow8] { border-color: #9f3434; background: #9f3434; }
.ordering-feedback[b-n2z8pkgow8], .ordering-confirm[b-n2z8pkgow8] { margin: 1rem 0 0; padding: .8rem 1rem; border-radius: .5rem; background: #e5f4e9; }
.ordering-feedback.error[b-n2z8pkgow8] { background: #fdeaea; color: #842525; }
.ordering-confirm[b-n2z8pkgow8] { border: 1px solid #c67632; background: #fff4e7; }
.ordering-confirm h3[b-n2z8pkgow8] { margin: 0; }
@media (max-width: 720px) { .ordering-heading[b-n2z8pkgow8] { display: block; } .ordering-state[b-n2z8pkgow8] { margin-top: .7rem; } .ordering-grid[b-n2z8pkgow8] { grid-template-columns: 1fr; } .ordering-grid small[b-n2z8pkgow8] { grid-column: 1; } }
/* /Components/Pages/Cart/CartPage.razor.rz.scp.css */
.cart-page[b-da68pex1b0] {
    padding-block: clamp(3rem, 7vw, 5.5rem);
}

.cart-header[b-da68pex1b0] {
    max-width: 46rem;
    margin-bottom: 2.5rem;
}

.eyebrow[b-da68pex1b0] {
    margin: 0;
    color: var(--brand-accent);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.cart-header h1[b-da68pex1b0] {
    margin: .35rem 0 1rem;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.8rem, 7vw, 5rem);
    font-weight: 500;
    letter-spacing: -.05em;
}

.cart-header > p:last-child[b-da68pex1b0],
.cart-loading[b-da68pex1b0],
.empty-cart p[b-da68pex1b0],
.cart-summary p[b-da68pex1b0] {
    color: var(--muted-text);
    line-height: 1.7;
}

.cart-layout[b-da68pex1b0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
    align-items: start;
    gap: 2rem;
}

.cart-lines[b-da68pex1b0] {
    display: grid;
    gap: 1rem;
}

.cart-line[b-da68pex1b0] {
    padding: 1rem;
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 1.25rem;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--paper);
}

.line-image[b-da68pex1b0] {
    width: 7rem;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: .75rem;
    background: #eadcc0;
}

.line-image img[b-da68pex1b0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.line-details h2[b-da68pex1b0],
.cart-summary h2[b-da68pex1b0],
.empty-cart h2[b-da68pex1b0] {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
}

.line-details h2[b-da68pex1b0] {
    font-size: 1.35rem;
}

.line-details > span[b-da68pex1b0] {
    display: block;
    margin-top: .35rem;
    color: var(--muted-text);
    font-size: .88rem;
}

.remove-line[b-da68pex1b0] {
    margin-top: .8rem;
    padding: 0;
    cursor: pointer;
    color: #8a443a;
    border: 0;
    background: transparent;
    font-size: .82rem;
    font-weight: 750;
    text-decoration: underline;
    text-underline-offset: .18em;
}

.quantity-control[b-da68pex1b0] {
    display: grid;
    grid-template-columns: 2.2rem 2.5rem 2.2rem;
    align-items: center;
    text-align: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    overflow: hidden;
}

.quantity-control button[b-da68pex1b0] {
    width: 2.2rem;
    height: 2.2rem;
    cursor: pointer;
    color: var(--brand-primary);
    border: 0;
    background: transparent;
    font-size: 1.25rem;
}

.quantity-control button:hover:not(:disabled)[b-da68pex1b0] {
    background: #f1eadb;
}

.quantity-control button:disabled[b-da68pex1b0],
.remove-line:disabled[b-da68pex1b0] {
    cursor: wait;
    opacity: .5;
}

.line-total[b-da68pex1b0] {
    min-width: 6.5rem;
    color: var(--brand-accent);
    text-align: right;
}

.cart-summary[b-da68pex1b0] {
    position: sticky;
    top: 6.25rem;
    padding: 1.5rem;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--paper);
    box-shadow: 0 .7rem 2rem rgba(61, 43, 35, .07);
}

.cart-summary h2[b-da68pex1b0] {
    font-size: 1.7rem;
}

.cart-summary dl[b-da68pex1b0] {
    margin: 1.4rem 0;
}

.cart-summary dl > div[b-da68pex1b0] {
    padding-block: .8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.cart-summary dt[b-da68pex1b0] {
    color: var(--muted-text);
    font-weight: 500;
}

.cart-summary dd[b-da68pex1b0] {
    margin: 0;
    font-weight: 800;
}

.cart-summary .grand-total[b-da68pex1b0] {
    border-top: 1px solid var(--line);
    color: var(--ink);
    font-size: 1.1rem;
}

.cart-summary > button[b-da68pex1b0],
.fulfilment-link[b-da68pex1b0],
.primary-link[b-da68pex1b0] {
    width: 100%;
    padding: .85rem 1rem;
    border: 0;
    border-radius: .7rem;
    font-weight: 800;
}

.cart-summary > button[b-da68pex1b0] {
    color: #81786a;
    background: #e8e2d7;
}

.fulfilment-link[b-da68pex1b0] {
    display: block;
    color: white;
    background: var(--brand-primary);
    text-align: center;
    text-decoration: none;
}

.fulfilment-link:hover[b-da68pex1b0] {
    background: color-mix(in srgb, var(--brand-primary) 86%, black);
}

.selected-pickup[b-da68pex1b0] {
    margin: 0 0 1rem;
    padding: .85rem;
    display: grid;
    gap: .2rem;
    border-left: .22rem solid var(--brand-accent);
    background: #f7f0e2;
}

.selected-pickup span[b-da68pex1b0],
.selected-pickup small[b-da68pex1b0] {
    color: var(--muted-text);
}

.selected-pickup span[b-da68pex1b0] {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.cart-summary p[b-da68pex1b0] {
    margin: .8rem 0 0;
    font-size: .82rem;
}

.empty-cart[b-da68pex1b0] {
    padding: clamp(2rem, 6vw, 4rem);
    text-align: center;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--paper);
}

.empty-cart h2[b-da68pex1b0] {
    font-size: 2rem;
}

.primary-link[b-da68pex1b0] {
    width: auto;
    display: inline-block;
    margin-top: .75rem;
    color: white;
    background: var(--brand-primary);
    text-decoration: none;
}

.cart-message[b-da68pex1b0] {
    padding: .85rem 1rem;
    color: #1e5138;
    border-left: .25rem solid #4c9a6b;
    background: #edf8f0;
}

.cart-message.error[b-da68pex1b0] {
    color: #793a32;
    border-color: #b75d50;
    background: #fbedeb;
}

@media (max-width: 900px) {
    .cart-layout[b-da68pex1b0] {
        grid-template-columns: 1fr;
    }

    .cart-summary[b-da68pex1b0] {
        position: static;
    }
}

@media (max-width: 640px) {
    .cart-line[b-da68pex1b0] {
        grid-template-columns: 5.5rem minmax(0, 1fr);
        gap: 1rem;
    }

    .line-image[b-da68pex1b0] {
        width: 5.5rem;
    }

    .quantity-control[b-da68pex1b0] {
        grid-column: 1 / 2;
        justify-self: start;
    }

    .line-total[b-da68pex1b0] {
        min-width: 0;
    }
}
/* /Components/Pages/Catalog/CatalogPage.razor.rz.scp.css */
.catalog-page[b-u1f19pp32c] {
    padding-top: clamp(2rem, 5vw, 3.5rem);
    padding-bottom: 3rem;
}

.catalog-header[b-u1f19pp32c] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}

.catalog-header h1[b-u1f19pp32c] {
    margin: .35rem 0 .8rem;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.3rem, 5vw, 4rem);
    font-weight: 500;
    letter-spacing: normal;
}

.catalog-header p:not(.eyebrow)[b-u1f19pp32c] {
    max-width: 42rem;
    color: var(--muted-text);
    line-height: 1.7;
}

.eyebrow[b-u1f19pp32c] {
    margin: 0;
    color: var(--brand-accent);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.category-filter[b-u1f19pp32c] {
    margin: 1.5rem 0 2.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.catalog-filters[b-u1f19pp32c] { display: flex; align-items: end; flex-wrap: wrap; gap: .8rem; margin: 1.25rem 0; }
.catalog-filters label[b-u1f19pp32c] { display: grid; gap: .4rem; flex: 1 1 15rem; min-width: 0; font-weight: 600; }
.catalog-filters input[b-u1f19pp32c], .catalog-filters select[b-u1f19pp32c] { width: 100%; min-width: 0; box-sizing: border-box; min-height: 44px; padding: .65rem; font: inherit; border: 1px solid var(--line); border-radius: .5rem; background: var(--paper); color: var(--ink); }
.catalog-filters button[b-u1f19pp32c] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .65rem 1.2rem; border: 0; border-radius: .5rem; background: var(--brand-primary); color: white; font: inherit; font-weight: 600; text-decoration: none; }
.catalog-filters a[b-u1f19pp32c] { padding: .65rem; }
.catalog-result-count[b-u1f19pp32c] { color: var(--muted-text); margin-bottom: 1.5rem; scroll-margin-top: 6rem; }
.catalog-pagination[b-u1f19pp32c] { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-top: 1.5rem; }
.catalog-pagination .pagination-ellipsis[b-u1f19pp32c] { display: inline-flex; align-items: center; justify-content: center; min-width: 1.5rem; min-height: 44px; color: var(--ink); font-size: 1.25rem; font-weight: 700; }
.catalog-pagination a[b-u1f19pp32c] { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; box-sizing: border-box; padding: .5rem .75rem; border: 1px solid var(--line); border-radius: .5rem; text-decoration: none; color: var(--ink); background: var(--paper); }
.catalog-pagination a[aria-current="page"][b-u1f19pp32c] { background: var(--brand-primary); color: white; border-color: var(--brand-primary); font-weight: 700; }
.catalog-pagination a:focus-visible[b-u1f19pp32c] { outline: 3px solid var(--brand-accent); outline-offset: 2px; }
.product-card[b-u1f19pp32c] { scroll-margin-top: 6rem; }
.catalog-filters .catalog-category-control[b-u1f19pp32c] { flex: 0 1 auto; display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; max-width: 100%; font-size: .85rem; color: var(--muted-text); }
.catalog-category-select[b-u1f19pp32c] { position: relative; display: block; width: 16.5rem; max-width: 100%; min-width: 0; }




@media (max-width: 640px) {
    .catalog-page[b-u1f19pp32c] { padding-top: 1.2rem; }
    .catalog-header h1[b-u1f19pp32c] { font-size: 2rem; }
    .catalog-header p:not(.eyebrow)[b-u1f19pp32c] { font-size: .9rem; line-height: 1.45; }
    .catalog-filters[b-u1f19pp32c] { gap: .65rem; }
    .catalog-filters label[b-u1f19pp32c] { flex-basis: 100%; }
    .catalog-filters button[b-u1f19pp32c] { width: 100%; }
    .product-card .product-image[b-u1f19pp32c] { aspect-ratio: 4 / 3; height: auto; background: var(--paper); }
    .product-card .product-image img[b-u1f19pp32c] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
    .category-heading p[b-u1f19pp32c] { display: none; }
    .category-heading h2[b-u1f19pp32c] { font-size: 1.5rem; }
}

.category-filter a[b-u1f19pp32c] {
    padding: .75rem 1.1rem;
    min-height: 3rem;
    display: inline-flex;
    align-items: center;
    color: var(--muted-text);
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--paper);
    font-weight: 700;
    text-decoration: none;
}

.category-filter a:hover[b-u1f19pp32c],
.category-filter a.selected[b-u1f19pp32c] {
    color: white;
    border-color: var(--brand-primary);
    background: var(--brand-primary);
}

.category-section + .category-section[b-u1f19pp32c] {
    margin-top: 5rem;
}

.category-heading[b-u1f19pp32c] {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    border-bottom: 1px solid var(--line);
}

.category-heading h2[b-u1f19pp32c] {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 2rem;
}

.category-heading p[b-u1f19pp32c],
.category-heading span[b-u1f19pp32c] {
    color: var(--muted-text);
}

.category-heading span[b-u1f19pp32c] {
    padding-bottom: 1rem;
    white-space: nowrap;
    font-size: .86rem;
}

.product-grid[b-u1f19pp32c] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.product-card[b-u1f19pp32c] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--shop-card-radius);
    background: var(--paper);
    box-shadow: 0 .3rem 1rem rgba(23, 47, 66, .04);
}

.product-image[b-u1f19pp32c] {
    position: relative;
    aspect-ratio: 4 / 3;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: linear-gradient(145deg, #e3cd9f, var(--brand-accent));
}

.product-image > span:first-child[b-u1f19pp32c] {
    color: rgba(255, 255, 255, .84);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 5rem;
    text-shadow: 0 .5rem 2rem rgba(75, 37, 25, .22);
}

.product-image img[b-u1f19pp32c] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.availability[b-u1f19pp32c] {
    align-self: flex-start;
    margin-top: auto;
    margin-bottom: 1.25rem;
    padding: .4rem .65rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
}

.availability.available[b-u1f19pp32c] {
    color: #1e5138;
    background: #e4f4e9;
}

.availability.unavailable[b-u1f19pp32c] {
    color: #793a32;
    background: #f8e5e1;
}

.availability.catalogue-only[b-u1f19pp32c] {
    color: #5f4a27;
    background: #f5edd9;
}

.product-content[b-u1f19pp32c] {
    padding: clamp(1rem, 2vw, 1.5rem);
    display: flex;
    flex-direction: column;
    flex: 1;
}

.product-title-row[b-u1f19pp32c] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
    gap: .35rem .5rem;
}

.product-title-row h3[b-u1f19pp32c] {
    margin: 0;
    grid-column: 1 / -1;
    margin-bottom: .35rem;
    overflow-wrap: anywhere;
    line-height: 1.35;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.3rem;
}

.product-title-row strong[b-u1f19pp32c] {
    color: var(--ink);
    font-size: 1.1rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.product-title-row small[b-u1f19pp32c] { color: var(--muted-text); font-size: .8rem; }

.product-content p[b-u1f19pp32c] {
    margin: .75rem 0 1.25rem;
    color: var(--muted-text);
    line-height: 1.6;
}

.product-actions[b-u1f19pp32c] {
    margin-top: 0;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem;
    min-height: 2.65rem;
}

.product-actions button[b-u1f19pp32c],
.primary-link[b-u1f19pp32c] {
    padding: .7rem 1rem;
    color: white;
    border: 0;
    border-radius: var(--shop-control-radius);
    background: var(--brand-primary);
    font-weight: 800;
}

.product-actions button[b-u1f19pp32c] {
    cursor: pointer;
}

.product-actions button:hover:not(:disabled)[b-u1f19pp32c] {
    background: color-mix(in srgb, var(--brand-primary) 86%, black);
}

.product-actions button:disabled[b-u1f19pp32c] {
    cursor: wait;
    opacity: .68;
}

.product-actions > span[b-u1f19pp32c] {
    color: var(--muted-text);
    font-size: .82rem;
    font-weight: 750;
}

.product-cart-state[b-u1f19pp32c] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #1e5138;
    font-size: .8rem;
    font-weight: 800;
    text-decoration: none;
}

.product-quantity[b-u1f19pp32c] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .75rem;
    flex: 1 0 100%;
    margin-bottom: .4rem;
}

.product-cart-feedback[b-u1f19pp32c] { flex: 1 0 100%; min-height: 1.5rem; }

.selection-total[b-u1f19pp32c] { flex: 1; min-width: 5rem; display: grid; gap: .45rem; text-align: right; }
.selection-total span[b-u1f19pp32c] { color: var(--muted-text); font-size: .78rem; line-height: 1.4; }
.selection-total strong[b-u1f19pp32c] { display: flex; align-items: center; justify-content: flex-end; min-height: calc(var(--shop-control-size) + 2px); font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.product-actions .product-add[b-u1f19pp32c] { flex: 1 0 100%; min-height: 3.25rem; font: inherit; font-weight: 750; touch-action: manipulation; }
.product-actions button:focus-visible[b-u1f19pp32c] { outline: 3px solid var(--brand-accent); outline-offset: 3px; }

.product-cart-state span[b-u1f19pp32c] {
    width: 1.35rem;
    height: 1.35rem;
    display: inline-grid;
    place-items: center;
    color: white;
    border-radius: 50%;
    background: #2d7450;
    font-size: .72rem;
}

.mobile-cart-dock[b-u1f19pp32c] {
    display: none;
}

.catalog-feedback[b-u1f19pp32c] {
    margin-top: 1.5rem;
    padding: .9rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid #b9d9c4;
    border-radius: .75rem;
    color: #1e5138;
    background: #edf8f0;
}

.catalog-feedback.error[b-u1f19pp32c] {
    color: #793a32;
    border-color: #e4bdb5;
    background: #fbedeb;
}

.catalog-feedback a[b-u1f19pp32c] {
    color: inherit;
    white-space: nowrap;
    font-weight: 800;
}

.empty-state[b-u1f19pp32c] {
    padding: 4rem;
    text-align: center;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--paper);
}

@media (max-width: 900px) {
    .product-grid[b-u1f19pp32c] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .catalog-page[b-u1f19pp32c] { padding-top: 1.75rem; padding-bottom: calc(7rem + env(safe-area-inset-bottom)); }
    .product-grid[b-u1f19pp32c] { grid-template-columns: 1fr; }
    .category-heading[b-u1f19pp32c] { align-items: start; flex-direction: column; gap: 0; }
    .category-filter[b-u1f19pp32c] { gap: .5rem; margin: 1rem 0 1.5rem; }
    .category-filter a[b-u1f19pp32c] { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
    .category-section + .category-section[b-u1f19pp32c] { margin-top: 2.5rem; }
    .product-title-row h3[b-u1f19pp32c] { font-size: 1.4rem; }
    .catalog-feedback[b-u1f19pp32c] { align-items: flex-start; flex-wrap: wrap; }
    .catalog-feedback a[b-u1f19pp32c] { padding-block: .5rem; }

    .product-actions button[b-u1f19pp32c] {
        min-height: 3rem;
        flex: 1 1 10rem;
    }

    .product-cart-state[b-u1f19pp32c] {
        min-height: 3rem;
        padding-inline: .35rem;
    }
    .product-cart-feedback[b-u1f19pp32c] { min-height: 3rem; }

    .mobile-cart-dock[b-u1f19pp32c] {
        position: fixed;
        z-index: 20;
        right: .75rem;
        bottom: max(.75rem, env(safe-area-inset-bottom));
        left: .75rem;
        min-height: 4.1rem;
        padding: .7rem .85rem;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: .75rem;
        color: white;
        border: 1px solid color-mix(in srgb, var(--brand-primary) 80%, white);
        border-radius: .9rem;
        background: var(--brand-primary);
        box-shadow: 0 .9rem 2.5rem rgb(17 48 72 / 32%);
        text-decoration: none;
        animation: mobile-cart-arrive-b-u1f19pp32c .3s ease-out;
    }

    .mobile-cart-dock-icon[b-u1f19pp32c] {
        position: relative;
        width: 2.35rem;
        height: 2.35rem;
        display: grid;
        place-items: center;
        border-radius: .65rem;
        background: rgb(255 255 255 / 13%);
    }

    .mobile-cart-dock-icon svg[b-u1f19pp32c] {
        width: 1.45rem;
        height: 1.45rem;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.8;
    }

    .mobile-cart-dock-icon strong[b-u1f19pp32c] {
        position: absolute;
        top: -.45rem;
        right: -.45rem;
        min-width: 1.25rem;
        height: 1.25rem;
        padding-inline: .2rem;
        display: grid;
        place-items: center;
        border: 2px solid var(--brand-primary);
        border-radius: 999px;
        background: var(--brand-accent);
        font-size: .65rem;
    }

    .mobile-cart-dock-copy[b-u1f19pp32c] {
        display: grid;
        line-height: 1.2;
    }

    .mobile-cart-dock-copy small[b-u1f19pp32c] {
        color: rgb(255 255 255 / 74%);
        font-size: .72rem;
    }

    .mobile-cart-dock > b[b-u1f19pp32c] {
        white-space: nowrap;
        font-size: .88rem;
    }
}

@keyframes mobile-cart-arrive-b-u1f19pp32c {
    from { transform: translateY(1rem); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .mobile-cart-dock[b-u1f19pp32c] { animation: none; }
}

.product-content > p[b-u1f19pp32c] { line-height: 1.45; }
.product-title-row h3[b-u1f19pp32c] { color: var(--brand-primary); }
.product-actions .product-add[b-u1f19pp32c], .product-actions .product-unavailable[b-u1f19pp32c] { width: 100%; min-height: 3.25rem; font: inherit; font-weight: 750; text-align: center; }
.product-actions .product-add.in-cart[b-u1f19pp32c] { background: var(--brand-accent); }
.product-actions .product-add.in-cart:hover:not(:disabled)[b-u1f19pp32c] { background: #7a4910; }
.product-actions .product-unavailable:disabled[b-u1f19pp32c] { background: #dbe5ed; color: #40586c; opacity: 1; cursor: not-allowed; }

@media (max-width: 640px) {
    .catalog-page[b-u1f19pp32c] { padding-top: 1.2rem; }
    .category-heading h2[b-u1f19pp32c] { font-size: 1.5rem; }
    .product-actions.unavailable-actions[b-u1f19pp32c] { display: none; }
    .product-cart-feedback:empty[b-u1f19pp32c] { display: none; }
    .product-content > .availability[b-u1f19pp32c] { margin-bottom: .5rem; }
}

.catalog-pagination .pagination-gap[b-u1f19pp32c] { display: inline-flex; align-items: center; justify-content: center; min-width: 1.5rem; color: var(--muted-text); }


/* Share content rows across each row of cards, including optional food fields. */
@media (min-width: 641px) {
    .product-grid[b-u1f19pp32c] { row-gap: 0; }
    .product-card[b-u1f19pp32c] { display: grid; grid-row: span 11; grid-template-rows: subgrid; margin-bottom: 1.5rem; }
    .product-content[b-u1f19pp32c] { display: grid; grid-row: span 10; grid-template-rows: subgrid; padding-block: .9rem 1.5rem; }
    .product-title-row[b-u1f19pp32c] { align-self: start; }
    .product-content > p[b-u1f19pp32c] { margin-block: .35rem; }
    .product-content[b-u1f19pp32c]  .food-weight,
    .product-content[b-u1f19pp32c]  .food-allergens,
    .product-content[b-u1f19pp32c]  .food-notes { margin: .35rem 0; line-height: 1.45; }
    .product-content[b-u1f19pp32c]  .food-details { margin: .35rem 0 .65rem; }
    .product-content > .availability[b-u1f19pp32c] { justify-self: start; align-self: start; margin-top: 0; margin-bottom: .8rem; }
    .product-actions[b-u1f19pp32c] { display: grid; grid-row: span 3; grid-template-rows: subgrid; align-self: stretch; }
    .product-actions > .product-quantity[b-u1f19pp32c] { grid-row: 1; }
    .product-actions > .product-add[b-u1f19pp32c],
    .product-actions > .product-unavailable[b-u1f19pp32c] { grid-row: 2; align-self: stretch; }
    .product-actions > .product-cart-feedback[b-u1f19pp32c] { grid-row: 3; }
}
@media (max-width: 640px) {
    .product-description-placeholder[b-u1f19pp32c],
    .product-content[b-u1f19pp32c]  .food-placeholder { display: none; }
}
.catalog-page.embedded-catalog[b-u1f19pp32c] { padding-top: .75rem; padding-bottom: 1rem; }
.embedded-catalog .category-heading[b-u1f19pp32c] { margin-bottom: .75rem; }

/* Compact featured cards on the homepage; the full catalog retains its layout. */
.embedded-catalog .category-heading[b-u1f19pp32c] { border-bottom: 0; gap: .5rem; }
.embedded-catalog .category-heading p[b-u1f19pp32c] { margin: .15rem 0 .25rem; }
.embedded-catalog .product-image[b-u1f19pp32c] { aspect-ratio: 2.3 / 1; }
@media (max-width: 640px) {
    .embedded-catalog .product-image[b-u1f19pp32c] { aspect-ratio: 4 / 3; }
}
.embedded-catalog .product-content[b-u1f19pp32c] { padding: .75rem 1rem; }
.embedded-catalog .product-title-row h3[b-u1f19pp32c] { font-size: 1.05rem; line-height: 1.25; }
.embedded-catalog .product-content > .availability[b-u1f19pp32c] { margin-bottom: .35rem; padding: .25rem .5rem; }
.embedded-catalog .product-content[b-u1f19pp32c]  .food-weight,
.embedded-catalog .product-content[b-u1f19pp32c]  .food-allergens,
.embedded-catalog .product-content[b-u1f19pp32c]  .food-notes { margin: .2rem 0; font-size: .85rem; }
.embedded-catalog .product-content[b-u1f19pp32c]  .food-details { margin: .25rem 0 .4rem; font-size: .85rem; }
.embedded-catalog .product-actions[b-u1f19pp32c] { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; gap: .5rem; padding-top: .5rem; }
.embedded-catalog .product-actions > .product-quantity[b-u1f19pp32c] { grid-row: 1; grid-column: 1; margin: 0; }
.embedded-catalog .product-actions > .product-add[b-u1f19pp32c] { grid-row: 1; grid-column: 2; min-height: 2.75rem; padding: .5rem; font-size: .85rem; }
.embedded-catalog .product-actions > .product-unavailable[b-u1f19pp32c] { grid-row: 1; grid-column: 1 / -1; min-height: 2.75rem; }
.embedded-catalog .selection-total[b-u1f19pp32c],
.embedded-catalog .product-quantity[b-u1f19pp32c]  .quantity-label { display: none; }
.embedded-catalog .product-actions > .product-cart-feedback[b-u1f19pp32c] { grid-row: 2; grid-column: 1 / -1; min-height: 0; }
.embedded-catalog .product-cart-feedback:empty[b-u1f19pp32c] { display: none; }
@media (min-width: 641px) {
    .embedded-catalog .product-card[b-u1f19pp32c] { grid-row: span 9; }
    .embedded-catalog .product-content[b-u1f19pp32c] { grid-row: span 8; }
    .embedded-catalog .product-actions[b-u1f19pp32c] { grid-row: span 2; }
}

@media (min-width: 901px) {
    .catalog-page.embedded-catalog[b-u1f19pp32c] { padding-top: .4rem; }
    .embedded-catalog .category-heading[b-u1f19pp32c] { margin-bottom: .5rem; }
    .embedded-catalog .category-heading h2[b-u1f19pp32c] { font-size: 1.6rem; }
    .embedded-catalog .category-heading p[b-u1f19pp32c] { font-size: .85rem; line-height: 1.3; }
    .embedded-catalog .category-heading span[b-u1f19pp32c] { padding-bottom: .25rem; }
    .embedded-catalog .product-image[b-u1f19pp32c] { aspect-ratio: 2 / 1; height: auto; }
    .embedded-catalog .product-image img[b-u1f19pp32c] { position: absolute; inset: 0; object-fit: cover; }
    .embedded-catalog .product-content[b-u1f19pp32c] { padding: .5rem .75rem .65rem; }
    .embedded-catalog .product-title-row[b-u1f19pp32c] { gap: .15rem .4rem; }
    .embedded-catalog .product-title-row h3[b-u1f19pp32c] { font-size: .95rem; margin-bottom: .15rem; }
    .embedded-catalog .product-title-row strong[b-u1f19pp32c] { font-size: 1rem; }
    .embedded-catalog .product-content > p[b-u1f19pp32c] { margin-block: .15rem; }
    .embedded-catalog .product-content[b-u1f19pp32c]  .food-weight,
    .embedded-catalog .product-content[b-u1f19pp32c]  .food-allergens,
    .embedded-catalog .product-content[b-u1f19pp32c]  .food-notes { margin-block: .1rem; line-height: 1.3; }
    .embedded-catalog .product-content[b-u1f19pp32c]  .food-details { margin-block: .15rem .25rem; }
    .embedded-catalog .product-content > .availability[b-u1f19pp32c] { padding-block: .15rem; margin-bottom: .2rem; }
    .embedded-catalog .product-actions[b-u1f19pp32c] { padding-top: .35rem; gap: .25rem .5rem; }
}

.embedded-catalog .product-title-row[b-u1f19pp32c] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .15rem .45rem; }
.embedded-catalog .product-title-row h3[b-u1f19pp32c] { flex: 0 0 100%; }
.embedded-catalog .inline-weight[b-u1f19pp32c] { margin-left: auto; }
.embedded-catalog .product-content[b-u1f19pp32c]  .food-details { margin-block: .1rem .2rem; }
.embedded-catalog .product-actions[b-u1f19pp32c] { align-items: center; }
.embedded-catalog .product-actions > .product-add[b-u1f19pp32c] { align-self: center; }
.catalog-category-select summary[b-u1f19pp32c] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 44px; padding: .6rem 1rem; border: 1px solid var(--line); border-radius: 1.4rem; background: var(--paper); color: var(--brand-primary); font-size: .9rem; font-weight: 600; cursor: pointer; list-style: none; }
.catalog-category-select summary[b-u1f19pp32c]::-webkit-details-marker { display: none; }
.catalog-category-select summary[b-u1f19pp32c]::after { content: ''; flex: 0 0 .45rem; height: .45rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
.catalog-category-select[open] summary[b-u1f19pp32c]::after { transform: rotate(225deg); }
.catalog-category-select summary:focus-visible[b-u1f19pp32c], .catalog-category-options a:focus-visible[b-u1f19pp32c] { outline: 2px solid var(--brand-accent); outline-offset: 3px; }
.catalog-category-options[b-u1f19pp32c] { position: absolute; inset: calc(100% + .5rem) 0 auto; z-index: 5; display: grid; gap: .25rem; padding: .5rem; border: 1px solid var(--line); border-radius: .85rem; background: var(--paper); box-shadow: 0 .7rem 2rem rgb(45 38 26 / 12%); }
.catalog-category-options a[b-u1f19pp32c] { display: flex; align-items: center; min-height: 44px; padding: .6rem .75rem; border-radius: .5rem; color: var(--brand-primary); font-size: .9rem; text-decoration: none; }
.catalog-category-options a:hover[b-u1f19pp32c], .catalog-category-options a[aria-current=true][b-u1f19pp32c] { background: var(--brand-primary); color: white; }
@media (max-width: 640px) { .catalog-filters .catalog-category-control[b-u1f19pp32c] { width: 100%; } .catalog-category-select[b-u1f19pp32c] { width: 100%; } }
/* Homepage ordering panel: keep quantity and add-to-cart together and visible. */
@media (min-width: 901px) {
    .catalog-page.embedded-catalog[b-u1f19pp32c] {
        position: relative; z-index: 1; margin-top: -1.5rem;
        padding: .75rem 1.25rem 1rem;
        border: 1px solid #dce3e7; border-radius: 1.5rem;
        background: var(--paper); box-shadow: 0 .6rem 1.8rem rgba(23,47,66,.08);
    }
    .embedded-catalog .category-heading[b-u1f19pp32c] { margin-bottom: .55rem; align-items: center; }
    .embedded-catalog .category-heading h2[b-u1f19pp32c] { font-size: clamp(1.6rem, 2.4vw, 2.3rem); margin-block: 0 .15rem; }
    .embedded-catalog .product-image[b-u1f19pp32c] { height: clamp(7rem, calc(26dvh - 3.5rem), 13rem); aspect-ratio: auto; }
    .embedded-catalog .product-card[b-u1f19pp32c] { margin-bottom: 0; }
    .embedded-catalog .product-actions[b-u1f19pp32c] { margin-top: .2rem; }
    .embedded-catalog .product-actions > .product-add[b-u1f19pp32c] { min-height: 44px; }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-page[b-6d7l2596tn] {
    padding-block: clamp(3rem, 8vw, 6rem);
}

.contact-heading[b-6d7l2596tn] {
    max-width: 48rem;
    margin-bottom: 3rem;
}

.eyebrow[b-6d7l2596tn] {
    color: var(--brand-accent);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .17em;
    text-transform: uppercase;
}

h1[b-6d7l2596tn],
h2[b-6d7l2596tn],
h3[b-6d7l2596tn] {
    font-family: Georgia, 'Times New Roman', serif;
}

h1[b-6d7l2596tn] {
    margin: .4rem 0 1rem;
    font-size: clamp(2.8rem, 7vw, 5.2rem);
    font-weight: 500;
    letter-spacing: normal;
}

.contact-heading > p:last-child[b-6d7l2596tn],
.demo-note[b-6d7l2596tn] {
    color: var(--muted-text);
    font-size: 1.08rem;
    line-height: 1.7;
}

.contact-actions[b-6d7l2596tn],
.locations[b-6d7l2596tn],
.social-links[b-6d7l2596tn] {
    margin-top: 3.5rem;
}

.contact-actions h2[b-6d7l2596tn],
.social-links h2[b-6d7l2596tn],
.section-heading h2[b-6d7l2596tn] {
    margin: .3rem 0 1.25rem;
    font-size: clamp(1.8rem, 4vw, 2.7rem);
}

.action-list[b-6d7l2596tn],
.location-grid[b-6d7l2596tn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.contact-action[b-6d7l2596tn],
.location-grid article[b-6d7l2596tn] {
    padding: 1.5rem;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--paper);
}

.contact-action[b-6d7l2596tn] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1rem;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.contact-action:hover[b-6d7l2596tn] {
    border-color: color-mix(in srgb, var(--brand-primary) 35%, var(--line));
    box-shadow: 0 .55rem 1.5rem rgba(61, 43, 35, .08);
    transform: translateY(-1px);
}

.contact-action-copy[b-6d7l2596tn] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.contact-action-copy > span[b-6d7l2596tn],
dt[b-6d7l2596tn] {
    color: var(--muted-text);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.contact-action-copy strong[b-6d7l2596tn] {
    color: var(--ink);
    font-size: 1.05rem;
}

.contact-action-icon[b-6d7l2596tn] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    color: white;
    border-radius: 50%;
    flex: 0 0 auto;
}

.contact-action-icon.phone[b-6d7l2596tn] {
    background: var(--brand-primary);
}

.contact-action-icon.email[b-6d7l2596tn] {
    background: var(--brand-accent);
}

.contact-action-icon.whatsapp[b-6d7l2596tn] {
    background: #168b53;
}

.contact-action-icon svg[b-6d7l2596tn] {
    width: 1.45rem;
    height: 1.45rem;
    fill: currentColor;
}

.contact-action-icon.email svg[b-6d7l2596tn] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.contact-action-icon .whatsapp-ring[b-6d7l2596tn] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.demo-note[b-6d7l2596tn] {
    padding: 1rem 1.1rem;
    border-left: .25rem solid var(--brand-accent);
    background: var(--paper);
}

.location-grid h3[b-6d7l2596tn] {
    margin: 0 0 1.25rem;
    font-size: 1.45rem;
}

dl[b-6d7l2596tn],
dd[b-6d7l2596tn] {
    margin: 0;
}

.location-phone[b-6d7l2596tn] {
    color: var(--brand-primary);
    font-weight: 750;
    text-decoration-thickness: .08em;
    text-underline-offset: .2em;
}

dl[b-6d7l2596tn] {
    display: grid;
    gap: 1.25rem;
}

dd[b-6d7l2596tn] {
    margin-top: .3rem;
    color: var(--muted-text);
    line-height: 1.6;
}

.social-links[b-6d7l2596tn] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.social-links h2[b-6d7l2596tn] {
    width: 100%;
}

.social-links a[b-6d7l2596tn] {
    font-weight: 750;
}

@media (max-width: 680px) {
    .action-list[b-6d7l2596tn],
    .location-grid[b-6d7l2596tn] {
        grid-template-columns: 1fr;
    }
}

.social-links[b-6d7l2596tn] { gap: .75rem; }
.social-links h2[b-6d7l2596tn] { margin-bottom: .25rem; }
.social-links a[b-6d7l2596tn] { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 44px; padding: .7rem 1rem; border: 1px solid var(--line); border-radius: .75rem; background: var(--paper); color: var(--brand-primary); text-decoration: none; }
.social-links a:hover[b-6d7l2596tn] { border-color: var(--brand-primary); background: #edf3f8; }
.social-links a:focus-visible[b-6d7l2596tn] { outline: 2px solid var(--brand-accent); outline-offset: 3px; }
.social-links svg[b-6d7l2596tn] { width: 1.25rem; height: 1.25rem; flex: 0 0 auto; fill: currentColor; }
.social-links .instagram-icon[b-6d7l2596tn] { fill: none; stroke: currentColor; stroke-width: 1.8; }
.social-links .instagram-dot[b-6d7l2596tn] { fill: currentColor; stroke: none; }
@media (max-width: 420px) { .social-links a[b-6d7l2596tn] { flex: 1 1 auto; } }
/* /Components/Pages/Fulfilment/FulfilmentPage.razor.rz.scp.css */
.fulfilment-page[b-3xs6ohdss4] {
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: clamp(.65rem, 1.8vw, 1.25rem);
    display: grid;
    place-items: center;
    overflow: visible;
}

.fulfilment-header[b-3xs6ohdss4] {
    max-width: 50rem;
    margin-bottom: clamp(1.25rem, 3vw, 2rem);
}

.eyebrow[b-3xs6ohdss4] {
    margin: 0;
    color: var(--brand-accent);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.fulfilment-header h1[b-3xs6ohdss4] {
    margin: .35rem 0 1rem;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.2rem, 5vw, 3.75rem);
    font-weight: 500;
    letter-spacing: -.05em;
}

.fulfilment-header > p:last-child[b-3xs6ohdss4],
.section-heading p[b-3xs6ohdss4],
.method-card span[b-3xs6ohdss4],
.location-option p[b-3xs6ohdss4],
.location-option > span[b-3xs6ohdss4],
.selection-summary p[b-3xs6ohdss4],
.fulfilment-empty p[b-3xs6ohdss4] {
    color: var(--muted-text);
    line-height: 1.65;
}

.method-section[b-3xs6ohdss4],
.pickup-section[b-3xs6ohdss4] {
    margin-top: 3rem;
}

.method-section > h2[b-3xs6ohdss4],
.section-heading h2[b-3xs6ohdss4],
.selection-summary h2[b-3xs6ohdss4],
.fulfilment-empty h2[b-3xs6ohdss4] {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
}

.method-grid[b-3xs6ohdss4],
.location-options[b-3xs6ohdss4],
.fulfilment-options[b-3xs6ohdss4] {
    margin-top: 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.fulfilment-options[b-3xs6ohdss4] {
    width: min(100%, 56rem);
    margin: .9rem auto 0;
    grid-template-columns: minmax(0, 2fr) auto minmax(0, 1fr);
    align-items: stretch;
    gap: .75rem;
}

.fulfilment-option-group[b-3xs6ohdss4] {
    min-width: 0;
    padding: .65rem;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: #f8f6f2;
}

.fulfilment-group-label[b-3xs6ohdss4] {
    min-height: 2rem;
    margin-bottom: .55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    color: var(--brand-primary);
}

.fulfilment-group-label > span[b-3xs6ohdss4] {
    width: 1.75rem;
    height: 1.75rem;
    display: grid;
    place-items: center;
    color: white;
    border-radius: 50%;
    background: var(--brand-primary);
}

.fulfilment-group-label svg[b-3xs6ohdss4] {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.fulfilment-group-label h3[b-3xs6ohdss4] {
    margin: 0;
    font-size: 1rem;
    font-weight: 850;
}

.pickup-location-options[b-3xs6ohdss4] {
    min-height: 0;
    display: grid;
    flex: 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.fulfilment-or[b-3xs6ohdss4] {
    display: grid;
    place-items: center;
    color: var(--muted-text);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.delivery-option-group .location-option[b-3xs6ohdss4] {
    flex: 1;
}

.method-card[b-3xs6ohdss4] {
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--paper);
}

.method-card.selected[b-3xs6ohdss4] {
    border-color: var(--brand-primary);
    box-shadow: inset 0 0 0 1px var(--brand-primary);
}

.method-card.disabled[b-3xs6ohdss4] {
    opacity: .62;
}

.method-card > div[b-3xs6ohdss4] {
    display: grid;
    gap: .2rem;
}

.method-icon[b-3xs6ohdss4] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    color: white;
    border-radius: 50%;
    background: var(--brand-primary);
}

.method-card.disabled .method-icon[b-3xs6ohdss4] {
    background: #938a7d;
}

.method-icon svg[b-3xs6ohdss4] {
    width: 1.5rem;
    height: 1.5rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

.fulfilment-wizard[b-3xs6ohdss4] {
    width: min(100%, 64rem);
    height: 100%;
    min-height: 0;
    max-height: 100%;
    padding: clamp(.8rem, 2vw, 1.25rem);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--line);
    border-radius: 1.25rem;
    background: var(--paper);
    box-shadow: 0 1rem 3rem rgb(45 38 26 / 7%);
}

.wizard-topline[b-3xs6ohdss4] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.wizard-top-actions[b-3xs6ohdss4] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.wizard-top-actions > strong[b-3xs6ohdss4] {
    color: var(--muted-text);
    font-size: .9rem;
}

.wizard-close[b-3xs6ohdss4] {
    min-height: 2.65rem;
    padding: .3rem .45rem .3rem .75rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--brand-primary);
    border: 1px solid var(--line);
    border-radius: .65rem;
    background: white;
    font-weight: 750;
    text-decoration: none;
}

.wizard-close > span[b-3xs6ohdss4] {
    color: var(--muted-text);
    font-size: .82rem;
}

.wizard-close > strong[b-3xs6ohdss4] {
    color: var(--ink);
    font-size: 1.65rem;
    font-weight: 400;
    line-height: 1;
}

.wizard-context[b-3xs6ohdss4] {
    display: flex;
    align-items: center;
    gap: .7rem;
    color: var(--brand-primary);
    font-weight: 800;
}

.wizard-context .method-icon[b-3xs6ohdss4] {
    width: 2.5rem;
    height: 2.5rem;
}

.wizard-progress[b-3xs6ohdss4] {
    margin: .75rem 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
}

.wizard-progress li[b-3xs6ohdss4] {
    position: relative;
    color: #8a8277;
    font-size: .78rem;
    text-align: center;
}

.wizard-progress li > button[b-3xs6ohdss4] {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0;
    display: grid;
    justify-items: center;
    gap: .4rem;
    cursor: pointer;
    color: inherit;
    border: 0;
    background: transparent;
    font: inherit;
}

.wizard-progress li > button:disabled[b-3xs6ohdss4] {
    cursor: default;
}

.wizard-progress li[b-3xs6ohdss4]::before {
    position: absolute;
    z-index: 0;
    top: 1rem;
    right: 50%;
    width: 100%;
    height: 2px;
    content: '';
    background: var(--line);
}

.wizard-progress li:first-child[b-3xs6ohdss4]::before {
    display: none;
}

.wizard-progress li > button > span[b-3xs6ohdss4] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border: 2px solid var(--line);
    border-radius: 50%;
    background: var(--paper);
    font-weight: 800;
}

.wizard-progress li.active[b-3xs6ohdss4],
.wizard-progress li.complete[b-3xs6ohdss4] {
    color: var(--brand-primary);
}

.wizard-progress li.active > button > span[b-3xs6ohdss4],
.wizard-progress li.complete > button > span[b-3xs6ohdss4] {
    color: white;
    border-color: var(--brand-primary);
    background: var(--brand-primary);
}

.wizard-progress li.complete[b-3xs6ohdss4]::before,
.wizard-progress li.active[b-3xs6ohdss4]::before {
    background: var(--brand-primary);
}

.wizard-progress li > button:not(:disabled):hover > span[b-3xs6ohdss4] {
    box-shadow: 0 0 0 .25rem rgb(31 100 153 / 12%);
}

.wizard-progress li > button:focus-visible[b-3xs6ohdss4] {
    outline: none;
}

.wizard-progress li > button:focus-visible > span[b-3xs6ohdss4] {
    outline: .2rem solid var(--brand-accent);
    outline-offset: .15rem;
}

.wizard-selections[b-3xs6ohdss4] {
    width: fit-content;
    max-width: 100%;
    margin: .65rem auto 0;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    justify-content: center;
    gap: .55rem;
    overflow-x: auto;
    scrollbar-width: thin;
}

.wizard-selections button[b-3xs6ohdss4] {
    min-height: 4rem;
    padding: .55rem .75rem;
    display: grid;
    position: relative;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    row-gap: .4rem;
    cursor: pointer;
    color: var(--ink);
    text-align: left;
    border: 2px solid #b9d9c4;
    border-radius: .75rem;
    background: #edf8f0;
}

.wizard-selection-check[b-3xs6ohdss4] {
    width: 1.35rem;
    height: 1.35rem;
    display: grid;
    place-items: center;
    color: white;
    border-radius: 50%;
    background: #2d7450;
    font-size: .8rem;
    font-weight: 900;
}

.wizard-selection-value[b-3xs6ohdss4] {
    padding-inline: .25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    text-align: center;
}

.wizard-selections strong[b-3xs6ohdss4] {
    font-size: 1rem;
}

.wizard-selections em[b-3xs6ohdss4] {
    padding-top: .35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 1 / -1;
    gap: .3rem;
    color: var(--brand-primary);
    border-top: 1px solid #c6dfcf;
    font-size: .68rem;
    font-style: normal;
    font-weight: 800;
}

.wizard-selections em svg[b-3xs6ohdss4] {
    width: .9rem;
    height: .9rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.wizard-selections button:hover[b-3xs6ohdss4] {
    border-color: #2d7450;
    box-shadow: 0 .35rem 1rem rgb(45 116 80 / 12%);
}

.wizard-panel[b-3xs6ohdss4] {
    min-height: 0;
    padding: clamp(.75rem, 2vh, 1.25rem) .25rem;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow-y: visible;
    overscroll-behavior: auto;
    scrollbar-gutter: auto;
}

.wizard-panel.review-step[b-3xs6ohdss4] {
    justify-content: flex-start;
}

@media (min-width: 801px) {
    .wizard-panel.review-step[b-3xs6ohdss4] {
        overflow: visible;
    }

    .wizard-panel.review-step > h2[b-3xs6ohdss4] {
        flex: 0 0 auto;
        margin-block: .25rem .5rem;
    }

    .wizard-panel.review-step[b-3xs6ohdss4]  .embedded-checkout {
        flex: 1;
        min-height: 0;
    }
}

.wizard-panel.review-step .selection-summary[b-3xs6ohdss4] {
    margin-block: 0;
}

.pickup-time-content[b-3xs6ohdss4] {
    width: 100%;
    margin-block: auto;
    padding-block: clamp(1rem, 4vh, 3rem);
    display: grid;
    gap: clamp(1rem, 2.5vh, 1.5rem);
}

.pickup-time-content .window-grid[b-3xs6ohdss4] {
    margin-top: 0;
}

.method-switch[b-3xs6ohdss4] {
    width: min(100%, 32rem);
    margin: 0 auto .75rem;
    padding: .25rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .25rem;
    border: 1px solid var(--line);
    border-radius: .8rem;
    background: #f1eee8;
}

.method-switch button[b-3xs6ohdss4] {
    min-height: 2.75rem;
    padding: .55rem .75rem;
    cursor: pointer;
    color: var(--muted-text);
    border: 0;
    border-radius: .6rem;
    background: transparent;
    font: inherit;
    font-weight: 800;
}

.method-switch button.selected[b-3xs6ohdss4] {
    color: var(--brand-primary);
    background: white;
    box-shadow: 0 .2rem .7rem rgb(45 38 26 / 9%);
}

.method-switch button:disabled[b-3xs6ohdss4] {
    cursor: not-allowed;
    opacity: .5;
}

.delivery-address-grid input:focus-visible[b-3xs6ohdss4] {
    outline: .2rem solid var(--brand-accent);
    outline-offset: .12rem;
}

.delivery-notice[b-3xs6ohdss4] {
    width: min(100%, 48rem);
    margin: .75rem auto 0;
    padding: .7rem .9rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid var(--brand-accent);
    border-radius: .75rem;
    background: color-mix(in srgb, var(--brand-accent) 8%, var(--paper));
}

.delivery-address-grid[b-3xs6ohdss4] {
    width: min(100%, 48rem);
    margin: .75rem auto 0;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: .75rem;
}

.delivery-address-grid label[b-3xs6ohdss4] {
    display: grid;
    gap: .3rem;
    color: var(--ink);
    font-size: .82rem;
    font-weight: 750;
}

.delivery-address-grid input[b-3xs6ohdss4] {
    min-width: 0;
    min-height: 2.75rem;
    padding: .65rem .75rem;
    color: var(--ink);
    border: 1px solid var(--line);
    border-radius: .65rem;
    background: var(--paper);
    font: inherit;
}

.delivery-confirm[b-3xs6ohdss4] {
    min-width: 11rem;
    min-height: 2.9rem;
    margin: 1rem auto 0;
    padding: .65rem 1.25rem;
    cursor: pointer;
    color: white;
    border: 1px solid var(--brand-primary);
    border-radius: .7rem;
    background: var(--brand-primary);
    font: inherit;
    font-weight: 800;
}

.delivery-confirm:disabled[b-3xs6ohdss4] {
    cursor: wait;
    opacity: .65;
}

.delivery-window-heading[b-3xs6ohdss4] {
    margin: .9rem 0 0;
    font-family: Georgia, 'Times New Roman', serif;
    text-align: center;
}

.delivery-window-grid button[b-3xs6ohdss4] {
    gap: .15rem;
}

.delivery-window-grid button span[b-3xs6ohdss4] {
    font-size: .82rem;
}

.wizard-question[b-3xs6ohdss4] {
    text-align: center;
}

.wizard-question h2[b-3xs6ohdss4] {
    margin: 0;
    color: var(--brand-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 5vw, 2.75rem);
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.1;
}

.wizard-question h2[b-3xs6ohdss4]::after {
    width: 2.5rem;
    height: .2rem;
    margin: .35rem auto 0;
    display: block;
    content: '';
    border-radius: 999px;
    background: var(--brand-accent);
}

.wizard-question h2:focus[b-3xs6ohdss4] {
    outline: none;
}

.wizard-question p[b-3xs6ohdss4] {
    margin: .5rem auto 0;
    max-width: 40rem;
    color: var(--muted-text);
    line-height: 1.55;
}

.wizard-footer[b-3xs6ohdss4] {
    position: relative;
    padding-top: .65rem;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    border-top: 1px solid var(--line);
}

.order-summary-dock[b-3xs6ohdss4] {
    min-width: 0;
    max-width: 32rem;
    flex: 1;
}

.order-summary-dock > summary[b-3xs6ohdss4] {
    min-height: 3.25rem;
    padding: .45rem .65rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .65rem;
    cursor: pointer;
    list-style: none;
    color: var(--ink);
    border: 1px solid var(--line);
    border-radius: .7rem;
    background: #f3f6f7;
}

.order-summary-dock > summary[b-3xs6ohdss4]::-webkit-details-marker {
    display: none;
}

.order-summary-dock[open] > summary[b-3xs6ohdss4] {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 .18rem rgb(35 96 147 / 10%);
}

.order-summary-icon[b-3xs6ohdss4] {
    width: 2.15rem;
    height: 2.15rem;
    display: grid;
    place-items: center;
    color: white;
    border-radius: 50%;
    background: var(--brand-primary);
}

.order-summary-icon svg[b-3xs6ohdss4] {
    width: 1.2rem;
    height: 1.2rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.order-summary-copy[b-3xs6ohdss4] {
    min-width: 0;
    display: grid;
    gap: .08rem;
}

.order-summary-copy small[b-3xs6ohdss4] {
    color: var(--muted-text);
    font-size: .64rem;
    font-weight: 750;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.order-summary-copy strong[b-3xs6ohdss4] {
    overflow: hidden;
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-summary-dock > summary > b[b-3xs6ohdss4] {
    color: var(--brand-primary);
    font-size: .92rem;
    white-space: nowrap;
}

.order-summary-toggle[b-3xs6ohdss4] {
    display: flex;
    align-items: center;
    gap: .3rem;
    color: var(--brand-primary);
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}


.order-summary-popover[b-3xs6ohdss4] {
    width: min(30rem, 100%);
    max-height: min(26rem, 58vh);
    padding: 1rem;
    position: absolute;
    z-index: 25;
    bottom: calc(100% + .55rem);
    left: 0;
    overflow-y: visible;
    border: 1px solid var(--line);
    border-radius: .85rem;
    background: var(--paper);
    box-shadow: 0 1rem 3rem rgb(23 47 66 / 20%);
}

.order-summary-popover header[b-3xs6ohdss4],
.order-summary-lines > div[b-3xs6ohdss4],
.order-summary-total[b-3xs6ohdss4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.order-summary-popover header[b-3xs6ohdss4] {
    padding-bottom: .7rem;
    border-bottom: 1px solid var(--line);
}

.order-summary-popover header span[b-3xs6ohdss4],
.order-summary-lines span[b-3xs6ohdss4],
.order-summary-fulfilment span[b-3xs6ohdss4],
.order-summary-fulfilment small[b-3xs6ohdss4] {
    color: var(--muted-text);
}

.order-summary-lines[b-3xs6ohdss4] {
    padding-block: .35rem;
}

.order-summary-lines > div[b-3xs6ohdss4] {
    padding-block: .45rem;
    font-size: .86rem;
}

.order-summary-lines strong[b-3xs6ohdss4] {
    flex: 0 0 auto;
}

.order-summary-fulfilment[b-3xs6ohdss4] {
    margin-top: .35rem;
    padding: .65rem .75rem;
    display: grid;
    gap: .2rem;
    border-radius: .6rem;
    background: #edf8f0;
    font-size: .82rem;
}

.order-summary-total[b-3xs6ohdss4] {
    margin-top: .5rem;
    padding-top: .75rem;
    border-top: 1px solid var(--line);
}

.order-summary-total strong[b-3xs6ohdss4] {
    color: var(--brand-primary);
    font-size: 1.05rem;
}

.order-summary-popover > a[b-3xs6ohdss4] {
    min-height: 2.75rem;
    margin-top: .85rem;
    padding: .6rem .85rem;
    display: grid;
    place-items: center;
    color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    border-radius: .6rem;
    font-size: .84rem;
    font-weight: 800;
    text-decoration: none;
}

.wizard-actions[b-3xs6ohdss4] {
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
}

.wizard-actions a[b-3xs6ohdss4],
.wizard-actions[b-3xs6ohdss4]  button {
    min-height: 3.25rem;
    padding: .8rem 1.4rem;
    display: inline-grid;
    place-items: center;
    border-radius: .7rem;
    font-weight: 800;
    text-decoration: none;
}

.wizard-back[b-3xs6ohdss4] {
    cursor: pointer;
    color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    background: transparent;
}

.wizard-actions[b-3xs6ohdss4]  .wizard-next {
    min-width: min(10rem, 100%);
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    cursor: pointer;
    color: white;
    border: 1px solid var(--brand-primary);
    background: var(--brand-primary);
}

.wizard-actions[b-3xs6ohdss4]  .wizard-next:disabled {
    cursor: not-allowed;
    color: #776f63;
    border-color: #ded8cd;
    background: #ded8cd;
}

.wizard-actions a:focus-visible[b-3xs6ohdss4],
.wizard-actions[b-3xs6ohdss4]  button:focus-visible,
.wizard-close:focus-visible[b-3xs6ohdss4],
.wizard-selections button:focus-visible[b-3xs6ohdss4],
.location-option button:focus-visible[b-3xs6ohdss4],
.delivery-add-products:focus-visible[b-3xs6ohdss4],
.delivery-confirm:focus-visible[b-3xs6ohdss4],
.window-grid button:focus-visible[b-3xs6ohdss4] {
    outline: .2rem solid var(--brand-accent);
    outline-offset: .15rem;
}

.section-heading[b-3xs6ohdss4] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.section-heading > span[b-3xs6ohdss4] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: white;
    border-radius: 50%;
    background: var(--brand-accent);
    font-size: .8rem;
    font-weight: 800;
}

.section-heading p[b-3xs6ohdss4] {
    margin: .25rem 0 0;
}

.location-option[b-3xs6ohdss4] {
    padding: clamp(.85rem, 2vw, 1.15rem);
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--paper);
}

.location-option.selected[b-3xs6ohdss4] {
    border-color: var(--brand-primary);
    box-shadow: inset 0 0 0 1px var(--brand-primary);
}

.location-option.unavailable[b-3xs6ohdss4] {
    color: #716b62;
    border-style: dashed;
    background: #f1eee8;
}

.location-option.unavailable h3[b-3xs6ohdss4] {
    color: #5f5a52;
}

.location-option h3[b-3xs6ohdss4] {
    margin: 0;
    color: var(--brand-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.45rem, 4vw, 1.85rem);
    font-weight: 700;
    line-height: 1.15;
}

.fulfilment-options .location-option h3[b-3xs6ohdss4] {
    min-height: 2.3em;
    display: grid;
    place-items: center;
}

.location-option p[b-3xs6ohdss4] {
    margin: .35rem 0 0;
    color: var(--muted-text);
    font-size: .92rem;
}

.pickup-schedule-note[b-3xs6ohdss4] {
    width: fit-content;
    margin: .55rem auto 0 !important;
    padding: .45rem .7rem;
    color: #6d4619 !important;
    border: 1px solid #dfbf8a;
    border-radius: .55rem;
    background: #fff7e8;
    font-weight: 750;
}

.location-option button[b-3xs6ohdss4] {
    width: auto;
    min-width: clamp(8.75rem, 45%, 10rem);
    min-height: 2.75rem;
    margin-top: auto;
    padding: .65rem 1rem;
    cursor: pointer;
    color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    border-radius: .65rem;
    background: transparent;
    font-weight: 800;
}

.location-option.selected button[b-3xs6ohdss4] {
    color: white;
    background: var(--brand-primary);
}

.delivery-requirement[b-3xs6ohdss4],
.delivery-remaining[b-3xs6ohdss4] {
    display: block;
    text-align: center;
}

.delivery-requirement[b-3xs6ohdss4] {
    margin-top: .55rem;
    color: #5f5a52;
    font-size: .88rem;
}

.delivery-remaining[b-3xs6ohdss4] {
    margin-top: .2rem;
    color: #716b62;
    font-size: .82rem;
}

.delivery-add-products[b-3xs6ohdss4] {
    min-height: 2.75rem;
    margin-top: .55rem;
    padding: .6rem 1rem;
    display: inline-grid;
    place-items: center;
    color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    border-radius: .65rem;
    background: var(--paper);
    font-size: .88rem;
    font-weight: 800;
    text-decoration: none;
}

.pickup-calendar[b-3xs6ohdss4] {
    width: min(100%, 40rem);
    margin: .75rem auto 0;
    padding: clamp(.75rem, 2vw, 1.1rem);
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--paper);
}

.calendar-navigation[b-3xs6ohdss4] {
    display: grid;
    grid-template-columns: 2.75rem 1fr 2.75rem;
    align-items: center;
    gap: .75rem;
}

.calendar-navigation h3[b-3xs6ohdss4] {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.35rem, 4vw, 1.7rem);
    text-align: center;
    text-transform: capitalize;
}

.calendar-navigation button[b-3xs6ohdss4] {
    min-width: 2.75rem;
    min-height: 2.75rem;
    cursor: pointer;
    color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    border-radius: .65rem;
    background: transparent;
    font-size: 1.3rem;
    font-weight: 800;
}

.calendar-navigation button:hover:not(:disabled)[b-3xs6ohdss4] {
    color: white;
    background: var(--brand-primary);
}

.calendar-navigation button:disabled[b-3xs6ohdss4] {
    cursor: not-allowed;
    opacity: .35;
}

.calendar-grid[b-3xs6ohdss4] {
    margin-top: .4rem;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: .3rem;
}

.calendar-weekday[b-3xs6ohdss4] {
    padding-block: .2rem;
    color: var(--muted-text);
    font-size: .8rem;
    font-weight: 800;
    text-align: center;
    text-transform: capitalize;
}

.calendar-day-cell[b-3xs6ohdss4] {
    min-width: 0;
    display: grid;
}

.calendar-day[b-3xs6ohdss4] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 2.75rem;
    display: grid;
    place-items: center;
    color: #8a8277;
    border: 1px solid transparent;
    border-radius: .65rem;
    background: #f1eee8;
    font-size: 1rem;
    font-weight: 750;
}

.calendar-day:disabled[b-3xs6ohdss4] {
    pointer-events: none;
}

.calendar-day.available[b-3xs6ohdss4] {
    cursor: pointer;
    color: var(--ink);
    border-color: var(--line);
    background: white;
}

.calendar-day.available:hover[b-3xs6ohdss4],
.calendar-day.selected[b-3xs6ohdss4] {
    color: white;
    border-color: var(--brand-primary);
    background: var(--brand-primary);
}

.calendar-day.capacity-unavailable[b-3xs6ohdss4] {
    color: #9a2d2d;
    border-color: #dba3a3;
    background: #fdeaea;
    text-decoration: line-through;
}

.calendar-day.outside-month[b-3xs6ohdss4] {
    visibility: hidden;
}

.calendar-navigation button:focus-visible[b-3xs6ohdss4],
.calendar-day:focus-visible[b-3xs6ohdss4] {
    outline: .2rem solid var(--brand-accent);
    outline-offset: .15rem;
}

.window-grid[b-3xs6ohdss4] {
    width: min(100%, 40rem);
    margin: .75rem auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .75rem;
}

.window-grid button[b-3xs6ohdss4] {
    min-height: 3.65rem;
    padding: 1rem;
    display: grid;
    place-items: center;
    flex: 0 1 calc((100% - 1.5rem) / 3);
    gap: .3rem;
    cursor: pointer;
    color: var(--ink);
    text-align: center;
    border: 1px solid var(--line);
    border-radius: .75rem;
    background: var(--paper);
}

.window-grid button:hover:not(:disabled)[b-3xs6ohdss4],
.window-grid button.selected[b-3xs6ohdss4] {
    color: var(--brand-primary);
    border-color: var(--brand-primary);
    background: #f7f0e2;
}

.window-grid button:disabled[b-3xs6ohdss4] {
    cursor: wait;
    opacity: .62;
}

.window-grid button.unavailable[b-3xs6ohdss4],
.window-grid button.unavailable:disabled[b-3xs6ohdss4] {
    cursor: not-allowed;
    color: #8d3434;
    border-color: #ddb1b1;
    background: #fceded;
    opacity: 1;
}

.window-grid button.unavailable small[b-3xs6ohdss4] {
    color: #8d3434;
    font-size: .7rem;
    font-weight: 800;
}

.window-grid span[b-3xs6ohdss4] {
    color: var(--muted-text);
}

.fulfilment-message[b-3xs6ohdss4] {
    margin-top: 1.5rem;
    padding: .9rem 1rem;
    border-left: .25rem solid #4c9a6b;
    background: #edf8f0;
}

.fulfilment-message.error[b-3xs6ohdss4] {
    color: #793a32;
    border-color: #b75d50;
    background: #fbedeb;
}

.selection-summary[b-3xs6ohdss4] {
    width: min(100%, 30rem);
    margin: clamp(1rem, 4vh, 2.5rem) auto 0;
    padding: clamp(1.25rem, 3vw, 1.75rem);
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: .35rem;
    text-align: center;
    border: 2px solid #9dcfb0;
    border-radius: 1rem;
    background: linear-gradient(145deg, #edf8f0, #f7fcf8);
    box-shadow: 0 .75rem 2rem rgb(45 116 80 / 10%);
}

.summary-check[b-3xs6ohdss4] {
    width: 3.25rem;
    height: 3.25rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: white;
    border-radius: 50%;
    background: #2d7450;
    box-shadow: 0 .35rem 1rem rgb(45 116 80 / 20%);
    font-size: 1.75rem;
    font-weight: 900;
}

.summary-kicker[b-3xs6ohdss4] {
    margin-top: .35rem;
    color: #2d7450;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.selection-summary h2[b-3xs6ohdss4] {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.7rem, 4vw, 2rem);
    font-weight: 500;
}

.selection-summary h2:focus[b-3xs6ohdss4] {
    outline: none;
}

.summary-friendly-details[b-3xs6ohdss4] {
    width: 100%;
    margin-top: .75rem;
    padding-top: .9rem;
    display: grid;
    gap: .45rem;
    color: var(--ink);
    border-top: 1px solid #c6dfcf;
    font-size: 1.05rem;
}

.summary-friendly-details > strong:last-child[b-3xs6ohdss4] {
    color: var(--brand-primary);
    font-size: 1.2rem;
}

.selection-actions[b-3xs6ohdss4] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.selection-actions a[b-3xs6ohdss4],
.selection-actions button[b-3xs6ohdss4],
.primary-link[b-3xs6ohdss4] {
    padding: .75rem 1rem;
    border-radius: .65rem;
    font-weight: 800;
    text-decoration: none;
}

.selection-actions a[b-3xs6ohdss4],
.primary-link[b-3xs6ohdss4] {
    color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
}

.selection-actions button[b-3xs6ohdss4] {
    color: #81786a;
    border: 0;
    background: #ded8cd;
}

.fulfilment-empty[b-3xs6ohdss4] {
    width: min(100% - 1.5rem, 42rem);
    padding: clamp(2rem, 6vw, 4rem);
    text-align: center;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--paper);
}

.primary-link[b-3xs6ohdss4] {
    display: inline-block;
    margin-top: .75rem;
}

@media (max-width: 800px) {
    .window-grid button[b-3xs6ohdss4] {
        flex-basis: calc((100% - .75rem) / 2);
    }

    .selection-summary[b-3xs6ohdss4] {
        width: min(100%, 30rem);
    }
}

@media (max-width: 620px) {
    .fulfilment-page[b-3xs6ohdss4] {
        padding: 0;
    }

    .fulfilment-wizard[b-3xs6ohdss4] {
        border-inline: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .method-grid[b-3xs6ohdss4],
    .location-options[b-3xs6ohdss4],
    .fulfilment-options[b-3xs6ohdss4] {
        grid-template-columns: 1fr;
    }

    .fulfilment-options[b-3xs6ohdss4] {
        margin-top: .65rem;
        gap: .55rem;
    }

    .pickup-location-options[b-3xs6ohdss4] {
        grid-template-columns: 1fr;
        gap: .5rem;
    }

    .fulfilment-option-group[b-3xs6ohdss4] {
        padding: .5rem;
    }

    .fulfilment-group-label[b-3xs6ohdss4] {
        min-height: 1.75rem;
        margin-bottom: .4rem;
    }

    .fulfilment-or[b-3xs6ohdss4] {
        display: flex;
        align-items: center;
        gap: .6rem;
    }

    .fulfilment-or[b-3xs6ohdss4]::before,
    .fulfilment-or[b-3xs6ohdss4]::after {
        height: 1px;
        content: '';
        flex: 1;
        background: var(--line);
    }

    .fulfilment-options .location-option[b-3xs6ohdss4] {
        padding: .65rem .75rem;
    }

    .fulfilment-options .location-option h3[b-3xs6ohdss4] {
        font-size: 1.4rem;
    }

    .fulfilment-options .location-option p[b-3xs6ohdss4] {
        margin-top: .2rem;
    }

    .fulfilment-options .location-option button[b-3xs6ohdss4],
    .fulfilment-options .delivery-add-products[b-3xs6ohdss4] {
        min-height: 2.6rem;
        margin-top: .4rem;
        padding-block: .45rem;
    }

    .delivery-address-grid[b-3xs6ohdss4] {
        grid-template-columns: 1fr;
    }

    .delivery-notice[b-3xs6ohdss4] {
        flex-direction: column;
        gap: .25rem;
    }

    .window-grid button[b-3xs6ohdss4] {
        flex-basis: 100%;
    }

    .selection-actions[b-3xs6ohdss4] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .selection-actions a[b-3xs6ohdss4],
    .selection-actions button[b-3xs6ohdss4] {
        text-align: center;
    }

    .pickup-calendar[b-3xs6ohdss4] {
        width: 100%;
        padding: .8rem;
    }

    .calendar-grid[b-3xs6ohdss4] {
        gap: .25rem;
    }

    .calendar-day[b-3xs6ohdss4] {
        min-height: 3rem;
    }

    .fulfilment-header > p:last-child[b-3xs6ohdss4] {
        display: none;
    }

    .wizard-progress li strong[b-3xs6ohdss4] {
        font-size: .7rem;
    }

    .wizard-selections[b-3xs6ohdss4] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch;
        gap: .4rem;
        overflow-x: visible;
    }

    .wizard-close[b-3xs6ohdss4] {
        min-width: 2.65rem;
        padding: .25rem;
        justify-content: center;
    }

    .wizard-close > span[b-3xs6ohdss4] {
        display: none;
    }

    .wizard-selections button[b-3xs6ohdss4] {
        width: 100%;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .wizard-selections button:only-child[b-3xs6ohdss4] {
        grid-column: 1 / -1;
    }

    .wizard-selection-value[b-3xs6ohdss4] {
        padding-inline: .1rem;
    }

    .wizard-selections strong[b-3xs6ohdss4] {
        font-size: .86rem;
        line-height: 1.15;
    }

    .wizard-selections em[b-3xs6ohdss4] {
        padding-top: .2rem;
        font-size: .64rem;
    }

    .wizard-actions a[b-3xs6ohdss4],
    .wizard-actions[b-3xs6ohdss4]  button {
        padding-inline: .75rem;
    }

    .wizard-footer[b-3xs6ohdss4] {
        display: grid;
        grid-template-columns: 1fr;
        padding-bottom: max(0px, env(safe-area-inset-bottom));
    }

    .order-summary-dock[b-3xs6ohdss4],
    .wizard-actions[b-3xs6ohdss4] {
        width: 100%;
    }

    .wizard-actions a[b-3xs6ohdss4],
    .wizard-actions[b-3xs6ohdss4]  button {
        flex: 1;
    }

    .order-summary-toggle[b-3xs6ohdss4] {
        font-size: 0;
    }


    .order-summary-popover[b-3xs6ohdss4] {
        width: 100%;
        max-height: min(28rem, 60vh);
    }
}

@media (max-width: 620px) and (max-height: 700px) {
    .wizard-progress[b-3xs6ohdss4] {
        margin-top: .45rem;
    }

    .wizard-progress li[b-3xs6ohdss4] {
        gap: .2rem;
    }

    .wizard-progress li[b-3xs6ohdss4]::before {
        top: .8rem;
    }

    .wizard-progress li > button > span[b-3xs6ohdss4] {
        width: 1.6rem;
        height: 1.6rem;
        font-size: .72rem;
    }

    .wizard-selections[b-3xs6ohdss4] {
        margin-top: .4rem;
    }

    .wizard-selections button[b-3xs6ohdss4] {
        min-height: 2.7rem;
        padding-block: .35rem;
    }

    .wizard-panel[b-3xs6ohdss4] {
        padding-block: .55rem;
    }

    .wizard-question h2[b-3xs6ohdss4] {
        font-size: 1.85rem;
    }

    .wizard-question p[b-3xs6ohdss4] {
        margin-top: .2rem;
    }

    .wizard-footer[b-3xs6ohdss4] {
        padding-top: .5rem;
    }

    .wizard-actions a[b-3xs6ohdss4],
    .wizard-actions[b-3xs6ohdss4]  button {
        min-height: 2.8rem;
        padding-block: .55rem;
    }
}

@media (min-width: 621px) {
    .fulfilment-wizard[b-3xs6ohdss4] {
        padding: clamp(.65rem, 1.4vh, 1.1rem) clamp(1rem, 2vw, 1.25rem);
    }

    .wizard-context .method-icon[b-3xs6ohdss4] {
        width: clamp(2.1rem, 4.5vh, 2.5rem);
        height: clamp(2.1rem, 4.5vh, 2.5rem);
    }

    .wizard-progress[b-3xs6ohdss4] {
        margin-top: clamp(.3rem, 1vh, .75rem);
    }

    .wizard-progress li[b-3xs6ohdss4] {
        gap: clamp(.15rem, .5vh, .4rem);
    }

    .wizard-progress li[b-3xs6ohdss4]::before {
        top: calc(clamp(1.6rem, 3.5vh, 2rem) / 2);
    }

    .wizard-progress li > button > span[b-3xs6ohdss4] {
        width: clamp(1.6rem, 3.5vh, 2rem);
        height: clamp(1.6rem, 3.5vh, 2rem);
        font-size: clamp(.72rem, 1.5vh, .82rem);
    }

    .wizard-selections[b-3xs6ohdss4] {
        margin-top: clamp(.3rem, .8vh, .65rem);
    }

    .wizard-selections button[b-3xs6ohdss4] {
        min-height: 0;
        padding: clamp(.22rem, .55vh, .4rem) .55rem;
        row-gap: clamp(.1rem, .3vh, .2rem);
    }

    .wizard-selection-value[b-3xs6ohdss4] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-inline: .15rem;
    }

    .wizard-selections strong[b-3xs6ohdss4] {
        font-size: .9rem;
    }

    .wizard-selections em[b-3xs6ohdss4] {
        padding-top: .12rem;
        gap: .2rem;
        font-size: .62rem;
    }

    .wizard-selections em svg[b-3xs6ohdss4] {
        width: .75rem;
        height: .75rem;
    }

    .wizard-panel[b-3xs6ohdss4] {
        padding-block: clamp(.3rem, 1vh, .75rem);
    }

    .wizard-question h2[b-3xs6ohdss4] {
        font-size: clamp(1.85rem, 4.2vh, 2.6rem);
    }

    .wizard-question p[b-3xs6ohdss4] {
        margin-top: .2rem;
    }

    .wizard-question .pickup-context-hint[b-3xs6ohdss4] {
        display: none;
    }

    .pickup-calendar[b-3xs6ohdss4] {
        margin-top: clamp(.2rem, .7vh, .5rem);
        padding: clamp(.45rem, 1vh, .9rem);
    }

    .calendar-navigation[b-3xs6ohdss4] {
        grid-template-columns: clamp(2.25rem, 5vh, 2.75rem) 1fr clamp(2.25rem, 5vh, 2.75rem);
        gap: .5rem;
    }

    .calendar-navigation button[b-3xs6ohdss4] {
        min-width: clamp(2.25rem, 5vh, 2.75rem);
        min-height: clamp(2.25rem, 5vh, 2.75rem);
    }

    .calendar-navigation h3[b-3xs6ohdss4] {
        font-size: 1.5rem;
    }

    .calendar-grid[b-3xs6ohdss4] {
        margin-top: .2rem;
        gap: .2rem;
    }

    .calendar-weekday[b-3xs6ohdss4] {
        padding-block: .1rem;
    }

    .calendar-day[b-3xs6ohdss4] {
        min-height: clamp(2rem, 4.8vh, 2.75rem);
    }

    .selection-summary[b-3xs6ohdss4] {
        margin-top: clamp(.35rem, 1.2vh, 1rem);
        padding: clamp(.85rem, 1.8vh, 1.5rem) 1.25rem;
        gap: .2rem;
    }

    .summary-check[b-3xs6ohdss4] {
        width: 2.75rem;
        height: 2.75rem;
        font-size: 1.45rem;
    }

    .summary-kicker[b-3xs6ohdss4] {
        margin-top: .2rem;
    }

    .summary-friendly-details[b-3xs6ohdss4] {
        margin-top: .5rem;
        padding-top: .65rem;
        gap: .3rem;
    }

    .wizard-footer[b-3xs6ohdss4] {
        padding-top: clamp(.4rem, 1vh, .75rem);
    }

    .wizard-actions a[b-3xs6ohdss4],
    .wizard-actions[b-3xs6ohdss4]  button {
        min-height: clamp(2.75rem, 5.5vh, 3.25rem);
        padding-block: clamp(.5rem, 1vh, .8rem);
    }

    .wizard-panel.calendar-step[b-3xs6ohdss4] {
        overflow-y: visible;
    }

    .wizard-panel.calendar-step .pickup-calendar[b-3xs6ohdss4] {
        min-height: 0;
        max-height: 30rem;
        display: flex;
        flex: 1;
        flex-direction: column;
    }

    .wizard-panel.calendar-step .calendar-grid[b-3xs6ohdss4] {
        min-height: 0;
        display: grid;
        flex: 1;
        grid-template-rows: auto repeat(6, minmax(clamp(2rem, 4.8vh, 2.75rem), 1fr));
    }

    .wizard-panel.calendar-step .calendar-day[b-3xs6ohdss4] {
        height: 100%;
        min-height: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wizard-panel[b-3xs6ohdss4] {
        scroll-behavior: auto;
    }
}

.review-footer[b-3xs6ohdss4] {
    justify-content: flex-end;
}

.wizard-panel.location-step > .wizard-question[b-3xs6ohdss4] {
    min-height: min-content;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: .75rem;
}

.wizard-panel.location-step > .fulfilment-options[b-3xs6ohdss4] {
    margin-top: 0;
    margin-bottom: auto;
    flex-shrink: 0;
}

.wizard-panel.location-step[b-3xs6ohdss4]::after {
    content: '';
    flex: 1;
}

/* Keep laptop layouts compact without clipping content at larger text sizes. */
@media (min-width: 621px) and (max-height: 900px) {
    .fulfilment-page[b-3xs6ohdss4] { padding: .5rem .75rem; }
    .fulfilment-wizard[b-3xs6ohdss4] { padding: .6rem 1rem; }
    .wizard-close[b-3xs6ohdss4] { min-height: 2.2rem; }
    .wizard-context[b-3xs6ohdss4] { font-size: .9rem; }
    .wizard-context .method-icon[b-3xs6ohdss4] { width: 1.9rem; height: 1.9rem; }
    .wizard-progress[b-3xs6ohdss4] { margin-top: .3rem; }
    .wizard-progress li > button[b-3xs6ohdss4] { gap: .15rem; }
    .wizard-panel[b-3xs6ohdss4] { padding-block: .35rem; }
    .wizard-question h2[b-3xs6ohdss4] { font-size: clamp(1.85rem, 4.5vh, 2.5rem); }
    .fulfilment-options[b-3xs6ohdss4] { margin-top: .5rem; gap: .55rem; }
    .fulfilment-option-group[b-3xs6ohdss4] { padding: .45rem; }
    .fulfilment-group-label[b-3xs6ohdss4] { min-height: 1.65rem; margin-bottom: .35rem; }
    .fulfilment-group-label h3[b-3xs6ohdss4] { font-size: .9rem; }
    .fulfilment-options .location-option[b-3xs6ohdss4] { padding: .65rem; }
    .fulfilment-options .location-option h3[b-3xs6ohdss4] { font-size: clamp(1.2rem, 3.2vh, 1.6rem); }
    .location-option p[b-3xs6ohdss4] { font-size: .8rem; line-height: 1.35; margin-bottom: .5rem; }
    .location-option button[b-3xs6ohdss4],
    .delivery-add-products[b-3xs6ohdss4] { min-height: 2.25rem; padding: .4rem .8rem; font-size: .85rem; }
    .delivery-requirement[b-3xs6ohdss4],
    .delivery-remaining[b-3xs6ohdss4] { font-size: .75rem; margin-top: .25rem; }
    .wizard-footer[b-3xs6ohdss4] { padding-top: .35rem; }
    .order-summary-dock > summary[b-3xs6ohdss4] { min-height: 2.7rem; padding-block: .3rem; }
    .wizard-actions a[b-3xs6ohdss4],
    .wizard-actions[b-3xs6ohdss4]  button { min-height: 2.5rem; padding: .45rem .9rem; font-size: .85rem; }
    .pickup-time-content[b-3xs6ohdss4] { padding-block: .5rem; gap: .5rem; }
}

.delivery-extra-details[b-3xs6ohdss4] { display: grid; gap: .65rem; margin-block: .65rem; padding: 0; border: 0; background: transparent; }
.delivery-extra-details input[b-3xs6ohdss4] { width: 100%; box-sizing: border-box; padding: .75rem; font: inherit; border: 1px solid #b7aaa0; border-radius: .5rem; background: #fff; color: #302820; min-height: 44px; min-width: 0; }

.delivery-store-picker[b-3xs6ohdss4] { min-width: 0; margin: 0 0 1.25rem; padding: 0; border: 0; }
.delivery-store-picker legend[b-3xs6ohdss4] { margin-bottom: .75rem; font-weight: 700; font-size: 1rem; }
.delivery-store-cards[b-3xs6ohdss4] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: .75rem; }
.delivery-store-card[b-3xs6ohdss4] { display: flex; align-items: flex-start; gap: .75rem; padding: 1rem; border: 2px solid #ded4c9; border-radius: .85rem; background: #fffdf9; cursor: pointer; text-align: left; }
.delivery-store-card:hover[b-3xs6ohdss4] { border-color: #99734f; }
.delivery-store-card.is-selected[b-3xs6ohdss4] { border-color: #39796b; background: #edf6f1; }
.delivery-store-card:focus-within[b-3xs6ohdss4] { outline: 3px solid #815332; outline-offset: 3px; }
.delivery-store-card input[b-3xs6ohdss4] { flex: 0 0 auto; width: 1.15rem; height: 1.15rem; margin: .15rem 0 0; accent-color: #39796b; }
.delivery-store-card span[b-3xs6ohdss4] { display: grid; gap: .4rem; min-width: 0; }
.delivery-store-card strong[b-3xs6ohdss4] { color: #302820; }
.delivery-store-card small[b-3xs6ohdss4] { color: #64594f; line-height: 1.5; }

/* Keep back and continue beside each other, including the address step. */
.wizard-footer > .wizard-actions[b-3xs6ohdss4] { display: flex; flex-direction: row; flex-wrap: nowrap; width: auto; }
.wizard-footer > .wizard-actions > button[b-3xs6ohdss4] { width: auto; flex: 0 1 auto; }
@media (max-width: 620px) {
    .wizard-footer > .wizard-actions[b-3xs6ohdss4] { width: 100%; }
    .wizard-footer > .wizard-actions > button[b-3xs6ohdss4] { flex: 1 1 0; min-width: 0; padding-inline: .6rem; }
}

.delivery-extra-details input:focus-visible[b-3xs6ohdss4] { outline: 3px solid #815332; outline-offset: 2px; }

.wizard-question:has(+ .address-picker)[b-3xs6ohdss4],
.wizard-question:has(+ .delivery-store-picker)[b-3xs6ohdss4] { margin-bottom: .5rem; }
.wizard-question:has(+ .address-picker) h2[b-3xs6ohdss4] { margin-block: 0 .25rem; font-size: 1.8rem; }
.wizard-question:has(+ .address-picker)[b-3xs6ohdss4]  .zones-info { padding-block: .25rem; }
.delivery-extra-details[b-3xs6ohdss4] { gap: .35rem; margin-block: .65rem 0; }
.delivery-extra-details input[b-3xs6ohdss4] { padding-block: .55rem; }

/* The document owns scrolling throughout the order flow. */
.fulfilment-page[b-3xs6ohdss4] { height: auto; align-items: start; }
.fulfilment-wizard[b-3xs6ohdss4] { height: auto; max-height: none; }
.wizard-panel[b-3xs6ohdss4], .wizard-panel.review-step[b-3xs6ohdss4], .wizard-panel.calendar-step[b-3xs6ohdss4] { flex: none; overflow: visible; }
.order-summary-dock .order-summary-popover[b-3xs6ohdss4] { position: static; width: 100%; max-height: none; margin-top: .75rem; overflow: visible; }
/* /Components/Pages/Fulfilment/GeographicDeliveryPage.razor.rz.scp.css */
.geographic-delivery[b-vg5olbkx9a] { max-width: 1250px; margin: auto; padding: 1.5rem; }
h1[b-vg5olbkx9a] { font-family: Georgia, serif; font-size: clamp(1.8rem, 4vw, 2.7rem); margin: .8rem 0; }
.delivery-grid[b-vg5olbkx9a] { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); gap: 1.5rem; align-items: start; }
.delivery-form[b-vg5olbkx9a] { display: grid; gap: 1rem; padding: 1.25rem; border: 1px solid #e2d7cd; border-radius: 1rem; background: #fffdf9; }
label[b-vg5olbkx9a] { display: grid; gap: .5rem; } input[b-vg5olbkx9a], select[b-vg5olbkx9a], button[b-vg5olbkx9a] { font-size: 1rem; padding: .7rem; border: 1px solid #b7aaa0; border-radius: .5rem; min-height: 44px; }
button[b-vg5olbkx9a] { background: #39796b; color: white; cursor: pointer; } button:disabled[b-vg5olbkx9a] { opacity: .5; }
@media(max-width: 800px) { .delivery-grid[b-vg5olbkx9a] { grid-template-columns: 1fr; } .geographic-delivery[b-vg5olbkx9a] { padding: .8rem; } }
.delivery-store-picker[b-vg5olbkx9a] { min-width: 0; margin: 0 0 1.25rem; padding: 0; border: 0; }
.delivery-store-picker legend[b-vg5olbkx9a] { margin-bottom: .75rem; font-weight: 700; font-size: 1rem; }
.delivery-store-cards[b-vg5olbkx9a] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: .75rem; }
.delivery-store-card[b-vg5olbkx9a] { display: flex; align-items: flex-start; gap: .75rem; padding: 1rem; border: 2px solid #ded4c9; border-radius: .85rem; background: #fffdf9; cursor: pointer; text-align: left; }
.delivery-store-card:hover[b-vg5olbkx9a] { border-color: #99734f; }
.delivery-store-card.is-selected[b-vg5olbkx9a] { border-color: #39796b; background: #edf6f1; }
.delivery-store-card:focus-within[b-vg5olbkx9a] { outline: 3px solid #815332; outline-offset: 3px; }
.delivery-store-card input[b-vg5olbkx9a] { flex: 0 0 auto; width: 1.15rem; height: 1.15rem; margin: .15rem 0 0; accent-color: #39796b; }
.delivery-store-card span[b-vg5olbkx9a] { display: grid; gap: .4rem; min-width: 0; }
.delivery-store-card strong[b-vg5olbkx9a] { color: #302820; }
.delivery-store-card small[b-vg5olbkx9a] { color: #64594f; line-height: 1.5; }
/* /Components/Pages/Home.razor.rz.scp.css */
.hero[b-g69con0bw0] {
    min-height: 38rem;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(18rem, .9fr);
    align-items: center;
    gap: clamp(2rem, 7vw, 7rem);
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.hero-copy h1[b-g69con0bw0] {
    max-width: 12ch;
    margin: .35rem 0 1.25rem;
    color: var(--ink);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(3rem, 7vw, 6.6rem);
    font-weight: 500;
    line-height: .95;
    letter-spacing: -.06em;
}

.eyebrow[b-g69con0bw0] {
    color: var(--brand-accent);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.introduction[b-g69con0bw0] {
    max-width: 38rem;
    color: var(--muted-text);
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    line-height: 1.7;
}

.hero-actions[b-g69con0bw0] {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    color: var(--muted-text);
    font-size: .88rem;
}

.hero-art[b-g69con0bw0] {
    position: relative;
    min-height: 32rem;
    overflow: hidden;
    border-radius: 48% 48% 1.5rem 1.5rem;
    background: var(--paper);
    box-shadow: 0 2rem 5rem rgba(79, 42, 31, .18);
}

.hero-image[b-g69con0bw0] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.quick-order[b-g69con0bw0] {
    margin-top: -1.5rem;
    margin-bottom: 4rem;
    padding: 1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "image copy" "image purchase";
    align-items: stretch;
    gap: 1.25rem clamp(1.5rem, 3vw, 2.5rem);
    scroll-margin-top: 1.5rem;
    border: 1px solid #ccd9e1;
    border-radius: var(--shop-card-radius);
    background: var(--paper);
    box-shadow: 0 1.25rem 3.5rem rgba(23, 47, 66, .11);
}

.quick-order-image[b-g69con0bw0] {
    grid-area: image;
    min-height: 28rem;
    position: relative;
    overflow: hidden;
    border-radius: .85rem;
    background: #e7e1d4;
}

.quick-order-image img[b-g69con0bw0] {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    display: block;
    object-fit: cover;
}

.quick-order-label[b-g69con0bw0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    max-width: 100%;
    padding: .65rem .9rem;
    color: white;
    border-radius: 999px;
    background: var(--brand-accent);
    font-size: .7rem;
    line-height: 1.25;
    text-align: center;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.quick-order-copy[b-g69con0bw0] {
    grid-area: copy;
    padding: 1rem 1rem 0 0;
    align-self: end;
    min-width: 0;
}

.quick-order-copy h2[b-g69con0bw0] {
    margin: .25rem 0 .7rem;
    color: var(--brand-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    font-weight: 500;
    line-height: 1.05;
}

.quick-order-copy > p:not(.eyebrow)[b-g69con0bw0] {
    margin: 0 0 .8rem;
    color: var(--muted-text);
    line-height: 1.55;
}

.quick-order-copy > a[b-g69con0bw0] {
    font-size: .83rem;
    font-weight: 750;
    text-underline-offset: .18rem;
}

.quick-order-purchase[b-g69con0bw0] {
    grid-area: purchase;
    align-self: start;
    min-width: 0;
    margin: 0 1rem 1rem 0;
    padding: 1.2rem;
    display: grid;
    align-content: center;
    gap: 1rem;
    border-radius: .85rem;
    background: #f3f6f7;
}

.quick-order-product[b-g69con0bw0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.quick-order-controls[b-g69con0bw0] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: end; gap: 1rem .75rem; }
.quick-order-button[b-g69con0bw0] { grid-column: 1 / -1; }
.quick-selection-total[b-g69con0bw0] { display: grid; gap: .45rem; text-align: right; }
.quick-selection-total span[b-g69con0bw0] { color: var(--muted-text); font-size: .78rem; line-height: 1.4; }
.quick-selection-total strong[b-g69con0bw0] { display: flex; align-items: center; justify-content: flex-end; min-height: calc(var(--shop-control-size) + 2px); font-variant-numeric: tabular-nums; }
.quick-order-product small[b-g69con0bw0] { display: block; text-align: right; color: var(--muted-text); font-weight: 500; font-size: .78rem; margin-top: .25rem; }
.quick-order-product strong[b-g69con0bw0] { overflow-wrap: anywhere; }

.quick-order-product strong[b-g69con0bw0] {
    font-size: 1.05rem;
}

.quick-order-product span[b-g69con0bw0] {
    flex: 0 0 auto;
    color: var(--brand-accent);
    font-weight: 850;
}

.quick-order-button[b-g69con0bw0] {
    min-height: 3.25rem;
    padding: .75rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    cursor: pointer;
    color: white;
    border: 1px solid var(--brand-primary);
    border-radius: var(--shop-control-radius);
    background: var(--brand-primary);
    font: inherit;
    touch-action: manipulation;
    font-weight: 850;
}

.quick-order-button:hover:not(:disabled)[b-g69con0bw0] {
    background: #1b4c74;
}

.quick-order-button:disabled[b-g69con0bw0] {
    cursor: wait;
    opacity: .65;
}

.quick-order-purchase > small[b-g69con0bw0] {
    color: var(--muted-text);
    line-height: 1.4;
}

.quick-order-error[b-g69con0bw0] {
    margin: 0;
    color: #9c2525;
    font-size: .82rem;
    font-weight: 700;
}

.promise[b-g69con0bw0] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--line);
}

.promise article[b-g69con0bw0] {
    padding: 2rem;
    background: var(--paper);
}

.promise h2[b-g69con0bw0] {
    margin: 0 0 .5rem;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.45rem;
}

.promise p[b-g69con0bw0] {
    margin: 0;
    color: var(--muted-text);
    line-height: 1.6;
}

@media (max-width: 800px) {
    .hero[b-g69con0bw0] {
        grid-template-columns: 1fr;
        padding-top: 3rem;
    }

    .hero-art[b-g69con0bw0] { min-height: 25rem; }
    .hero-actions[b-g69con0bw0] { align-items: flex-start; flex-wrap: wrap; }

    .quick-order[b-g69con0bw0] { margin-top: 0; }

    .promise[b-g69con0bw0] { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .quick-order[b-g69con0bw0] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "image" "copy" "purchase";
        gap: 1.25rem;
    }
    .quick-order-image[b-g69con0bw0] { min-height: 0; aspect-ratio: 4 / 3; }
    .quick-order-copy[b-g69con0bw0] { padding: 0 .25rem; align-self: start; }
    .quick-order-purchase[b-g69con0bw0] { margin: 0; }
}

@media (max-width: 520px) {
    .hero[b-g69con0bw0] {
        min-height: auto;
        padding-bottom: 2.5rem;
    }

    .hero-copy h1[b-g69con0bw0] {
        font-size: clamp(2.75rem, 15vw, 4.2rem);
    }

    .hero-art[b-g69con0bw0] {
        min-height: 20rem;
    }

    .quick-order[b-g69con0bw0] {
        margin-bottom: 2.5rem;
        padding: .75rem;
        gap: 1rem;
    }

    .quick-order-purchase[b-g69con0bw0] { padding: 1rem; }

    .quick-order-button[b-g69con0bw0] {
        width: 100%;
    }
}

@media (max-width: 360px) {
    .quick-order-product[b-g69con0bw0] { align-items: flex-start; flex-wrap: wrap; }
    .quick-order-controls[b-g69con0bw0] { grid-template-columns: 1fr; }
    .quick-selection-total[b-g69con0bw0] { text-align: left; }
    .quick-selection-total strong[b-g69con0bw0] { justify-content: flex-start; min-height: auto; }
}

/* Keep product photography free of labels; actions follow the quantity. */
.quick-order-controls .quick-order-button[b-g69con0bw0] { grid-column: 1; }
.quick-order-alternative[b-g69con0bw0] { align-self: center; text-align: center; font-size: .8rem; font-weight: 700; line-height: 1.5; text-underline-offset: .2em; }
.hero-copy h1[b-g69con0bw0] { color: var(--brand-primary); letter-spacing: normal; line-height: 1.08; }
.hero-art[b-g69con0bw0] { border-radius: var(--shop-card-radius); }
@media (max-width: 520px) {
    .quick-order-controls .quick-order-button[b-g69con0bw0], .quick-order-alternative[b-g69con0bw0] { grid-column: 1 / -1; }
    .quick-order-alternative[b-g69con0bw0] { padding: .5rem; }
}

/* Full-bleed photograph and overlaid copy, matching the supplied PDF. */
.hero[b-g69con0bw0] { position: relative; isolation: isolate; display: flex; align-items: center; width: 100%; min-height: 28rem; padding-block: clamp(2rem, 3vw, 3rem); margin-bottom: 0; }
.hero-art[b-g69con0bw0] { position: absolute; inset: 0; z-index: -2; min-height: 0; border-radius: 0; box-shadow: none; }
.hero-image[b-g69con0bw0] { object-position: center 55%; }
.hero[b-g69con0bw0]::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(20, 16, 12, .76), rgba(20, 16, 12, .48) 45%, rgba(20, 16, 12, .05) 85%); }
.hero-copy h1[b-g69con0bw0] { max-width: 16ch; color: white; font-size: clamp(3rem, 5.8vw, 5.5rem); line-height: 1.08; letter-spacing: normal; text-wrap: balance; }
.hero-copy .eyebrow[b-g69con0bw0], .hero-copy .introduction[b-g69con0bw0] { color: white; }
.hero-copy .introduction[b-g69con0bw0] { max-width: 35rem; line-height: 1.5; text-wrap: pretty; }
@media (max-width: 720px) {
    .hero[b-g69con0bw0] { min-height: 25rem; padding-block: 2rem; }
    .hero[b-g69con0bw0]::after { background: linear-gradient(90deg, rgba(20,16,12,.8), rgba(20,16,12,.42)); }
    .hero-image[b-g69con0bw0] { object-position: 58% center; }
    .hero-copy h1[b-g69con0bw0] { font-size: clamp(1.9rem, 8vw, 3.4rem); max-width: 17ch; }
    .hero-copy .eyebrow[b-g69con0bw0] { font-size: .68rem; line-height: 1.6; }
}

@media (max-width: 1050px) { .promise[b-g69con0bw0] { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .promise article[b-g69con0bw0] { padding: 1.25rem 1rem; } }

/* Separate the quantity row from actions so button text cannot stretch the stepper. */
.quick-order-purchase[b-g69con0bw0] { background: transparent; padding: 1.25rem 0 0; border-top: 1px solid var(--line); border-radius: 0; gap: 1.25rem; }
.quick-order-controls[b-g69con0bw0] { grid-template-columns: max-content minmax(0, 1fr); gap: 1rem; }
.quick-order-actions[b-g69con0bw0] { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.quick-order-actions .quick-order-button[b-g69con0bw0] { flex: 1 1 13rem; width: auto; min-height: 3.5rem; font-weight: 700; }
.quick-order-actions .quick-order-alternative[b-g69con0bw0] { flex: 1 1 10rem; padding: .75rem 0; font-weight: 600; }
.quick-order-purchase > small[b-g69con0bw0] { font-size: .75rem; line-height: 1.5; }
@media (max-width: 720px) {
    .quick-order-actions[b-g69con0bw0] { flex-direction: column; align-items: stretch; gap: .25rem; }
    .quick-order-actions .quick-order-button[b-g69con0bw0], .quick-order-actions .quick-order-alternative[b-g69con0bw0] { flex: auto; width: 100%; }
}
@media (max-width: 360px) {
    .quick-order-controls[b-g69con0bw0] { grid-template-columns: max-content minmax(0, 1fr); gap: .5rem; }
    .quick-selection-total[b-g69con0bw0] { text-align: right; }
    .quick-selection-total strong[b-g69con0bw0] { justify-content: flex-end; min-height: calc(var(--shop-control-size) + 2px); font-size: .9rem; }
}
.cozonac-order-link[b-g69con0bw0] { display: flex; justify-content: center; padding-block: 1.5rem 2rem; }

/* Compact landing banner keeps the featured products close to the header. */
.hero[b-g69con0bw0] { min-height: 0; padding-block: 1.25rem; }
.hero-copy .eyebrow[b-g69con0bw0], .hero-actions[b-g69con0bw0] { display: none; }
.hero-copy h1[b-g69con0bw0] { max-width: 20ch; font-size: clamp(2rem, 3.3vw, 3.25rem); margin: 0 0 .5rem; color: var(--ink); }
.hero-copy .introduction[b-g69con0bw0] { max-width: 36rem; margin: 0; font-size: 1rem; color: var(--ink); }
.hero[b-g69con0bw0]::after { background: linear-gradient(90deg, #faf6edeF 0%, #faf6ede8 36%, #faf6ed30 66%, transparent 100%); }
.hero-image[b-g69con0bw0] { object-position: center 48%; }
@media (max-width: 720px) {
    .hero[b-g69con0bw0] { padding-block: 1.25rem; }
    .hero-copy h1[b-g69con0bw0] { font-size: 2rem; }
    .hero[b-g69con0bw0]::after { background: rgba(250, 246, 237, .88); }
}

/* Keep the landing introduction short so ordering stays in the first viewport. */
@media (min-width: 901px) {
    .hero[b-g69con0bw0] { padding-block: .65rem; }
    .hero-copy h1[b-g69con0bw0] { font-size: clamp(1.7rem, 2.5vw, 2.3rem); max-width: 32ch; margin-bottom: .3rem; }
    .hero-copy .introduction[b-g69con0bw0] { max-width: 52rem; font-size: .9rem; line-height: 1.35; }
}

/* Keep the compact heading consistent with the storefront typography. */
.hero[b-g69con0bw0] { padding-block: 1rem; }
.hero-copy[b-g69con0bw0] { text-align: left; }
.hero-copy h1[b-g69con0bw0] {
    max-width: none;
    margin: 0;
    font-size: clamp(1.85rem, 3vw, 2.6rem);
    font-weight: 500;
    line-height: 1.15;
    color: var(--brand-primary);
    text-wrap: balance;
}
.hero[b-g69con0bw0]::after { background: linear-gradient(90deg, rgba(250, 246, 237, .94), rgba(250, 246, 237, .86) 45%, rgba(250, 246, 237, .15)); }
/* The landing photograph gets room without pushing ordering below laptop screens. */
@media (min-width: 901px) {
    .hero[b-g69con0bw0] { min-height: clamp(9rem, calc(35dvh - 5.5rem), 17rem); padding-block: 1rem 2.5rem; }
    .hero-copy h1[b-g69con0bw0] { max-width: 18ch; font-size: clamp(2rem, 3.6vw, 3.8rem); line-height: 1.05; text-wrap: balance; }
    .hero-image[b-g69con0bw0] { object-position: center 52%; }
    .hero[b-g69con0bw0]::after { background: linear-gradient(90deg, #faf6ed 0%, rgba(250,246,237,.94) 30%, rgba(250,246,237,.35) 49%, transparent 67%); }
}
@media (min-width: 901px) and (max-height: 720px) {
    .hero-copy h1[b-g69con0bw0] { font-size: clamp(1.9rem, 3vw, 2.7rem); }
}
/* /Components/Pages/LegalPage.razor.rz.scp.css */
.legal-page[b-yvd7jlscx9] { max-width: 850px; padding-block: 2.5rem 4rem; overflow-wrap: anywhere; }
h1[b-yvd7jlscx9] { font-family: Georgia, serif; font-size: clamp(1.9rem, 5vw, 2.8rem); }
h2[b-yvd7jlscx9] { font-size: 1.2rem; margin-top: 2rem; }
p[b-yvd7jlscx9] { line-height: 1.7; }
.draft-notice[b-yvd7jlscx9] { padding: 1rem; border: 1px solid #d6b980; border-radius: .65rem; background: #fff6e4; color: #624710; }
/* /Components/Pages/OrderManager/OrderManagerPage.razor.rz.scp.css */
.manager-page[b-hd9xn9cgze] { max-width:55rem; margin:2rem auto; }
fieldset[b-hd9xn9cgze] { border:0; padding:0; min-width:0; display:grid; gap:1rem; }
.panel[b-hd9xn9cgze] { display:grid; gap:.8rem; padding:1.25rem; border:1px solid var(--line); border-radius:.8rem; background:var(--paper); min-width:0; }
.panel h2[b-hd9xn9cgze] { margin:0; }
.payment-confirmation[b-hd9xn9cgze] { display:flex; align-items:flex-start; gap:.6rem; }
.payment-confirmation input[b-hd9xn9cgze] { width:auto; flex-shrink:0; }
label[b-hd9xn9cgze] { display:grid; gap:.35rem; min-width:0; }
input[b-hd9xn9cgze], select[b-hd9xn9cgze], textarea[b-hd9xn9cgze] { width:100%; min-width:0; box-sizing:border-box; padding:.65rem; border:1px solid var(--line); border-radius:.4rem; font:inherit; }
button[b-hd9xn9cgze] { padding:.65rem 1rem; border:1px solid var(--line); border-radius:.4rem; cursor:pointer; font:inherit; }
button[type=submit][b-hd9xn9cgze] { background:var(--brand-primary); color:white; }
.product-picker[b-hd9xn9cgze] { display:grid; grid-template-columns:minmax(0,1fr) 6rem auto; gap:.6rem; align-items:end; }
.cart-line[b-hd9xn9cgze] { display:flex; justify-content:space-between; align-items:center; gap:.6rem; overflow-wrap:anywhere; }
@media(max-width:600px) { .product-picker[b-hd9xn9cgze] { grid-template-columns:1fr; } .cart-line[b-hd9xn9cgze] { align-items:start; flex-direction:column; } }
/* /Components/Pages/Orders/CheckoutPage.razor.rz.scp.css */
.customer-checkout-page[b-rua8fgdzit] {
    height: 100%;
    overflow-y: visible;
    overscroll-behavior: auto;
}

.checkout-shell[b-rua8fgdzit] {
    width: min(100% - 2rem, 70rem);
    margin-inline: auto;
    padding: clamp(1.25rem, 3vw, 2.5rem) 0 3rem;
}

.checkout-title[b-rua8fgdzit] {
    max-width: 44rem;
}

.checkout-title > span[b-rua8fgdzit] {
    color: var(--brand-accent);
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.checkout-title h1[b-rua8fgdzit],
.checkout-unavailable h1[b-rua8fgdzit] {
    margin: .25rem 0 .55rem;
    color: var(--brand-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1.05;
}

.checkout-title p[b-rua8fgdzit],
.checkout-unavailable p[b-rua8fgdzit],
.form-heading p[b-rua8fgdzit] {
    margin: 0;
    color: var(--muted-text);
    line-height: 1.55;
}

.checkout-announcement[b-rua8fgdzit] {
    margin-top: 1rem;
    padding: .7rem .9rem;
    color: #6d4619;
    border: 1px solid #dfbf8a;
    border-radius: .65rem;
    background: #fff7e8;
    font-size: .9rem;
    font-weight: 700;
}

.checkout-grid[b-rua8fgdzit] {
    margin-top: 1.35rem;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .8fr);
    align-items: start;
    gap: 1.25rem;
}

.customer-form[b-rua8fgdzit],
.order-review[b-rua8fgdzit],
.checkout-unavailable[b-rua8fgdzit] {
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--paper);
    box-shadow: 0 .75rem 2rem rgb(45 38 26 / 5%);
}

.customer-form[b-rua8fgdzit] {
    padding: clamp(1rem, 3vw, 1.5rem);
}

.form-heading[b-rua8fgdzit],
.review-heading[b-rua8fgdzit] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
}

.form-heading > span[b-rua8fgdzit],
.review-heading > span[b-rua8fgdzit] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: white;
    border-radius: 50%;
    background: var(--brand-primary);
    font-weight: 850;
}

.form-heading h2[b-rua8fgdzit],
.review-heading h2[b-rua8fgdzit] {
    margin: .15rem 0 .25rem;
    color: var(--brand-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.45rem;
}

.field-grid[b-rua8fgdzit] {
    margin-top: 1.25rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.field[b-rua8fgdzit] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: .35rem;
    color: var(--ink);
    font-size: .88rem;
    font-weight: 750;
}

.field-wide[b-rua8fgdzit] {
    grid-column: 1 / -1;
}

.field em[b-rua8fgdzit] {
    color: var(--muted-text);
    font-size: .75rem;
    font-style: normal;
    font-weight: 600;
}

.field input[b-rua8fgdzit],
.field textarea[b-rua8fgdzit] {
    width: 100%;
    padding: .7rem .8rem;
    color: var(--ink);
    border: 1px solid #b9c6ce;
    border-radius: .55rem;
    background: white;
    font: inherit;
    font-weight: 500;
}

.field textarea[b-rua8fgdzit] {
    resize: vertical;
}

.field input[aria-invalid="true"][b-rua8fgdzit] {
    border-color: #a12828;
    background: #fff8f8;
}

.field small[b-rua8fgdzit] {
    color: var(--muted-text);
    font-size: .75rem;
    font-weight: 500;
}

.field .field-error[b-rua8fgdzit],
.checkout-message.error[b-rua8fgdzit] {
    color: #a12828;
}

.checkout-message[b-rua8fgdzit] {
    margin: 1rem 0 0;
    padding: .65rem .75rem;
    border: 1px solid #e5b8b8;
    border-radius: .55rem;
    background: #fff3f3;
    font-weight: 700;
}

.form-actions[b-rua8fgdzit] {
    margin-top: 1.15rem;
    padding-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid var(--line);
}

.form-actions a[b-rua8fgdzit],
.form-actions button[b-rua8fgdzit],
.checkout-unavailable a[b-rua8fgdzit] {
    min-height: 3rem;
    padding: .7rem 1rem;
    display: inline-grid;
    place-items: center;
    border-radius: .65rem;
    font-weight: 800;
    text-decoration: none;
}

.form-actions a[b-rua8fgdzit],
.checkout-unavailable a[b-rua8fgdzit] {
    color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
}

.form-actions button[b-rua8fgdzit] {
    min-width: 10rem;
    cursor: pointer;
    color: white;
    border: 1px solid var(--brand-primary);
    background: var(--brand-primary);
}

.form-actions button:disabled[b-rua8fgdzit] {
    cursor: wait;
    opacity: .65;
}

.order-review[b-rua8fgdzit] {
    position: sticky;
    top: 1rem;
    padding: 1.25rem;
}

.review-heading[b-rua8fgdzit] {
    align-items: center;
}

.review-lines[b-rua8fgdzit] {
    margin-top: 1rem;
    display: grid;
    gap: .65rem;
}

.review-line[b-rua8fgdzit],
.review-total[b-rua8fgdzit] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.review-line span[b-rua8fgdzit] {
    color: var(--muted-text);
}

.review-line strong[b-rua8fgdzit] {
    white-space: nowrap;
}

.review-total[b-rua8fgdzit] {
    margin-top: .9rem;
    padding-top: .9rem;
    border-top: 1px solid var(--line);
    font-size: 1.1rem;
    font-weight: 800;
}

.review-total strong[b-rua8fgdzit] {
    color: var(--brand-primary);
}

.fulfilment-review[b-rua8fgdzit] {
    margin-top: 1rem;
    padding: .9rem;
    display: grid;
    gap: .3rem;
    border-radius: .7rem;
    background: #f4f7f8;
}

.fulfilment-review > span[b-rua8fgdzit] {
    color: var(--muted-text);
    font-size: .82rem;
}

.fulfilment-review > span:first-child[b-rua8fgdzit] {
    color: var(--brand-accent);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.fulfilment-review a[b-rua8fgdzit] {
    width: fit-content;
    margin-top: .35rem;
    font-size: .82rem;
    font-weight: 800;
}

.checkout-loading[b-rua8fgdzit],
.checkout-unavailable[b-rua8fgdzit] {
    width: min(100% - 2rem, 38rem);
    margin: 2rem auto;
    padding: clamp(1.5rem, 5vw, 3rem);
    text-align: center;
}

.checkout-unavailable a[b-rua8fgdzit] {
    margin-top: 1rem;
}

@media (max-width: 800px) {
    .checkout-grid[b-rua8fgdzit] {
        grid-template-columns: 1fr;
    }

    .order-review[b-rua8fgdzit] {
        position: static;
        grid-row: 1;
    }
}

@media (max-width: 560px) {
    .checkout-shell[b-rua8fgdzit] {
        width: min(100% - 1rem, 70rem);
        padding-top: 1rem;
    }

    .field-grid[b-rua8fgdzit] {
        grid-template-columns: 1fr;
    }

    .field-wide[b-rua8fgdzit] {
        grid-column: auto;
    }

    .form-actions[b-rua8fgdzit] {
        align-items: stretch;
        flex-direction: column-reverse;
    }
}

.embedded-checkout[b-rua8fgdzit] { height: auto; overflow: visible; }
.embedded-checkout .checkout-shell[b-rua8fgdzit] { width: 100%; padding: 0 0 1rem; }

.embedded-checkout .form-actions button[b-rua8fgdzit] {
    width: 100%;
    min-width: 0;
    flex: 1;
}

@media (min-width: 801px) {
    .embedded-checkout[b-rua8fgdzit] {
        display: flex;
        overflow: visible;
    }

    .embedded-checkout .checkout-shell[b-rua8fgdzit] {
        min-height: 0;
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
    }

    .embedded-checkout .checkout-announcement[b-rua8fgdzit] {
        flex-shrink: 0;
    }

    .embedded-checkout .checkout-grid[b-rua8fgdzit] {
        flex: 1;
        min-height: 0;
        grid-template-rows: minmax(0, 1fr);
        align-items: stretch;
        margin-top: .5rem;
    }

    .embedded-checkout .customer-form[b-rua8fgdzit],
    .embedded-checkout .order-review[b-rua8fgdzit] {
        min-height: 0;
        overflow-y: visible;
        overscroll-behavior: auto;
        scrollbar-gutter: stable;
    }

    .embedded-checkout .order-review[b-rua8fgdzit] {
        position: static;
        height: 100%;
        display: flex;
        flex-direction: column;
        overflow-y: visible;
        scrollbar-gutter: stable;
        padding: .8rem;
    }

    .embedded-checkout .review-heading[b-rua8fgdzit],
    .embedded-checkout .review-total[b-rua8fgdzit],
    .embedded-checkout .fulfilment-review[b-rua8fgdzit] {
        flex-shrink: 0;
    }

    .embedded-checkout .review-heading h2[b-rua8fgdzit] {
        font-size: 1.25rem;
    }

    .embedded-checkout .review-lines[b-rua8fgdzit] {
        min-height: 0;
        overflow-y: visible;
        margin-top: .65rem;
        gap: .4rem;
        font-size: .85rem;
    }

    .embedded-checkout .review-total[b-rua8fgdzit] {
        margin-top: .6rem;
        padding-top: .6rem;
        font-size: 1rem;
    }

    .embedded-checkout .fulfilment-review[b-rua8fgdzit] {
        margin-top: .65rem;
        padding: .65rem;
        gap: .2rem;
        font-size: .9rem;
    }

    .embedded-checkout .fulfilment-review > span[b-rua8fgdzit] {
        font-size: .75rem;
    }
}

@media (min-width: 801px) {
    .embedded-checkout .review-lines[b-rua8fgdzit] { flex-shrink: 0; overflow: visible; }
}

.fulfilment-review .fulfilment-date[b-rua8fgdzit] {
    color: var(--brand-primary);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.4;
    margin-block: .2rem;
}
/* /Components/Pages/Orders/OrderConfirmationPage.razor.rz.scp.css */
.confirmation-page[b-gck2al4jtr] { min-height: 100%; overflow: visible; padding: .65rem 1.5rem; background: radial-gradient(ellipse at 15% 75%, #f7ecdc 0, transparent 45%), #fffdf8; }
.confirmation-card[b-gck2al4jtr] { box-sizing: border-box; width: min(100%, 76rem); margin: auto; padding: clamp(.9rem, 2vw, 1.5rem); border: 1px solid var(--line); border-radius: 1rem; background: var(--paper); box-shadow: 0 1rem 3rem rgb(45 38 26 / 7%); text-align: center; color: var(--brand-primary); }
.confirmation-check[b-gck2al4jtr] { display: grid; place-items: center; width: 2.8rem; height: 2.8rem; margin: 0 auto; border-radius: 50%; background: #278057; color: white; font-size: 2rem; }
.confirmation-kicker[b-gck2al4jtr] { display: block; margin-top: .25rem; color: #278057; font-size: .8rem; font-weight: 800; letter-spacing: .07em; }
.confirmation-card h1[b-gck2al4jtr] { margin: .2rem 0 .35rem; font: 500 clamp(1.7rem, 3.5vw, 2.5rem)/1.15 Georgia, serif; }
.confirmation-card > p[b-gck2al4jtr] { margin: .2rem auto .5rem; color: var(--muted-text); font-size: .85rem; }
.confirmation-card > p[role=note][b-gck2al4jtr] { font-size: .7rem; margin-block: 0 .2rem; }
.confirmation-identity[b-gck2al4jtr] { display: flex; align-items: center; margin: .9rem 0; padding: .5rem 1rem; border: 1px solid #b6dccc; border-radius: .7rem; background: #edf8f2; }
.order-number[b-gck2al4jtr] { flex: 0 0 27%; display: grid; gap: .1rem; }
.order-number span[b-gck2al4jtr], .order-number small[b-gck2al4jtr] { font-size: .72rem; color: var(--muted-text); }
.order-number strong[b-gck2al4jtr] { font-size: 1.3rem; overflow-wrap: anywhere; }
.masked-customer[b-gck2al4jtr] { flex: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); font-size: .75rem; color: var(--muted-text); }
.masked-customer span[b-gck2al4jtr] { padding: .3rem .65rem; border-left: 1px solid #cbded8; overflow-wrap: anywhere; }
.confirmation-content[b-gck2al4jtr] { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 2.2fr); gap: 1rem; align-items: stretch; }
.confirmation-art[b-gck2al4jtr] { min-width: 0; padding: 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .75rem; border: 1px solid var(--line); border-radius: .8rem; background: #ffffffd9; }
.confirmation-art span[b-gck2al4jtr] { font: italic 1.55rem/1.1 Georgia, serif; color: #7589a0; }
.confirmation-art img[b-gck2al4jtr] { display: block; width: 100%; max-height: 16rem; object-fit: contain; pointer-events: none; }
.confirmation-grid[b-gck2al4jtr] { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: .8rem; text-align: left; }
.confirmation-grid section[b-gck2al4jtr] { min-width: 0; padding: .85rem; display: flex; flex-direction: column; gap: .45rem; border: 1px solid var(--line); border-radius: .8rem; background: #ffffffd9; font-size: .85rem; overflow-wrap: anywhere; }
.confirmation-grid h2[b-gck2al4jtr] { margin: 0 0 .35rem; font: 500 1.4rem/1.15 Georgia, serif; }
.confirmation-grid section > span[b-gck2al4jtr] { color: var(--muted-text); font-size: .8rem; }
.confirmation-line[b-gck2al4jtr] { display: grid; grid-template-columns: 3.7rem minmax(0, 1fr) auto; align-items: start; gap: .5rem; padding: .35rem 0; border-bottom: 1px solid var(--line); font-size: .75rem; }
.confirmation-line strong[b-gck2al4jtr] { white-space: nowrap; text-align: right; }
.confirmation-table-heading[b-gck2al4jtr] { font-size: .67rem; font-weight: 800; }
.confirmation-table-heading > :last-child[b-gck2al4jtr] { text-align: right; }
.line-quantity[b-gck2al4jtr] { font-weight: 750; }
.confirmation-total[b-gck2al4jtr] { margin-top: auto; padding: .7rem; display: flex; justify-content: space-between; gap: .5rem; border-radius: .55rem; background: #e9f7ef; font-size: 1.1rem; font-weight: 850; }
.confirmation-thanks[b-gck2al4jtr] { margin: auto 0 0; padding: .8rem; background: #edf8f2; border-radius: .6rem; font-size: .8rem; line-height: 1.45; }
.confirmation-actions[b-gck2al4jtr] { display: flex; justify-content: center; gap: .75rem; margin-top: .85rem; }
.confirmation-actions a[b-gck2al4jtr], .missing > a[b-gck2al4jtr] { min-height: 2.6rem; display: inline-grid; place-items: center; padding: .5rem 1.5rem; border: 1px solid var(--brand-primary); border-radius: .6rem; font-size: .85rem; font-weight: 800; text-decoration: none; }
.confirmation-actions .primary[b-gck2al4jtr] { color: white; background: var(--brand-primary); }
.confirmation-actions a:focus-visible[b-gck2al4jtr] { outline: 3px solid var(--brand-accent); outline-offset: 3px; }
.missing[b-gck2al4jtr] { padding-block: 2rem; }
@media (min-width: 901px) and (max-height: 750px) {
    .confirmation-page[b-gck2al4jtr] { padding-block: .35rem; }
    .confirmation-check[b-gck2al4jtr] { width: 2rem; height: 2rem; font-size: 1.4rem; }
    .confirmation-card h1[b-gck2al4jtr] { font-size: 1.85rem; }
    .confirmation-identity[b-gck2al4jtr] { margin-block: .5rem; }
    .confirmation-grid section[b-gck2al4jtr] { padding: .65rem; gap: .3rem; }
    .confirmation-grid h2[b-gck2al4jtr] { font-size: 1.2rem; }
    .confirmation-art img[b-gck2al4jtr] { max-height: 12rem; }
    .confirmation-actions[b-gck2al4jtr] { margin-top: .5rem; }
}
@media (max-width: 900px) {
    .confirmation-content[b-gck2al4jtr] { grid-template-columns: 1fr; }
    .confirmation-art img[b-gck2al4jtr] { max-height: 14rem; }
    .confirmation-identity[b-gck2al4jtr] { flex-direction: column; gap: .6rem; }
    .masked-customer[b-gck2al4jtr] { width: 100%; }
    .masked-customer span:first-child[b-gck2al4jtr] { border-left: 0; }
}
@media (max-width: 650px) {
    .confirmation-page[b-gck2al4jtr] { padding: .75rem; }
    .confirmation-grid[b-gck2al4jtr], .masked-customer[b-gck2al4jtr] { grid-template-columns: 1fr; }
    .masked-customer span[b-gck2al4jtr] { border: 0; }
    .confirmation-actions[b-gck2al4jtr] { flex-direction: column; }
    .confirmation-line[b-gck2al4jtr] { grid-template-columns: 4.5rem minmax(0, 1fr) auto; }
}

.confirmation-table-heading > :first-child[b-gck2al4jtr] { overflow-wrap: normal; word-break: normal; hyphens: manual; }
@media (max-width: 650px) {
    .confirmation-table-heading > :first-child[b-gck2al4jtr] { max-width: 6ch; }
    .confirmation-art[b-gck2al4jtr] { padding: .75rem; }
    .confirmation-art img[b-gck2al4jtr] { width: 100%; height: auto; max-height: none; aspect-ratio: 4 / 3; object-fit: contain; }
}
/* /Components/Pages/Payments/PaymentPage.razor.rz.scp.css */
.payment-page[b-lm72vno8ro]{max-width:640px;margin:3rem auto;padding:2rem;border:1px solid #d9dfd2;border-radius:20px;background:#fffef9;color:#294c3e}
h1[b-lm72vno8ro]{font-size:clamp(1.6rem,4vw,2.2rem);margin:1rem 0}.mode[b-lm72vno8ro]{display:inline-block;background:#eee4cc;border-radius:20px;padding:.4rem .8rem;font-weight:700;font-size:.8rem}.notice[b-lm72vno8ro]{margin:1rem 0;padding:1rem;background:#f6f0e3;border-radius:10px}.amount[b-lm72vno8ro]{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 0;border-block:1px solid #e1e6db;margin:1.5rem 0}.amount strong[b-lm72vno8ro]{font-size:1.5rem}.actions[b-lm72vno8ro]{display:grid;gap:.8rem}button[b-lm72vno8ro],.link[b-lm72vno8ro]{border:1px solid #aac1a0;background:white;color:#294c3e;border-radius:9px;padding:.85rem 1rem;min-height:48px;font:inherit}.primary[b-lm72vno8ro]{background:#294c3e;color:white;border-color:#294c3e}.link[b-lm72vno8ro]{display:block;text-align:center;text-decoration:none}button:disabled[b-lm72vno8ro]{opacity:.55}.reference[b-lm72vno8ro]{font-size:.75rem;overflow-wrap:anywhere;margin-top:2rem;color:#65785f}.expiry[b-lm72vno8ro]{font-size:.9rem}a[b-lm72vno8ro]{color:#294c3e}button:focus-visible[b-lm72vno8ro],a:focus-visible[b-lm72vno8ro]{outline:3px solid #c59b46;outline-offset:3px}@media(max-width:680px){.payment-page[b-lm72vno8ro]{margin:1rem;padding:1.25rem}}
/* /Components/Pages/Story.razor.rz.scp.css */
.story-hero[b-9dkijnly79] {
    min-height: 34rem;
    padding-block: clamp(3rem, 8vw, 7rem);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .8fr);
    align-items: center;
    gap: clamp(2rem, 7vw, 6rem);
}

.eyebrow[b-9dkijnly79] {
    color: var(--brand-accent);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .17em;
    text-transform: uppercase;
}

h1[b-9dkijnly79] {
    max-width: 14ch;
    margin: .4rem 0 1.5rem;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(2.8rem, 7vw, 5.5rem);
    font-weight: 500;
    line-height: 1;
    letter-spacing: normal;
}

.story-copy[b-9dkijnly79] {
    max-width: 42rem;
    color: var(--muted-text);
    font-size: 1.15rem;
    line-height: 1.8;
}

.demo-note[b-9dkijnly79] {
    max-width: 42rem;
    margin-top: 1.5rem;
    padding: 1rem 1.1rem;
    border-left: .25rem solid var(--brand-accent);
    color: var(--muted-text);
    background: var(--paper);
}

img[b-9dkijnly79] {
    width: 100%;
    max-width: 28rem;
    height: auto;
    justify-self: center;
    object-fit: contain;
}

@media (max-width: 760px) {
    .story-hero[b-9dkijnly79] {
        grid-template-columns: 1fr;
    }

}
/* /Components/Shared/CartDeliveryPreview.razor.rz.scp.css */
.cart-delivery-preview[b-x01uj13vc9] { margin-block: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); min-width: 0; }
h3[b-x01uj13vc9] { margin: 0 0 .75rem; font-size: 1.1rem; }
label[b-x01uj13vc9] { display: grid; gap: .35rem; }
select[b-x01uj13vc9] { width: 100%; min-width: 0; padding: .6rem; font: inherit; }
/* /Components/Shared/CookieNotice.razor.rz.scp.css */
.cookie-settings[b-n20updziaz] { display: block; margin-inline: auto; color: inherit; border: 0; background: transparent; text-decoration: underline; text-underline-offset: .2em; padding: .5rem 0; font: inherit; font-size: .85rem; cursor: pointer; }
.cookie-notice[b-n20updziaz] { position: fixed; z-index: 100; bottom: 1rem; left: 1rem; width: min(28rem, calc(100% - 2rem)); box-sizing: border-box; max-height: 70dvh; overflow-y: auto; background: white; color: #183b54; border: 1px solid #d4dfe6; border-radius: .9rem; padding: 1.25rem; box-shadow: 0 .5rem 2rem #183b5433; }
h2[b-n20updziaz] { margin: 0 0 .65rem; font-size: 1.1rem; }
p[b-n20updziaz] { font-size: .9rem; line-height: 1.5; }
.cookie-actions[b-n20updziaz] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; }
.cookie-actions a[b-n20updziaz] { color: #183b54; padding-block: .6rem; }
.cookie-actions button[b-n20updziaz] { min-height: 44px; padding: .65rem 1rem; border: 0; border-radius: .5rem; background: #183b54; color: white; font: inherit; cursor: pointer; }
button:focus-visible[b-n20updziaz], a:focus-visible[b-n20updziaz] { outline: 2px solid #ac6710; outline-offset: 3px; }
/* /Components/Shared/DeliveryAddressPicker.razor.rz.scp.css */
.address-picker[b-fustenbxf6] { display: grid; gap: .65rem; }
.address-picker select[b-fustenbxf6] { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; padding: .75rem; min-height: 44px; border: 1px solid #b7aaa0; border-radius: .5rem; background: white; color: #302820; }
.address-picker select:focus-visible[b-fustenbxf6] { outline: 3px solid #815332; outline-offset: 2px; }
.address-picker input[b-fustenbxf6], .address-picker button[b-fustenbxf6] { font-size: 1rem; padding: .75rem; min-height: 44px; border: 1px solid #b7aaa0; border-radius: .5rem; background: #fff; color: #302820; }
.address-picker input:focus-visible[b-fustenbxf6], .address-picker button:focus-visible[b-fustenbxf6] { outline: 3px solid #815332; outline-offset: 2px; }
.address-picker ul[b-fustenbxf6] { list-style: none; padding: 0; margin: 0; display: grid; gap: .4rem; }
.address-picker li button[b-fustenbxf6] { width: 100%; text-align: left; }
.address-picker [role=status][b-fustenbxf6] { margin: 0; min-height: 1.3em; }

.address-locality-filter[b-fustenbxf6] { display: grid; gap: .65rem; }
.address-picker select:disabled[b-fustenbxf6] { background: #f3f0ed; color: #64594f; }

.address-picker input[aria-invalid="true"][b-fustenbxf6] { border: 2px solid #a33429; }
.address-picker .address-error[b-fustenbxf6] { color: #a33429; font-weight: 700; }

.address-autocomplete:not(:focus-within) > ul[b-fustenbxf6] { display: none; }
.address-autocomplete[b-fustenbxf6] { display: grid; grid-template-columns: minmax(0, 1fr); gap: .65rem; min-width: 0; width: 100%; }
.address-autocomplete > label[b-fustenbxf6] { display: block; }
.address-autocomplete > input[b-fustenbxf6] { display: block; width: 100%; min-width: 0; box-sizing: border-box; font: inherit; }

.address-picker [role=status]:empty[b-fustenbxf6] { display: none; }
.customer-address .address-city[b-fustenbxf6] { margin: 0; }
.customer-address .address-autocomplete[b-fustenbxf6],
.customer-address .address-locality-filter[b-fustenbxf6] { gap: .35rem; }
.customer-address input[b-fustenbxf6], .customer-address select[b-fustenbxf6] { padding-block: .55rem; }
@media (min-width: 641px) {
    .customer-address[b-fustenbxf6] { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; column-gap: 1rem; }
    .customer-address > *[b-fustenbxf6] { grid-column: 1 / -1; }
    .customer-address > .address-city[b-fustenbxf6] { grid-column: 1; grid-row: 1; align-self: stretch; padding: 0; }
    .customer-address > .address-locality-filter[b-fustenbxf6] { grid-column: 2; grid-row: 1; }
}

.customer-address .address-city[b-fustenbxf6] { display: grid; gap: .35rem; grid-template-rows: auto 1fr; }
.customer-address .address-city-value[b-fustenbxf6] { display: flex; align-items: center; box-sizing: border-box; min-height: 44px; padding: .55rem .75rem; border: 1px solid #b7aaa0; border-radius: .5rem; background: #f3f0ed; color: #302820; font: inherit; }
.coverage-consent[b-fustenbxf6] { padding: 1rem; border: 1px solid #c5a77b; border-radius: .65rem; background: #fff8ec; }
.coverage-consent p[b-fustenbxf6] { margin: 0 0 .6rem; }
.coverage-consent label[b-fustenbxf6] { display: flex; align-items: flex-start; gap: .65rem; margin-top: .8rem; }
.coverage-consent input[type=checkbox][b-fustenbxf6] { width: 1.2rem; height: 1.2rem; min-width: 1.2rem; margin-top: .2rem; }
/* /Components/Shared/DeliveryMap.razor.rz.scp.css */
.delivery-map[b-5n884f0yto] {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    min-width: 0;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem);
    grid-template-areas:
        "map legend"
        "help legend"
        "status status";
    gap: .75rem 1rem;
    color: var(--ink);
}
.drawing-status[b-5n884f0yto] { grid-area: help; margin: 0; padding: .75rem; background: #e1f3e7; color: #174e36; font-weight: 700; z-index: 2; }
.delivery-map:has(.drawing-status) .delivery-map__instructions[b-5n884f0yto] { display: none; }

.delivery-map__canvas[b-5n884f0yto] {
    min-height: 22rem;
    position: relative;
    z-index: 0;
    grid-area: map;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: #e9ece8;
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 55%);
}

.delivery-map__toolbar[b-5n884f0yto] {
    position: absolute;
    z-index: 500;
    top: .7rem;
    right: calc(20rem + 1.7rem);
    display: flex;
    gap: .4rem;
}

.delivery-map__toolbar button[b-5n884f0yto] {
    min-height: 2.7rem;
    padding: .5rem .7rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    cursor: pointer;
    color: var(--brand-primary);
    border: 1px solid rgb(35 96 147 / 32%);
    border-radius: .65rem;
    background: rgb(255 253 248 / 94%);
    box-shadow: 0 .25rem .9rem rgb(23 47 66 / 12%);
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
}

.delivery-map__toolbar button:hover:not(:disabled)[b-5n884f0yto] {
    color: white;
    background: var(--brand-primary);
}

.delivery-map__toolbar button:disabled[b-5n884f0yto] {
    cursor: not-allowed;
    opacity: .55;
}

.delivery-map__toolbar button > span:first-child[b-5n884f0yto] {
    font-size: 1rem;
}

.delivery-map__unavailable[b-5n884f0yto],
.delivery-map__loading[b-5n884f0yto] {
    min-height: 22rem;
    margin: 0;
    padding: 2rem;
    z-index: 2;
    grid-area: map;
    place-items: center;
    color: #6d4619;
    border: 1px dashed #c89048;
    border-radius: 1rem;
    background: #fff7e8;
    line-height: 1.6;
    text-align: center;
}

.delivery-map__loading[b-5n884f0yto] {
    color: var(--muted-text);
    border-color: var(--line);
    background: rgb(255 253 248 / 94%);
}

.delivery-map__unavailable:not([hidden])[b-5n884f0yto],
.delivery-map__loading:not([hidden])[b-5n884f0yto] {
    display: grid;
}

.delivery-map--unavailable .delivery-map__canvas[b-5n884f0yto] {
    visibility: hidden;
}

.delivery-map__instructions[b-5n884f0yto] {
    margin: 0;
    grid-area: help;
    color: var(--muted-text);
    font-size: .8rem;
    line-height: 1.5;
}

.delivery-map__status[b-5n884f0yto] {
    margin: 0;
    padding: .75rem .9rem;
    grid-area: status;
    border-left: .25rem solid var(--brand-primary);
    border-radius: .35rem;
    background: rgb(35 96 147 / 7%);
    line-height: 1.55;
}

.delivery-map__legend[b-5n884f0yto] {
    min-width: 0;
    padding: 1rem;
    display: flex;
    grid-area: legend;
    flex-direction: column;
    gap: .75rem;
    align-self: stretch;
    border: 1px solid var(--line);
    border-radius: 1rem;
    background: var(--paper);
}

.delivery-map__legend > strong[b-5n884f0yto] {
    color: var(--brand-primary);
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.2rem;
}

.delivery-map__legend ul[b-5n884f0yto] {
    margin: 0;
    padding: 0;
    display: grid;
    gap: .55rem;
    list-style: none;
}

.delivery-map__legend li[b-5n884f0yto] {
    min-width: 0;
    padding: .55rem;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    border: 1px solid transparent;
    border-radius: .65rem;
}

.delivery-map__legend li.selected[b-5n884f0yto] {
    border-color: rgb(35 96 147 / 35%);
    background: rgb(35 96 147 / 7%);
}

.delivery-map__legend li.minimum-reached .delivery-map__swatch[b-5n884f0yto] {
    box-shadow: 0 0 0 .2rem rgb(45 116 80 / 18%);
}

.delivery-map__swatch[b-5n884f0yto] {
    width: 2rem;
    height: 2rem;
    display: block;
    border: 2px solid var(--zone-color);
    border-radius: .4rem;
    background-color: color-mix(in srgb, var(--zone-color) 14%, transparent);
}

.delivery-map__swatch.hatch-diagonal[b-5n884f0yto] {
    background-image: repeating-linear-gradient(135deg, transparent 0 5px, var(--zone-color) 5px 7px, transparent 7px 11px);
}

.delivery-map__swatch.hatch-cross[b-5n884f0yto] {
    background-image:
        repeating-linear-gradient(45deg, transparent 0 5px, var(--zone-color) 5px 7px, transparent 7px 11px),
        repeating-linear-gradient(135deg, transparent 0 5px, var(--zone-color) 5px 7px, transparent 7px 11px);
}

.delivery-map__swatch.hatch-dots[b-5n884f0yto] {
    background-image: radial-gradient(circle, var(--zone-color) 1.5px, transparent 1.7px);
    background-size: 8px 8px;
}

.delivery-map__swatch.hatch-horizontal[b-5n884f0yto] {
    background-image: repeating-linear-gradient(0deg, transparent 0 5px, var(--zone-color) 5px 7px, transparent 7px 11px);
}

.delivery-map__legend-copy[b-5n884f0yto],
.delivery-map__legend-copy > span[b-5n884f0yto] {
    min-width: 0;
    display: grid;
    gap: .15rem;
}

.delivery-map__legend-copy > span:first-child[b-5n884f0yto] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .35rem;
}

.delivery-map__legend-copy strong[b-5n884f0yto] {
    overflow-wrap: anywhere;
}

.delivery-map__legend-copy small[b-5n884f0yto] {
    padding: .1rem .35rem;
    color: var(--brand-primary);
    border-radius: 999px;
    background: rgb(35 96 147 / 10%);
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase;
}

.delivery-map__legend-copy > span:last-child[b-5n884f0yto],
.delivery-map__base-fee[b-5n884f0yto],
.delivery-map__legend-empty[b-5n884f0yto] {
    color: var(--muted-text);
    font-size: .78rem;
    line-height: 1.45;
}

.delivery-map__base-fee[b-5n884f0yto] {
    margin-top: auto;
    padding-top: .7rem;
    border-top: 1px solid var(--line);
    font-weight: 750;
}

.delivery-map--expanded[b-5n884f0yto] {
    width: 100vw;
    height: 100dvh;
    padding: clamp(.65rem, 2vw, 1rem);
    position: fixed;
    z-index: 2000;
    inset: 0;
    grid-template-columns: minmax(0, 1fr) minmax(15rem, 22rem);
    grid-template-rows: minmax(0, 1fr) auto auto;
    background: var(--background);
}

.delivery-map--expanded .delivery-map__canvas[b-5n884f0yto],
.delivery-map--expanded .delivery-map__unavailable[b-5n884f0yto],
.delivery-map--expanded .delivery-map__loading[b-5n884f0yto] {
    min-height: 0;
    height: 100%;
}

.delivery-map--expanded .delivery-map__toolbar[b-5n884f0yto] {
    top: 1.35rem;
    right: calc(22rem + 1.75rem);
}

[b-5n884f0yto] .leaflet-container {
    color: var(--ink);
    font-family: inherit;
}

[b-5n884f0yto] .leaflet-control-attribution {
    max-width: calc(100% - 1rem);
    padding: .15rem .4rem;
    border-radius: .35rem 0 0 0;
    background: rgb(255 255 255 / 88%);
    color: #4b5563;
    font-size: .6875rem;
    line-height: 1.4;
    box-shadow: none;
}

[b-5n884f0yto] .leaflet-control-attribution a {
    color: #4b5563;
    text-decoration: underline;
    text-decoration-color: #9ca3af;
    text-underline-offset: 2px;
}

[b-5n884f0yto] .leaflet-control-attribution:focus-within,
[b-5n884f0yto] .leaflet-control-attribution:hover {
    background: #fff;
}

[b-5n884f0yto] .leaflet-control-attribution a:focus-visible {
    outline: 2px solid var(--brand-primary);
    outline-offset: 2px;
}

[b-5n884f0yto] .leaflet-interactive:focus-visible,
[b-5n884f0yto] .leaflet-marker-icon:focus-visible {
    outline: 3px solid var(--brand-accent);
    outline-offset: 3px;
}

[b-5n884f0yto] .delivery-map__marker {
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--paper);
    box-shadow: 0 .18rem .65rem rgb(23 47 66 / 32%);
}

[b-5n884f0yto] .delivery-map__vertex-marker {
    border: 3px solid var(--brand-accent);
}

[b-5n884f0yto] .delivery-map__radius-marker {
    border: 3px solid var(--brand-primary);
}

[b-5n884f0yto] .delivery-map__radius-marker::after {
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 50%;
    background: var(--brand-primary);
}

[b-5n884f0yto] .delivery-map__store-marker {
    color: white;
    border: 3px solid var(--paper);
    background: var(--brand-primary);
    font-size: .85rem;
}

[b-5n884f0yto] .delivery-map__position-marker {
    color: white;
    border: 3px solid var(--paper);
    border-radius: 50% 50% 50% 0;
    background: #a13c36;
    box-shadow: 0 .2rem .75rem rgb(78 21 18 / 38%);
    transform: rotate(-45deg);
}

[b-5n884f0yto] .delivery-map__position-marker span {
    transform: rotate(45deg);
}

@media (max-width: 760px) {
    .delivery-map[b-5n884f0yto] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "map"
            "help"
            "status"
            "legend";
    }

    .delivery-map__canvas[b-5n884f0yto],
    .delivery-map__unavailable[b-5n884f0yto],
    .delivery-map__loading[b-5n884f0yto] {
        min-height: 19rem;
    }

    .delivery-map__toolbar[b-5n884f0yto] {
        right: .7rem;
    }

    .delivery-map__toolbar button > span:last-child[b-5n884f0yto] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .delivery-map__toolbar button[b-5n884f0yto] {
        width: 2.75rem;
        padding: 0;
        justify-content: center;
    }

    .delivery-map--expanded[b-5n884f0yto] {
        padding: .5rem;
        grid-template-rows: minmax(0, 1fr) auto auto;
    }

    .delivery-map--expanded .delivery-map__legend[b-5n884f0yto] {
        max-height: 32vh;
        overflow-y: auto;
    }

    .delivery-map--expanded .delivery-map__toolbar[b-5n884f0yto] {
        top: 1.15rem;
        right: 1.15rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .delivery-map *[b-5n884f0yto],
    .delivery-map *[b-5n884f0yto]::before,
    .delivery-map *[b-5n884f0yto]::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* Keep controls outside the map, so they never collide with Leaflet controls. */
.delivery-map[b-5n884f0yto] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "toolbar" "map" "help" "status" "legend";
}
.delivery-map__toolbar[b-5n884f0yto] {
    position: static;
    grid-area: toolbar;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: .5rem;
    background: var(--paper, #fffdf9);
    border-radius: .75rem;
}
.delivery-map__toolbar button[b-5n884f0yto] { width: auto; padding: .65rem .9rem; min-height: 44px; }
.delivery-map__toolbar button > span:last-child[b-5n884f0yto] {
    position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal;
}
.delivery-map__toolbar button[data-map-expand][b-5n884f0yto] { background: var(--brand-primary); color: white; }
.delivery-map__canvas[b-5n884f0yto] { min-height: clamp(22rem, 55vh, 38rem); }
.delivery-map__legend ul[b-5n884f0yto] { grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); }
.delivery-map--expanded[b-5n884f0yto] {
    position: fixed;
    inset: 0;
    width: 100%; height: 100dvh;
    margin: 0;
    padding: max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));
    grid-template-columns: minmax(0, 1fr) minmax(13rem, 19rem);
    grid-template-areas: "toolbar toolbar" "map legend" "help legend" "status status";
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    overflow: hidden;
    background: var(--paper, #fffdf9);
}
.delivery-map--expanded[b-5n884f0yto]::backdrop { background: rgb(0 0 0 / 50%); }
.delivery-map--expanded .delivery-map__legend[b-5n884f0yto] { min-height: 0; overflow-y: auto; }
.delivery-map--expanded .delivery-map__legend ul[b-5n884f0yto] { grid-template-columns: 1fr; }
@media (max-width: 760px) {
    .delivery-map--expanded[b-5n884f0yto] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "toolbar" "map" "help" "legend" "status";
        grid-template-rows: auto minmax(8rem, 1fr) auto minmax(0, auto) auto;
    }
    .delivery-map--expanded .delivery-map__legend[b-5n884f0yto] { max-height: 20dvh; }
    .delivery-map--expanded .delivery-map__instructions[b-5n884f0yto] { max-height: 3rem; overflow-y: auto; }
}

.delivery-map:not(:has(.delivery-map__legend))[b-5n884f0yto] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "toolbar" "map" "help" "status";
}
/* /Components/Shared/DeliveryQuoteSummary.razor.rz.scp.css */
.delivery-quote[b-fhbzlw2jid] { padding: 1rem; border: 1px solid #d8dfd4; background: #f4f8f2; border-radius: .75rem; }
p[b-fhbzlw2jid] { margin: .25rem 0 .65rem; } dl[b-fhbzlw2jid] { margin: 0; } dl div[b-fhbzlw2jid] { display: flex; justify-content: space-between; gap: 1rem; padding: .35rem 0; }
dt[b-fhbzlw2jid] { font-weight: 400; } dd[b-fhbzlw2jid] { margin: 0; white-space: nowrap; } .total[b-fhbzlw2jid] { border-top: 1px solid #b9c6b3; margin-top: .5rem; font-weight: 700; }
/* /Components/Shared/DeliveryZonesInfo.razor.rz.scp.css */
.zones-info[b-nv7kiyjfaq] { padding: .5rem 0; color: var(--brand-primary); border: 0; background: transparent; font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
.zones-dialog[b-nv7kiyjfaq] { box-sizing: border-box; inset: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; border: 0; padding: max(.75rem, env(safe-area-inset-top)) 1rem 1rem; background: var(--paper); color: var(--ink); overscroll-behavior: contain; }
.zones-dialog[b-nv7kiyjfaq]  [data-map-expand] { display: none; }
.zones-dialog[b-nv7kiyjfaq]  .delivery-map__canvas { height: calc(100dvh - 9rem); min-height: 16rem; }
.zones-dialog[b-nv7kiyjfaq]  .delivery-map__legend { max-height: none; }

/* Soften only the base map; delivery overlays retain their configured colors. */
.zones-dialog[b-nv7kiyjfaq]  .leaflet-tile-pane {
    filter: saturate(.75) brightness(1.08) contrast(.95);
}

.zones-dialog[b-nv7kiyjfaq]  .delivery-area-label { background: #217346; color: white; border: 1px solid white; border-radius: .4rem; font-weight: 700; padding: .35rem .6rem; box-shadow: 0 1px 4px #0003; }

.zones-info-banner[b-nv7kiyjfaq] { color: white; padding: .2rem .35rem; white-space: nowrap; text-underline-offset: .2em; border-radius: .25rem; }
.zones-info-banner:hover[b-nv7kiyjfaq] { background: #ffffff1a; }
.zones-info-banner:focus-visible[b-nv7kiyjfaq] { outline: 2px solid white; outline-offset: 2px; }
/* Compact close bar above the map. */
.zones-dialog[b-nv7kiyjfaq] { padding: .5rem; }
.zones-dialog[b-nv7kiyjfaq]  .delivery-map__toolbar { display: none; }
.zones-dialog[b-nv7kiyjfaq]  .delivery-map__canvas { height: calc(100dvh - 4.75rem - env(safe-area-inset-top)); min-height: 0; }
.zones-topbar[b-nv7kiyjfaq] { display: flex; justify-content: flex-end; align-items: center; padding: env(safe-area-inset-top) .25rem .5rem; background: var(--paper); }
.zones-close[b-nv7kiyjfaq] { display: inline-flex; align-items: center; gap: .75rem; min-height: 44px; padding: .5rem 1rem; border: 1px solid var(--brand-primary); border-radius: .5rem; background: var(--brand-primary); color: white; font: inherit; font-weight: 700; cursor: pointer; }
.zones-close span[aria-hidden][b-nv7kiyjfaq] { font-size: 1.5rem; line-height: 1; }
.zones-close:focus-visible[b-nv7kiyjfaq] { outline: 3px solid var(--brand-accent); outline-offset: 2px; }
.zones-dialog[open][b-nv7kiyjfaq] { display: flex; flex-direction: column; gap: .75rem; padding: max(.75rem, env(safe-area-inset-top)) 1rem .75rem; overflow: hidden; }
.zones-topbar[b-nv7kiyjfaq] { justify-content: space-between; flex: 0 0 auto; gap: 1rem; padding: .25rem 0 .5rem; border-bottom: 1px solid var(--line); }
.zones-heading[b-nv7kiyjfaq] { display: flex; align-items: center; gap: .9rem; min-width: 0; }
.zones-heading-icon[b-nv7kiyjfaq] { display: grid; place-items: center; flex: 0 0 3.5rem; height: 3.5rem; border-radius: 50%; background: #eaf3fb; color: var(--brand-primary); }
.zones-heading-icon svg[b-nv7kiyjfaq] { width: 1.8rem; height: 1.8rem; }
.zones-heading h2[b-nv7kiyjfaq] { margin: 0 0 .25rem; font: inherit; font-size: 1.5rem; font-weight: 800; color: var(--ink); }
.zones-heading p[b-nv7kiyjfaq] { margin: 0; color: var(--muted-text); font-size: .9rem; }
.zones-close[b-nv7kiyjfaq] { flex-shrink: 0; white-space: nowrap; }
.zones-map-frame[b-nv7kiyjfaq] { position: relative; flex: 1; min-height: 0; }
.zones-map-frame[b-nv7kiyjfaq]  .delivery-map { height: 100%; grid-template-rows: minmax(0, 1fr); grid-template-areas: "map"; gap: 0; }
.zones-map-frame[b-nv7kiyjfaq]  .delivery-map__canvas { height: 100%; min-height: 0; }
.zones-map-frame[b-nv7kiyjfaq]  .delivery-map__instructions { display: none; }
.zones-coverage-note[b-nv7kiyjfaq], .zones-map-key[b-nv7kiyjfaq] { position: absolute; z-index: 500; display: flex; align-items: center; gap: .7rem; padding: .7rem 1rem; background: #fffffff2; border: 1px solid #d5e8db; border-radius: .8rem; box-shadow: 0 3px 14px #163c2520; pointer-events: none; font-size: .85rem; }
.zones-coverage-note[b-nv7kiyjfaq] { top: 1rem; right: 1rem; color: #176437; font-weight: 700; background: #f5fff8f2; }
.zones-coverage-note > span[b-nv7kiyjfaq] { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: #21814c; color: white; }
.zones-map-key[b-nv7kiyjfaq] { bottom: 2.5rem; left: 1rem; }
.zones-key-swatch[b-nv7kiyjfaq] { width: 2rem; height: 2rem; flex-shrink: 0; border: 3px solid #217346; border-radius: .4rem; background: #8cff3226; }
.zones-map-key strong[b-nv7kiyjfaq], .zones-map-key small[b-nv7kiyjfaq] { display: block; }
.zones-map-key small[b-nv7kiyjfaq] { margin-top: .15rem; color: var(--muted-text); }
@media(max-width: 640px) {
    .zones-dialog[open][b-nv7kiyjfaq] { padding: .5rem; gap: .5rem; }
    .zones-heading[b-nv7kiyjfaq] { gap: .4rem; }
    .zones-heading-icon[b-nv7kiyjfaq] { display: none; }
    .zones-heading h2[b-nv7kiyjfaq] { font-size: 1.1rem; }
    .zones-heading p[b-nv7kiyjfaq] { display: none; }
    .zones-close[b-nv7kiyjfaq] { padding: .5rem .65rem; font-size: .85rem; }
    .zones-coverage-note[b-nv7kiyjfaq] { top: .5rem; right: .5rem; max-width: calc(100% - 4rem); font-size: .72rem; padding: .45rem .55rem; }
    .zones-map-key[b-nv7kiyjfaq] { left: .5rem; bottom: 2.5rem; right: .5rem; width: fit-content; font-size: .75rem; padding: .5rem .65rem; }
}
.city-boundary-key[b-nv7kiyjfaq] { position: absolute; z-index: 500; bottom: 8rem; left: 1rem; display: flex; align-items: center; gap: .5rem; padding: .45rem .7rem; border-radius: .5rem; background: #fffffff2; color: #315b88; font-size: .8rem; pointer-events: none; box-shadow: 0 2px 8px #0002; }
.city-boundary-key > span[b-nv7kiyjfaq] { width: 2rem; border-top: 3px dashed #315b88; }
/* /Components/Shared/EditorLanguageTabs.razor.rz.scp.css */
.language-tabs[b-0vyavsc2w4] { display: flex; gap: .25rem; border-bottom: 1px solid #d4dfe6; margin-bottom: 1rem; }
.language-tabs button[b-0vyavsc2w4] { min-height: 44px; padding: .65rem 1rem; font: inherit; font-weight: 600; background: transparent; color: #536576; border: 0; border-bottom: 3px solid transparent; cursor: pointer; }
.language-tabs button[aria-selected="true"][b-0vyavsc2w4] { color: #183b54; border-bottom-color: #183b54; background: #eef4f7; border-radius: .4rem .4rem 0 0; }
.language-tabs button:focus-visible[b-0vyavsc2w4] { outline: 2px solid #ac6710; outline-offset: 2px; }
.language-panel[b-0vyavsc2w4] { min-width: 0; margin-bottom: 1.25rem; }
.language-panel[b-0vyavsc2w4]  label + label { margin-top: 1rem; }
/* /Components/Shared/LegalLinks.razor.rz.scp.css */
.legal-links[b-eesnpn7byn] { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .25rem 1rem; padding-block: .75rem; text-align: center; }
a[b-eesnpn7byn] { flex: 0 0 auto; color: inherit; font-size: .85rem; padding-block: .4rem; text-underline-offset: .2em; white-space: nowrap; }
a:focus-visible[b-eesnpn7byn] { outline: 2px solid currentColor; outline-offset: 3px; }
/* /Components/Shared/OrderDeliveryCharges.razor.rz.scp.css */
.order-delivery-charges[b-hmyhzzhkeh] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem 1rem; padding: 1rem 0; border-top: 1px solid #e2d7cd; }
dt[b-hmyhzzhkeh], dd[b-hmyhzzhkeh] { margin: 0; overflow-wrap: anywhere; } dd[b-hmyhzzhkeh] { text-align: right; font-weight: 600; }
/* /Components/Shared/OrderingAvailabilityNotice.razor.rz.scp.css */
.ordering-notice[b-mrzojs3833] { background: #145d91; color: white; }
.ordering-notice.warning[b-mrzojs3833] { background: #155f91; }
.ordering-notice.closed[b-mrzojs3833] { background: #244e6a; }
.ordering-notice-content[b-mrzojs3833] { display: flex; justify-content: center; gap: .55rem; padding-block: .65rem; text-align: center; }
@media (max-width: 620px) { .ordering-notice-content[b-mrzojs3833] { display: block; } .ordering-notice-content strong[b-mrzojs3833] { display: block; margin-bottom: .2rem; } }
/* /Components/Shared/OrderingClosedPanel.razor.rz.scp.css */
.ordering-closed-panel[b-3119q3nnor] { margin: 1rem 0 1.5rem; padding: 1.25rem; border: 1px solid #8eb8d2; border-radius: .8rem; background: #edf7fb; color: #153f5d; }
.ordering-closed-panel h2[b-3119q3nnor] { margin: 0 0 .45rem; }
.ordering-closed-panel p[b-3119q3nnor] { margin: 0 0 .8rem; }
.ordering-closed-panel a[b-3119q3nnor] { font-weight: 800; color: #155f91; }
/* /Components/Shared/OrderManagerBanner.razor.rz.scp.css */
.manager-banner[b-iu9agplmru] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .4rem 1rem; color: #184c38; background: #e8f5ec; border-bottom: 1px solid #bddbc8; font-size: .75rem; }
.manager-banner form[b-iu9agplmru] { flex-shrink: 0; margin: 0; }
.manager-banner button[b-iu9agplmru] { padding: .3rem .65rem; border: 1px solid #6a987b; border-radius: .4rem; color: inherit; background: white; font: inherit; cursor: pointer; }
.manager-banner button:focus-visible[b-iu9agplmru] { outline: 2px solid var(--brand-accent); outline-offset: 2px; }
/* /Components/Shared/ProductFoodDetails.razor.rz.scp.css */
.food-details[b-lro124xjw3] { margin: .75rem 0; min-width: 0; overflow-wrap: anywhere; }
.food-details summary[b-lro124xjw3] { cursor: pointer; font-weight: 600; padding-block: .5rem; }
.food-details dl[b-lro124xjw3] { margin: .5rem 0; }
.food-details dt[b-lro124xjw3] { font-weight: 600; margin-top: .65rem; }
.food-details dd[b-lro124xjw3] { margin: .2rem 0 0; white-space: pre-line; }
.food-weight[b-lro124xjw3], .food-allergens[b-lro124xjw3] { margin-block: .5rem; overflow-wrap: anywhere; }
/* /Components/Shared/ProductFoodTextEditor.razor.rz.scp.css */
.food-text-editor[b-18au877ks9] { min-width: 0; }
label[b-18au877ks9] { display: grid; gap: .35rem; margin-block: .8rem; }
textarea[b-18au877ks9] { box-sizing: border-box; width: 100%; min-width: 0; padding: .7rem; border: 1px solid #ccc; border-radius: .5rem; font: inherit; resize: vertical; }
/* /Components/Shared/ProductSearchPicker.razor.rz.scp.css */
.search-picker[b-runcy9vdcu] { position: relative; min-width: 0; display: grid; gap: .35rem; }
input[b-runcy9vdcu] { width: 100%; min-width: 0; box-sizing: border-box; padding: .65rem; border: 1px solid var(--line); border-radius: .4rem; font: inherit; }
.search-results[b-runcy9vdcu] { position: absolute; z-index: 10; top: calc(100% + .25rem); left: 0; right: 0; max-height: 18rem; overflow-y: auto; overscroll-behavior: contain; background: var(--paper); border: 1px solid var(--line); border-radius: .5rem; box-shadow: 0 .5rem 1.5rem #0002; }
button[b-runcy9vdcu] { width: 100%; min-height: 44px; display: grid; gap: .2rem; text-align: left; padding: .7rem; border: 0; background: transparent; color: var(--ink); font: inherit; cursor: pointer; overflow-wrap: anywhere; }
button:hover[b-runcy9vdcu], button[aria-selected=true][b-runcy9vdcu] { background: color-mix(in srgb, var(--brand-primary) 10%, var(--paper)); }
small[b-runcy9vdcu] { color: var(--muted-text); }
input:focus-visible[b-runcy9vdcu] { outline: 2px solid var(--brand-primary); outline-offset: 2px; }
p[b-runcy9vdcu] { margin: 0; padding: .8rem; }
/* /Components/Shared/QuantitySelector.razor.rz.scp.css */
.quantity-selector[b-80h4kjn5i6] { display: grid; gap: .45rem; flex: 0 0 auto; justify-items: start; }
.quantity-label[b-80h4kjn5i6] { color: var(--muted-text); font-size: .78rem; font-weight: 650; line-height: 1.4; }
.quantity-stepper[b-80h4kjn5i6] { display: grid; grid-template-columns: var(--shop-control-size) 2.5rem var(--shop-control-size); align-items: center; border: 1px solid #bacad4; border-radius: var(--shop-control-radius); background: white; }
.quantity-stepper button[b-80h4kjn5i6] { min-width: 0; width: var(--shop-control-size); height: var(--shop-control-size); border: 0; border-radius: var(--shop-control-radius); background: transparent; color: var(--brand-primary); font: inherit; font-size: 1.35rem; font-weight: 650; cursor: pointer; touch-action: manipulation; }
.quantity-stepper button:hover:not(:disabled)[b-80h4kjn5i6] { background: #edf3f7; }
.quantity-stepper button:active:not(:disabled)[b-80h4kjn5i6] { background: #dce8ef; }
.quantity-stepper button:disabled[b-80h4kjn5i6] { opacity: .35; cursor: default; }
.quantity-stepper button:focus-visible[b-80h4kjn5i6] { outline: 3px solid var(--brand-accent); outline-offset: 2px; }
.quantity-stepper output[b-80h4kjn5i6] { text-align: center; font-weight: 750; font-size: 1rem; font-variant-numeric: tabular-nums; }