@import 'InstaSnake.Client.ykeyvvbjm2.bundle.scp.css';

/* /Components/Account/Shared/AccountLayout.razor.rz.scp.css */
.app-shell[b-ny2r96h4kb] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.app-main[b-ny2r96h4kb] {
    flex: 1 0 auto;
}

.account-main[b-ny2r96h4kb] {
    display: flex;
    justify-content: center;
    padding-block: 2.5rem;
}

.account-main[b-ny2r96h4kb]  .account-page {
    width: min(100%, 30rem);
    display: grid;
    gap: 1.5rem;
}

.account-main[b-ny2r96h4kb]  .account-page--wide {
    width: min(100%, 48rem);
}

.account-main[b-ny2r96h4kb]  .account-page__header,
.account-main[b-ny2r96h4kb]  .account-page__body,
.account-main[b-ny2r96h4kb]  .account-page__links,
.account-main[b-ny2r96h4kb]  .account-page__notice {
    display: grid;
    gap: 0.75rem;
}

.account-main[b-ny2r96h4kb]  .account-panel {
    display: grid;
    gap: 1.25rem;
    width: 100%;
    padding: 2rem;
    background-color: var(--kendo-color-surface);
    border: 1px solid var(--kendo-color-border-alt, var(--kendo-color-border));
    border-radius: 1rem;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.08);
}

.account-main[b-ny2r96h4kb]  .account-page__body > p {
    margin: 0;
}

.account-main[b-ny2r96h4kb]  .account-page-title,
.account-main[b-ny2r96h4kb]  .account-page-subtitle {
    margin: 0;
}

.account-main[b-ny2r96h4kb]  .account-page hr {
    margin: 0;
    border: 0;
    border-top: 1px solid var(--kendo-color-border-alt, var(--kendo-color-border));
}

.account-main[b-ny2r96h4kb]  .account-form,
.account-main[b-ny2r96h4kb]  .k-form {
    display: grid;
    gap: 1rem;
}

.account-main[b-ny2r96h4kb]  .account-form-field,
.account-main[b-ny2r96h4kb]  .k-form-field-wrap {
    display: grid;
    gap: 0.45rem;
}

.account-main[b-ny2r96h4kb]  .account-form-field label,
.account-main[b-ny2r96h4kb]  .k-form .k-label,
.account-main[b-ny2r96h4kb]  .k-form .k-form-label {
    font-weight: 600;
}

.account-main[b-ny2r96h4kb]  .account-form-field .form-control,
.account-main[b-ny2r96h4kb]  .account-form-field .k-input-inner,
.account-main[b-ny2r96h4kb]  .account-form-field .k-input,
.account-main[b-ny2r96h4kb]  .account-form-field .k-textbox,
.account-main[b-ny2r96h4kb]  .account-form-field .k-picker,
.account-main[b-ny2r96h4kb]  .k-form .k-textbox,
.account-main[b-ny2r96h4kb]  .k-form .k-input,
.account-main[b-ny2r96h4kb]  .k-form .k-picker {
    width: 100%;
}

