#moments-scroll-container.mobile-shop-storefront,
#shop-main-area,
#main-external-shop,
.mobile-shop-detail-modal,
.mobile-shop-product-form,
#addItemModal,
#shop-empty,
#shop-item-action-sheet,
#mobile-shop-owner-products-modal,
#mobile-shop-reviews-modal,
#mobile-shop-review-form-modal,
#mobile-shop-question-modal,
#mobile-shop-guest-products-modal,
.mobile-shop-dashboard-modal,
.mobile-shop-owner-orders-modal,
.mobile-shop-order-detail-sheet {
    --mobile-shop-bg: var(--page-background, var(--background-color, var(--background, #f5f5f3)));
    --mobile-shop-text: var(--text-primary, #111111);
    --mobile-shop-muted: var(--text-secondary, rgba(0, 0, 0, 0.58));
    --mobile-shop-subtle: var(--text-muted, rgba(0, 0, 0, 0.42));
    --mobile-shop-border: var(--border-color, rgba(0, 0, 0, 0.10));
    --mobile-shop-surface: var(--surface-color, rgba(0, 0, 0, 0.035));
    --mobile-shop-soft: var(--input-bg, rgba(0, 0, 0, 0.035));
    --mobile-shop-card-bg: rgba(0, 0, 0, 0.025);
    --mobile-shop-card-soft: rgba(0, 0, 0, 0.045);
    --mobile-shop-grid-line: rgba(17, 17, 17, 0.025);
    --mobile-shop-button-bg: rgba(0, 0, 0, 0.035);
    --mobile-shop-button-disabled: rgba(0, 0, 0, 0.045);
}

#moments-scroll-container.mobile-shop-storefront {
    scroll-snap-type: none !important;
    scroll-snap-stop: normal !important;
    background: var(--mobile-shop-bg) !important;
    color: var(--mobile-shop-text) !important;
    padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
}

#shop-main-area,
#main-external-shop {
    background: var(--mobile-shop-bg, var(--background-color)) !important;
    color: var(--mobile-shop-text, var(--text-primary)) !important;
}

[data-theme="dark"] #moments-scroll-container.mobile-shop-storefront,
[data-theme="dark"] #shop-main-area,
[data-theme="dark"] #main-external-shop,
[data-theme="dark"] .mobile-shop-detail-modal,
[data-theme="dark"] .mobile-shop-product-form,
[data-theme="dark"] #addItemModal,
[data-theme="dark"] #shop-empty,
[data-theme="dark"] #shop-item-action-sheet,
[data-theme="dark"] #mobile-shop-owner-products-modal,
[data-theme="dark"] #mobile-shop-reviews-modal,
[data-theme="dark"] #mobile-shop-review-form-modal,
[data-theme="dark"] #mobile-shop-question-modal,
[data-theme="dark"] #mobile-shop-guest-products-modal,
[data-theme="dark"] .mobile-shop-dashboard-modal,
[data-theme="dark"] .mobile-shop-owner-orders-modal,
[data-theme="dark"] .mobile-shop-order-detail-sheet,
[data-theme="dark-accent"] #moments-scroll-container.mobile-shop-storefront,
[data-theme="dark-accent"] #shop-main-area,
[data-theme="dark-accent"] #main-external-shop,
[data-theme="dark-accent"] .mobile-shop-detail-modal,
[data-theme="dark-accent"] .mobile-shop-product-form,
[data-theme="dark-accent"] #addItemModal,
[data-theme="dark-accent"] #shop-empty,
[data-theme="dark-accent"] #shop-item-action-sheet,
[data-theme="dark-accent"] #mobile-shop-owner-products-modal,
[data-theme="dark-accent"] #mobile-shop-reviews-modal,
[data-theme="dark-accent"] #mobile-shop-review-form-modal,
[data-theme="dark-accent"] #mobile-shop-question-modal,
[data-theme="dark-accent"] #mobile-shop-guest-products-modal,
[data-theme="dark-accent"] .mobile-shop-dashboard-modal,
[data-theme="dark-accent"] .mobile-shop-owner-orders-modal,
[data-theme="dark-accent"] .mobile-shop-order-detail-sheet {
    --mobile-shop-bg: #050505;
    --mobile-shop-text: #f7f7f7;
    --mobile-shop-muted: rgba(247, 247, 247, 0.68);
    --mobile-shop-subtle: rgba(247, 247, 247, 0.45);
    --mobile-shop-border: rgba(255, 255, 255, 0.12);
    --mobile-shop-surface: rgba(255, 255, 255, 0.075);
    --mobile-shop-soft: rgba(255, 255, 255, 0.065);
    --mobile-shop-card-bg: rgba(255, 255, 255, 0.045);
    --mobile-shop-card-soft: rgba(255, 255, 255, 0.065);
    --mobile-shop-grid-line: rgba(255, 255, 255, 0.035);
    --mobile-shop-button-bg: rgba(255, 255, 255, 0.075);
    --mobile-shop-button-disabled: rgba(255, 255, 255, 0.05);
}

[data-theme="dark-accent"] #moments-scroll-container.mobile-shop-storefront,
[data-theme="dark-accent"] #shop-main-area,
[data-theme="dark-accent"] #main-external-shop,
[data-theme="dark-accent"] .mobile-shop-detail-modal,
[data-theme="dark-accent"] .mobile-shop-product-form,
[data-theme="dark-accent"] #addItemModal,
[data-theme="dark-accent"] #shop-empty,
[data-theme="dark-accent"] #shop-item-action-sheet,
[data-theme="dark-accent"] #mobile-shop-owner-products-modal,
[data-theme="dark-accent"] #mobile-shop-reviews-modal,
[data-theme="dark-accent"] #mobile-shop-review-form-modal,
[data-theme="dark-accent"] #mobile-shop-question-modal,
[data-theme="dark-accent"] #mobile-shop-guest-products-modal,
[data-theme="dark-accent"] .mobile-shop-dashboard-modal,
[data-theme="dark-accent"] .mobile-shop-owner-orders-modal,
[data-theme="dark-accent"] .mobile-shop-order-detail-sheet {
    --mobile-shop-bg: color-mix(in srgb, var(--accent-color, var(--primary-color, #ff4d2e)) 9%, #050505 91%);
    --mobile-shop-surface: color-mix(in srgb, var(--accent-color, var(--primary-color, #ff4d2e)) 18%, rgba(255, 255, 255, 0.07));
    --mobile-shop-soft: color-mix(in srgb, var(--accent-color, var(--primary-color, #ff4d2e)) 13%, rgba(255, 255, 255, 0.06));
    --mobile-shop-border: color-mix(in srgb, var(--accent-color, var(--primary-color, #ff4d2e)) 22%, rgba(255, 255, 255, 0.13));
}

[data-theme="light"] #moments-scroll-container.mobile-shop-storefront,
[data-theme="light"] #shop-main-area,
[data-theme="light"] #main-external-shop,
[data-theme="light"] .mobile-shop-detail-modal,
[data-theme="light"] .mobile-shop-product-form,
[data-theme="light"] #addItemModal,
[data-theme="light"] #shop-empty,
[data-theme="light"] #shop-item-action-sheet,
[data-theme="light"] #mobile-shop-owner-products-modal,
[data-theme="light"] #mobile-shop-reviews-modal,
[data-theme="light"] #mobile-shop-review-form-modal,
[data-theme="light"] #mobile-shop-question-modal,
[data-theme="light"] #mobile-shop-guest-products-modal,
[data-theme="light"] .mobile-shop-dashboard-modal,
[data-theme="light"] .mobile-shop-owner-orders-modal,
[data-theme="light"] .mobile-shop-order-detail-sheet {
    --mobile-shop-card-bg: rgba(0, 0, 0, 0.025);
    --mobile-shop-card-soft: rgba(0, 0, 0, 0.04);
    --mobile-shop-grid-line: rgba(17, 17, 17, 0.025);
    --mobile-shop-button-bg: rgba(0, 0, 0, 0.035);
    --mobile-shop-button-disabled: rgba(0, 0, 0, 0.045);
}

[data-theme="light-accent"] #moments-scroll-container.mobile-shop-storefront,
[data-theme="light-accent"] #shop-main-area,
[data-theme="light-accent"] #main-external-shop,
[data-theme="light-accent"] .mobile-shop-detail-modal,
[data-theme="light-accent"] .mobile-shop-product-form,
[data-theme="light-accent"] #addItemModal,
[data-theme="light-accent"] #shop-empty,
[data-theme="light-accent"] #shop-item-action-sheet,
[data-theme="light-accent"] #mobile-shop-owner-products-modal,
[data-theme="light-accent"] #mobile-shop-reviews-modal,
[data-theme="light-accent"] #mobile-shop-review-form-modal,
[data-theme="light-accent"] #mobile-shop-question-modal,
[data-theme="light-accent"] #mobile-shop-guest-products-modal,
[data-theme="light-accent"] .mobile-shop-dashboard-modal,
[data-theme="light-accent"] .mobile-shop-owner-orders-modal,
[data-theme="light-accent"] .mobile-shop-order-detail-sheet {
    --mobile-shop-bg: color-mix(in srgb, var(--accent-color, var(--primary-color, #ff4d2e)) 5%, #ffffff 95%);
    --mobile-shop-soft: color-mix(in srgb, var(--accent-color, var(--primary-color, #ff4d2e)) 7%, #ffffff 93%);
    --mobile-shop-card-bg: rgba(255, 255, 255, 0.88);
    --mobile-shop-card-soft: color-mix(in srgb, var(--accent-color, var(--primary-color, #ff4d2e)) 8%, #ffffff 92%);
    --mobile-shop-grid-line: rgba(17, 17, 17, 0.025);
    --mobile-shop-surface: color-mix(in srgb, var(--accent-color, var(--primary-color, #ff4d2e)) 6%, #ffffff 94%);
    --mobile-shop-button-bg: rgba(255, 255, 255, 0.78);
    --mobile-shop-button-disabled: rgba(5, 5, 5, 0.045);
    --mobile-shop-border: color-mix(in srgb, var(--accent-color, var(--primary-color, #ff4d2e)) 16%, rgba(5, 5, 5, 0.12));
}

[data-theme="light"] .shop-main-area,
[data-theme="light"] .shop-main-area *,
[data-theme="light"] #shop-main-area,
[data-theme="light"] #shop-main-area *,
[data-theme="light"] #mobile-shop-grid,
[data-theme="light"] #mobile-shop-grid *,
[data-theme="light"] .shop-item,
[data-theme="light"] .shop-item *,
[data-theme="light"] .shop-item-name,
[data-theme="light"] .shop-item-description,
[data-theme="light"] .shop-item-price,
[data-theme="light"] .shop-item-content,
[data-theme="light"] .shop-item-content *,
[data-theme="light-accent"] .shop-main-area,
[data-theme="light-accent"] .shop-main-area *,
[data-theme="light-accent"] #shop-main-area,
[data-theme="light-accent"] #shop-main-area *,
[data-theme="light-accent"] #mobile-shop-grid,
[data-theme="light-accent"] #mobile-shop-grid *,
[data-theme="light-accent"] .shop-item,
[data-theme="light-accent"] .shop-item *,
[data-theme="light-accent"] .shop-item-name,
[data-theme="light-accent"] .shop-item-description,
[data-theme="light-accent"] .shop-item-price,
[data-theme="light-accent"] .shop-item-content,
[data-theme="light-accent"] .shop-item-content * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

[data-theme="light"] #buyItemModal,
[data-theme="light"] #buyItemModal *,
[data-theme="light-accent"] #buyItemModal,
[data-theme="light-accent"] #buyItemModal *,
[data-theme="light"] .checkout-modal,
[data-theme="light"] .checkout-modal *,
[data-theme="light-accent"] .checkout-modal,
[data-theme="light-accent"] .checkout-modal *,
[data-theme="light"] [id*="checkout"],
[data-theme="light"] [id*="checkout"] *,
[data-theme="light-accent"] [id*="checkout"],
[data-theme="light-accent"] [id*="checkout"] *,
[data-theme="light"] #shop-item-detail-modal,
[data-theme="light"] #shop-item-detail-modal *,
[data-theme="light-accent"] #shop-item-detail-modal,
[data-theme="light-accent"] #shop-item-detail-modal *,
[data-theme="light"] #mobile-buy-modal,
[data-theme="light"] #mobile-buy-modal *,
[data-theme="light-accent"] #mobile-buy-modal,
[data-theme="light-accent"] #mobile-buy-modal * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}