/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-t0uh3syp3o] {
    background: transparent;
}

.app-header[b-t0uh3syp3o] {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(20, 57, 104, 0.16) !important;
    backdrop-filter: blur(10px);
}

.app-eyebrow[b-t0uh3syp3o] {
    letter-spacing: 0.08em;
}

.brand-mark[b-t0uh3syp3o] {
    align-items: center;
    color: var(--ff-brand-primary);
    display: inline-flex;
    gap: 0.65rem;
    line-height: 0.95;
    min-height: 3.25rem;
    text-decoration: none;
}

.brand-mark:hover[b-t0uh3syp3o],
.brand-mark:focus[b-t0uh3syp3o] {
    color: var(--ff-brand-secondary);
}

.brand-burst[b-t0uh3syp3o] {
    background:
        linear-gradient(82deg, transparent 0 46%, var(--ff-brand-secondary) 47% 53%, transparent 54%),
        linear-gradient(100deg, transparent 0 45%, var(--ff-brand-primary) 46% 53%, transparent 54%),
        linear-gradient(65deg, transparent 0 46%, var(--ff-brand-secondary) 47% 52%, transparent 53%),
        linear-gradient(115deg, transparent 0 47%, var(--ff-brand-primary) 48% 53%, transparent 54%);
    display: inline-block;
    flex: 0 0 2.4rem;
    height: 2.7rem;
    position: relative;
    width: 2.4rem;
}

.brand-burst[b-t0uh3syp3o]::before,
.brand-burst[b-t0uh3syp3o]::after {
    clip-path: polygon(50% 0, 61% 36%, 98% 36%, 68% 57%, 80% 92%, 50% 70%, 20% 92%, 32% 57%, 2% 36%, 39% 36%);
    content: "";
    position: absolute;
}

.brand-burst[b-t0uh3syp3o]::before {
    background: var(--ff-brand-secondary);
    height: 0.7rem;
    left: 0.2rem;
    top: 0.35rem;
    width: 0.7rem;
}

.brand-burst[b-t0uh3syp3o]::after {
    background: var(--ff-brand-primary);
    bottom: 0.35rem;
    height: 0.56rem;
    right: 0.18rem;
    width: 0.56rem;
}

.brand-text[b-t0uh3syp3o] {
    display: grid;
    gap: 0.05rem;
    text-transform: uppercase;
}

.brand-freedom[b-t0uh3syp3o] {
    color: var(--ff-brand-primary);
    font-size: 1.42rem;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.brand-fireworks[b-t0uh3syp3o] {
    color: var(--ff-brand-secondary);
    font-size: 1rem;
    font-style: italic;
    font-weight: 800;
    text-transform: none;
}

.brand-tagline[b-t0uh3syp3o] {
    background: var(--ff-brand-navy-dark);
    border-radius: 0.18rem;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    padding: 0.22rem 0.4rem;
    text-transform: uppercase;
}

.nav-link[b-t0uh3syp3o] {
    border-radius: 0.35rem;
    color: var(--ff-brand-primary);
    font-weight: 700;
}

.nav-link:hover[b-t0uh3syp3o],
.nav-link:focus[b-t0uh3syp3o] {
    background: rgba(var(--ff-brand-secondary-rgb), 0.08);
    color: var(--ff-brand-secondary);
}

.navbar-toggler[b-t0uh3syp3o] {
    border-color: rgba(var(--ff-brand-primary-rgb), 0.26);
}

.navbar-toggler:focus[b-t0uh3syp3o] {
    box-shadow: 0 0 0 0.2rem rgba(var(--ff-brand-secondary-rgb), 0.2);
}

#blazor-error-ui[b-t0uh3syp3o] {
    background: #fff3cd;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.75rem 3rem 0.75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .reload[b-t0uh3syp3o] {
    margin-left: 0.75rem;
}

#blazor-error-ui .dismiss[b-t0uh3syp3o] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

