/* Independent scroll panels for mobile categories and products. */
@media (max-width: 767.98px) {
    body.storefront-body .store-catalog {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px;
        overflow: visible !important;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }

    body.storefront-body .store-categories,
    body.storefront-body .store-products {
        min-width: 0;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .76);
        border-radius: 8px;
        background: var(--store-surface);
        box-shadow: 0 8px 28px rgba(33, 68, 84, .08);
        backdrop-filter: blur(13px);
    }

    body.storefront-body .store-categories {
        padding: 12px 10px 9px;
        border-right: 1px solid rgba(255, 255, 255, .76);
        border-bottom: 1px solid rgba(255, 255, 255, .76);
    }

    body.storefront-body .store-products {
        padding: 12px 9px 8px;
    }

    body.storefront-body .store-categories > .store-section-title,
    body.storefront-body .store-products > .store-section-title {
        position: relative;
        z-index: 1;
        min-height: 32px;
        padding: 0 7px 8px;
        background: transparent;
    }

    body.storefront-body .store-category-list,
    body.storefront-body .store-product-list {
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-color: rgba(87, 106, 121, .28) transparent;
        scrollbar-width: thin;
    }

    body.storefront-body .store-category-list {
        max-height: min(34vh, 280px);
        padding-right: 3px;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    body.storefront-body .store-product-list {
        max-height: min(48vh, 460px);
        padding-right: 3px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    body.storefront-body .store-category-list::-webkit-scrollbar,
    body.storefront-body .store-product-list::-webkit-scrollbar {
        width: 4px;
    }

    body.storefront-body .store-category-list::-webkit-scrollbar-thumb,
    body.storefront-body .store-product-list::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background: rgba(87, 106, 121, .28);
    }

    body.storefront-body .store-category-list::-webkit-scrollbar-track,
    body.storefront-body .store-product-list::-webkit-scrollbar-track {
        background: transparent;
    }

    body.storefront-body .store-product:last-child,
    body.storefront-body .store-category:last-child {
        border-bottom: 0;
    }
}