.account-main[b-ny2r96h4kb]  .account-form-actions,
.account-main[b-ny2r96h4kb]  .k-form-buttons {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.account-main[b-ny2r96h4kb]  .account-form-actions .k-button,
.account-main[b-ny2r96h4kb]  .k-form-buttons .k-button {
    width: 100%;
    justify-content: center;
}

.account-main[b-ny2r96h4kb]  .account-form-links {
    display: grid;
    gap: 0.5rem;
}

.account-main[b-ny2r96h4kb]  .account-page__links p {
    margin: 0;
}

.account-main[b-ny2r96h4kb]  .account-page__links a,
.account-main[b-ny2r96h4kb]  .account-form-links a {
    font-weight: 500;
}

.account-main[b-ny2r96h4kb]  .account-divider {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0.75rem;
    color: var(--kendo-color-subtle);
}

.account-main[b-ny2r96h4kb]  .account-divider::before,
.account-main[b-ny2r96h4kb]  .account-divider::after {
    content: "";
    height: 1px;
    background-color: var(--kendo-color-border-alt, var(--kendo-color-border));
}

.account-main[b-ny2r96h4kb]  .account-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.account-main[b-ny2r96h4kb]  .validation-message,
.account-main[b-ny2r96h4kb]  .k-form-error {
    color: var(--kendo-color-error, #b91c1c);
    font-size: 0.9rem;
}

.account-main[b-ny2r96h4kb]  .validation-errors,
.account-main[b-ny2r96h4kb]  .validation-summary-errors,
.account-main[b-ny2r96h4kb]  .k-validation-summary {
    margin: 0;
}

.account-main[b-ny2r96h4kb]  .account-page__notice p:last-child {
    margin-bottom: 0;
}

.appbar-bottom[b-ny2r96h4kb] {
    flex-shrink: 0;
}

@media (max-width: 640px) {
    .account-main[b-ny2r96h4kb] {
        padding-inline: 1rem;
        padding-block: 1.5rem;
    }

    .account-main[b-ny2r96h4kb]  .account-panel {
        padding: 1.5rem;
        border-radius: 0.75rem;
    }
}
/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
.manage-nav-bar[b-i2e7qgtcn2] {
    width: 100%;
    border-radius: 1rem;
}

.manage-nav-bar__section[b-i2e7qgtcn2],
.manage-nav-bar__section[b-i2e7qgtcn2]  .k-appbar-section {
    width: 100%;
}

.manage-nav[b-i2e7qgtcn2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: 100%;
}

.manage-nav__link[b-i2e7qgtcn2] {
    display: inline-flex;
    align-items: center;
    padding: 0.65rem 1rem;
    border-radius: 999px;
    color: inherit;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.manage-nav__link:hover[b-i2e7qgtcn2],
.manage-nav__link.active[b-i2e7qgtcn2] {
    background-color: rgba(28, 138, 75, 0.16);
    color: var(--kendo-color-primary);
}

@media (max-width: 991px) {
    .manage-nav[b-i2e7qgtcn2] {
        flex-direction: column;
    }

    .manage-nav__link[b-i2e7qgtcn2] {
        width: 100%;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-mleni9nr1w] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.app-main[b-mleni9nr1w] {
    flex: 1 0 auto;
}

.appbar-bottom[b-mleni9nr1w] {
    flex-shrink: 0;
}
/* /Components/Layout/StoreHeaderAppBar.razor.rz.scp.css */
#app-logo[b-rhf6oql13r] {
    display: flex;
    align-items: center;
    height: 32px;
}

.appbar-logo-link[b-rhf6oql13r] {
    line-height: 0;
}

.appbar-user-actions[b-rhf6oql13r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.appbar-nav-link[b-rhf6oql13r] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--kendo-color-on-app-surface, inherit);
    text-decoration: none;
}

.appbar-nav-link:hover[b-rhf6oql13r],
.appbar-nav-link:focus-visible[b-rhf6oql13r] {
    color: var(--kendo-color-on-app-surface, inherit);
    text-decoration: none;
}

.cart-badge[b-rhf6oql13r] {
    display: inline-flex;
    min-width: 1.5rem;
    min-height: 1.5rem;
    align-items: center;
    justify-content: center;
    padding-inline: 0.35rem;
    border-radius: 999px;
    background-color: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary, #fff);
    font-size: 0.8rem;
    font-weight: 700;
}

.logout-form[b-rhf6oql13r] {
    display: inline-block;
    margin: 0;
}

.logout-form[b-rhf6oql13r]  .k-button,
.auth-button[b-rhf6oql13r] {
    font-weight: 500;
}

.logout-form[b-rhf6oql13r]  .k-button {
    min-width: auto;
}
/* /Components/Pages/Cart.razor.rz.scp.css */
.cart-grid[b-1iuaj8or9o] {
    width: 100%;
}

.cart-product-cell[b-1iuaj8or9o] {
    font-weight: 600;
}

#cart-summary[b-1iuaj8or9o] {
    margin-top: 1.5em;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

#cart-summary h2[b-1iuaj8or9o] {
    margin: 0;
}

@media (max-width: 767px) {
    .cart-grid[b-1iuaj8or9o]  .k-grid-content {
        overflow-x: auto;
    }

    .cart-grid[b-1iuaj8or9o]  .k-grid .k-button {
        width: 100%;
    }

    .cart-grid[b-1iuaj8or9o]  .k-numerictextbox {
        width: 100%;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
#hero[b-nzvjb5zd6u] {
    margin: 4em auto;
    max-width: 640px;
    text-align: center;
    font-size: var(--kendo-font-size-lg);
}

#hero-logo[b-nzvjb5zd6u] {
    display: block;
    width: min(220px, 55vw);
    height: auto;
    margin: 0 auto 1.5em;
}

.tagline[b-nzvjb5zd6u] {
    margin-bottom: 1.5em;
    color: var(--kendo-color-subtle);
}

.hero-actions[b-nzvjb5zd6u] {
    display: flex;
    justify-content: center;
    gap: 1em;
    flex-wrap: wrap;
}

.home-product-stack[b-nzvjb5zd6u] {
    width: 100%;
    margin-top: 15px;
}
/* /Components/Shared/ProductStackLayout.razor.rz.scp.css */
.product-grid[b-ab1cf1u0tp] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: 1.5rem;
    align-items: stretch;
}

.product-card[b-ab1cf1u0tp] {
    width: 100%;
    min-width: 0;
}

.product-media[b-ab1cf1u0tp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.product-card .product-image[b-ab1cf1u0tp] {
    width: 100%;
    height: 160px;
    object-fit: contain;
    background: var(--kendo-color-surface-alt, #f5f5f5);
}

.product-info-button[b-ab1cf1u0tp] {
    display: block;
    width: 100%;
    padding: 0.625rem 1rem;
    border-radius: var(--kendo-border-radius-md, 0.375rem);
    background: var(--kendo-color-base-subtle, #f3f4f6);
    color: var(--kendo-color-on-base, inherit);
    text-align: center;
    text-decoration: none;
    font-weight: 600;
}

.product-info-button:hover[b-ab1cf1u0tp],
.product-info-button:focus-visible[b-ab1cf1u0tp] {
    background: var(--kendo-color-base-hover, #e5e7eb);
    color: var(--kendo-color-on-base, inherit);
}

.product-description[b-ab1cf1u0tp] {
    min-height: 3em;
    color: var(--kendo-color-subtle);
}

.product-actions[b-ab1cf1u0tp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.product-status[b-ab1cf1u0tp] {
    margin-top: 0.5rem;
    font-size: var(--kendo-font-size-sm);
    color: var(--kendo-color-success);
}