@media (max-width: 575.98px) {
    .brand-freedom[b-t0uh3syp3o] {
        font-size: 1.18rem;
    }

    .brand-fireworks[b-t0uh3syp3o] {
        font-size: 0.9rem;
    }

    .brand-burst[b-t0uh3syp3o] {
        flex-basis: 2rem;
        height: 2.25rem;
        width: 2rem;
    }
}
/* /Components/Pages/Overview.razor.rz.scp.css */
section.hero[b-y6a6lp3sz1] {
    padding: 20vh 3rem 10vh;

    background-image: url(/images/hero/hero.jpg);
    background-size: cover;
    background-position: center;

    div.wrapper {
        background-color: rgba(0, 0, 0, 0.8);
        padding: 20px;
        border-radius: 0.4rem;
        max-width: 90ch;
    }

    h1[b-y6a6lp3sz1],
    p[b-y6a6lp3sz1] {
        color: white;
    }

    p[b-y6a6lp3sz1] {
        margin-bottom: 1rem;
    }

    @media (min-width: 1000px) {
        padding: 50vh 12rem 10vh 12rem;

        h1[b-y6a6lp3sz1] {
            font-size: 3rem;
        }

        p[b-y6a6lp3sz1] {
            font-size: 1.2rem;
        }

    }
}

section.context[b-y6a6lp3sz1] {
    padding-top: 3rem;
    padding-bottom: 3rem;
    
    border-bottom: 1px solid #e3e3ec;

    background-color: ghostwhite;

    img {
        margin-bottom: 2rem;
        border-radius: 0.4rem;
    }

    @media (min-width: 1000px) {
        div.container[b-y6a6lp3sz1] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10rem;
            align-items: center;

            img {
                order: 1;
            }
        }

    }
}

section.credibility[b-y6a6lp3sz1] {
    padding-top: 3rem;
    padding-bottom: 3rem;

    h2 {
        margin-bottom: 2rem;
    }

    div.testimonials[b-y6a6lp3sz1] {
        display: flex;
        flex-direction: column;
        gap: 2rem;

        article {
            padding: 0.8rem;
            background-color: #f8f8ff;
            border-radius: 12px;
            border: 1px solid #e3e3ec;
            

        }

    }


    @media (min-width: 1000px) {

        div.testimonials[b-y6a6lp3sz1] {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 4rem;

            article {
                padding: 2rem;
                background-color: ghostwhite;
                border-radius: 1rem;
            }
        }
    }

}

section.products[b-y6a6lp3sz1] {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: ghostwhite;
    border-bottom: 1px solid #e3e3ec;
    border-top: 1px solid #e3e3ec;

    h2 {
        margin-bottom: 2rem;
    }

    div.product-wrapper[b-y6a6lp3sz1] {
        display: grid;
        gap: 10px;
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 2rem;

        img {
            margin-bottom: 0.6rem;
        }

        h3[b-y6a6lp3sz1] {
            font-size: 1rem;
        }
    }



    @media (min-width: 1000px) {

        div.product-wrapper[b-y6a6lp3sz1] {

            h3 {
                font-size: 2rem;
            }
        }

    }
}

section.map[b-y6a6lp3sz1] {
    padding-top: 3rem;
    padding-bottom: 3rem;

    h2 {
        margin-bottom: 2rem;
    }

}

section.faq[b-y6a6lp3sz1] {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: ghostwhite;
    border-bottom: 1px solid #e3e3ec;
    border-top: 1px solid #e3e3ec;

    h2 {
        margin-bottom: 2rem;
    }

    div.faq-list[b-y6a6lp3sz1] {
        display: grid;
        gap: 1rem;
    }

    article[b-y6a6lp3sz1] {
        background-color: #fff;
        border: 1px solid #e3e3ec;
        border-radius: 0.4rem;
        padding: 1rem;
    }

    h3[b-y6a6lp3sz1] {
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
    }

    p[b-y6a6lp3sz1] {
        margin-bottom: 0;
    }

    @media (min-width: 1000px) {
        div.faq-list[b-y6a6lp3sz1] {
            grid-template-columns: 1fr 1fr;
        }
    }
}

