@media (max-width: 767px) {
            html,
            body {
                max-width: 100% !important;
                overflow-x: hidden !important;
            }

            body.pha-mobile-filter-open {
                overflow: hidden !important;
                position: fixed !important;
                left: 0 !important;
                right: 0 !important;
                width: 100% !important;
            }

            .pha-shop-section {
                width: 100% !important;
                max-width: 100% !important;
                display: flex !important;
                flex-direction: column !important;
                padding-left: 11px !important;
                padding-right: 11px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                overflow-x: hidden !important;
                gap: 22px !important;
            }

            .pha-shop-section-products {
                order: 1 !important;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                overflow-x: hidden !important;
            }

            .pha-shop-section-sidebar {
                order: 2 !important;
                position: relative !important;
                top: auto !important;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
            }

            .pha-shop-filter-box {
                display: none !important;
            }

            .pha-shop-mini-banner {
                width: 100% !important;
                min-height: 215px !important;
                margin-top: 8px !important;
                border-radius: 16px !important;
                padding: 24px 22px !important;
            }

            /* Category slider must allow vertical page scroll */
            .pha-cat-slider-v5-wrap,
            .pha-cat-premium-wrap {
                width: 100% !important;
                max-width: calc(100% - 22px) !important;
                margin: 0 auto 30px !important;
                padding: 0 !important;
                overflow: hidden !important;
                touch-action: pan-y pinch-zoom !important;
            }

            .pha-cat-slider-v5-track,
            .pha-cat-premium-track {
                width: 100% !important;
                display: flex !important;
                justify-content: flex-start !important;
                gap: 18px !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                padding: 10px 0 16px !important;
                -webkit-overflow-scrolling: touch !important;
                scroll-behavior: auto !important;
                scroll-snap-type: none !important;
                touch-action: pan-x pan-y pinch-zoom !important;
                overscroll-behavior-x: contain !important;
                cursor: grab !important;
            }

            .pha-cat-slider-v5-track::-webkit-scrollbar,
            .pha-cat-premium-track::-webkit-scrollbar {
                display: none !important;
            }

            .pha-cat-slider-v5-track.is-dragging,
            .pha-cat-premium-track.is-dragging {
                cursor: grabbing !important;
                scroll-snap-type: none !important;
            }

            .pha-cat-slider-v5-item,
            .pha-cat-premium-item {
                width: 82px !important;
                min-width: 82px !important;
                flex: 0 0 82px !important;
                gap: 9px !important;
            }

            .pha-cat-slider-v5-circle,
            .pha-cat-premium-circle {
                width: 66px !important;
                height: 66px !important;
            }

            .pha-cat-slider-v5-item strong,
            .pha-cat-premium-item strong {
                font-size: 10.6px !important;
                line-height: 1.2 !important;
                min-height: 28px !important;
            }

            .pha-cat-slider-v5-circle img,
            .pha-cat-premium-circle img {
                pointer-events: none !important;
                -webkit-user-drag: none !important;
                user-drag: none !important;
            }

            /* Toolbar mobile layout */
            .pha-shop-toolbar {
                width: 100% !important;
                max-width: 100% !important;
                display: grid !important;
                grid-template-columns: auto auto minmax(0, 1fr) !important;
                grid-template-areas:
                    "count count count"
                    "views filter sort" !important;
                align-items: center !important;
                gap: 9px !important;
                margin-bottom: 18px !important;
                overflow: hidden !important;
            }

            .pha-shop-count {
                grid-area: count !important;
                width: 100% !important;
                margin: 0 0 2px !important;
                font-size: 12px !important;
                line-height: 1.2 !important;
                white-space: nowrap !important;
                color: #7a8394 !important;
            }

            .pha-shop-view-icons {
                grid-area: views !important;
                display: flex !important;
                align-items: center !important;
                gap: 6px !important;
                min-width: 56px !important;
            }

            .pha-shop-view-btn {
                width: 24px !important;
                height: 30px !important;
                font-size: 15px !important;
                padding: 0 !important;
            }

            .pha-mobile-filter-btn {
                grid-area: filter !important;
                width: 60px !important;
                height: 36px !important;
                border-radius: 10px !important;
                border: 1px solid #e9465c !important;
                background: #fff !important;
                color: #e9465c !important;
                font-size: 11px !important;
                line-height: 1 !important;
                font-weight: 900 !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                padding: 0 !important;
                cursor: pointer !important;
            }

            .pha-shop-sort-form {
                grid-area: sort !important;
                width: 100% !important;
                min-width: 0 !important;
                margin: 0 !important;
            }

            .pha-shop-sort-form label {
                width: 100% !important;
                display: block !important;
            }

            .pha-shop-sort-form label > span {
                display: none !important;
            }

            .pha-shop-sort-form select {
                width: 100% !important;
                max-width: 100% !important;
                height: 36px !important;
                min-height: 36px !important;
                padding: 0 28px 0 10px !important;
                border-radius: 10px !important;
                font-size: 11px !important;
            }

            .pha-shop-products-grid {
                width: 100% !important;
                max-width: 100% !important;
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 24px 14px !important;
                overflow: hidden !important;
            }

            .pha-shop-product-card {
                min-width: 0 !important;
                max-width: 100% !important;
                overflow: hidden !important;
            }

            .pha-shop-product-media {
                height: 136px !important;
                margin-bottom: 9px !important;
            }

            .pha-shop-section .pha-shop-product-title {
                font-size: 13px !important;
                line-height: 1.25 !important;
                min-height: 34px !important;
                margin: 0 0 7px !important;
                font-weight: 850 !important;
                letter-spacing: 0 !important;
            }

            .pha-shop-section .pha-shop-product-title a {
                font-size: inherit !important;
                line-height: inherit !important;
                font-weight: inherit !important;
            }

            .pha-shop-product-cat {
                font-size: 10.5px !important;
                line-height: 1.2 !important;
                margin-bottom: 5px !important;
            }

            .pha-shop-product-price {
                font-size: 12px !important;
                line-height: 1.2 !important;
                margin-bottom: 8px !important;
            }

            .pha-shop-load-wrap {
                margin-top: 34px !important;
                display: flex !important;
                justify-content: center !important;
            }
        }

        .pha-mobile-filter-overlay {
            position: fixed;
            inset: 0;
            background: rgba(16, 22, 36, .42);
            z-index: 1000000;
            opacity: 0;
            visibility: hidden;
            transition: opacity .22s ease, visibility .22s ease;
            touch-action: none !important;
        }

        .pha-mobile-filter-drawer {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            max-height: 88vh;
            background: #fff;
            border-radius: 22px 22px 0 0;
            z-index: 1000001;
            transform: translateY(105%);
            transition: transform .28s cubic-bezier(.22,.61,.36,1);
            box-shadow: 0 -18px 44px rgba(16,22,36,.18);
            overflow: hidden;
            touch-action: pan-y !important;
        }

        .pha-mobile-filter-head {
            height: 58px;
            padding: 0 18px;
            border-bottom: 1px solid #e8edf3;
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: grab;
        }

        .pha-mobile-filter-head strong {
            color: #101624;
            font-size: 17px;
            font-weight: 950;
        }

        .pha-mobile-filter-close {
            width: 36px;
            height: 36px;
            border: 0;
            border-radius: 50%;
            background: #fff1f3;
            color: #e9465c;
            font-size: 24px;
            line-height: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .pha-mobile-filter-body {
            padding: 18px;
            max-height: calc(88vh - 58px);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior: contain;
        }

        .pha-mobile-filter-drawer .pha-shop-filter-box {
            display: block !important;
            box-shadow: none !important;
            border: 0 !important;
            padding: 0 !important;
            border-radius: 0 !important;
        }

        body.pha-mobile-filter-open .pha-mobile-filter-overlay {
            opacity: 1;
            visibility: visible;
        }

        body.pha-mobile-filter-open .pha-mobile-filter-drawer {
            transform: translateY(0);
        }

        @media (min-width: 768px) {
            .pha-mobile-filter-btn,
            .pha-mobile-filter-overlay,
            .pha-mobile-filter-drawer {
                display: none !important;
            }
        }