/* _content/EzMobile/Components/Layout/EmptyLayout.razor.rz.scp.css */
.page[b-05u6v5ff7f] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-05u6v5ff7f] {
    flex: 1;
}

.sidebar[b-05u6v5ff7f] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-05u6v5ff7f] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-05u6v5ff7f]  a, .top-row[b-05u6v5ff7f]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-05u6v5ff7f]  a:hover, .top-row[b-05u6v5ff7f]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-05u6v5ff7f]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-05u6v5ff7f] {
        justify-content: space-between;
    }

    .top-row[b-05u6v5ff7f]  a, .top-row[b-05u6v5ff7f]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-05u6v5ff7f] {
        flex-direction: row;
    }

    .sidebar[b-05u6v5ff7f] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-05u6v5ff7f] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-05u6v5ff7f]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-05u6v5ff7f], article[b-05u6v5ff7f] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-05u6v5ff7f] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-05u6v5ff7f] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/EzMobile/Components/Pages/CartPages/DecorPages/ModifyDecorPackage.razor.rz.scp.css */
.mpp-page[b-vl2y5xo3yh] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-color: #f9f5fc;
    font-family: 'DM Sans', sans-serif;
    color: #111;
    display: flex;
    flex-direction: column;
}

.mpp-header[b-vl2y5xo3yh] {
    position: sticky;
    top: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    height: 56px;
    background-color: #fff;
    padding: 0 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.mpp-back-btn[b-vl2y5xo3yh] {
    background: transparent;
    border: none;
    padding: 8px;
    margin-right: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mpp-title[b-vl2y5xo3yh] {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.mpp-hero-container[b-vl2y5xo3yh] {
    width: 100%;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mpp-hero[b-vl2y5xo3yh] {
    width: 100%;
    height: auto;
    max-height: 277px;
    border-radius: 12px;
    object-fit: cover;
}

.mpp-hero-dots[b-vl2y5xo3yh] {
    display: flex;
    gap: 6px;
    margin-top: -16px;
    z-index: 10;
}

.mpp-dot[b-vl2y5xo3yh] {
    height: 5px;
    width: 12px;
    border-radius: 30px;
    background-color: #aaa;
}

.mpp-dot.active[b-vl2y5xo3yh] {
    width: 24px;
    background-color: #fff;
}

.mpp-desc-section[b-vl2y5xo3yh] {
    padding: 0 16px;
    margin-top: 8px;
}

.mpp-heading[b-vl2y5xo3yh] {
    font-size: 32px;
    font-weight: 600;
    color: #000;
    margin: 0 0 12px;
    line-height: 1.3;
    letter-spacing: -0.64px;
}

.mpp-desc[b-vl2y5xo3yh] {
    font-size: 14px;
    color: #666;
    margin: 0;
    line-height: 1.5;
    letter-spacing: -0.28px;
}

.mpp-tab-bar[b-vl2y5xo3yh] {
    display: flex;
    padding: 0 16px;
    margin-top: 24px;
}

.mpp-tab[b-vl2y5xo3yh] {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    background: transparent;
    border: none;
    border-bottom: 2px solid #000;
    padding: 0 0 8px 0;
    margin-right: 24px;
    cursor: pointer;
}

.mpp-tab-spacer[b-vl2y5xo3yh] {
    flex: 1;
}

.mpp-dashed-hr[b-vl2y5xo3yh] {
    border-top: 1px dashed #e5e5e5;
    margin: 0;
}

.tab-hr[b-vl2y5xo3yh] {
    margin-top: -1px;
}

.mpp-sections[b-vl2y5xo3yh] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mpp-section-title[b-vl2y5xo3yh] {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    margin: 0 0 12px;
}

.mpp-includes-row[b-vl2y5xo3yh] {
    display: flex;
    gap: 16px;
    align-items: center;
    overflow-x: auto;
    margin-bottom: 16px;
}

.mpp-include-label[b-vl2y5xo3yh] {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    white-space: nowrap;
}

.mpp-details-list[b-vl2y5xo3yh] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mpp-details-list li[b-vl2y5xo3yh] {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mpp-bullet[b-vl2y5xo3yh] {
    width: 6px;
    height: 6px;
    background-color: #111;
    border-radius: 50%;
    flex-shrink: 0;
}

.mpp-notes-desc[b-vl2y5xo3yh] {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 1.5;
    letter-spacing: -0.24px;
    margin: 0 0 16px;
}

.mpp-addons[b-vl2y5xo3yh] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 24px;
}

.mpp-sticky-footer[b-vl2y5xo3yh] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    height: 72px;
    background-color: #3e1268;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    z-index: 50;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    margin-top: auto;
}

.mpp-footer-left[b-vl2y5xo3yh] {
    display: flex;
    flex-direction: column;
}

.mpp-price-amt[b-vl2y5xo3yh] {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.4px;
}

.mpp-price-sub[b-vl2y5xo3yh] {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-decoration: underline;
    letter-spacing: -0.24px;
    margin-top: 2px;
}

.mpp-btn-placeorder[b-vl2y5xo3yh] {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    height: 38px;
    padding: 0 20px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/EzMobile/Components/Pages/CartPages/FoodCategory.razor.rz.scp.css */
/* Root page container */
.fc-page[b-id5tfx41gq] {
    min-height: 100vh;
    background: #F9F5FC;
    display: flex;
    flex-direction: column;
}

/* Section that holds the package grid + sticky controls */
.fc-packages-section[b-id5tfx41gq] {
    position: relative;
    padding: 16px 0;
    padding-bottom: 0; /* sticky children handle their own positioning */
}

/* Grid wrapper for cards */
.fc-grid[b-id5tfx41gq] {
    display: block;
    padding: 0 16px;
}

/* View all button */
.fc-viewall-wrap[b-id5tfx41gq] {
    margin-top: 16px;
    margin-bottom: 24px;
    text-align: center;
}

.fc-viewall-btn[b-id5tfx41gq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 24px;
    border-radius: 999px;
    border: none;
    background: linear-gradient(180deg, #FF8C73 0%, #FF3B30 60%, #FF3B30 100%);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.2px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(255, 59, 48, 0.35);
}

/* Single sticky footer — stacks filter btn above the tab nav */
.fc-sticky-footer[b-id5tfx41gq] {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Filters pill bar */
.fc-filter-bar[b-id5tfx41gq] {
    height: 40px;
    border: none;
    background: #220A3A;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.14);
    cursor: pointer;
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
}

.fc-filter-bar span[b-id5tfx41gq] {
    font-size: 14px;
    font-weight: 500;
}

/* Bottom tab navigation container */
.fc-bottom-nav[b-id5tfx41gq] {
    border-top: 1px solid #EEE0FF;
    background: #FFFFFF;
    padding: 8px 0 12px;
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
}

/* Trust / guidance / gallery sections */
.fc-trust[b-id5tfx41gq],
.fc-guidness[b-id5tfx41gq],
.fc-gallery[b-id5tfx41gq] {
    padding: 24px 16px;
}

/* "Coming soon" placeholder */
.fc-coming-soon[b-id5tfx41gq] {
    padding: 32px 0;
    text-align: center;
}

/* _content/EzMobile/Components/Pages/CartPages/ModifyBentoPackage.razor.rz.scp.css */

/* ── Base styling ─────────── */
.mbp-page[b-h7dkzk1cbj] {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    background-color: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-bottom: 32px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    position: relative;
    /* overflow-x: hidden is removed so position: sticky can work */
}

/* ── Header ───────────────────────────────────────────────────── */
.mbp-header[b-h7dkzk1cbj] {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 16px;
    background: #fff;
    gap: 16px;
}

.mbp-back-btn[b-h7dkzk1cbj] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.mbp-header-title[b-h7dkzk1cbj] {
    font-size: 16px;
    font-weight: 600;
    color: #111;
    margin: 0;
}

/* ── Hero image with dots ─────────────────────────────────────── */
.mbp-hero-container[b-h7dkzk1cbj] {
    position: relative;
    width: 100%;
    height: 220px;
}

.mbp-hero[b-h7dkzk1cbj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mbp-hero-dots[b-h7dkzk1cbj] {
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 6px;
}

    .mbp-hero-dots .dot[b-h7dkzk1cbj] {
        width: 6px;
        height: 6px;
        background-color: rgba(255, 255, 255, 0.5);
        border-radius: 50%;
    }

        .mbp-hero-dots .dot.active[b-h7dkzk1cbj] {
            width: 16px;
            border-radius: 4px;
            background-color: #fff;
        }

/* ── Title & Description ──────────────────────────────────────── */
.mbp-content-header[b-h7dkzk1cbj] {
    padding: 16px 16px 0;
}

.mbp-main-title[b-h7dkzk1cbj] {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    margin: 0 0 4px 0;
}

.mbp-main-desc[b-h7dkzk1cbj] {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 1.4;
    margin: 0;
}

/* ── Diet Toggle Bar ── */
.mbp-tab-bar[b-h7dkzk1cbj] {
    display: flex;
    border-bottom: 1px solid #EEE;
    padding: 0 16px;
    gap: 24px;
    margin-top: 16px;
}

.mbp-tab[b-h7dkzk1cbj] {
    padding: 10px 0;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    margin-bottom: -1px;
    transition: color 0.2s, border-bottom-color 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.mbp-tab-active[b-h7dkzk1cbj] {
    font-weight: 600;
    color: #111;
    border-bottom-color: #111;
}

.mbp-diet-icon-small[b-h7dkzk1cbj] {
    width: 16px;
    height: 16px;
}

/* ── Sections ─────────────────────────────────────────────────── */
.mbp-sections[b-h7dkzk1cbj] {
    padding: 16px;
}

.mbp-section[b-h7dkzk1cbj] {
    margin-bottom: 24px;
}

.mbp-section-title[b-h7dkzk1cbj] {
    font-size: 15px;
    font-weight: 700;
    color: #111;
    margin: 0 0 12px 0;
}

/* ── Fit for guest count (copied from box page) ───────────────── */
.mbp-fitfor-header[b-h7dkzk1cbj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.mbp-total[b-h7dkzk1cbj] {
    font-size: 14px;
    color: #666;
}

.mbp-total-count[b-h7dkzk1cbj] {
    font-weight: 600;
    color: #111;
}

.mbp-counter-row[b-h7dkzk1cbj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.mbp-counter-row-last[b-h7dkzk1cbj] {
    margin-bottom: 0;
}

.mbp-counter-label[b-h7dkzk1cbj] {
    font-size: 14px;
    color: #666;
}

.mbp-dotted-hr[b-h7dkzk1cbj] {
    border: none;
    border-top: 1px dotted #ccc;
    margin: 12px 0;
}

/* ── Item Rows ────────────────────────────────────────────────── */
.mbp-item[b-h7dkzk1cbj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; /* Changed this from flex-start */
    padding: 10px 0;
    gap: 12px;
    width: 100%; /* Added this to force full screen width */
}

.mbp-item-left[b-h7dkzk1cbj] {
    flex: 1;
    min-width: 0;
}

.mbp-item-name-row[b-h7dkzk1cbj] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 2px;
}

.mbp-diet-icon[b-h7dkzk1cbj] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    margin-top: 2px;
}

.mbp-item-name[b-h7dkzk1cbj] {
    font-size: 13px;
    font-weight: 500;
    color: #111;
    line-height: 1.3;
}

.mbp-item-desc[b-h7dkzk1cbj] {
    font-size: 11px;
    font-weight: 400;
    color: #888;
    line-height: 1.4;
    margin: 0;
    padding-left: 22px;
}

/* (Keep this exactly as you have it right now) */
.mbp-item-right[b-h7dkzk1cbj] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    height: 24px;
    margin-left: auto;
}

.mbp-item-qty[b-h7dkzk1cbj],
.mbp-price-label[b-h7dkzk1cbj] {
    font-size: 13px;
    font-weight: 600;
    color: #111;
    margin: 0 16px 0 0; /* Gives a strict 16px gap between the text and the circle/box */
}

/* Strip MudBlazor's default margins so all boxes/circles align flush right */
.mbp-item-right .mud-radio[b-h7dkzk1cbj],
.mbp-item-right .mud-checkbox[b-h7dkzk1cbj] {
    margin: 0 !important;
    padding: 0 !important;
}

/* ── Sticky Footer (Price + counts bar above common footer) ───────── */
.mbp-footer-wrapper[b-h7dkzk1cbj] {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    display: flex;
    flex-direction: column;
    margin-top: auto; /* Pushes the footer down if content is short */
    box-shadow: 0 -4px 12px rgba(0,0,0,0.05);
}

/* Top summary strip matching the purple image */
.mbp-footer-summary-bar[b-h7dkzk1cbj] {
    background-color: #4A1A7B;
    color: #E3D9ED;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.mbp-summary-item[b-h7dkzk1cbj] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mbp-summary-divider[b-h7dkzk1cbj] {
    width: 1px;
    height: 16px;
    background-color: #71469C;
}

.mbp-diet-icon-footer[b-h7dkzk1cbj] {
    width: 14px;
    height: 14px;
}

/* Bottom main footer block */
.mbp-footer-main[b-h7dkzk1cbj] {
    background-color: #2D0A4E;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
}

.mbp-price-block[b-h7dkzk1cbj] {
    display: flex;
    flex-direction: column;
}

.mbp-price-total[b-h7dkzk1cbj] {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}

.mbp-price-note[b-h7dkzk1cbj] {
    font-size: 10px;
    font-weight: 400;
    color: #B59DCF;
    margin-top: 2px;
}

.mbp-place-order[b-h7dkzk1cbj] {
    background: linear-gradient(90deg, #FF605B 0%, #FF3A3A 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 24px;
    padding: 10px 24px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(255, 75, 75, 0.3);
}

    .mbp-place-order:active[b-h7dkzk1cbj] {
        transform: scale(0.97);
    }


/* Ensure MudBlazor's invisible wrapper stretches full width too */
.mud-radio-group[b-h7dkzk1cbj] {
    width: 100%;
    display: flex;
    flex-direction: column;
}
/* _content/EzMobile/Components/Pages/CartPages/ModifyBoxPackage.razor.rz.scp.css */
/* ── Page wrapper ───────────────────────────────────────────── */
.mbp-page[b-bxx3775p3a] {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    background-color: #fff;
}

/* ── Header ─────────────────────────────────────────────────── */
.mbp-header[b-bxx3775p3a] {
    display: flex;
    align-items: center;
    height: 57px;
    padding: 0 16px;
    gap: 8px;
}

.mbp-back-btn[b-bxx3775p3a] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.mbp-title[b-bxx3775p3a] {
    font-size: 16px;
    font-weight: 600;
    color: #111;
    margin: 0;
    line-height: 24px;
}

/* ── Hero image ─────────────────────────────────────────────── */
.mbp-hero[b-bxx3775p3a] {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

/* ── Description ────────────────────────────────────────────── */
.mbp-desc[b-bxx3775p3a] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #666;
    margin: 16px 16px 0;
    padding: 0;
}

/* ── Tab bar ─────────────────────────────────────────────────── */
.mbp-tab-bar[b-bxx3775p3a] {
    display: flex;
    border-bottom: 1px solid #EEE;
    padding: 0 16px;
    gap: 24px;
    margin-top: 16px;
}

.mbp-tab[b-bxx3775p3a] {
    padding: 10px 0;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    margin-bottom: -1px;
    transition: color 0.2s, border-bottom-color 0.2s;
}

.mbp-tab-active[b-bxx3775p3a] {
    font-weight: 600;
    color: #111;
    border-bottom-color: #111;
}

/* ── Sections container ──────────────────────────────────────── */
.mbp-sections[b-bxx3775p3a] {
    padding: 0 16px;
    margin-top: 16px;
}

.mbp-section[b-bxx3775p3a] {
    margin-bottom: 8px;
}

/* ── Section title ───────────────────────────────────────────── */
.mbp-section-title[b-bxx3775p3a] {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    margin: 0 0 10px 0;
    line-height: 1;
}

/* ── Dashed divider ──────────────────────────────────────────── */
.mbp-dashed-hr[b-bxx3775p3a] {
    border: none;
    border-top: 1px dashed #DDD;
    margin: 16px 0;
}

/* ── Includes row ────────────────────────────────────────────── */
.mbp-includes-row[b-bxx3775p3a] {
    display: flex;
    gap: 24px;
}

.mbp-include-item[b-bxx3775p3a] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mbp-include-icon[b-bxx3775p3a] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.mbp-include-label[b-bxx3775p3a] {
    font-size: 14px;
    color: #111;
}

/* ── Fit for section ─────────────────────────────────────────── */
.mbp-fitfor-header[b-bxx3775p3a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.mbp-total[b-bxx3775p3a] {
    font-size: 14px;
    color: #666;
}

.mbp-total-count[b-bxx3775p3a] {
    font-weight: 600;
    color: #111;
}

.mbp-counter-row[b-bxx3775p3a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.mbp-counter-row-last[b-bxx3775p3a] {
    margin-bottom: 0;
}

.mbp-counter-label[b-bxx3775p3a] {
    font-size: 14px;
    color: #666;
}

/* ── Food item card ──────────────────────────────────────────── */
.mbp-item[b-bxx3775p3a] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 0;
}

.mbp-item-left[b-bxx3775p3a] {
    flex: 1;
    min-width: 0;
}

.mbp-item-name-row[b-bxx3775p3a] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

.mbp-diet-icon[b-bxx3775p3a] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.mbp-item-name[b-bxx3775p3a] {
    font-size: 14px;
    font-weight: 500;
    color: #111;
    line-height: 1.2;
}

.mbp-item-desc[b-bxx3775p3a] {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: normal;
    letter-spacing: -0.24px;
    margin: 0;
    padding-left: 24px; /* indent below diet icon */
    overflow-wrap: break-word;
}

.mbp-item-right[b-bxx3775p3a] {
    width: 98px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.mbp-delete-btn[b-bxx3775p3a] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    color: #666;
}

/* ── Add more button ─────────────────────────────────────────── */
.mbp-add-more-btn[b-bxx3775p3a] {
    width: 100%;
    height: 32px;
    border: 1px dashed #CCC;
    background-color: #F9F9F9;
    border-radius: 40px;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    color: #444;
    cursor: pointer;
    padding: 0 16px;
    margin-top: 4px;
}

/* ── Helping Hand wrapper ────────────────────────────────────── */
.mbp-helping[b-bxx3775p3a] {
    padding: 16px;
    margin-top: 8px;
}

/* ── Smart/Manual toggle card ────────────────────────────────── */
.mbp-toggle-card[b-bxx3775p3a] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    background: #FFF;
    filter: drop-shadow(0 -10px 12px rgba(0, 0, 0, 0.08));
    position: sticky;
    bottom: 56px; /* stays just above the sticky price/footer bar */
    z-index: 90;
}

.mbp-toggle-icon[b-bxx3775p3a] {
    flex-shrink: 0;
}

.mbp-toggle-text[b-bxx3775p3a] {
    flex: 1;
    font-size: 14px;
    color: #444;
    margin: 0;
    line-height: 1.4;
}

.mbp-toggle-mode[b-bxx3775p3a] {
    font-size: 14px;
    color: #111;
}

.mbp-know-more[b-bxx3775p3a] {
    background: none;
    border: none;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    color: #111;
    text-decoration: underline;
    cursor: pointer;
}

.mbp-toggle-btn[b-bxx3775p3a] {
    cursor: pointer;
    display: flex;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    flex-shrink: 0;
}

/* ── Sticky footer ───────────────────────────────────────────── */
.mbp-footer[b-bxx3775p3a] {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    height: 56px;
    background-color: #3E1268;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    z-index: 100;
}

.mbp-price-block[b-bxx3775p3a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mbp-price[b-bxx3775p3a] {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
}

.mbp-price-note[b-bxx3775p3a] {
    font-size: 12px;
    font-weight: 400;
    color: #D8D0E1;
    line-height: normal;
    letter-spacing: -0.24px;
}

.mbp-place-order[b-bxx3775p3a] {
    height: 36px;
    padding: 0 20px;
    background-color: #ff6767;
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 20px;
    cursor: pointer;
}

.mbp-place-order:hover[b-bxx3775p3a] {
    background-color: #f74747;
}
/* _content/EzMobile/Components/Pages/CartPages/ModifyFeastPackage.razor.rz.scp.css */
/* ── Page wrapper ───────────────────────────────────────────── */
.mbp-page[b-u0xuz2d5i5] {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    background-color: #fff;
}

/* ── Header ─────────────────────────────────────────────────── */
.mbp-header[b-u0xuz2d5i5] {
    display: flex;
    align-items: center;
    height: 57px;
    padding: 0 16px;
    gap: 8px;
}

.mbp-back-btn[b-u0xuz2d5i5] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.mbp-title[b-u0xuz2d5i5] {
    font-size: 16px;
    font-weight: 600;
    color: #111;
    margin: 0;
    line-height: 24px;
}

/* ── Hero image ─────────────────────────────────────────────── */
.mbp-hero[b-u0xuz2d5i5] {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

/* ── Description ────────────────────────────────────────────── */
.mbp-desc[b-u0xuz2d5i5] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #666;
    margin: 16px 16px 0;
    padding: 0;
}

/* ── Tab bar ─────────────────────────────────────────────────── */
.mbp-tab-bar[b-u0xuz2d5i5] {
    display: flex;
    border-bottom: 1px solid #EEE;
    padding: 0 16px;
    gap: 24px;
    margin-top: 16px;
}

.mbp-tab[b-u0xuz2d5i5] {
    padding: 10px 0;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    margin-bottom: -1px;
    transition: color 0.2s, border-bottom-color 0.2s;
}

.mbp-tab-active[b-u0xuz2d5i5] {
    font-weight: 600;
    color: #111;
    border-bottom-color: #111;
}

/* ── Sections container ──────────────────────────────────────── */
.mbp-sections[b-u0xuz2d5i5] {
    padding: 0 16px;
    margin-top: 16px;
}

.mbp-section[b-u0xuz2d5i5] {
    margin-bottom: 8px;
}

/* ── Section title ───────────────────────────────────────────── */
.mbp-section-title[b-u0xuz2d5i5] {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    margin: 0 0 10px 0;
    line-height: 1;
}

/* ── Dashed divider ──────────────────────────────────────────── */
.mbp-dashed-hr[b-u0xuz2d5i5] {
    border: none;
    border-top: 1px dashed #DDD;
    margin: 16px 0;
}

/* ── Includes row ────────────────────────────────────────────── */
.mbp-includes-row[b-u0xuz2d5i5] {
    display: flex;
    gap: 24px;
}

.mbp-include-item[b-u0xuz2d5i5] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mbp-include-icon[b-u0xuz2d5i5] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.mbp-include-label[b-u0xuz2d5i5] {
    font-size: 14px;
    color: #111;
}

/* ── Fit for section ─────────────────────────────────────────── */
.mbp-fitfor-header[b-u0xuz2d5i5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.mbp-total[b-u0xuz2d5i5] {
    font-size: 14px;
    color: #666;
}

.mbp-total-count[b-u0xuz2d5i5] {
    font-weight: 600;
    color: #111;
}

.mbp-counter-row[b-u0xuz2d5i5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.mbp-counter-row-last[b-u0xuz2d5i5] {
    margin-bottom: 0;
}

.mbp-counter-label[b-u0xuz2d5i5] {
    font-size: 14px;
    color: #666;
}

/* ── Food item card ──────────────────────────────────────────── */
.mbp-item[b-u0xuz2d5i5] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 0;
}

.mbp-item-left[b-u0xuz2d5i5] {
    flex: 1;
    min-width: 0;
}

.mbp-item-name-row[b-u0xuz2d5i5] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

.mbp-diet-icon[b-u0xuz2d5i5] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.mbp-item-name[b-u0xuz2d5i5] {
    font-size: 14px;
    font-weight: 500;
    color: #111;
    line-height: 1.2;
}

.mbp-item-desc[b-u0xuz2d5i5] {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: normal;
    letter-spacing: -0.24px;
    margin: 0;
    padding-left: 24px; /* indent below diet icon */
    overflow-wrap: break-word;
}

.mbp-item-right[b-u0xuz2d5i5] {
    width: 98px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.mbp-delete-btn[b-u0xuz2d5i5] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    color: #666;
}

/* ── Add more button ─────────────────────────────────────────── */
.mbp-add-more-btn[b-u0xuz2d5i5] {
    width: 100%;
    height: 32px;
    border: 1px dashed #CCC;
    background-color: #F9F9F9;
    border-radius: 40px;
    font-family: "DM Sans", sans-serif;
    font-size: 13px;
    color: #444;
    cursor: pointer;
    padding: 0 16px;
    margin-top: 4px;
}

/* ── Helping Hand wrapper ────────────────────────────────────── */
.mbp-helping[b-u0xuz2d5i5] {
    padding: 16px;
    margin-top: 8px;
}

/* ── Smart/Manual toggle card ────────────────────────────────── */
.mbp-toggle-card[b-u0xuz2d5i5] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    background: #FFF;
    filter: drop-shadow(0 -10px 12px rgba(0, 0, 0, 0.08));
    position: sticky;
    bottom: 56px; /* stays just above the sticky price/footer bar */
    z-index: 90;
}

.mbp-toggle-icon[b-u0xuz2d5i5] {
    flex-shrink: 0;
}

.mbp-toggle-text[b-u0xuz2d5i5] {
    flex: 1;
    font-size: 14px;
    color: #444;
    margin: 0;
    line-height: 1.4;
}

.mbp-toggle-mode[b-u0xuz2d5i5] {
    font-size: 14px;
    color: #111;
}

.mbp-know-more[b-u0xuz2d5i5] {
    background: none;
    border: none;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    color: #111;
    text-decoration: underline;
    cursor: pointer;
}

.mbp-toggle-btn[b-u0xuz2d5i5] {
    cursor: pointer;
    display: flex;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    flex-shrink: 0;
}

/* ── Sticky footer ───────────────────────────────────────────── */
.mbp-footer[b-u0xuz2d5i5] {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    height: 56px;
    background-color: #3E1268;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    z-index: 100;
}

.mbp-price-block[b-u0xuz2d5i5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mbp-price[b-u0xuz2d5i5] {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
}

.mbp-price-note[b-u0xuz2d5i5] {
    font-size: 12px;
    font-weight: 400;
    color: #D8D0E1;
    line-height: normal;
    letter-spacing: -0.24px;
}

.mbp-place-order[b-u0xuz2d5i5] {
    height: 36px;
    padding: 0 20px;
    background-color: #ff6767;
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 20px;
    cursor: pointer;
}

.mbp-place-order:hover[b-u0xuz2d5i5] {
    background-color: #f74747;
}
/* _content/EzMobile/Components/Pages/CartPages/PlanNEvent.razor.rz.scp.css */
.pe-page[b-w0ma2lgh23] {
    min-height: 100vh;
    background: #F9F5FC;
    display: flex;
    flex-direction: column;
}

.pe-packages-section[b-w0ma2lgh23] {
    position: relative;
    padding: 16px 0;
    padding-bottom: 0;
}

.pe-grid[b-w0ma2lgh23] {
    display: block;
    padding: 0 16px;
}

.pe-viewall-wrap[b-w0ma2lgh23] {
    margin-top: 16px;
    margin-bottom: 24px;
    text-align: center;
}

.pe-viewall-btn[b-w0ma2lgh23] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 24px;
    border-radius: 999px;
    border: none;
    background: linear-gradient(180deg, #FF8C73 0%, #FF3B30 60%, #FF3B30 100%);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.2px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(255, 59, 48, 0.35);
}

.pe-sticky-footer[b-w0ma2lgh23] {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.pe-filter-bar[b-w0ma2lgh23] {
    height: 40px;
    border: none;
    background: #220A3A;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.14);
    cursor: default;
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
}

.pe-filter-bar span[b-w0ma2lgh23] {
    font-size: 14px;
    font-weight: 500;
}

.pe-bottom-nav[b-w0ma2lgh23] {
    border-top: 1px solid #EEE0FF;
    background: #FFFFFF;
    padding: 8px 12px 12px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    gap: 10px;
}

.pe-tab-btn[b-w0ma2lgh23] {
    flex: 1;
    border: 1px solid #EEE0FF;
    background: #FFFFFF;
    color: #5A4972;
    border-radius: 999px;
    height: 36px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.2px;
    cursor: pointer;
}

.pe-tab-btn.is-active[b-w0ma2lgh23] {
    border-color: transparent;
    color: #FFFFFF;
    background: linear-gradient(180deg, #FF8C73 0%, #FF3B30 60%, #FF3B30 100%);
    box-shadow: 0 4px 12px rgba(255, 59, 48, 0.35);
}

.pe-trust[b-w0ma2lgh23],
.pe-guidness[b-w0ma2lgh23],
.pe-gallery[b-w0ma2lgh23] {
    padding: 24px 16px;
}
/* _content/EzMobile/Components/Pages/CartPages/PoojaPages/ModifyPoojaPackage.razor.rz.scp.css */
.mpp-page[b-6zzrtgfrne] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-color: #f9f5fc;
    font-family: 'DM Sans', sans-serif;
    color: #111;
    display: flex;
    flex-direction: column;
}

.mpp-header[b-6zzrtgfrne] {
    position: sticky;
    top: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    height: 56px;
    background-color: #fff;
    padding: 0 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.mpp-back-btn[b-6zzrtgfrne] {
    background: transparent;
    border: none;
    padding: 8px;
    margin-right: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mpp-title[b-6zzrtgfrne] {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.mpp-hero-container[b-6zzrtgfrne] {
    width: 100%;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mpp-hero[b-6zzrtgfrne] {
    width: 100%;
    height: auto;
    max-height: 277px;
    border-radius: 12px;
    object-fit: cover;
}

.mpp-hero-dots[b-6zzrtgfrne] {
    display: flex;
    gap: 6px;
    margin-top: -16px;
    z-index: 10;
}

.mpp-dot[b-6zzrtgfrne] {
    height: 5px;
    width: 12px;
    border-radius: 30px;
    background-color: #aaa;
}

.mpp-dot.active[b-6zzrtgfrne] {
    width: 24px;
    background-color: #fff;
}

.mpp-desc-section[b-6zzrtgfrne] {
    padding: 0 16px;
    margin-top: 8px;
}

.mpp-heading[b-6zzrtgfrne] {
    font-size: 32px;
    font-weight: 600;
    color: #000;
    margin: 0 0 12px;
    line-height: 1.3;
    letter-spacing: -0.64px;
}

.mpp-desc[b-6zzrtgfrne] {
    font-size: 14px;
    color: #666;
    margin: 0;
    line-height: 1.5;
    letter-spacing: -0.28px;
}

.mpp-tab-bar[b-6zzrtgfrne] {
    display: flex;
    padding: 0 16px;
    margin-top: 24px;
}

.mpp-tab[b-6zzrtgfrne] {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    background: transparent;
    border: none;
    border-bottom: 2px solid #000;
    padding: 0 0 8px 0;
    margin-right: 24px;
    cursor: pointer;
}

.mpp-tab-spacer[b-6zzrtgfrne] {
    flex: 1;
}

.mpp-dashed-hr[b-6zzrtgfrne] {
    border-top: 1px dashed #e5e5e5;
    margin: 0;
}

.tab-hr[b-6zzrtgfrne] {
    margin-top: -1px;
}

.mpp-sections[b-6zzrtgfrne] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mpp-section-title[b-6zzrtgfrne] {
    font-size: 14px;
    font-weight: 600;
    color: #111;
    margin: 0 0 12px;
}

.mpp-includes-row[b-6zzrtgfrne] {
    display: flex;
    gap: 16px;
    align-items: center;
    overflow-x: auto;
    margin-bottom: 16px;
}

.mpp-include-label[b-6zzrtgfrne] {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    white-space: nowrap;
}

.mpp-details-list[b-6zzrtgfrne] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mpp-details-list li[b-6zzrtgfrne] {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mpp-bullet[b-6zzrtgfrne] {
    width: 6px;
    height: 6px;
    background-color: #111;
    border-radius: 50%;
    flex-shrink: 0;
}

.mpp-notes-desc[b-6zzrtgfrne] {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    line-height: 1.5;
    letter-spacing: -0.24px;
    margin: 0 0 16px;
}

.mpp-addons[b-6zzrtgfrne] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 24px;
}

.mpp-sticky-footer[b-6zzrtgfrne] {
    position: sticky;
    bottom: 0px;
    width: 100%;
    height: 72px;
    background-color: #3e1268;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    z-index: 50;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    margin-top: auto;
}

.mpp-footer-left[b-6zzrtgfrne] {
    display: flex;
    flex-direction: column;
}

.mpp-price-amt[b-6zzrtgfrne] {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.4px;
}

.mpp-price-sub[b-6zzrtgfrne] {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-decoration: underline;
    letter-spacing: -0.24px;
    margin-top: 2px;
}

.mpp-btn-placeorder[b-6zzrtgfrne] {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    height: 38px;
    padding: 0 20px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* _content/EzMobile/Components/Shared/Framework/CustomizeEventForm.razor.rz.scp.css */
.cef-overlay[b-5hypqn4z36] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 1400;
    overflow-y: auto;
}

.cef-panel[b-5hypqn4z36] {
    width: 100%;
    min-height: 100dvh;
    background: #fff;
    position: relative;
}

.cef-header[b-5hypqn4z36] {
    background: #3e1268;
    padding: 24px 40px 22px;
    position: relative;
}

.cef-close[b-5hypqn4z36] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: #2d0f4a;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.cef-title[b-5hypqn4z36] {
    margin: 0;
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 24px;
    line-height: 1.05;
    letter-spacing: -0.48px;
    font-weight: 500;
}

.cef-subtitle[b-5hypqn4z36] {
    margin: 12px 0 0;
    width: 280px;
    color: rgba(255, 255, 255, 0.8);
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.24px;
}

.cef-body[b-5hypqn4z36] {
    padding: 16px 16px 24px;
}

.cef-label[b-5hypqn4z36] {
    display: block;
    margin: 0 0 8px 12px;
    color: #333;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.24px;
    font-weight: 500;
}

.cef-readonly[b-5hypqn4z36],
.cef-text-input[b-5hypqn4z36],
.cef-input-btn[b-5hypqn4z36],
.cef-select[b-5hypqn4z36] {
    width: 100%;
    height: 46px;
    border-radius: 12px;
    border: 1px solid #b5b5b5;
    background: #fff;
    color: #333;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    letter-spacing: -0.28px;
}

.cef-readonly[b-5hypqn4z36] {
    display: flex;
    align-items: center;
    padding: 0 14px;
    margin-bottom: 16px;
}

.cef-text-input[b-5hypqn4z36] {
    display: block;
    padding: 0 14px;
    margin-bottom: 16px;
    outline: none;
}

.cef-text-input[b-5hypqn4z36]::placeholder {
    color: #a3a3a3;
}

.cef-input-btn[b-5hypqn4z36] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    margin-bottom: 16px;
    cursor: pointer;
}

.cef-input-btn-sm[b-5hypqn4z36] {
    margin-bottom: 0;
}

.cef-placeholder[b-5hypqn4z36] {
    color: #a3a3a3;
}

.cef-value[b-5hypqn4z36] {
    color: #333;
}

.cef-time-grid[b-5hypqn4z36] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.cef-select-wrap[b-5hypqn4z36] {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.cef-select[b-5hypqn4z36] {
    appearance: none;
    padding: 0 42px 0 14px;
    outline: none;
    cursor: pointer;
}

.cef-select-icon[b-5hypqn4z36] {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #666;
}

.cef-footer[b-5hypqn4z36] {
    padding: 56px 16px 16px;
}

.cef-save[b-5hypqn4z36],
.cef-picker-save[b-5hypqn4z36] {
    width: 100%;
    height: 46px;
    border: 0;
    border-radius: 40px;
    background: #ff3b30;
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    cursor: pointer;
    box-shadow: inset 0 4px 7.1px rgba(255, 255, 255, 0.5);
}

.cef-picker-overlay[b-5hypqn4z36] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.cef-picker-card[b-5hypqn4z36] {
    width: 328px;
    border-radius: 24px;
    background: #f4f4f4;
    padding: 12px 24px 24px;
}

.cef-picker-head[b-5hypqn4z36] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cef-picker-head h3[b-5hypqn4z36] {
    margin: 0;
    color: #111;
    font-family: "DM Sans", sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.4px;
}

.cef-picker-close[b-5hypqn4z36] {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: #e5e5e5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.cef-divider[b-5hypqn4z36] {
    height: 1px;
    background: #ddd;
    margin: 10px 0 12px;
}

.cef-time-columns[b-5hypqn4z36] {
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.cef-time-col[b-5hypqn4z36] {
    width: 84px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cef-empty-slot[b-5hypqn4z36],
.cef-time-item[b-5hypqn4z36] {
    width: 84px;
    height: 46px;
    border-radius: 12px;
}

.cef-time-item[b-5hypqn4z36] {
    border: 0;
    background: transparent;
    color: #111;
    font-family: "DM Sans", sans-serif;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -0.4px;
    cursor: pointer;
}

.cef-time-item.is-selected[b-5hypqn4z36] {
    font-size: 20px;
    color: #3e1268;
    background: #ececf0;
}

.cef-time-item.fade-1[b-5hypqn4z36] {
    opacity: 0.4;
}

.cef-time-item.fade-2[b-5hypqn4z36] {
    opacity: 0.2;
}

.cef-picker-save[b-5hypqn4z36] {
    margin-top: 16px;
    font-size: 16px;
}

.cef-date-card[b-5hypqn4z36] {
    min-height: 394px;
}

.cef-date-controls[b-5hypqn4z36] {
    margin: 8px 0 10px;
    display: flex;
    gap: 16px;
}

.cef-picker-select-wrap[b-5hypqn4z36] {
    margin-bottom: 0;
    flex: 1;
}

.cef-calendar-head[b-5hypqn4z36] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 7px;
    text-align: center;
    color: #999;
    font-size: 14px;
    margin: 8px 0 2px;
}

.cef-calendar-grid[b-5hypqn4z36] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 7px;
}

.cef-day[b-5hypqn4z36] {
    width: 34px;
    height: 33px;
    border: 0;
    background: transparent;
    border-radius: 999px;
    color: #111;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    justify-self: center;
}

.cef-day-selected[b-5hypqn4z36] {
    background: #3e1268;
    color: #fff;
}

.cef-day-empty[b-5hypqn4z36] {
    visibility: hidden;
}

.cef-picked-date[b-5hypqn4z36] {
    margin: 14px 0 10px;
    text-align: center;
    color: #111;
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.cef-input-error[b-5hypqn4z36] {
    border-color: #FF3B30 !important;
    box-shadow: 0 0 0 1px #FF3B30;
}

.cef-error-text[b-5hypqn4z36] {
    display: block;
    color: #FF3B30;
    font-size: 12px;
    margin-top: 4px;
    font-family: "Inter", sans-serif;
}

@media (max-width: 420px) {
    .cef-title[b-5hypqn4z36] {
        font-size: 24px;
    }
}
/* _content/EzMobile/Components/Shared/GatherrBento/BentoPackage.razor.rz.scp.css */
/* Reuse the same card styling as Box/Feast packages for visual consistency */
.pkg-card[b-kulr8etd5e] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.pkg-img-wrap[b-kulr8etd5e] {
    position: relative;
    width: 100%;
    flex-shrink: 0;
}

.pkg-img[b-kulr8etd5e] {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}

.pkg-diet-badge[b-kulr8etd5e] {
    position: absolute;
    top: 8px;
    right: 8px;
}

.pkg-name[b-kulr8etd5e] {
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.32px;
    margin: 12px 0 0;
}

.pkg-details[b-kulr8etd5e] {
    color: #666;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.24px;
    margin: 4px 0 0;
}

.pkg-bullet[b-kulr8etd5e] {
    color: #999;
}

.pkg-price-row[b-kulr8etd5e] {
    line-height: normal;
    margin: auto 0 0;
}

.pkg-price[b-kulr8etd5e] {
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.36px;
}

.pkg-gst[b-kulr8etd5e] {
    color: #999;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.24px;
}

.pkg-actions[b-kulr8etd5e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}

.pkg-btn-customize[b-kulr8etd5e],
.pkg-btn-add[b-kulr8etd5e] {
    height: 36px;
    border: 1px solid #000;
    background: transparent;
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.pkg-btn-customize[b-kulr8etd5e] {
    width: 88px;
    border-radius: 20px;
}

.pkg-btn-add[b-kulr8etd5e] {
    width: 52px;
    border-radius: 999px;
}

/* _content/EzMobile/Components/Shared/GatherrBox/AddOnTab.razor.rz.scp.css */
/* ── Root ────────────────────────────────────────────────────── */
.aot-root[b-in2sooowjs] {
    padding: 16px;
}

/* ── Search bar ──────────────────────────────────────────────── */
.aot-search-box[b-in2sooowjs] {
    display: flex;
    align-items: center;
    height: 46px;
    background: #f9f9f9;
    border: 1px solid #EEEEEE;
    border-radius: 12px;
    padding: 0 14px;
    gap: 10px;
    margin-bottom: 16px;
}

.aot-search-icon[b-in2sooowjs] {
    flex-shrink: 0;
}

.aot-search-box input[b-in2sooowjs] {
    border: none;
    outline: none;
    background: transparent;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    width: 100%;
    color: #111;
}

.aot-search-box input[b-in2sooowjs]::placeholder {
    color: #A3A3A3;
}

/* ── Category filter chips ────────────────────────────────────── */
.aot-filters[b-in2sooowjs] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.aot-chip[b-in2sooowjs] {
    height: 26px;
    padding: 0 12px;
    border-radius: 30px;
    background-color: #F2ECF8;
    border: 2px solid #F9F5FC;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #777;
    cursor: pointer;
    line-height: 22px;
    white-space: nowrap;
    transition: background-color 0.15s, color 0.15s;
}

.aot-chip:hover[b-in2sooowjs] {
    background-color: #3E1268;
    border-color: #3E1268;
    color: #fff;
}

.aot-chip-active[b-in2sooowjs] {
    background-color: #3E1268;
    border-color: #3E1268;
    color: #F5ECFF;
}

/* ── Add-on cards list ────────────────────────────────────────── */
.aot-items[b-in2sooowjs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Empty state ──────────────────────────────────────────────── */
.aot-empty[b-in2sooowjs] {
    text-align: center;
    color: #999;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    padding: 32px 0;
}
/* _content/EzMobile/Components/Shared/GatherrBox/BoxPackage.razor.rz.scp.css */
/* ─── Card root ──────────────────────────────────────────── */
.pkg-card[b-zuhbvduhm6] {
    display: flex;
    flex-direction: column;
}

/* ─── Image wrapper ──────────────────────────────────────── */
.pkg-img-wrap[b-zuhbvduhm6] {
    position: relative;
    width: 100%;
    flex-shrink: 0;
}

.pkg-img[b-zuhbvduhm6] {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}

/* ─── Dietary badge (top-right of image) ────────────────── */
.pkg-diet-badge[b-zuhbvduhm6] {
    position: absolute;
    top: 8px;
    right: 8px;
}

/* ─── Package name ───────────────────────────────────────── */
.pkg-name[b-zuhbvduhm6] {
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.32px;
    margin: 12px 0 0;
}

/* ─── Menu items list ────────────────────────────────────── */
.pkg-details[b-zuhbvduhm6] {
    color: #666;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.24px;
    margin: 4px 0 0;
}

.pkg-bullet[b-zuhbvduhm6] {
    color: #999;
}

/* ─── Fit for ────────────────────────────────────────────── */
.pkg-fitfor[b-zuhbvduhm6] {
    color: #666;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.24px;
    margin: 4px 0 0;
}

.pkg-people[b-zuhbvduhm6] {
    color: #333;
    font-weight: 600;
}

/* ─── Price row ──────────────────────────────────────────── */
.pkg-price-row[b-zuhbvduhm6] {
    line-height: normal;
    margin: 20px 0 0;
}

.pkg-price[b-zuhbvduhm6] {
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.36px;
}

.pkg-gst[b-zuhbvduhm6] {
    color: #999;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.24px;
}

/* ─── Action buttons ─────────────────────────────────────── */
.pkg-actions[b-zuhbvduhm6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}

.pkg-btn-customize[b-zuhbvduhm6],
.pkg-btn-add[b-zuhbvduhm6] {
    height: 36px;
    border: 1px solid #000;
    background: transparent;
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.pkg-btn-customize[b-zuhbvduhm6] {
    width: 88px;
    border-radius: 20px;
}

.pkg-btn-add[b-zuhbvduhm6] {
    width: 52px;
    border-radius: 999px;
}
/* _content/EzMobile/Components/Shared/GatherrBox/GatherBoxHeader.razor.rz.scp.css */
/* ─── Root container ─────────────────────────────────────── */
.fgb-root[b-bjrodh2wfq] {
    position: relative;
    width: 100%;
    height: 222px;
    overflow: hidden;
}

/* ─── Background image ───────────────────────────────────── */
.fgb-image[b-bjrodh2wfq] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ─── Dark gradient overlay ──────────────────────────────── */
.fgb-overlay[b-bjrodh2wfq] {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #18052A 0%, rgba(24, 5, 42, 0.80) 50%, rgba(0, 0, 0, 0.00) 100%);
    z-index: 1;
}

/* ─── Content layer (flex column, top/bottom distribution) ── */
.fgb-content[b-bjrodh2wfq] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 24px;
    box-sizing: border-box;
}

/* ─── Top section: title + description ──────────────────── */
.fgb-top[b-bjrodh2wfq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fgb-title[b-bjrodh2wfq] {
    color: #FFF;
    font-family: "Playfair Display", serif;
    font-size: 36px;
    font-style: italic;
    font-weight: 500;
    line-height: 40px;
    margin: 0;
}

.fgb-description[b-bjrodh2wfq] {
    color: #E5E7EB;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.75px;
    letter-spacing: -0.15px;
    max-width: 100%;
    overflow-wrap: break-word;
    margin: 0;
}

/* ─── Bottom section: includes row ──────────────────────── */
.fgb-includes[b-bjrodh2wfq] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.fgb-includes-label[b-bjrodh2wfq] {
    color: #CCC;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.28px;
}

.fgb-icon[b-bjrodh2wfq] {
    color: #FFF;
    font-size: 18px;
}

.fgb-tag[b-bjrodh2wfq] {
    color: #FFF;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.28px;
}
/* _content/EzMobile/Components/Shared/GatherrBox/PackCustomize.razor.rz.scp.css */
/* ─── Backdrop / scrim ───────────────────────────────────── */
.pcp-backdrop[b-czifesztlv] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    align-items: flex-end;
}

/* ─── Bottom sheet panel ─────────────────────────────────── */
.pcp-panel[b-czifesztlv] {
    background: #fff;
    width: 100%;
    max-height: 90dvh;
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: pcp-slide-up-b-czifesztlv 0.28s cubic-bezier(0.32, 0.72, 0, 1);
}

@keyframes pcp-slide-up-b-czifesztlv {
    from { transform: translateY(100%); }
    to   { transform: translateY(0);    }
}

/* ─── Drag handle pill ───────────────────────────────────── */
.pcp-handle[b-czifesztlv] {
    width: 40px;
    height: 4px;
    background: #D9D9D9;
    border-radius: 2px;
    margin: 12px auto 0;
    flex-shrink: 0;
}

/* ─── Header ─────────────────────────────────────────────── */
.pcp-header[b-czifesztlv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
}

.pcp-title[b-czifesztlv] {
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    letter-spacing: -0.36px;
}

/* ─── Scrollable content ─────────────────────────────────── */
.pcp-content[b-czifesztlv] {
    flex: 1;
    overflow-y: auto;
    padding: 20px 16px;
    -webkit-overflow-scrolling: touch;
}

.pcp-content[b-czifesztlv]::-webkit-scrollbar       { width: 4px; }
.pcp-content[b-czifesztlv]::-webkit-scrollbar-track { background: #f1f1f1; }
.pcp-content[b-czifesztlv]::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }

/* ─── Search bar ─────────────────────────────────────────── */
.pcp-search[b-czifesztlv] {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 46px;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 0 14px;
    margin-bottom: 20px;
}

.pcp-search-icon[b-czifesztlv] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.pcp-search input[b-czifesztlv] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    width: 100%;
    font-family: "DM Sans", sans-serif;
}

/* ─── Filter dropdowns ───────────────────────────────────── */
.pcp-filters[b-czifesztlv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 8px;
}

.pcp-filter-field[b-czifesztlv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pcp-label[b-czifesztlv] {
    color: #333;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.28px;
    margin: 0;
}

/* ─── Alphabetical section headings ─────────────────────── */
.pcp-alpha-heading[b-czifesztlv] {
    color: #111;
    font-family: "DM Sans", sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.4px;
    margin: 24px 0 8px;
}

/* ─── Food item row ──────────────────────────────────────── */
.pcp-item[b-czifesztlv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 8px 0 4px;
}

.pcp-item-row[b-czifesztlv] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pcp-diet-icon[b-czifesztlv] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.pcp-item-name[b-czifesztlv] {
    color: #111;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.28px;
    margin: 0;
}

.pcp-add-icon[b-czifesztlv] {
    flex-shrink: 0;
    cursor: pointer;
}

.pcp-item-desc[b-czifesztlv] {
    color: #666;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 1.5;
    margin: 0 0 8px 24px;
}

.pcp-divider[b-czifesztlv] {
    height: 1px;
    border-top: 1px dashed #ddd;
    margin: 4px 0 4px;
}

/* ─── Footer ─────────────────────────────────────────────── */
.pcp-footer[b-czifesztlv] {
    padding: 12px 16px;
    border-top: 1px solid #eee;
    flex-shrink: 0;
    background: #fff;
}

.pcp-btn-add[b-czifesztlv] {
    width: 100%;
    height: 48px;
    background-color: #220A3A;
    color: #fff;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    border: none;
    border-radius: 24px;
    cursor: pointer;
}

.pcp-btn-add:hover[b-czifesztlv] { background-color: #3a1260; }
/* _content/EzMobile/Components/Shared/GatherrFeast/FeastPackage.razor.rz.scp.css */
/* ─── Card root ──────────────────────────────────────────── */
.pkg-card[b-nq3egrwmk8] {
    display: flex;
    flex-direction: column;
}

/* ─── Image wrapper ──────────────────────────────────────── */
.pkg-img-wrap[b-nq3egrwmk8] {
    position: relative;
    width: 100%;
    flex-shrink: 0;
}

.pkg-img[b-nq3egrwmk8] {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}

/* ─── Dietary badge (top-right of image) ────────────────── */
.pkg-diet-badge[b-nq3egrwmk8] {
    position: absolute;
    top: 8px;
    right: 8px;
}

/* ─── Package name ───────────────────────────────────────── */
.pkg-name[b-nq3egrwmk8] {
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.32px;
    margin: 12px 0 0;
}

/* ─── Menu items list ────────────────────────────────────── */
.pkg-details[b-nq3egrwmk8] {
    color: #666;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.24px;
    margin: 4px 0 0;
}

.pkg-bullet[b-nq3egrwmk8] {
    color: #999;
}

/* ─── Fit for ────────────────────────────────────────────── */
.pkg-fitfor[b-nq3egrwmk8] {
    color: #666;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.24px;
    margin: 4px 0 0;
}

.pkg-people[b-nq3egrwmk8] {
    color: #333;
    font-weight: 600;
}

/* ─── Price row ──────────────────────────────────────────── */
.pkg-price-row[b-nq3egrwmk8] {
    line-height: normal;
    margin: 20px 0 0;
}

.pkg-price[b-nq3egrwmk8] {
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.36px;
}

.pkg-gst[b-nq3egrwmk8] {
    color: #999;
    font-family: "DM Sans", sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.24px;
}

/* ─── Action buttons ─────────────────────────────────────── */
.pkg-actions[b-nq3egrwmk8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}

.pkg-btn-customize[b-nq3egrwmk8],
.pkg-btn-add[b-nq3egrwmk8] {
    height: 36px;
    border: 1px solid #000;
    background: transparent;
    color: #000;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.pkg-btn-customize[b-nq3egrwmk8] {
    width: 88px;
    border-radius: 20px;
}

.pkg-btn-add[b-nq3egrwmk8] {
    width: 52px;
    border-radius: 999px;
}
/* _content/EzMobile/Components/Shared/Visuals/DjHand.razor.rz.scp.css */
/* Pink/rose card — "Turn up with DJ" */
.dj-card[b-d5oeuyqsr1] {
    position: relative;
    width: 100%;
    height: 152px;
    border-radius: 20px;
    background-color: #FFC5C0;
    overflow: visible;
    margin-top: 19px;
}

.dj-img[b-d5oeuyqsr1] {
    position: absolute;
    bottom: 63px;
    left: 16px;
    width: 80px;
    height: 108px;
    object-fit: cover;
    border-radius: 8px;
}

.dj-info[b-d5oeuyqsr1] {
    position: absolute;
    top: 16px;
    left: 112px;
    right: 16px;
}

.dj-title[b-d5oeuyqsr1] {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin: 0 0 6px;
    line-height: 1.3;
    letter-spacing: -0.32px;
}

.dj-desc[b-d5oeuyqsr1] {
    font-size: 12px;
    font-weight: 400;
    color: #111;
    margin: 0;
    line-height: 1.3;
    letter-spacing: -0.24px;
    overflow-wrap: break-word;
}

.dj-bottom[b-d5oeuyqsr1] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 63px;
    background-color: #FFD9D6;
    border-radius: 0 0 20px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
}

.dj-price[b-d5oeuyqsr1] {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    letter-spacing: -0.4px;
}

.dj-add-btn[b-d5oeuyqsr1] {
    height: 34px;
    width: 72px;
    background-color: #ff6767;
    color: #fff;
    border: none;
    border-radius: 17px;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.dj-add-btn:hover[b-d5oeuyqsr1] {
    background-color: #f74747;
}

.dj-added-btn[b-d5oeuyqsr1] {
    background-color: #2e7d32;
    width: 84px;
}

.dj-added-btn:hover[b-d5oeuyqsr1] {
    background-color: #1b5e20;
}
/* _content/EzMobile/Components/Shared/Visuals/HalpingHands.razor.rz.scp.css */
.halpinghands-root[b-wbipzy45l1] {
    background: linear-gradient(135deg, #fff6f6 0%, #ffffff 42%, #f6f7ff 100%);
    border-radius: 32px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.08);
}

.halpinghands-header[b-wbipzy45l1],
.halpinghands-grid[b-wbipzy45l1] {
    max-width: 1120px;
    margin-inline: auto;
}

.halpinghands-eyebrow[b-wbipzy45l1] {
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.halpinghands-title[b-wbipzy45l1] {
    font-weight: 600;
    letter-spacing: -0.02em;
}

.halpinghands-subtitle[b-wbipzy45l1] {
    max-width: 520px;
    color: rgba(0, 0, 0, 0.7);
}

.halpinghands-header-actions[b-wbipzy45l1] {
    display: flex;
    justify-content: flex-end;
}

.halpinghands-primary-cta[b-wbipzy45l1],
.halpinghands-secondary-cta[b-wbipzy45l1] {
    border-radius: 999px;
    padding-inline: 24px;
}

.halpinghands-secondary-cta[b-wbipzy45l1] {
    border-color: rgba(0, 0, 0, 0.08);
}

.halpinghands-card[b-wbipzy45l1] {
    border-radius: 24px;
    padding: 16px 20px 16px 20px;
    background: linear-gradient(180deg, #ffe48b 0%, #ffe48b 58%, #ffd760 58%, #ffd760 100%);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: visible;
}

.halpinghands-card-inner[b-wbipzy45l1] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr auto;
    column-gap: 16px;
    row-gap: 4px;
    align-items: flex-start;
}

.halpinghands-card-image[b-wbipzy45l1] {
    grid-row: 1 / span 3;
    align-self: flex-end;
    margin-top: -24px;
}

.halpinghands-card-image-el[b-wbipzy45l1] {
    display: block;
    height: 108px;
    width: auto;
}

.halpinghands-card-body[b-wbipzy45l1] {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.halpinghands-card-title[b-wbipzy45l1] {
    font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: #111111;
    margin-bottom: 4px;
}

.halpinghands-card-description[b-wbipzy45l1] {
    font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: -0.01em;
    color: #111111;
    max-width: 220px;
}

.halpinghands-card-footer[b-wbipzy45l1] {
    grid-column: 1 / span 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}

.halpinghands-card-price[b-wbipzy45l1] {
    font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.02em;
    color: #111111;
}

.halpinghands-card-add[b-wbipzy45l1] {
    border-radius: 999px;
    padding-inline: 24px;
    background: linear-gradient(90deg, #ff6767ff 0%, #f74747ff 100%);
    color: #ffffff;
    font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: none;
    box-shadow: 0 10px 24px rgba(247, 71, 71, 0.5);
}

.halpinghands-card-add .mud-button-label[b-wbipzy45l1] {
    text-transform: none;
}

@media (max-width: 959.95px) {
    .halpinghands-root[b-wbipzy45l1] {
        border-radius: 24px;
    }
}

@media (max-width: 599.95px) {
    .halpinghands-header[b-wbipzy45l1] {
        text-align: center;
    }

    .halpinghands-header-actions[b-wbipzy45l1] {
        justify-content: center;
    }

    .halpinghands-subtitle[b-wbipzy45l1] {
        margin-inline: auto;
    }
}
/* _content/EzMobile/Components/Shared/Visuals/PlanEventFilterPanel.razor.rz.scp.css */
.pefp-backdrop[b-d5sdi18o2u] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    align-items: flex-end;
}

.pefp-panel[b-d5sdi18o2u] {
    background: #fff;
    width: 100%;
    max-height: 90dvh;
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: pefp-slide-up-b-d5sdi18o2u 0.28s cubic-bezier(0.32, 0.72, 0, 1);
}

@keyframes pefp-slide-up-b-d5sdi18o2u {
    from { transform: translateY(100%); }
    to   { transform: translateY(0);    }
}

.pefp-handle[b-d5sdi18o2u] {
    width: 40px;
    height: 4px;
    background: #D9D9D9;
    border-radius: 2px;
    margin: 12px auto 0;
    flex-shrink: 0;
}

.pefp-header[b-d5sdi18o2u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px 12px;
    flex-shrink: 0;
}

.pefp-title[b-d5sdi18o2u] {
    color: #000;
    font-family: inherit;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.pefp-content[b-d5sdi18o2u] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    -webkit-overflow-scrolling: touch;
}

.pefp-content[b-d5sdi18o2u]::-webkit-scrollbar       { width: 4px; }
.pefp-content[b-d5sdi18o2u]::-webkit-scrollbar-track { background: #f1f1f1; }
.pefp-content[b-d5sdi18o2u]::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }

.pefp-section[b-d5sdi18o2u] {
    margin-bottom: 4px;
}

.pefp-section-title[b-d5sdi18o2u] {
    color: #111;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 16px;
}

.pefp-radio-row[b-d5sdi18o2u] {
    display: block;
    width: 100%;
    margin-bottom: 12px;
}

.pefp-radio[b-d5sdi18o2u] {
    min-height: 40px;
    display: flex;
    align-items: center;
    width: 100%;
    color: #444;
    font-size: 16px;
}

.pefp-footer[b-d5sdi18o2u] {
    display: flex;
    gap: 12px;
    padding: 16px 20px;
    border-top: 1px solid #eee;
    background: #fff;
    flex-shrink: 0;
}

.pefp-btn-clear[b-d5sdi18o2u] {
    flex: 1;
    height: 48px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 999px;
    font-weight: 600;
    font-size: 16px;
    color: #333;
    cursor: pointer;
}

.pefp-btn-apply[b-d5sdi18o2u] {
    flex: 1;
    height: 48px;
    border: none;
    background: #FF3B30;
    border-radius: 999px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}
/* _content/EzMobile/Components/Shared/Visuals/PujariHand.razor.rz.scp.css */
.ph-card[b-ru8di035on] {
    position: relative;
    width: 100%;
    height: 152px;
    border-radius: 20px;
    background-color: #FFD54D;
    overflow: visible;
    margin-top: 19px;
}

.ph-img[b-ru8di035on] {
    position: absolute;
    bottom: 63px;
    left: 16px;
    width: 80px;
    height: 108px;
    object-fit: cover;
    border-radius: 8px;
}

.ph-info[b-ru8di035on] {
    position: absolute;
    top: 16px;
    left: 112px;
    right: 16px;
}

.ph-title[b-ru8di035on] {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin: 0 0 6px;
    line-height: 1.3;
    letter-spacing: -0.32px;
}

.ph-desc[b-ru8di035on] {
    font-size: 12px;
    font-weight: 400;
    color: #111;
    margin: 0;
    line-height: 1.3;
    letter-spacing: -0.24px;
    overflow-wrap: break-word;
}

.ph-bottom[b-ru8di035on] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 63px;
    background-color: #FFE48B;
    border-radius: 0 0 20px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
}

.ph-price[b-ru8di035on] {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    letter-spacing: -0.4px;
}

.ph-add-btn[b-ru8di035on] {
    height: 34px;
    width: 72px;
    background-color: #ff6767;
    color: #fff;
    border: none;
    border-radius: 17px;
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.ph-add-btn:hover[b-ru8di035on] {
    background-color: #f74747;
}

.ph-added-btn[b-ru8di035on] {
    background-color: #2e7d32;
    width: 84px;
}

.ph-added-btn:hover[b-ru8di035on] {
    background-color: #1b5e20;
}