section.footer[b-y6a6lp3sz1] {
    padding-top: 3rem;
    padding-bottom: 3rem;

    img {
        margin-bottom: 2rem;
        border-radius: 0.4rem;
    }


    @media (min-width: 1000px) {
        div.container[b-y6a6lp3sz1] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10rem;
            align-items: center;


            img {
                order: 1;
            }
        }

    }

}

section.copyright[b-y6a6lp3sz1] {
    background-color: var(--ff-brand-navy-dark);
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
    padding-bottom: 0.9rem;
    padding-top: 0.9rem;

    div.container {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 0.45rem;
    }

    p[b-y6a6lp3sz1] {
        margin-bottom: 0;
    }

    a[b-y6a6lp3sz1] {
        color: rgba(255, 255, 255, 0.84);
        font-weight: 700;
        text-decoration-color: rgba(255, 255, 255, 0.34);
        text-underline-offset: 0.18rem;
    }

    a:hover[b-y6a6lp3sz1],
    a:focus[b-y6a6lp3sz1] {
        color: #fff;
        text-decoration-color: #fff;
    }

    @media (min-width: 576px) {
        div.container[b-y6a6lp3sz1] {
            flex-direction: row;
            justify-content: space-between;
        }
    }
}


a.button[b-y6a6lp3sz1] {
    text-align: center;
    font-size: 1rem;
    background-color: green;
    padding: 10px 12px;
    border-radius: 4px;
    display: inline-block;
    color: white;
}
/* /Components/Pages/Shop.razor.rz.scp.css */
.shop-memo[b-5zyey8q16n] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
}

.checkout-jump-button[b-5zyey8q16n] {
    align-items: center;
    background: var(--ff-brand-primary);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    bottom: 1.25rem;
    box-shadow: 0 1rem 2rem rgba(7, 26, 51, 0.22);
    color: #fff;
    display: inline-flex;
    font-weight: 700;
    gap: 0.65rem;
    line-height: 1;
    min-height: 3rem;
    padding: 0.85rem 1rem 0.85rem 1.15rem;
    position: fixed;
    right: 1.25rem;
    text-decoration: none;
    z-index: 1030;
}

.checkout-jump-button:hover[b-5zyey8q16n],
.checkout-jump-button:focus-visible[b-5zyey8q16n] {
    background: var(--ff-brand-secondary);
    color: #fff;
}

.checkout-jump-button:focus-visible[b-5zyey8q16n] {
    outline: 3px solid rgba(var(--ff-brand-secondary-rgb), 0.32);
    outline-offset: 3px;
}

.checkout-jump-count[b-5zyey8q16n] {
    align-items: center;
    background: rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.82rem;
    justify-content: center;
    min-width: 1.75rem;
    padding: 0.3rem 0.5rem;
}

#checkout[b-5zyey8q16n] {
    scroll-margin-top: 6rem;
    margin-bottom: 4rem;
}

.pickup-popover-shell[b-5zyey8q16n] {
    position: relative;
}

.pickup-popover-button[b-5zyey8q16n] {
    background: #fff;
    border: 1px solid rgba(var(--ff-brand-primary-rgb), 0.22);
    border-radius: 999px;
    color: var(--ff-brand-primary);
    font-weight: 700;
    line-height: 1;
    min-height: 2.5rem;
    padding: 0.65rem 1rem;
}

.pickup-popover-button:hover[b-5zyey8q16n],
.pickup-popover-button:focus-visible[b-5zyey8q16n] {
    border-color: rgba(var(--ff-brand-secondary-rgb), 0.45);
    box-shadow: 0 0.45rem 1rem rgba(7, 26, 51, 0.08);
    color: var(--ff-brand-secondary);
}

.pickup-popover-button:focus-visible[b-5zyey8q16n],
.pickup-popover-close:focus-visible[b-5zyey8q16n] {
    outline: 3px solid rgba(var(--ff-brand-secondary-rgb), 0.25);
    outline-offset: 2px;
}

.pickup-popover[b-5zyey8q16n] {
    background: #fff;
    border: 1px solid rgba(var(--ff-brand-primary-rgb), 0.18);
    border-radius: 0.45rem;
    box-shadow: 0 1rem 2rem rgba(7, 26, 51, 0.16);
    max-width: min(22rem, calc(100vw - 2rem));
    padding: 1rem;
    position: absolute;
    right: 0;
    top: calc(100% + 0.75rem);
    width: 22rem;
    z-index: 20;
}

.pickup-popover[b-5zyey8q16n]::before {
    background: #fff;
    border-left: 1px solid rgba(var(--ff-brand-primary-rgb), 0.18);
    border-top: 1px solid rgba(var(--ff-brand-primary-rgb), 0.18);
    content: "";
    height: 0.75rem;
    position: absolute;
    right: 1.5rem;
    top: -0.42rem;
    transform: rotate(45deg);
    width: 0.75rem;
}

.pickup-popover-header[b-5zyey8q16n] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.pickup-popover-close[b-5zyey8q16n] {
    align-items: center;
    background: var(--bs-body-bg);
    border: 1px solid rgba(var(--ff-brand-primary-rgb), 0.16);
    border-radius: 999px;
    color: var(--ff-brand-primary);
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 700;
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    width: 1.75rem;
}

.pickup-memo-list[b-5zyey8q16n] {
    display: grid;
    gap: 0.85rem;
    margin: 0;
}

.pickup-memo-list dt[b-5zyey8q16n] {
    color: var(--ff-brand-secondary);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.pickup-memo-list dd[b-5zyey8q16n] {
    margin: 0;
}

.category-filter[b-5zyey8q16n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.category-pill[b-5zyey8q16n] {
    align-items: center;
    background: var(--bs-body-bg);
    border: 1px solid rgba(var(--ff-brand-primary-rgb), 0.2);
    border-radius: 999px;
    color: var(--ff-brand-primary);
    display: inline-flex;
    font-weight: 700;
    gap: 0.45rem;
    line-height: 1;
    min-height: 2.5rem;
    padding: 0.65rem 1rem;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.category-pill:hover[b-5zyey8q16n],
.category-pill:focus-visible[b-5zyey8q16n] {
    background: #fff;
    border-color: rgba(var(--ff-brand-secondary-rgb), 0.45);
    box-shadow: 0 0.45rem 1rem rgba(7, 26, 51, 0.08);
    color: var(--ff-brand-secondary);
}

.category-pill:focus-visible[b-5zyey8q16n] {
    outline: 3px solid rgba(var(--ff-brand-secondary-rgb), 0.25);
    outline-offset: 2px;
}

.category-pill.active[b-5zyey8q16n] {
    background: var(--ff-brand-primary);
    border-color: var(--ff-brand-primary);
    color: #fff;
}

.category-pill span[b-5zyey8q16n] {
    align-items: center;
    background: rgba(var(--ff-brand-primary-rgb), 0.08);
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.78rem;
    justify-content: center;
    min-width: 1.6rem;
    padding: 0.25rem 0.45rem;
}

.category-pill.active span[b-5zyey8q16n] {
    background: rgba(255, 255, 255, 0.18);
}

.form-check[b-5zyey8q16n] {
    display: flex;
    flex-direction: row;
}

@media (max-width: 575.98px) {
    .checkout-jump-button[b-5zyey8q16n] {
        bottom: 1rem;
        right: 1rem;
    }

    .shop-memo[b-5zyey8q16n],
    .pickup-popover-shell[b-5zyey8q16n],
    .pickup-popover-button[b-5zyey8q16n] {
        width: 100%;
    }

    .pickup-popover[b-5zyey8q16n] {
        left: 0;
        right: auto;
        width: 100%;
    }

    .pickup-popover[b-5zyey8q16n]::before {
        left: 1.5rem;
        right: auto;
    }
}