* {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .page-content {
        padding-bottom: 48px;
    }

/* --- */

.landers-page-wrapper {
        margin-left: 19px !important;
        width: calc(100% - 19px) !important;
    }

/* --- */

.add-popup {
        position: fixed !important;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100% !important;
        height: 100% !important;
    }

/* --- */

/* Get rid of top margin on first element in any rich text element */
            .w-richtext> :not(div):first-child,
            .w-richtext>div:first-child> :first-child {
                margin-top: 0 !important;
            }

            /* Get rid of bottom margin on last element in any rich text element */
            .w-richtext>:last-child,
            .w-richtext ol li:last-child,
            .w-richtext ul li:last-child {
                margin-bottom: 0 !important;
            }

            tr:hover {
                background-color: #f4f4f4 !important;
                cursor: pointer !important;
            }

            /* 
Make the following elements inherit typography styles from the parent and not have hardcoded values. 
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
            /*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
*/
            /* Prevent all click and hover interaction with an element */
            .pointer-events-off {
                pointer-events: none;
            }

            /* Enables all click and hover interaction with an element */
            .pointer-events-on {
                pointer-events: auto;
            }

            /* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
            .div-square::after {
                content: "";
                display: block;
                padding-bottom: 100%;
            }

            /*Hide focus outline for main content element*/
            main:focus-visible {
                outline: -webkit-focus-ring-color auto 0px;
            }

            /* Make sure containers never lose their center alignment*/
            .container-medium,
            .container-small,
            .container-large {
                margin-right: auto !important;
                margin-left: auto !important;
            }

            /*Reset selects, buttons, and links styles*/
            .w-input,
            .w-select,
            a {
                color: inherit;
                text-decoration: inherit;
                font-size: inherit;
            }

            /*Apply "..." after 3 lines of text */
            .text-style-3lines {
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }

            /* Apply "..." after 2 lines of text */
            .text-style-2lines {
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

            /* Apply "..." at 100% width */
            .truncate-width {
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            /* Removes native scrollbar */
            .no-scrollbar {
                -ms-overflow-style: none; /* IE 10+ */
                scrollbar-width: none; /* Firefox */
            }

            .no-scrollbar::-webkit-scrollbar {
                display: none; /* Safari and Chrome */
            }

            /* Adds inline flex display */
            .display-inlineflex {
                display: inline-flex;
            }

            /* These classes are never overwritten */
            .hide {
                display: none !important;
            }

            @media screen and (max-width: 991px) {

                .hide,
                .hide-tablet {
                    display: none !important;
                }
            }

            @media screen and (max-width: 767px) {
                .hide-mobile-landscape {
                    display: none !important;
                }
            }

            @media screen and (max-width: 479px) {
                .hide-mobile {
                    display: none !important;
                }
            }

            .margin-0 {
                margin: 0rem !important;
            }

            .padding-0 {
                padding: 0rem !important;
            }

            .spacing-clean {
                padding: 0rem !important;
                margin: 0rem !important;
            }

            .margin-top {
                margin-right: 0rem !important;
                margin-bottom: 0rem !important;
                margin-left: 0rem !important;
            }

            .padding-top {
                padding-right: 0rem !important;
                padding-bottom: 0rem !important;
                padding-left: 0rem !important;
            }

            .margin-right {
                margin-top: 0rem !important;
                margin-bottom: 0rem !important;
                margin-left: 0rem !important;
            }

            .padding-right {
                padding-top: 0rem !important;
                padding-bottom: 0rem !important;
                padding-left: 0rem !important;
            }

            .margin-bottom {
                margin-top: 0rem !important;
                margin-right: 0rem !important;
                margin-left: 0rem !important;
            }

            .padding-bottom {
                padding-top: 0rem !important;
                padding-right: 0rem !important;
                padding-left: 0rem !important;
            }

            .margin-left {
                margin-top: 0rem !important;
                margin-right: 0rem !important;
                margin-bottom: 0rem !important;
            }

            .padding-left {
                padding-top: 0rem !important;
                padding-right: 0rem !important;
                padding-bottom: 0rem !important;
            }

            .margin-horizontal {
                margin-top: 0rem !important;
                margin-bottom: 0rem !important;
            }

            .padding-horizontal {
                padding-top: 0rem !important;
                padding-bottom: 0rem !important;
            }

            .margin-vertical {
                margin-right: 0rem !important;
                margin-left: 0rem !important;
            }

            .padding-vertical {
                padding-right: 0rem !important;
                padding-left: 0rem !important;
            }

            input[type="checkbox"]::before {
                content: "";
                display: inline-block;
                position: relative;
                min-height: 18px;
                min-width: 18px;
                max-height: 18px;
                max-width: 18px;
                border: 2px solid #e9e9e9;
                border-radius: 4px;
                background-color: #fff;
                vertical-align: middle;
                margin-top: -7px;
                margin-left: -1px;
            }

/* --- */

/* --- Data accuracy modal --- */
            .accuracy-modal-title {
                font-size: 1.125rem;
                font-weight: 600;
                color: #111827;
            }
            .accuracy-modal-close {
                color: #9ca3af;
                transition: color 0.15s ease;
            }
            .accuracy-modal-close:hover {
                color: #4b5563;
            }
            .accuracy-modal-body {
                font-size: 0.875rem;
                line-height: 1.6;
                color: #4b5563;
            }
            .accuracy-modal-body p {
                margin-bottom: 1rem;
            }
            .accuracy-modal-body p:last-child {
                margin-bottom: 0;
            }
            .accuracy-modal-body b {
                color: #1a202c;
                font-weight: 600;
            }

            .accuracy-info-btn {
                font-size: 0.625rem;
                color: #6B7280;
                padding: 0.5rem 0.75rem;
                border-radius: 0.375rem;
                border: none;
                background: #F3F4F6;
                cursor: pointer;
                transition: all 0.2s ease;
                display: flex;
                align-items: center;
                gap: 0.5rem;
                text-transform: capitalize;
            }

            .accuracy-info-btn:hover {
                color: #111827;
                background: #E5E7EB;
            }

            .accuracy-info-btn:focus {
                outline: none;
                box-shadow: 0 0 0 2px #fff, 0 0 0 4px #9CA3AF;
            }

            .accuracy-info-btn svg {
                width: 16px;
                height: 16px;
            }

            /* Full-screen root + stacking above explore tooltips (~10100), flyouts, and spark tooltips (~1e6) */
            #accuracy-modal.modal {
                position: fixed;
                inset: 0;
                z-index: 1005000;
                isolation: isolate;
            }
            #accuracy-modal .modal__overlay {
                z-index: 1 !important;
            }
            #accuracy-modal .modal__content {
                z-index: 2 !important;
            }
            /* Symmetric fade: global .animate-fade lacks .in; scope open/close here to avoid transition glitches */
            #accuracy-modal.animate-fade {
                transition: opacity 0.2s ease-in-out;
            }
            #accuracy-modal.animate-fade:not(.out) {
                opacity: 1;
                visibility: visible;
            }
            #accuracy-modal.animate-fade.out {
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                transition: opacity 0.2s ease-in-out, visibility 0s linear 0.2s;
            }

            .accuracy-modal-body::-webkit-scrollbar {
                width: 8px;
            }

            .accuracy-modal-body::-webkit-scrollbar-track {
                background: #f1f1f1;
                border-radius: 4px;
            }

            .accuracy-modal-body::-webkit-scrollbar-thumb {
                background: #888;
                border-radius: 4px;
            }

            .accuracy-modal-body::-webkit-scrollbar-thumb:hover {
                background: #555;
            }

            /* Sparkline Custom Tooltip */
            .spark-custom-tooltip {
                position: fixed;
                opacity: 0;
                visibility: hidden;
                background: rgba(255, 255, 255, 0.98);
                backdrop-filter: blur(4px);
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                padding: 8px 12px;
                font-size: 12px;
                box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
                z-index: 1000000;
                pointer-events: none;
                color: #1e293b;
                transform: translate(-50%, calc(-100% - 15px)) translateY(5px);
                min-width: 120px;
                line-height: 1.4;
                transition: opacity 0.2s ease-out, visibility 0.2s ease-out, transform 0.2s ease-out, left 0.1s ease-out, top 0.1s ease-out;
            }
            .spark-custom-tooltip-date {
                color: #000000;
                font-size: 10px;
                font-weight: 500;
                text-transform: uppercase;
                letter-spacing: 0.025em;
                margin-bottom: 4px;
            }
            .spark-custom-tooltip-value {
                color: #1e293b;
                font-weight: 700;
                display: flex;
                align-items: center;
                gap: 6px;
            }
            .spark-dot-indicator {
                width: 6px;
                height: 6px;
                border-radius: 50%;
            }

            .accuracy-modal-body ul {
                list-style: none;
                padding-left: 1.5rem;
                margin-bottom: 0.2rem;
            }

            .accuracy-modal-body li {
                position: relative;
                padding-left: 1rem;
                margin-bottom: 0.5rem;
                line-height: 1.5;
            }

            .accuracy-modal-body li::before {
                content: "•";
                position: absolute;
                left: -1rem;
                color: #6B7280;
            }

/* --- */

/* Toast Styles */
            .auth-toast {
                position: fixed;
                bottom: 20px;
                left: 20px;
                z-index: 50;
                opacity: 0;
                transition: opacity 0.3s;
                pointer-events: none;
            }

            .auth-toast-content {
                display: flex;
                align-items: center;
                max-width: 320px;
                padding: 16px;
                background-color: white;
                border-radius: 8px;
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            }

            .auth-toast-icon {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                flex-shrink: 0;
                width: 32px;
                height: 32px;
                margin-right: 16px;
                background-color: #e6efff;
                border-radius: 8px;
            }

            .auth-toast-icon svg {
                width: 20px;
                height: 20px;
                color: #225aea;
            }

            .auth-toast-message {
                padding-left: 16px;
                font-size: 14px;
                border-left: 1px solid #e5e7eb;
                color: #000;
            }

            .auth-toast-link {
                font-weight: 600;
                color: #225aea;
                text-decoration: none;
            }

            .auth-toast-link:hover {
                text-decoration: underline;
            }

/* --- */

/* Add these new styles in the global-styles section */
            .auth-modal {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.5);
                display: flex;
                justify-content: center;
                align-items: center;
                z-index: 100;
                opacity: 0;
                visibility: hidden;
                transition: opacity 0.3s, visibility 0.3s;
            }

            .auth-modal.show {
                opacity: 1;
                visibility: visible;
            }

            .auth-modal-content {
                background-color: white;
                padding: 2rem;
                border-radius: 12px;
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
                max-width: 400px;
                width: 90%;
                text-align: center;
            }

            .auth-modal-title {
                font-size: 1.5rem;
                font-weight: 600;
                margin-bottom: 1rem;
                color: #1a1a1a;
            }

            .auth-modal-message {
                color: #666;
                margin-bottom: 1.5rem;
                line-height: 1.5;
            }

            .auth-modal-buttons {
                display: flex;
                gap: 1rem;
                justify-content: center;
            }

            .auth-modal-button {
                padding: 0.75rem 1.5rem;
                border-radius: 6px;
                font-weight: 600;
                transition: background-color 0.3s;
                text-decoration: none;
            }

            .auth-modal-button.primary {
                background-color: #225aea;
                color: white;
            }

            .auth-modal-button.primary:hover {
                background-color: #1a46b8;
            }

            .auth-modal-button.secondary {
                background-color: #e6efff;
                color: #225aea;
            }

            .auth-modal-button.secondary:hover {
                background-color: #d1e3ff;
            }

            .auth-modal-content {
                background-color: white;
                padding: 3rem;
                border-radius: 16px;
                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
                max-width: 500px;
                width: 90%;
                text-align: center;
                position: relative;
            }

            .auth-modal-icon {
                width: 64px;
                height: 64px;
                background-color: #e6efff;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto 1.5rem;
            }

            .auth-modal-icon svg {
                width: 32px;
                height: 32px;
                color: #225aea;
            }

            .auth-modal-title {
                font-size: 1.75rem;
                font-weight: 700;
                margin-bottom: 1rem;
                color: #1a1a1a;
            }

            .auth-modal-message {
                color: #4b5563;
                margin-bottom: 1.5rem;
                line-height: 1.6;
                font-size: 1.1rem;
            }

            .auth-modal-features {
                text-align: left;
                margin: 1.5rem 0;
                padding: 1.5rem;
                background-color: #f8fafc;
                border-radius: 12px;
            }

            .auth-modal-feature {
                display: flex;
                align-items: center;
                gap: 0.75rem;
                margin-bottom: 1rem;
            }

            .auth-modal-feature:last-child {
                margin-bottom: 0;
            }

            .auth-modal-feature svg {
                width: 20px;
                height: 20px;
                color: #225aea;
                flex-shrink: 0;
            }

            .auth-modal-feature span {
                color: #374151;
                font-size: 0.95rem;
            }

            .auth-modal-buttons {
                display: flex;
                gap: 1rem;
                justify-content: center;
                margin-top: 2rem;
            }

            .auth-modal-button {
                padding: 0.875rem 2rem;
                border-radius: 8px;
                font-weight: 600;
                transition: all 0.3s;
                text-decoration: none;
                font-size: 1rem;
            }

            .auth-modal-button.primary {
                background-color: #225aea;
                color: white;
                box-shadow: 0 2px 4px rgba(34, 90, 234, 0.2);
            }

            .auth-modal-button.primary:hover {
                background-color: #1a46b8;
                transform: translateY(-1px);
                box-shadow: 0 4px 6px rgba(34, 90, 234, 0.3);
            }

            .auth-modal-button.secondary {
                background-color: #e6efff;
                color: #225aea;
            }

            .auth-modal-button.secondary:hover {
                background-color: #d1e3ff;
                transform: translateY(-1px);
            }

            .auth-modal-footer {
                margin-top: 1.5rem;
                font-size: 0.875rem;
                color: #6b7280;
            }

            .auth-modal-footer a {
                color: #225aea;
                text-decoration: underline;
            }

/* --- */

.nav-sidebar {
                position: fixed;
                top: 50px;
                left: 0;
                width: 200px;
                /* Reduced width */
                height: 100vh;
                background-color: #ffffff;
                /* Lighter background */
                border-right: 1px solid #e5e7eb;
                z-index: 30;
                overflow-y: auto;
                transition: transform 0.3s ease;
                padding: 0 0.5rem;

            }

            .announcement-space-nav-sidebar {
                padding-top: 4.5rem;
            }

            .nav-sidebar-title {
                font-weight: 600;
                color: #111827;
                font-size: 0.9rem;
            }

            .nav-menu-item {
                display: flex;
                align-items: center;
                gap: 0.5rem;
                color: #6b7280;
                /* Lighter default color */
                text-decoration: none;
                border-radius: 6px;
                transition: all 0.2s ease;
                margin-bottom: 4px;
                font-size: 0.825rem;
                padding: 8px 10px;
                /* border 1px solid #e5e7eb*/
                border: 1px solid #e5e7eb;
            }

            .nav-menu-item:hover {
                color: #111827;
                background: linear-gradient(to right, #f3f4f6 8%, #f3f4f6 0%);
            }

            .nav-menu-item.active {
                font-weight: 500;
                color: #225aea;
                background: linear-gradient(to right, #e6efff 8%, #e6efff 0%);
            }

            .nav-menu-item-icon-sales-tracker {
                background-color: #14B8A6;
                border-radius: 5px;
                box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3);
                padding: 3px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

            .nav-menu-item-icon-sales-tracker svg {
                width: 14px;
                height: 14px;
            }

            .nav-menu-item-icon-explore-shops {
                background-color: #4F46E5;
                border-radius: 5px;
                box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3);
                padding: 3px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

            .nav-menu-item-icon-explore-shops svg {
                width: 14px;
                height: 14px;
            }

            /* Adjust main content to accommodate sidebar */
            .new-page-wrapper {
                margin-left: 200px;
                /* Match sidebar width */
                width: calc(100% - 200px);
                max-width: 1800px;
            }

            .page-content {
                padding-top: 100px;
                padding-bottom: 48px;
            }

            .nav-menu-item-container {
                position: relative;
            }

            .nav-submenu {
                margin-left: 12px;
                margin-top: 2px;
                margin-bottom: 10px;
                /* border-left: 1px solid #e5e7eb; */
                /* Thinner border */
                padding-left: 4px;
            }

            .nav-submenu-title {
                color: #9ca3af;
                /* Lighter color */
                text-transform: uppercase;
                letter-spacing: 0.05em;
                padding: 6px 12px;
                margin-top: 6px;
                font-weight: 600;
                font-size: 0.65rem;
            }

            .nav-submenu-item {
                display: flex;
                align-items: center;
                gap: 6px;
                color: #6b7280;
                text-decoration: none;
                border-radius: 4px;
                transition: all 0.2s ease;
                font-size: 0.725rem;

            }

            .nav-submenu-item svg {
                flex-shrink: 0;
                width: 0.75rem;
                /* Smaller dot */
                height: 0.75rem;
            }

            .nav-submenu-item:hover {
                color: #111827;
                background-color: #f3f4f6;
            }

            .nav-submenu-item.active {
                color: #225aea;
                font-weight: 500;
                background-color: #e6efff;
            }

            .nav-menu-item-container.active .nav-menu-item {
                background-color: #e6efff;
                color: #225aea;
                font-weight: 500;
            }

            /* Add these new styles */
            .sidebar-toggle {
                display: none;
                position: fixed;
                top: 36%;
                left: 0;
                z-index: 101;
                padding: 0.5rem;
                background-color: white;
                border: 1px solid #e5e7eb;
                border-radius: 0 0.375rem 0.375rem 0;
                cursor: pointer;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
                transition: transform 0.3s ease;
            }

            .sidebar-toggle svg {
                width: 24px;
                height: 24px;
                color: #4b5563;
                transition: transform 0.3s ease;
            }

            .sidebar-toggle.active {
                transform: translateX(220px);
                /* Match sidebar width */
            }

            .sidebar-toggle.active svg {
                transform: rotate(180deg);
            }

            .sidebar-toggle:hover {
                background-color: #f3f4f6;
            }

            /* Add responsive styles */
            @media screen and (max-width: 768px) {
                .sidebar-toggle {
                    display: block;
                }

                .nav-sidebar {
                    transform: translateX(-100%);
                    width: 100%;
                    max-width: 220px;
                    padding-top: 4.5rem;
                }

                .nav-sidebar.active {
                    transform: translateX(0);
                }

                .new-page-wrapper {
                    margin-left: 0;
                    width: 100%;
                }

                .sidebar-overlay {
                    display: none;
                    position: fixed;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background-color: rgba(0, 0, 0, 0.5);
                    z-index: 99;
                }

                .sidebar-overlay.active {
                    display: block;
                }

                .sidebar-toggle.active {
                    transform: translateX(220px);
                }
            }

/* --- */

.accordion-content {
                transition: max-height 400ms cubic-bezier(0.4, 0, 0.2, 1);
            }

            .accordion-content.expanded {
                max-height: 500px;
            }

            .accordion-icon {
                transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
            }

            .accordion-icon.expanded {
                transform: rotate(-180deg);
            }

            .nav-submenu-item {
                opacity: 0;
                transform: translateY(8px);
                transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
            }

            .accordion-content.expanded .nav-submenu-item {
                opacity: 1;
                transform: translateY(0);
            }

            .nav-submenu-item {
                position: relative;
                overflow: hidden;
            }

            .nav-submenu-item:hover {
                background: linear-gradient(to right, rgba(79, 70, 229, 0.08) 0%, rgba(79, 70, 229, 0) 100%);
            }

            .nav-submenu-item.active {
                background: linear-gradient(to right, rgba(79, 70, 229, 0.08) 0%, rgba(79, 70, 229, 0) 100%);
                color: #4F46E5;
            }

            .nav-submenu-item.active svg path {
                stroke: #4F46E5;
            }

            /* Base navigation link styles */
            .nav-link {
                display: flex;
                align-items: center;
                gap: 0.5rem;
                margin-bottom: 0.5rem;
                font-size: 0.75rem;
                color: #6b7280;
                padding: 0.5rem 0.625rem;
                border-radius: 0.375rem;
                border: 1px solid #f9fafb;
                transition: all 0.3s ease;
            }

            .nav-link:hover {
                font-weight: 500;
                color: #111827;
            }

            /* Icon base styles */
            .nav-icon {
                border-radius: 5px;
                padding: 0.25rem;
            }

            /* Sales Tracker specific styles */
            .nav-link-tracker {
                border: 1px solid rgba(20, 184, 166, 0.1);
            }

            .nav-link-tracker:hover {
                background-image: linear-gradient(to right, rgba(20, 184, 166, 0.1), rgba(20, 184, 166, 0));
                border: 1px solid rgba(20, 184, 166, 0.1);
            }

            .nav-icon-tracker {
                background-color: #14B8A6;
            }

            .nav-link-tracker-active {
                background-image: linear-gradient(to right, rgba(20, 184, 166, 0.1), rgba(20, 184, 166, 0));
                color: #111827;
                border: 1px solid rgba(20, 184, 166, 0.1);
                font-weight: 500;
            }

            /* Explore Shops specific styles */
            .nav-link-explore:hover {
                background-image: linear-gradient(to right, rgba(79, 70, 229, 0.1), rgba(79, 70, 229, 0));
                border: 1px solid rgba(79, 70, 229, 0.1);
            }

            .nav-icon-explore {
                background-color: #4F46E5;
            }

            .nav-link-explore-active {
                background-image: linear-gradient(to right, rgba(79, 70, 229, 0.1), rgba(79, 70, 229, 0));
                color: #111827;
                border: 1px solid rgba(79, 70, 229, 0.1);
                font-weight: 500;
            }

/* --- */

.nav-sidebar {
                position: fixed;
                top: 50px;
                left: 0;
                width: 200px;
                /* Reduced width */
                height: 100vh;
                background-color: #ffffff;
                /* Lighter background */
                border-right: 1px solid #e5e7eb;
                z-index: 30;
                overflow-y: auto;
                transition: transform 0.3s ease;
                padding: 0 0.5rem;

            }

            .announcement-space-nav-sidebar {
                padding-top: 4.5rem;
            }

            .nav-sidebar-title {
                font-weight: 600;
                color: #111827;
                font-size: 0.9rem;
            }

            .nav-menu-item {
                display: flex;
                align-items: center;
                gap: 0.5rem;
                color: #6b7280;
                /* Lighter default color */
                text-decoration: none;
                border-radius: 6px;
                transition: all 0.2s ease;
                margin-bottom: 4px;
                font-size: 0.825rem;
                padding: 8px 10px;
                /* border 1px solid #e5e7eb*/
                border: 1px solid #e5e7eb;
            }

            .nav-menu-item:hover {
                color: #111827;
                background: linear-gradient(to right, #f3f4f6 8%, #f3f4f6 0%);
            }

            .nav-menu-item.active {
                font-weight: 500;
                color: #225aea;
                background: linear-gradient(to right, #e6efff 8%, #e6efff 0%);
            }

            .nav-menu-item-icon-sales-tracker {
                background-color: #14B8A6;
                border-radius: 5px;
                box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3);
                padding: 3px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

            .nav-menu-item-icon-sales-tracker svg {
                width: 14px;
                height: 14px;
            }

            .nav-menu-item-icon-explore-shops {
                background-color: #4F46E5;
                border-radius: 5px;
                box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.3);
                padding: 3px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }

            .nav-menu-item-icon-explore-shops svg {
                width: 14px;
                height: 14px;
            }

            /* Adjust main content to accommodate sidebar */
            .new-page-wrapper {
                margin-left: 200px;
                /* Match sidebar width */
                width: calc(100% - 200px);
                max-width: 1800px;
            }

            .page-content {
                padding-top: 100px;
                padding-bottom: 48px;
            }

            .nav-menu-item-container {
                position: relative;
            }

            .nav-submenu {
                margin-left: 12px;
                margin-top: 2px;
                margin-bottom: 10px;
                /* border-left: 1px solid #e5e7eb; */
                /* Thinner border */
                padding-left: 4px;
            }

            .nav-submenu-title {
                color: #9ca3af;
                /* Lighter color */
                text-transform: uppercase;
                letter-spacing: 0.05em;
                padding: 6px 12px;
                margin-top: 6px;
                font-weight: 600;
                font-size: 0.65rem;
            }

            .nav-submenu-item {
                display: flex;
                align-items: center;
                gap: 6px;
                color: #6b7280;
                text-decoration: none;
                border-radius: 4px;
                transition: all 0.2s ease;
                font-size: 0.725rem;

            }

            .nav-submenu-item svg {
                flex-shrink: 0;
                width: 0.75rem;
                /* Smaller dot */
                height: 0.75rem;
            }

            .nav-submenu-item:hover {
                color: #111827;
                background-color: #f3f4f6;
            }

            .nav-submenu-item.active {
                color: #225aea;
                font-weight: 500;
                background-color: #e6efff;
            }

            .nav-menu-item-container.active .nav-menu-item {
                background-color: #e6efff;
                color: #225aea;
                font-weight: 500;
            }

            /* Add these new styles */
            .sidebar-toggle {
                display: none;
                position: fixed;
                top: 36%;
                left: 0;
                z-index: 101;
                padding: 0.5rem;
                background-color: white;
                border: 1px solid #e5e7eb;
                border-radius: 0 0.375rem 0.375rem 0;
                cursor: pointer;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
                transition: transform 0.3s ease;
            }

            .sidebar-toggle svg {
                width: 24px;
                height: 24px;
                color: #4b5563;
                transition: transform 0.3s ease;
            }

            .sidebar-toggle.active {
                transform: translateX(220px);
                /* Match sidebar width */
            }

            .sidebar-toggle.active svg {
                transform: rotate(180deg);
            }

            .sidebar-toggle:hover {
                background-color: #f3f4f6;
            }

            /* Add responsive styles */
            @media screen and (max-width: 768px) {
                .sidebar-toggle {
                    display: block;
                }

                .nav-sidebar {
                    transform: translateX(-100%);
                    width: 100%;
                    max-width: 220px;
                    padding-top: 4.5rem;
                }

                .nav-sidebar.active {
                    transform: translateX(0);
                }

                .new-page-wrapper {
                    margin-left: 0;
                    width: 100%;
                }

                .sidebar-overlay {
                    display: none;
                    position: fixed;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background-color: rgba(0, 0, 0, 0.5);
                    z-index: 99;
                }

                .sidebar-overlay.active {
                    display: block;
                }

                .sidebar-toggle.active {
                    transform: translateX(220px);
                }
            }

/* --- */

.accordion-content {
                transition: max-height 400ms cubic-bezier(0.4, 0, 0.2, 1);
            }

            .accordion-content.expanded {
                max-height: 500px;
            }

            .accordion-icon {
                transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
            }

            .accordion-icon.expanded {
                transform: rotate(-180deg);
            }

            .nav-submenu-item {
                opacity: 0;
                transform: translateY(8px);
                transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
            }

            .accordion-content.expanded .nav-submenu-item {
                opacity: 1;
                transform: translateY(0);
            }

            .nav-submenu-item {
                position: relative;
                overflow: hidden;
            }

            .nav-submenu-item:hover {
                background: linear-gradient(to right, rgba(79, 70, 229, 0.08) 0%, rgba(79, 70, 229, 0) 100%);
            }

            .nav-submenu-item.active {
                background: linear-gradient(to right, rgba(79, 70, 229, 0.08) 0%, rgba(79, 70, 229, 0) 100%);
                color: #4F46E5;
            }

            .nav-submenu-item.active svg path {
                stroke: #4F46E5;
            }

/* --- */

.filters-bar {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 12px;
                padding: 12px 0;
                border-bottom: 1px solid #e2e8f0;
                margin-bottom: 16px;
                position: relative;
                z-index: 30;
            }

            .filters-bar-left {
                display: flex;
                align-items: center;
                gap: 12px;
                width: 100%;
                justify-content: center;
            }

            .search-wrapper {
                display: flex;
                align-items: center;
                min-height: 36px;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                min-width: 0;
                max-width: 100%;
                width: 100%;
                background-color: white;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
                transition: border-color 0.2s ease, box-shadow 0.2s ease;
                gap: 8px;
                padding: 8px 12px;
                position: relative;
            }

            .search-wrapper:focus-within {
                border-color: #225aea;
                box-shadow: 0 0 0 3px rgba(34, 90, 234, 0.12), 0 1px 2px rgba(15, 23, 42, 0.06);
            }

            .explore-visual-search-camera-btn {
                flex-shrink: 0;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 32px;
                height: 32px;
                padding: 0;
                border: 1px solid rgba(15, 23, 42, 0.10);
                background: #ffffff;
                color: #00000;
                border-radius: 8px;
                cursor: pointer;
                transition: color 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, transform 0.12s ease;
            }

            .explore-visual-search-camera-btn:hover {
                color: #334155;
                background: #f8fafc;
                border-color: rgba(15, 23, 42, 0.16);
                transform: none;
            }

            /* ── Camera-button tooltip ───────────────────────── */
            .vs-camera-tooltip {
                position: absolute;
                top: calc(100% + 12px);
                right: 0;
                z-index: 9999;
                pointer-events: none;
                opacity: 0;
                visibility: hidden;
                transform: translateY(-4px);
                transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
            }

            .vs-camera-tooltip.is-visible {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
                pointer-events: auto;
            }

            /* arrow pointing up — lives on the wrapper so it isn't clipped */
            .vs-camera-tooltip::after {
                content: '';
                position: absolute;
                top: -6px;
                right: 12px;
                width: 12px;
                height: 12px;
                background: #ffffff;
                border-left: 1px solid rgba(15, 23, 42, 0.08);
                border-top: 1px solid rgba(15, 23, 42, 0.08);
                transform: rotate(45deg);
                border-radius: 3px 0 0 0;
            }

            .vs-camera-tooltip-body {
                position: relative;
                white-space: nowrap;
                background: #ffffff;
                color: #1e293b;
                font-size: 12px;
                font-weight: 600;
                letter-spacing: 0.01em;
                line-height: 1.4;
                padding: 9px 12px 10px 11px;
                border-radius: 10px;
                overflow: hidden;
                border: 1px solid rgba(15, 23, 42, 0.08);
                box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
            }


            .vs-camera-tooltip-text {
                display: flex;
                align-items: center;
                gap: 8px;
            }

            .vs-camera-tooltip-icon {
                flex-shrink: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 24px;
                height: 24px;
                border-radius: 6px;
                border: 1px solid rgba(59, 130, 246, 0.18);
                background: #eff6ff;
            }

            .vs-camera-tooltip-icon svg {
                width: 13px;
                height: 13px;
            }

            .vs-camera-tooltip-badge {
                display: inline-flex;
                align-items: center;
                padding: 1px 7px;
                font-size: 9px;
                font-weight: 700;
                letter-spacing: 0.05em;
                text-transform: uppercase;
                color: #1e40af;
                background: #dbeafe;
                border: 1px solid rgba(59, 130, 246, 0.24);
                border-radius: 4px;
                line-height: 1.6;
                flex-shrink: 0;
            }

            /* progress bar that shrinks over 5 s */
            .vs-camera-tooltip-progress {
                position: absolute;
                bottom: 0;
                left: 0;
                height: 2.5px;
                width: 100%;
                border-radius: 0 0 10px 10px;
                overflow: hidden;
            }

            .vs-camera-tooltip-progress-bar {
                height: 100%;
                width: 100%;
                background: linear-gradient(90deg, #93c5fd, #3b82f6);
                transform-origin: left;
                animation: vs-tooltip-shrink 2.5s linear forwards;
            }

            .vs-camera-tooltip-progress-bar.paused {
                animation-play-state: paused;
            }

            @keyframes vs-tooltip-shrink {
                from { transform: scaleX(1); }
                to   { transform: scaleX(0); }
            }

            /* hide progress bar on hover-triggered display */
            .vs-camera-tooltip.hover-only .vs-camera-tooltip-progress {
                display: none;
            }

            .vs-modal-root {
                position: fixed;
                inset: 0;
                z-index: 100000;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 1rem;
            }

            .vs-modal-root--hidden {
                display: none !important;
            }

            .vs-modal-backdrop {
                position: absolute;
                inset: 0;
                background: rgba(15, 23, 42, 0.45);
            }

            .vs-modal-panel {
                position: relative;
                z-index: 1;
                max-width: calc(100vw - 2rem);
                animation: vs-panel-in 0.12s ease-out;
            }

            @keyframes vs-panel-in {
                from { opacity: 0; transform: translateY(6px); }
                to { opacity: 1; transform: translateY(0); }
            }

            .visual-search-modal-inner {
                max-width: 440px;
                width: 100%;
                margin: 0 auto;
                background: #fff;
                border-radius: 10px;
                padding: 1.25rem 1.5rem;
                box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
            }

            .visual-search-modal-inner.vs-modal-loading {
                padding: 1.35rem 1.5rem 1.5rem;
            }

            .visual-search-modal-head[hidden] {
                display: none !important;
            }

            .visual-search-modal-head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 0.5rem;
            }

            .visual-search-modal-title {
                font-size: 1.1rem;
                font-weight: 600;
                margin: 0;
            }

            .visual-search-modal-close {
                border: none;
                background: transparent;
                cursor: pointer;
                color: #6b7280;
                padding: 4px;
            }

            .visual-search-modal-hint {
                margin: 0 0 1rem;
                line-height: 1.45;
            }

            .explore-visual-dropzone {
                border: 2px dashed #d1d5db;
                border-radius: 10px;
                padding: 1.25rem;
                text-align: center;
                background: #fafafa;
                transition: border-color 0.15s, background 0.15s;
                position: relative;
            }

            .explore-visual-dropzone.dragover {
                border-color: #3b82f6;
                background: #eff6ff;
            }

            .explore-visual-dropzone-inner {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 8px;
                font-size: 13px;
                color: #4b5563;
            }

            .visual-upload-link {
                border: none;
                background: none;
                color: #2563eb;
                cursor: pointer;
                text-decoration: underline;
                padding: 0;
                font: inherit;
            }

            .explore-visual-preview {
                margin-top: 12px;
            }

            .explore-visual-preview img {
                max-width: 100%;
                max-height: 200px;
                border-radius: 8px;
                object-fit: contain;
            }

            .visual-search-modal-actions[hidden] {
                display: none !important;
            }

            .visual-search-modal-actions {
                display: flex;
                justify-content: flex-end;
                gap: 10px;
                margin-top: 1rem;
            }

            .visual-search-modal-actions .btn-primary,
            .visual-search-modal-actions .btn-secondary {
                padding: 0.45rem 1rem;
                border-radius: 6px;
                border: 1px solid #e5e7eb;
                cursor: pointer;
                font-weight: 500;
            }

            .visual-search-modal-actions .btn-secondary {
                background: #fff;
                color: #374151;
            }

            .visual-search-modal-actions .btn-primary {
                background: #111827;
                color: #fff;
                border-color: #111827;
            }

            .visual-search-modal-actions .btn-primary:disabled {
                opacity: 0.45;
                cursor: not-allowed;
            }

            .visual-search-err {
                color: #b91c1c;
                margin-top: 0.75rem;
            }

            .visual-search-loading[hidden] {
                display: none !important;
            }

            .visual-search-loading {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0.85rem 0 0.25rem;
            }

            .visual-search-loading-row {
                display: inline-flex;
                align-items: center;
                gap: 10px;
            }

            .visual-search-loading-spinner {
                flex-shrink: 0;
                width: 16px;
                height: 16px;
                border: 2px solid #e5e7eb;
                border-top-color: #111827;
                border-radius: 50%;
                animation: vs-spin 0.7s linear infinite;
            }

            @keyframes vs-spin {
                to { transform: rotate(360deg); }
            }

            .visual-search-loading-text {
                margin: 0;
                font-size: 14px;
                font-weight: 500;
                color: #6b7280;
            }

            .visual-search-skeleton-grid[hidden] {
                display: none !important;
            }

            .visual-search-skeleton-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(var(--vs-card-min), 1fr));
                gap: 16px;
            }

            .visual-search-skeleton-card {
                border: 1px solid #e5e7eb;
                border-radius: 10px;
                overflow: hidden;
                background: #fff;
                display: flex;
                flex-direction: column;
            }

            .visual-search-skeleton-img {
                aspect-ratio: 1 / 1;
                width: 100%;
                flex-shrink: 0;
                background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
                background-size: 200% 100%;
                animation: vs-shimmer 1.2s ease-in-out infinite;
            }

            .visual-search-skeleton-body {
                padding: 10px 12px 12px;
            }

            .visual-search-skeleton-line {
                height: 10px;
                border-radius: 4px;
                margin-bottom: 8px;
                background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
                background-size: 200% 100%;
                animation: vs-shimmer 1.2s ease-in-out infinite;
            }

            .visual-search-skeleton-line:last-child {
                width: 55%;
                margin-bottom: 0;
            }

            @keyframes vs-shimmer {
                0% { background-position: 200% 0; }
                100% { background-position: -200% 0; }
            }

            .visual-search-grid-wrap {
                --vs-card-min: 236px;
                margin-top: 16px;
                background: #fff;
                border: 1px solid #e5e7eb;
                border-radius: 8px;
                padding: 16px;
            }

            @media (min-width: 1280px) {
                .visual-search-grid-wrap {
                    --vs-card-min: 288px;
                }
            }

            @media (min-width: 1680px) {
                .visual-search-grid-wrap {
                    --vs-card-min: 320px;
                }
            }

            @media (max-width: 640px) {
                .visual-search-grid-wrap {
                    --vs-card-min: 200px;
                }
            }

            .visual-search-exit-row {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 12px;
                margin-bottom: 16px;
            }

            .visual-search-exit-row[hidden] {
                display: none !important;
            }

            .visual-search-query-thumb {
                width: 40px;
                height: 40px;
                object-fit: cover;
                border-radius: 6px;
                border: 1px solid #e2e8f0;
                flex-shrink: 0;
            }

            .visual-search-query-thumb[hidden] {
                display: none !important;
            }

            .visual-search-result-count {
                font-size: 13px;
                color: #00000;
                font-weight: 500;
                flex: 1;
                min-width: 0;
            }

            .visual-search-empty-state {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 64px 24px;
                text-align: center;
                color: #9ca3af;
            }

            .visual-search-empty-state[hidden] {
                display: none !important;
            }

            .visual-search-empty-title {
                margin-top: 16px;
                font-size: 15px;
                font-weight: 600;
                color: #6b7280;
            }

            .visual-search-empty-sub {
                margin-top: 4px;
                font-size: 13px;
                color: #9ca3af;
            }

            #visual-search-exit-btn,
            .visual-search-exit-btn-top-el {
                flex-shrink: 0;
                background: #fff;
                border: 1px solid #e5e7eb;
                color: #374151;
                border-radius: 6px;
                padding: 7px 16px;
                font-size: 13px;
                font-weight: 500;
                cursor: pointer;
                display: inline-flex;
                align-items: center;
                gap: 6px;
                transition: background 0.15s ease, border-color 0.15s ease;
            }

            #visual-search-exit-btn {
                margin-left: auto;
            }

            #visual-search-exit-btn:hover,
            .visual-search-exit-btn-top-el:hover {
                background: #f3f4f6;
                border-color: #d1d5db;
            }

            .visual-search-exit-row-top {
                margin-left: 12px;
                display: flex;
                align-items: center;
            }

            .visual-search-exit-row-top[hidden] {
                display: none !important;
            }

            .visual-search-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(var(--vs-card-min), 1fr));
                gap: 16px;
            }

            .visual-search-card {
                border: 1px solid #e5e7eb;
                border-radius: 10px;
                overflow: hidden;
                background: #fff;
                display: flex;
                flex-direction: column;
                transition: box-shadow 0.15s ease;
            }

            .visual-search-card:hover {
                box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            }

            .visual-search-card-img-wrap {
                aspect-ratio: 1 / 1;
                width: 100%;
                flex-shrink: 0;
                overflow: hidden;
                position: relative;
                background: #f3f4f6;
                display: block;
            }

            .visual-search-card-img-wrap img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
            }

            .visual-search-card-body {
                padding: 10px 12px 12px;
                display: flex;
                flex-direction: column;
                gap: 4px;
                flex: 1;
            }

            .visual-search-card-title {
                font-size: 13px;
                font-weight: 600;
                color: #111827;
                line-height: 1.3;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .visual-search-card-meta {
                font-size: 11px;
                color: #6b7280;
            }

            .visual-search-card-flag {
                width: 14px;
                height: 14px;
                border-radius: 50%;
                object-fit: cover;
                vertical-align: middle;
                margin-left: 3px;
                position: relative;
                top: -1px;
            }

            .visual-search-rank-label {
                position: absolute;
                top: 10px;
                left: 10px;
                background: rgba(17, 24, 39, 0.8);
                backdrop-filter: blur(8px);
                -webkit-backdrop-filter: blur(8px);
                color: #fff;
                font-size: 10px;
                font-weight: 600;
                padding: 4px 10px;
                border-radius: 6px;
                z-index: 10;
                display: flex;
                align-items: center;
                gap: 4px;
                border: 1px solid rgba(255, 255, 255, 0.1);
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                pointer-events: none;
                text-transform: uppercase;
                letter-spacing: 0.05em;
            }

            .visual-search-rank-label svg {
                color: #fbbf24; /* Gold star */
                filter: drop-shadow(0 0 2px rgba(251, 191, 36, 0.4));
            }

            .visual-search-card-stats {
                display: flex;
                align-items: center;
                gap: 8px;
                flex-wrap: wrap;
            }

            .visual-search-price-pill {
                display: inline-block;
                font-size: 11px;
                font-weight: 600;
                padding: 2px 8px;
                border-radius: 999px;
                background: #ecfdf5;
                color: #047857;
            }

            .visual-search-visits-stat {
                font-size: 11px;
                color: #6b7280;
            }

            .visual-search-card-actions {
                margin-top: auto;
                padding-top: 8px;
                display: flex;
                justify-content: center;
                gap: 6px;
            }

            .visual-search-card-link {
                display: inline-block;
                font-size: 11px;
                font-weight: 500;
                color: #fff;
                background: #111827;
                padding: 6px 12px;
                border-radius: 6px;
                text-decoration: none;
                text-align: center;
                transition: background 0.15s ease;
                flex: 1;
            }

            .visual-search-card-link:hover {
                background: #374151;
            }

            .visual-search-card-link--secondary {
                background: #fff;
                color: #374151;
                border: 1px solid #d1d5db;
            }

            .visual-search-card-link--secondary:hover {
                background: #f3f4f6;
            }

            .visual-search-card-link--meta {
                background: #fff;
                color: #1877F2;
                border: 1px solid #1877F2;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 4px;
                padding: 6px 8px;
            }

            .visual-search-card-link--meta:hover {
                background: #eff6ff;
                color: #145dbf;
                border-color: #145dbf;
            }

            .visual-search-card-link--meta img {
                width: 12px;
                height: 12px;
                flex-shrink: 0;
                object-fit: contain;
            }

            .search-suggestions {
                display: none;
                position: absolute;
                top: calc(100% + 6px);
                left: 0;
                right: 0;
                background: #fff;
                border: 1px solid #e5e7eb;
                border-radius: 8px;
                box-shadow: 0 6px 20px rgba(0,0,0,0.10);
                z-index: 10050;
                overflow: hidden;
            }

            .search-suggestion-loading-row {
                cursor: default;
                background: #fafafa;
                border-bottom: 1px solid #f3f4f6;
            }
            .search-suggestion-loading-row:hover {
                background: #fafafa;
            }
            .search-suggestion-loading-text {
                font-size: 12px;
                color: #6b7280;
                display: flex;
                align-items: center;
                gap: 8px;
            }
            .search-suggestion-loading-dot {
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #225aea;
                animation: explore-search-loading-pulse 1s ease-in-out infinite;
            }
            @keyframes explore-search-loading-pulse {
                0%, 100% { opacity: 0.35; transform: scale(0.85); }
                50% { opacity: 1; transform: scale(1); }
            }

            .search-suggestion-item {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 9px 14px;
                cursor: pointer;
                border-bottom: 1px solid #f3f4f6;
                transition: background 0.1s;
            }

            .search-suggestion-item:last-child { border-bottom: none; }
            .search-suggestion-item:hover { background: #f9fafb; }

            .search-suggestion-item.search-suggestion-track-new {
                background: #f8fafc;
            }
            .search-suggestion-item.search-suggestion-track-new:hover {
                background: #eef2ff;
            }
            .search-suggestion-item.search-suggestion-track-store {
                background: #fff8ee;
                border-left: 3px solid #f59e0b;
                padding-left: 11px;
            }
            .search-suggestion-item.search-suggestion-track-store:hover {
                background: #ffefd8;
            }
            .search-suggestion-track-label {
                font-weight: 600;
                font-size: 13px;
                color: #225aea;
            }
            .search-suggestion-track-hint {
                font-size: 12px;
                color: #6b7280;
                margin-top: 2px;
            }

            .search-suggestion-icon {
                width: 26px;
                height: 26px;
                border-radius: 4px;
                object-fit: cover;
                flex-shrink: 0;
                border: 1px solid #f3f4f6;
            }

            .search-suggestion-info {
                flex: 1;
                min-width: 0;
            }

            .search-suggestion-name {
                font-size: 12px;
                font-weight: 600;
                color: #111827;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .search-suggestion-domain {
                font-size: 11px;
                color: #9ca3af;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .search-suggestion-visits {
                font-size: 11px;
                font-weight: 500;
                color: #6366f1;
                white-space: nowrap;
                flex-shrink: 0;
            }
            .search-suggestion-track-store-badge {
                display: inline-flex;
                align-items: center;
                margin-left: 8px;
                padding: 2px 7px;
                border-radius: 999px;
                font-size: 10px;
                font-weight: 700;
                letter-spacing: 0.01em;
                text-transform: uppercase;
                background: #ffedd5;
                border: 1px solid #fdba74;
                color: #9a3412;
            }

            .search-input {
                border: none;
                background: transparent;
                outline: none;
                color: #374151;
                width: 100%;
                font-size: 0.8125rem;
                line-height: 1.2;
                padding: 0;
            }

            .search-input:focus {
                outline: none;
                -webkit-appearance: none;
                box-shadow: none;
            }

            .search-input::placeholder {
                color: #9ca3af;
                font-size: 0.8125rem;
            }

            .filters-group {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                align-items: center;
                padding: 0;
            }

            /* Webkit scrollbar styling */
            .filters-group::-webkit-scrollbar {
                height: 4px;
            }

            .filters-group::-webkit-scrollbar-track {
                background: transparent;
            }

            .filters-group::-webkit-scrollbar-thumb {
                background-color: #cbd5e1;
                border-radius: 20px;
            }

            .filters-group::-webkit-scrollbar-thumb:hover {
                background-color: #94a3b8;
            }

            .filter-item {
                flex: 1 1 148px;
                min-width: 132px;
                max-width: 220px;
            }

            .filter-item.filter-item--store-created {
                flex: 1.15 1 180px;
                min-width: 160px;
                max-width: 280px;
            }

            /* Store apps combobox: keep flex slot compact (main bar .search-wrapper is wide). */
            #storeAppsFilterDropdown.filter-item {
                flex: 1.2 1 190px;
                width: auto;
                min-width: 0;
                max-width: 320px;
            }
            #storeAppsFilterDropdown .select-wrapper.es-filter-control {
                min-width: 0 !important;
                width: 100%;
                box-sizing: border-box;
            }

            /* Same fixed track as other .filter-item caps (190px); button was shrinking/growing with label text. */
            .filter-item.filter-item--shopify-theme {
                flex: 1.1 1 180px;
                width: auto;
                min-width: 156px;
                max-width: 260px;
            }
            .filter-item--shopify-theme .shopify-theme-filter-wrapper {
                width: 100%;
            }
            .filter-item--shopify-theme #shopifyThemeFilterTrigger {
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                justify-content: flex-start;
            }
            .filter-item--shopify-theme #shopifyThemeFilterTrigger img {
                flex-shrink: 0;
            }

            .filter-item.filter-item--explore-pixels {
                flex: 1.1 1 180px;
                width: auto;
                min-width: 156px;
                max-width: 260px;
            }
            .pixels-rules-filter-wrapper {
                width: 100%;
                position: relative;
            }
            .filter-item--explore-pixels .pixels-rules-filter-wrapper {
                width: 100%;
            }
            .pixels-rules-filter-wrapper #pixelsFilterTrigger {
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                justify-content: flex-start;
            }
            .pixels-rules-filter-wrapper #pixelsFilterTrigger:hover {
                border-color: #cbd5e1 !important;
            }
            .pixels-rules-filter-wrapper .pixels-rules-dropdown-panel.dropdown-options {
                position: absolute !important;
                left: auto !important;
                right: 0 !important;
                top: calc(100% + 4px) !important;
                margin-top: 0 !important;
                z-index: 1000;
                border-radius: 8px;
                box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1), 0 2px 6px rgba(15, 23, 42, 0.05);
                border: 1px solid #e2e8f0;
            }
            .filter-item--explore-pixels #pixelsFilterTrigger {
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                justify-content: flex-start;
            }
            .filter-item--explore-pixels #pixelsFilterTrigger svg:first-of-type {
                flex-shrink: 0;
                color: #000000;
            }

            .filter-item.filter-item--visitors-country {
                flex: 1.1 1 180px;
                width: auto;
                min-width: 156px;
                max-width: 260px;
            }
            .visitors-country-filter-wrapper {
                width: 100%;
            }
            .visitors-country-filter-wrapper #visitorsCountryFilterTrigger {
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                justify-content: flex-start;
            }
            .visitors-country-filter-wrapper #visitorsCountryFilterTrigger:hover {
                border-color: #cbd5e1 !important;
            }
            .visitors-country-filter-wrapper #visitorsCountryFilterTrigger .visitors-country-trigger-icon {
                flex-shrink: 0;
                width: 14px;
                height: 14px;
                display: block;
                color: #9ca3af;
            }
            .visitors-country-filter-wrapper .visitors-country-dropdown-panel.dropdown-options {
                position: absolute !important;
                left: auto !important;
                right: 0 !important;
                top: calc(100% + 4px) !important;
                margin-top: 0 !important;
                z-index: 1000;
                border-radius: 8px;
                box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1), 0 2px 6px rgba(15, 23, 42, 0.05);
                border: 1px solid #e2e8f0;
            }
            .visitors-country-dropdown-panel,
            .pixels-rules-dropdown-panel {
                max-height: min(380px, 72vh) !important;
                width: min(328px, 95vw) !important;
                padding: 0 !important;
                overflow: hidden;
                background: #fff;
            }
            .visitors-country-dropdown-panel.show,
            .pixels-rules-dropdown-panel.show {
                display: flex !important;
                flex-direction: column;
            }
            .visitors-country-dropdown-panel .shopify-themes-search-wrap input {
                width: 100%;
            }
            .visitors-country-table-wrap {
                overflow-x: hidden;
                overflow-y: auto;
                flex: 1 1 auto;
                min-height: 0;
                max-height: 232px;
                border-bottom: 1px solid #eaeaea;
            }
            .visitors-country-table-wrap::-webkit-scrollbar {
                width: 4px;
            }
            .visitors-country-table-wrap::-webkit-scrollbar-thumb {
                background: #e2e8f0;
                border-radius: 4px;
            }
            .visitors-country-table-wrap::-webkit-scrollbar-thumb:hover {
                background: #cbd5e1;
            }
            .visitors-country-table {
                table-layout: fixed;
                width: 100%;
                max-width: 100%;
                border-collapse: collapse;
                font-size: 12px;
            }
            .visitors-country-table col.vc-col-mode-col {
                width: 58px;
            }
            .visitors-country-table thead th {
                position: sticky;
                top: 0;
                z-index: 1;
                background: #f8fafc;
                color: #000000;
                font-size: 9px;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.05em;
                text-align: left;
                padding: 6px 8px;
                border-bottom: 1px solid #eaeaea;
                line-height: 1.2;
            }
            .visitors-country-table thead th.vc-col-country {
                width: auto;
                white-space: nowrap;
            }
            .visitors-country-table thead th.vc-col-mode {
                text-align: center;
                padding: 6px 2px;
                white-space: nowrap;
                vertical-align: middle;
            }
            .visitors-country-table tbody td {
                padding: 5px 8px;
                border-bottom: 1px solid #f1f5f9;
                vertical-align: middle;
                background: #fff;
            }
            .visitors-country-table tbody td:first-child {
                min-width: 0;
            }
            .visitors-country-table tbody tr:hover td {
                background: #f8fafc;
            }
            .visitors-country-table tbody td.vc-cell-mode {
                text-align: center;
                padding-left: 4px;
                padding-right: 4px;
            }
            .visitors-country-table .vc-country-cell {
                display: flex;
                align-items: center;
                gap: 8px;
                min-width: 0;
            }
            .visitors-country-table .vc-name-count {
                display: flex;
                align-items: baseline;
                gap: 6px;
                min-width: 0;
                flex: 1 1 0;
            }
            .visitors-country-table .vc-flag {
                width: 20px;
                height: 14px;
                object-fit: cover;
                border-radius: 2px;
                flex-shrink: 0;
                box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06);
            }
            .visitors-country-table .vc-name {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #00000;
                font-size: 11px;
                line-height: 1.35;
                font-weight: 400;
                flex: 0 1 auto;
                min-width: 0;
                max-width: 100%;
            }
            .visitors-country-table .vc-row-count {
                flex-shrink: 0;
                color: #94a3b8;
                font-size: 10px;
                line-height: 1.35;
                font-variant-numeric: tabular-nums;
            }
            .explore-vc-footer-btn {
                font-size: 11px;
                min-height: 26px;
                border-radius: 6px;
                cursor: pointer;
                transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
            }
            .explore-vc-footer-btn--secondary {
                background: none;
                color: #94a3b8;
                border: 1px solid #e2e8f0;
                padding: 4px 12px;
                font-weight: 500;
            }
            .explore-vc-footer-btn--secondary:hover {
                color: #00000;
                border-color: #cbd5e1;
            }
            .explore-vc-footer-btn--primary {
                background: #225aea;
                color: #fff;
                border: none;
                padding: 4px 14px;
                font-weight: 600;
            }
            .explore-vc-footer-btn--primary:hover {
                background: #1d4ed8;
            }
            .vc-th-label {
                position: relative;
                display: inline-flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                gap: 3px;
                max-width: 100%;
                cursor: pointer;
                color: inherit;
                font: inherit;
                font-weight: 600;
            }
            .visitors-country-dropdown-panel .vc-th-label .tooltip-popup {
                max-width: 260px;
                text-align: left;
                font-weight: 400;
                letter-spacing: normal;
                text-transform: none;
            }
            .vc-th-label .vc-help-svg {
                flex-shrink: 0;
                color: #94a3b8;
                opacity: 0.85;
            }
            .pixels-bulk-actions {
                display: flex;
                align-items: center;
                gap: 6px;
                padding: 5px 8px;
                border-bottom: 1px solid #f1f5f9;
                flex-shrink: 0;
            }
            .pixels-bulk-actions-btn {
                flex: 1 1 0;
                min-height: 24px;
                padding: 3px 8px;
                font-size: 10px;
                font-weight: 600;
                color: #000000;
                background: #f8fafc;
                border: 1px solid #e2e8f0;
                border-radius: 6px;
                cursor: pointer;
                transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
            }
            .pixels-bulk-actions-btn:hover {
                color: #334155;
                border-color: #cbd5e1;
                background: #fff;
            }

            .visitors-country-panel-summary {
                flex-shrink: 0;
                padding: 6px 10px;
                font-size: 11px;
                line-height: 1.4;
                font-weight: 400;
                color: #00000;
                background: #f8fafc;
                border-top: 1px solid #eaeaea;
                min-height: 2.25rem;
                box-sizing: border-box;
            }
            .explore-vc-footer {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 6px;
                padding: 6px 10px;
                border-top: 1px solid #eaeaea;
                flex-shrink: 0;
                background: #fafafa;
            }
            .visitors-country-dropdown-panel .shopify-theme-panel-actions {
                background: #fafafa !important;
            }
            .visitors-country-dropdown-panel input[type="checkbox"]::before,
            .pixels-rules-dropdown-panel input[type="checkbox"]::before {
                content: none !important;
                display: none !important;
            }
            .visitors-country-dropdown-panel input[type="checkbox"],
            .pixels-rules-dropdown-panel input[type="checkbox"] {
                -webkit-appearance: none;
                appearance: none;
                flex-shrink: 0;
                width: 16px;
                height: 16px;
                margin: 0 auto;
                cursor: pointer;
                box-sizing: border-box;
                border: 1.5px solid #cbd5e1;
                border-radius: 4px;
                background: #fff;
                vertical-align: middle;
                position: relative;
                transition: border-color 0.12s ease, background 0.12s ease;
                display: inline-block;
            }
            .visitors-country-dropdown-panel input[type="checkbox"]:hover,
            .pixels-rules-dropdown-panel input[type="checkbox"]:hover {
                border-color: #94a3b8;
            }
            .visitors-country-dropdown-panel input[type="checkbox"]:checked,
            .pixels-rules-dropdown-panel input[type="checkbox"]:checked {
                background: #225aea;
                border-color: #225aea;
            }
            .visitors-country-dropdown-panel input[type="checkbox"]:checked::after,
            .pixels-rules-dropdown-panel input[type="checkbox"]:checked::after {
                content: "";
                position: absolute;
                left: 5px;
                top: 2px;
                width: 4px;
                height: 8px;
                border: solid #fff;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
                box-sizing: border-box;
            }
            .visitors-country-dropdown-panel input[type="checkbox"]:focus,
            .pixels-rules-dropdown-panel input[type="checkbox"]:focus {
                outline: none;
            }
            .visitors-country-dropdown-panel input[type="checkbox"]:focus-visible,
            .pixels-rules-dropdown-panel input[type="checkbox"]:focus-visible {
                outline: 2px solid #a5b4fc;
                outline-offset: 2px;
            }

            .select-wrapper {
                position: relative;
                display: flex;
                align-items: center;
                width: 100%;
                cursor: pointer;
            }

            .select-wrapper::after {
                content: '';
                position: absolute;
                right: 10px;
                top: 50%;
                width: 5px;
                height: 5px;
                border-right: 1.5px solid #9ca3af;
                border-bottom: 1.5px solid #9ca3af;
                transform: translateY(-50%) rotate(45deg);
                transition: transform 0.2s ease;
                pointer-events: none;
            }

            .select-wrapper.open::after {
                transform: translateY(-50%) rotate(-135deg);
            }

            /* Custom button triggers (Trustpilot, themes, visitor country, Traffic Growth): rotate chevron like .select-wrapper */
            .trustpilot-filter-wrapper #trustpilotToggle svg:last-of-type,
            .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger svg:last-of-type,
            .pixels-rules-filter-wrapper #pixelsFilterTrigger svg:last-of-type,
            .visitors-country-filter-wrapper #visitorsCountryFilterTrigger svg:last-of-type,
            .traffic-growth-filter-wrapper #trafficGrowthToggle svg:last-of-type {
                transition: transform 0.2s ease;
                transform-origin: center;
            }
            .trustpilot-filter-wrapper.open #trustpilotToggle svg:last-of-type,
            .shopify-theme-filter-wrapper.open #shopifyThemeFilterTrigger svg:last-of-type,
            .pixels-rules-filter-wrapper.open #pixelsFilterTrigger svg:last-of-type,
            .visitors-country-filter-wrapper.open #visitorsCountryFilterTrigger svg:last-of-type,
            .traffic-growth-filter-wrapper.open #trafficGrowthToggle svg:last-of-type {
                transform: rotate(180deg);
            }

            /* Remove default select arrow in modern browsers */
            .select-wrapper select {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
            }

            .filter-select:hover {
                border-color: #cbd5e1;
            }

            .filter-select:focus {
                border-color: #225aea;
                outline: none;
                box-shadow: 0 0 0 3px rgba(34, 90, 234, 0.12), 0 1px 2px rgba(15, 23, 42, 0.06);
            }

            /* Explore shops — creation date (Lightpick); compact, brand #225aea */
            .lightpick.lightpick--explore-shops {
                padding: 0;
                border-radius: 8px;
                border: 1px solid #e5e7eb;
                box-shadow: 0 8px 28px rgba(15, 23, 42, 0.1), 0 2px 8px rgba(15, 23, 42, 0.05);
                font-family: "Plus Jakarta Sans", Inter, system-ui, sans-serif;
                font-size: 12px;
                color: #0f172a;
                overflow: hidden;
            }
            /* Stretch row: sidebar sets height; inner fills cell — margin-top auto on footer pulls space above buttons */
            .lightpick.lightpick--explore-shops > div[style*="grid-template-columns"] {
                grid-template-columns: 132px 1fr !important;
                align-items: stretch;
                min-height: 0;
            }
            .lightpick.lightpick--explore-shops .lightpick__inner {
                background: #fff;
                position: relative;
                display: flex;
                flex-direction: column;
                align-self: stretch;
                min-height: 100%;
                height: 100%;
                padding-bottom: 0;
            }
            .lightpick.lightpick--explore-shops .lightpick__presets {
                background: #f8fafc;
                border-right: 1px solid #e2e8f0;
                display: flex;
                flex-direction: column;
            }
            .lightpick.lightpick--explore-shops .lightpick__presets > div {
                padding: 8px 6px !important;
                gap: 2px !important;
                border: none !important;
            }
            .lightpick.lightpick--explore-shops .preset-range {
                border-radius: 6px;
                padding: 6px 8px;
                font-size: 10px;
                font-weight: 500;
                color: #000000;
                cursor: pointer;
                transition: background 0.15s ease, color 0.15s ease;
            }
            .lightpick.lightpick--explore-shops .preset-range:hover {
                background: #e2e8f0;
                color: #334155;
            }
            .lightpick.lightpick--explore-shops .preset-range.selected {
                background: rgba(34, 90, 234, 0.12);
                color: #225aea;
                font-weight: 600;
            }
            .lightpick.lightpick--explore-shops .lightpick__months {
                background: #fff;
                gap: 0;
                flex: 0 0 auto;
            }
            .lightpick.lightpick--explore-shops .lightpick__month {
                width: auto;
                min-width: 220px;
                padding: 7px 9px 5px;
            }
            .lightpick.lightpick--explore-shops .lightpick__month-title-bar {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 6px;
                margin-bottom: 6px;
                min-height: 0;
            }
            .lightpick.lightpick--explore-shops .lightpick__month-title {
                display: flex;
                align-items: center;
                flex: 1;
                min-width: 0;
                gap: 6px;
                flex-wrap: nowrap;
                font-size: 12px;
                font-weight: 600;
                color: #0f172a;
                margin: 0;
            }
            .lightpick.lightpick--explore-shops .lightpick__month-title > .lightpick__select,
            .lightpick.lightpick--explore-shops .lightpick__select-months,
            .lightpick.lightpick--explore-shops .lightpick__select-years {
                font-family: inherit !important;
                font-size: 11px !important;
                font-weight: 600 !important;
                color: #334155 !important;
                line-height: 1.2 !important;
                border: 1px solid #e5e7eb !important;
                border-radius: 6px !important;
                background-color: #fff !important;
                padding: 5px 26px 5px 8px !important;
                margin: 0 !important;
                min-height: 30px;
                box-sizing: border-box !important;
                cursor: pointer;
                text-align: left !important;
                text-align-last: left !important;
                -webkit-appearance: none !important;
                -moz-appearance: none !important;
                appearance: none !important;
                outline: none !important;
                box-shadow: none !important;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='%2364748b' stroke-width='1.3' stroke-linecap='round' d='M2.5 3.5L5 6L7.5 3.5'/%3E%3C/svg%3E") !important;
                background-repeat: no-repeat !important;
                background-position: right 7px center !important;
                background-size: 9px 9px !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__select-months {
                min-width: 5.9rem;
            }
            .lightpick.lightpick--explore-shops .lightpick__select-years {
                min-width: 3.75rem;
            }
            .lightpick.lightpick--explore-shops .lightpick__select-months:hover,
            .lightpick.lightpick--explore-shops .lightpick__select-years:hover {
                border-color: #cbd5e1 !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__select-months:focus,
            .lightpick.lightpick--explore-shops .lightpick__select-years:focus {
                border-color: #c7d2fe !important;
                box-shadow: 0 0 0 2px rgba(34, 90, 234, 0.12) !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__month-title > .lightpick__select:disabled {
                color: #334155 !important;
                background-color: #f8fafc !important;
                border-color: #e5e7eb !important;
                opacity: 1 !important;
                cursor: default;
            }
            .lightpick.lightpick--explore-shops .lightpick__toolbar {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 4px;
                flex-shrink: 0;
                margin: 0 !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__previous-action,
            .lightpick.lightpick--explore-shops .lightpick__next-action,
            .lightpick.lightpick--explore-shops .lightpick__close-action {
                width: 30px !important;
                height: 30px !important;
                min-width: 30px !important;
                min-height: 30px !important;
                padding: 0 !important;
                margin: 0 !important;
                border: none !important;
                border-radius: 6px !important;
                background: #f1f5f9 !important;
                color: #00000 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                line-height: 0 !important;
                font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important;
                transition: background 0.15s ease, color 0.15s ease;
            }
            .lightpick.lightpick--explore-shops .lightpick__previous-action,
            .lightpick.lightpick--explore-shops .lightpick__next-action {
                font-size: 16px !important;
                letter-spacing: 0;
            }
            .lightpick.lightpick--explore-shops .lightpick__close-action {
                font-size: 17px !important;
                font-weight: 300;
                transform: none;
            }
            .lightpick.lightpick--explore-shops .lightpick__previous-action:hover,
            .lightpick.lightpick--explore-shops .lightpick__next-action:hover,
            .lightpick.lightpick--explore-shops .lightpick__close-action:hover {
                background: #e2e8f0 !important;
                color: #1e293b !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__day-of-the-week {
                font-size: 9px;
                font-weight: 600;
                color: #94a3b8;
                text-transform: uppercase;
                letter-spacing: 0.03em;
            }
            .lightpick.lightpick--explore-shops .lightpick__days {
                gap: 0;
            }
            .lightpick.lightpick--explore-shops .lightpick__day {
                height: 30px;
                font-size: 11px;
                font-weight: 500;
                border-radius: 6px;
                color: #334155;
            }
            /* Rounded only outside a range — in-range cells stay square so highlights meet flush */
            .lightpick.lightpick--explore-shops .lightpick__day.is-in-range {
                border-radius: 0 !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__day.is-start-date.is-in-range,
            .lightpick.lightpick--explore-shops .lightpick__day.is-end-date.is-in-range.is-flipped {
                border-radius: 6px 0 0 6px !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__day.is-end-date.is-in-range,
            .lightpick.lightpick--explore-shops .lightpick__day.is-start-date.is-in-range.is-flipped {
                border-radius: 0 6px 6px 0 !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__day.is-start-date.is-end-date {
                border-radius: 6px !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__day:not(.is-disabled):not(.is-in-range):hover {
                background: #f1f5f9 !important;
                background-image: none !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__day.is-in-range:not(.is-disabled):not(.is-start-date):not(.is-end-date):hover {
                background-color: rgba(34, 90, 234, 0.14) !important;
                background-image: none !important;
                color: #1d4ed8;
            }
            .lightpick.lightpick--explore-shops .lightpick__day.is-in-range:not(.is-disabled) {
                background-color: rgba(34, 90, 234, 0.09) !important;
                background-image: none !important;
                color: #225aea;
            }
            .lightpick.lightpick--explore-shops .lightpick__day.is-start-date.is-in-range,
            .lightpick.lightpick--explore-shops .lightpick__day.is-end-date.is-in-range.is-flipped {
                background-color: #225aea !important;
                color: #fff !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__day.is-end-date.is-in-range,
            .lightpick.lightpick--explore-shops .lightpick__day.is-start-date.is-in-range.is-flipped {
                background-color: #225aea !important;
                color: #fff !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__day.is-start-date,
            .lightpick.lightpick--explore-shops .lightpick__day.is-end-date,
            .lightpick.lightpick--explore-shops .lightpick__day.is-start-date:hover,
            .lightpick.lightpick--explore-shops .lightpick__day.is-end-date:hover,
            .lightpick.lightpick--explore-shops .lightpick__day.is-start-date.is-in-range:hover,
            .lightpick.lightpick--explore-shops .lightpick__day.is-end-date.is-in-range:hover {
                background-image: none !important;
                background-color: #225aea !important;
                color: #fff !important;
                box-shadow: none !important;
                font-weight: 600;
            }
            .lightpick.lightpick--explore-shops .lightpick__day.is-start-date.is-end-date {
                background-color: #225aea !important;
                background-image: none !important;
            }
            /* Today: soft fill only — no inset “ring” */
            .lightpick.lightpick--explore-shops .lightpick__day.is-today {
                background-image: none !important;
                box-shadow: none !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__day.is-today:not(.is-start-date):not(.is-end-date) {
                background-color: rgba(34, 90, 234, 0.09) !important;
                color: #1e40af !important;
                font-weight: 600;
            }
            .lightpick.lightpick--explore-shops .lightpick__day.is-today.is-in-range:not(.is-start-date):not(.is-end-date) {
                background-color: rgba(34, 90, 234, 0.13) !important;
                color: #1d4ed8 !important;
                font-weight: 600;
            }
            .lightpick.lightpick--explore-shops .lightpick__day.is-today.is-disabled {
                opacity: 0.45;
            }
            .lightpick.lightpick--explore-shops .lightpick__day.is-today:not(.is-start-date):not(.is-end-date):not(.is-disabled):hover {
                background-color: rgba(34, 90, 234, 0.14) !important;
                color: #1d4ed8 !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__footer {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                padding: 8px 10px;
                margin: 0;
                margin-top: auto;
                margin-bottom: 0;
                border-top: 1px solid #e2e8f0;
                background: #fafafa;
                flex: 0 0 auto;
            }
            .lightpick.lightpick--explore-shops .lightpick__footer-message {
                flex: 1;
                font-size: 11px;
                color: #b45309;
                text-align: center;
                align-self: center;
            }
            .lightpick.lightpick--explore-shops .lightpick__reset-action,
            .lightpick.lightpick--explore-shops .lightpick__apply-action {
                flex: 0 0 auto;
                min-height: 32px;
                height: 32px;
                padding: 0 14px !important;
                font-size: 11px !important;
                font-weight: 600 !important;
                font-family: inherit !important;
                border-radius: 6px !important;
                cursor: pointer;
                box-sizing: border-box !important;
                display: inline-flex !important;
                align-items: center;
                justify-content: center;
                line-height: 1 !important;
                transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
            }
            .lightpick.lightpick--explore-shops .lightpick__reset-action {
                background: #fff !important;
                color: #000000 !important;
                border: 1px solid #e2e8f0 !important;
                box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
            }
            .lightpick.lightpick--explore-shops .lightpick__reset-action:hover {
                background: #f8fafc !important;
                color: #00000 !important;
                border-color: #cbd5e1 !important;
            }
            .lightpick.lightpick--explore-shops .lightpick__apply-action {
                background: #225aea !important;
                color: #fff !important;
                border: 1px solid transparent !important;
                box-shadow: 0 1px 2px rgba(34, 90, 234, 0.25);
            }
            .lightpick.lightpick--explore-shops .lightpick__apply-action:hover {
                background: #1a4acc !important;
            }

            /* Prevent browser-native dropdown for these filters.
               We open a custom dropdown panel instead (see JS below). */
            #categoryFilter,
            #languageFilter,
            #currencyFilter,
            #countryFilter,
            /* landers library (open the same custom dropdown component) */
            #landersNicheFilter,
            #landersPageTypeFilter,
            #landersAdVolumeFilter,
            #landersRunningTimeFilter,
            /* range-style filters (native dropdown suppressed; open custom slider instead) */
            #monthlyRevenueFilter,
            #annualRevenueFilter,
            #revenueChangeFilter,
            #aovFilter,
            #monthlyVisitsFilter,
            #productCountFilter {
                pointer-events: none !important;
            }

            .sort-button {
                display: flex;
                align-items: center;
                gap: 4px;
                padding: 6px 10px;
                background-color: white;
                border: 1px solid #e5e7eb;
                border-radius: 6px;
                font-size: 0.85rem;
                color: #4b5563;
                cursor: pointer;
                transition: all 0.2s ease;
            }

            .sort-button svg {
                width: 14px;
                height: 14px;
            }

            .sort-button:hover {
                background-color: #f3f4f6;
                border-color: #d1d5db;
            }

            /* responsive */
            @media (max-width: 768px) {
                .filters-bar {
                    flex-direction: column;
                    align-items: flex-start;
                    padding: 8px 10px;
                    gap: 0;
                    position: relative;
                    z-index: 30;
                }

                .filters-group {
                    border-left: none;
                    padding-top: 8px;
                    flex-wrap: wrap;
                    width: 100%;
                    gap: 6px;
                }

                .filters-bar-left {
                    width: 100%;
                }

                .search-wrapper {
                    min-width: 100%;
                }

                #storeAppsFilterDropdown.filter-item {
                    flex: 0 1 auto;
                    width: auto;
                    min-width: 0;
                    max-width: min(200px, 100%);
                }
                #storeAppsFilterDropdown .select-wrapper.es-filter-control {
                    min-width: 0 !important;
                    max-width: 100%;
                }

                .filter-item {
                    min-width: 140px;
                }

                .filter-item.filter-item--shopify-theme {
                    flex: 1 1 100%;
                    width: 100%;
                    min-width: 100%;
                    max-width: 100%;
                }

                .filters-group .select-wrapper:not(.search-wrapper) .filter-select {
                    padding: 4px 20px 4px 22px !important;
                }
                .filters-group #storeCreatedRangeInput.filter-select {
                    padding: 4px 20px 4px 26px !important;
                }
            }

/* --- */

.select-wrapper.search-wrapper {
                position: relative;
            }

            .dropdown-options {
                position: fixed;
                /* Changed from absolute to fixed */
                background: white;
                border-radius: 8px;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                max-height: 200px;
                overflow-y: auto;
                z-index: 1000;
                margin-top: 4px;
                display: none;
                border: 1px solid #eaeaea;
                width: 200px;
                /* Set explicit width */
            }

            .accuracy-modal-body {
                font-size: 0.875rem;
                line-height: 1.6;
                max-height: 400px;
                overflow-y: auto;
            }

            /* scrollbar */
            .dropdown-options::-webkit-scrollbar {
                width: 3px;
            }

            .dropdown-options::-webkit-scrollbar-track {
                background: transparent;
            }

            .dropdown-options::-webkit-scrollbar-thumb {
                background: rgba(148, 163, 184, 0.45);
                border-radius: 4px;
            }

            .dropdown-options::-webkit-scrollbar-thumb:hover {
                background: rgba(148, 163, 184, 0.7);
            }
            .dropdown-options,
            .shopify-themes-list,
            .visitors-country-table-wrap,
            .simple-searchable-dropdown .dropdown-options-list {
                scrollbar-width: thin;
                scrollbar-color: rgba(148, 163, 184, 0.45) transparent;
            }
            .shopify-themes-list::-webkit-scrollbar,
            .visitors-country-table-wrap::-webkit-scrollbar,
            .simple-searchable-dropdown .dropdown-options-list::-webkit-scrollbar {
                width: 3px;
            }
            .shopify-themes-list::-webkit-scrollbar-track,
            .visitors-country-table-wrap::-webkit-scrollbar-track,
            .simple-searchable-dropdown .dropdown-options-list::-webkit-scrollbar-track {
                background: transparent;
            }
            .shopify-themes-list::-webkit-scrollbar-thumb,
            .visitors-country-table-wrap::-webkit-scrollbar-thumb,
            .simple-searchable-dropdown .dropdown-options-list::-webkit-scrollbar-thumb {
                background: rgba(148, 163, 184, 0.45);
                border-radius: 999px;
            }
            .shopify-themes-list::-webkit-scrollbar-thumb:hover,
            .visitors-country-table-wrap::-webkit-scrollbar-thumb:hover,
            .simple-searchable-dropdown .dropdown-options-list::-webkit-scrollbar-thumb:hover {
                background: rgba(148, 163, 184, 0.7);
            }


            .filter-item {
                position: relative;
                overflow: visible !important;
            }


            .dropdown-options.show {
                display: block;
            }

            .filters-group .select-wrapper:not(.search-wrapper):not(.es-filter-control)::after {
                right: 8px;
                width: 4px;
                height: 4px;
                border-right-width: 1.25px;
                border-bottom-width: 1.25px;
            }
            .filters-group .select-wrapper .select-icon {
                display: none !important;
            }
            .filters-group .select-wrapper.store-created-filter-wrapper .select-icon {
                display: block !important;
                left: 9px;
                width: 13px;
                height: 13px;
            }
            .filters-group .select-wrapper::before {
                content: "";
                position: absolute;
                left: 9px;
                top: 50%;
                width: 13px;
                height: 13px;
                transform: translateY(-50%);
                pointer-events: none;
                background-repeat: no-repeat;
                background-position: center;
                background-size: 13px 13px;
                opacity: 0.78;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.5 4.5H13.5M4 8H12M6 11.5H10' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
            }
            /* Per-filter icon mapping (not one icon for all) */
            .filters-group .select-wrapper:has(#categoryFilter)::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.5 4.5H7M9 4.5H13.5M2.5 8H5.5M7.5 8H13.5M2.5 11.5H6.5M8.5 11.5H13.5' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
            }
            .filters-group .select-wrapper:has(#monthlyRevenueFilter)::before,
            .filters-group .select-wrapper:has(#annualRevenueFilter)::before,
            .filters-group .select-wrapper:has(#currencyFilter)::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 2.5V13.5M10.7 5.2C10.1 4.5 9.2 4.1 8 4.1C6.5 4.1 5.5 4.9 5.5 6C5.5 7.1 6.3 7.6 8 8C9.8 8.4 10.5 8.9 10.5 10.1C10.5 11.3 9.4 12 8 12C6.9 12 5.9 11.6 5.2 10.9' stroke='%2394a3b8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            }
            .filters-group .select-wrapper:has(#revenueChangeFilter)::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.5 11.5L6.3 7.7L8.9 10.3L13.5 5.7M10.7 5.7H13.5V8.5' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            }
            .filters-group .select-wrapper:has(#aovFilter)::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.8 5.2L8 2.5L13.2 5.2V10.8L8 13.5L2.8 10.8V5.2Z' stroke='%2394a3b8' stroke-width='1.6'/%3E%3Cpath d='M2.8 5.2L8 8L13.2 5.2' stroke='%2394a3b8' stroke-width='1.6'/%3E%3C/svg%3E");
            }
            .filters-group .select-wrapper:has(#monthlyVisitsFilter)::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.5 12.5H13.5M4 10V7.5M7 10V5.5M10 10V8.2M13 10V4.5' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
            }
            .filters-group .select-wrapper:has(#countryFilter)::before,
            .filters-group .select-wrapper:has(#languageFilter)::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='5.5' stroke='%2394a3b8' stroke-width='1.6'/%3E%3Cpath d='M2.8 8H13.2M8 2.5C9.2 3.9 9.9 5.9 9.9 8C9.9 10.1 9.2 12.1 8 13.5M8 2.5C6.8 3.9 6.1 5.9 6.1 8C6.1 10.1 6.8 12.1 8 13.5' stroke='%2394a3b8' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
            }
            .filters-group .select-wrapper:has(#productCountFilter)::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Crect x='2.5' y='3' width='11' height='10' rx='1.8' stroke='%2394a3b8' stroke-width='1.6'/%3E%3Cpath d='M2.5 6H13.5M6 3V13' stroke='%2394a3b8' stroke-width='1.4'/%3E%3C/svg%3E");
            }
            .filters-group .select-wrapper.search-wrapper::before {
                display: none;
            }

            #trustpilotToggle,
            #trafficGrowthToggle,
            #shopifyThemeFilterTrigger,
            #pixelsFilterTrigger,
            #visitorsCountryFilterTrigger {
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                text-align: left !important;
                gap: 5px !important;
                cursor: pointer !important;
                background: #fff !important;
                border: 1px solid #e2e8f0 !important;
                color: #00000 !important;
                white-space: nowrap !important;
                min-height: 29px !important;
                padding: 3px 26px 3px 9px !important;
                border-radius: 8px !important;
                border-color: #e2e8f0 !important;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
                font-size: 11px !important;
                line-height: 1.2 !important;
                position: relative;
                background-image: none !important;
            }
            #trustpilotToggle:hover,
            #trafficGrowthToggle:hover,
            #shopifyThemeFilterTrigger:hover,
            #pixelsFilterTrigger:hover,
            #visitorsCountryFilterTrigger:hover {
                border-color: #cbd5e1 !important;
            }
            #trustpilotToggle:focus-visible,
            #trafficGrowthToggle:focus-visible,
            #shopifyThemeFilterTrigger:focus-visible,
            #pixelsFilterTrigger:focus-visible,
            #visitorsCountryFilterTrigger:focus-visible {
                outline: none !important;
                border-color: #225aea !important;
                box-shadow: 0 0 0 3px rgba(34, 90, 234, 0.12), 0 1px 2px rgba(15, 23, 42, 0.06) !important;
            }
            #trustpilotToggle svg:last-of-type,
            #trafficGrowthToggle svg:last-of-type,
            #shopifyThemeFilterTrigger svg:last-of-type,
            #pixelsFilterTrigger svg:last-of-type,
            #visitorsCountryFilterTrigger svg:last-of-type {
                display: none !important;
            }
            #trustpilotToggle > span,
            #trafficGrowthToggle > span,
            #shopifyThemeFilterTrigger > span,
            #pixelsFilterTrigger > span,
            #visitorsCountryFilterTrigger > span {
                min-width: 0;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            #trustpilotToggle > svg:first-of-type,
            #trafficGrowthToggle > svg:first-of-type,
            #shopifyThemeFilterTrigger > img:first-of-type,
            #pixelsFilterTrigger > svg:first-of-type,
            #visitorsCountryFilterTrigger .visitors-country-trigger-icon {
                width: 13px !important;
                height: 13px !important;
                flex-shrink: 0;
            }
            /* Platform-specific icon tint alignment (Shopify + Pixels) */
            #shopifyThemeFilterTrigger > img:first-of-type,
            #pixelsFilterTrigger > svg:first-of-type {
                padding: 2px;
                border-radius: 5px;
                background: transparent;
                filter: grayscale(1) brightness(0.78);
            }
            #shopifyThemeFilterTrigger > img:first-of-type {
                filter: none;
            }

            .dropdown-options {
                border: 1px solid #e2e8f0;
                border-radius: 10px;
                box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12), 0 2px 8px rgba(15, 23, 42, 0.06);
            }

            #shopifyThemesDropdown,
            #pixelsDropdown,
            #visitorsCountryDropdown,
            #trustpilotDropdown,
            #trafficGrowthDropdown {
                width: min(300px, 94vw) !important;
                min-width: 260px !important;
                border-radius: 8px !important;
                border: 1px solid #e2e8f0 !important;
                box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1), 0 2px 6px rgba(15, 23, 42, 0.05) !important;
            }
            #shopifyThemesDropdown,
            #pixelsDropdown,
            #visitorsCountryDropdown,
            #trafficGrowthDropdown {
                width: min(328px, 95vw) !important;
                min-width: 280px !important;
            }

            .shopify-themes-search-wrap {
                padding: 5px 8px;
            }
            .shopify-themes-search-wrap input,
            #visitorsCountrySearch,
            #pixelsSearch,
            #shopifyThemeSearchInput {
                min-height: 27px;
                padding: 4px 9px 4px 28px !important;
                border-radius: 7px !important;
                border-color: #e2e8f0 !important;
                font-size: 11px !important;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14 14.0003L10.3454 10.3457' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.88889 11.7778C9.58889 11.7778 11.7778 9.58889 11.7778 6.88889C11.7778 4.18889 9.58889 2 6.88889 2C4.18889 2 2 4.18889 2 6.88889C2 9.58889 4.18889 11.7778 6.88889 11.7778Z' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: 9px center;
                background-size: 14px 14px;
            }

            .shopify-theme-row,
            .dropdown-option {
                padding: 5px 8px;
                font-size: 11px;
            }
            .shopify-theme-select-all-row {
                padding: 5px 8px;
                font-size: 11px;
            }

            .shopify-theme-panel-actions {
                padding: 6px 8px !important;
                border-top: 1px solid #eef2f7 !important;
                gap: 6px !important;
            }
            .explore-shopify-theme-footer.shopify-theme-panel-actions {
                display: flex !important;
                align-items: center !important;
                justify-content: flex-end !important;
                flex-shrink: 0 !important;
                background: #fafafa !important;
                border-top: 1px solid #eaeaea !important;
            }
            .explore-panel-footer-btn {
                min-height: 27px !important;
                padding: 4px 12px !important;
                border-radius: 7px !important;
                font-size: 11px !important;
                font-weight: 600 !important;
                cursor: pointer;
                transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
            }
            .explore-panel-footer-btn--secondary {
                background: none !important;
                color: #94a3b8 !important;
                border: 1px solid #e2e8f0 !important;
                font-weight: 500 !important;
            }
            .explore-panel-footer-btn--secondary:hover {
                color: #00000 !important;
                border-color: #cbd5e1 !important;
            }
            .explore-panel-footer-btn--primary {
                background: #225aea !important;
                color: #fff !important;
                border: none !important;
            }
            .explore-panel-footer-btn--primary:hover {
                background: #1d4ed8 !important;
            }
            .shopify-theme-panel-actions button,
            #clearTrustpilotFilter,
            #applyTrustpilotFilter,
            #clearTrafficGrowthRulesWrapper,
            #applyTrafficGrowthRules {
                min-height: 27px !important;
                padding: 4px 10px !important;
                border-radius: 7px !important;
                font-size: 11px !important;
            }

            #trustpilotDropdown > div:first-child {
                padding: 8px 10px 5px 10px !important;
            }
            #trustpilotDropdown > div:nth-child(2) {
                padding: 6px 10px 7px 10px !important;
            }
            #trustpilotDropdown > div:last-child {
                padding: 6px 10px !important;
                border-top: 1px solid #eef2f7 !important;
            }
            #trustpilotDropdown [id$="Presets"] {
                gap: 5px !important;
                margin-bottom: 6px !important;
            }
            .tp-preset-chip {
                padding: 2px 8px;
                border-radius: 7px;
                font-size: 10px;
            }

            .range-slider-dropdown {
                padding: 8px 10px 8px 10px;
                border-radius: 8px;
                border: 1px solid #e2e8f0;
                box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1), 0 2px 6px rgba(15, 23, 42, 0.05);
                width: min(300px, 94vw);
            }
            .range-slider-header {
                font-size: 11px;
                margin-bottom: 6px;
            }
            .range-slider-presets {
                gap: 5px;
                margin-bottom: 8px;
            }
            .range-preset-chip {
                padding: 2px 8px;
                border-radius: 7px;
                font-size: 10px;
            }
            .range-slider-input-group {
                margin-bottom: 8px;
            }
            .range-slider-actions {
                margin-top: 8px;
                padding-top: 8px;
                border-top: 1px solid #eef2f7;
            }
            .range-slider-action-btn,
            .range-slider-apply-btn {
                min-height: 27px;
                padding: 4px 10px;
                border-radius: 7px;
                font-size: 11px;
            }

            .simple-searchable-dropdown {
                max-height: min(300px, 58vh);
                min-width: 200px;
                overflow: hidden;
            }
            .simple-searchable-dropdown.show {
                display: flex;
                flex-direction: column;
            }
            .simple-searchable-dropdown .dropdown-options-list {
                overflow-y: auto;
                max-height: min(240px, 46vh);
                flex: 1 1 auto;
            }
            .simple-searchable-dropdown .dropdown-option-empty {
                padding: 6px 10px;
                font-size: 11px;
                color: #94a3b8;
                cursor: default;
                border-top: 1px solid #f1f5f9;
            }

            /* Anchor to wrapper like Traffic Growth; overrides global .dropdown-options { position: fixed } */
            .shopify-theme-filter-wrapper .shopify-themes-dropdown-panel.dropdown-options {
                position: absolute !important;
                left: auto !important;
                right: 0 !important;
                top: calc(100% + 4px) !important;
                margin-top: 0 !important;
                z-index: 1000;
                box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1), 0 2px 6px rgba(15, 23, 42, 0.05);
                border: 1px solid #e2e8f0;
            }

            .traffic-growth-filter-wrapper .traffic-growth-dropdown-panel.dropdown-options {
                position: absolute !important;
                left: auto !important;
                right: 0 !important;
                top: calc(100% + 4px) !important;
                margin-top: 0 !important;
                z-index: 1000;
                box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1), 0 2px 6px rgba(15, 23, 42, 0.05);
                border: 1px solid #e2e8f0;
            }
            .traffic-growth-dropdown-panel {
                max-height: min(420px, 75vh) !important;
                padding: 0 !important;
                overflow: hidden;
                background: #fff;
            }
            .traffic-growth-dropdown-panel.show {
                display: flex !important;
                flex-direction: column;
            }
            .traffic-growth-dropdown__title {
                flex-shrink: 0;
                font-weight: 600;
                font-size: 11px;
                color: #1e293b;
                padding: 8px 10px 4px 10px;
                letter-spacing: 0.01em;
            }
            .traffic-growth-dropdown__hint {
                flex-shrink: 0;
                padding: 0 10px 6px 10px;
                font-size: 11px;
                line-height: 1.45;
                color: #000000;
            }
            .traffic-growth-dropdown__rules-scroll {
                flex: 1 1 auto;
                min-height: 0;
                overflow-y: auto;
                overflow-x: hidden;
            }
            .traffic-growth-dropdown__rules-scroll #trafficGrowthRulesContainer {
                padding: 0 10px 4px 10px !important;
            }
            .traffic-growth-dropdown__add-wrap {
                flex-shrink: 0;
                padding: 6px 10px 8px 10px;
                border-top: 1px solid #eaeaea;
            }
            .traffic-growth-add-rule-btn {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                margin: 0;
                padding: 4px 0;
                font-size: 11px;
                font-weight: 500;
                color: #000000;
                background: none;
                border: none;
                cursor: pointer;
                font-family: inherit;
                transition: color 0.15s ease;
            }
            .traffic-growth-add-rule-btn:hover {
                color: #1e293b;
            }
            .traffic-growth-add-rule-btn svg {
                flex-shrink: 0;
                display: block;
            }
            .traffic-growth-add-rule--hidden {
                display: none !important;
            }
            .traffic-growth-rule-row {
                display: flex;
                flex-direction: column;
                gap: 8px;
                padding: 8px 0;
                border-bottom: 1px solid #f1f5f9;
                font-size: 11px;
            }
            .traffic-growth-rule-row:last-child {
                border-bottom: none;
            }

            .shopify-themes-dropdown-panel {
                max-height: min(340px, 68vh) !important;
                width: min(328px, 95vw) !important;
                padding: 0 !important;
                overflow: hidden;
            }
            .shopify-themes-dropdown-panel.show {
                display: flex !important;
                flex-direction: column;
            }
            .shopify-themes-search-wrap {
                padding: 5px 8px;
                border-bottom: 1px solid #eaeaea;
                flex-shrink: 0;
            }
            .shopify-themes-search-wrap input {
                width: 100%;
                padding: 4px 9px 4px 28px;
                border: 1px solid #e2e8f0;
                border-radius: 7px;
                font-size: 11px;
                color: #334155;
                box-sizing: border-box;
            }
            .shopify-themes-search-wrap input:focus {
                outline: none;
                border-color: #a5b4fc;
            }
            .shopify-themes-list {
                max-height: 220px;
                overflow-y: auto;
                flex: 1 1 auto;
            }
            .shopify-theme-row {
                display: flex;
                align-items: center;
                gap: 6px;
                padding: 5px 8px;
                font-size: 11px;
                cursor: pointer;
                color: #334155;
            }
            .shopify-theme-row:hover {
                background: #f8fafc;
            }
            .shopify-theme-row .shopify-theme-logo {
                width: 13px;
                height: 13px;
                flex-shrink: 0;
                display: block;
                object-fit: contain;
            }

            /* Custom checkboxes: page-wide ::before on input[type=checkbox] clashes with native paint (heavy black boxes). */
            .shopify-themes-dropdown-panel input[type="checkbox"]::before {
                content: none !important;
                display: none !important;
            }
            .shopify-themes-dropdown-panel input[type="checkbox"] {
                -webkit-appearance: none;
                appearance: none;
                flex-shrink: 0;
                width: 16px;
                height: 16px;
                margin: 0;
                cursor: pointer;
                box-sizing: border-box;
                border: 1.5px solid #cbd5e1;
                border-radius: 4px;
                background: #fff;
                vertical-align: middle;
                position: relative;
                transition: border-color 0.12s ease, background 0.12s ease;
            }
            .shopify-themes-dropdown-panel input[type="checkbox"]:hover {
                border-color: #94a3b8;
            }
            .shopify-themes-dropdown-panel input[type="checkbox"]:checked {
                background: #225aea;
                border-color: #225aea;
            }
            .shopify-themes-dropdown-panel input[type="checkbox"]:checked::after {
                content: "";
                position: absolute;
                left: 5px;
                top: 2px;
                width: 4px;
                height: 8px;
                border: solid #fff;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
                box-sizing: border-box;
            }
            .shopify-themes-dropdown-panel input[type="checkbox"]:indeterminate {
                background: #225aea;
                border-color: #225aea;
            }
            .shopify-themes-dropdown-panel input[type="checkbox"]:indeterminate::after {
                content: "";
                position: absolute;
                left: 3px;
                right: 3px;
                top: 50%;
                height: 2px;
                margin-top: -1px;
                background: #fff;
                border: none;
                transform: none;
                width: auto;
            }
            .shopify-themes-dropdown-panel input[type="checkbox"]:focus {
                outline: none;
            }
            .shopify-themes-dropdown-panel input[type="checkbox"]:focus-visible {
                outline: 2px solid #a5b4fc;
                outline-offset: 2px;
            }

            .shopify-theme-row .shopify-theme-name {
                flex: 1 1 auto;
                min-width: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .shopify-theme-row .shopify-theme-count {
                flex-shrink: 0;
                color: #94a3b8;
                font-size: 11px;
                font-variant-numeric: tabular-nums;
            }
            .shopify-theme-select-all-row {
                display: flex;
                align-items: center;
                gap: 6px;
                padding: 5px 8px;
                border-top: 1px solid #eaeaea;
                background: #f8fafc;
                font-size: 11px;
                font-weight: 500;
                color: #334155;
                cursor: pointer;
                flex-shrink: 0;
                margin: 0;
            }

            .dropdown-option {
                display: flex;
                align-items: center;
                gap: 6px;
                padding: 5px 8px;
                cursor: pointer;
                font-size: 11px;
                transition: background 0.2s;
            }

            .dropdown-option-app-icon {
                width: 20px;
                height: 20px;
                border-radius: 4px;
                flex-shrink: 0;
                object-fit: contain;
            }

            .dropdown-option:hover,
            .dropdown-option.highlighted {
                background: #f5f5f5;
            }

            .dropdown-option.selected {
                background: #f1f5f9;
                color: #1e293b;
                font-weight: 500;
            }

            .dropdown-option.selected:hover,
            .dropdown-option.selected.highlighted {
                background: #e2e8f0;
            }

            /* range slider dropdown */
            .range-slider-dropdown {
                position: fixed;
                background: #fff;
                border-radius: 10px;
                box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12), 0 2px 8px rgba(15, 23, 42, 0.06);
                border: 1px solid #e2e8f0;
                z-index: 1000;
                display: none;
                padding: 10px 12px 9px 12px;
                width: min(340px, 94vw);
                max-width: calc(100vw - 24px);
            }

            .range-slider-dropdown.show {
                display: block;
            }

            .range-slider-header {
                font-weight: 600;
                font-size: 11.5px;
                color: #1e293b;
                margin-bottom: 8px;
            }

            .range-slider-presets {
                display: flex;
                gap: 5px;
                flex-wrap: wrap;
                margin-bottom: 8px;
            }

            .range-preset-chip {
                padding: 2px 8px;
                border: 1px solid #e2e8f0;
                border-radius: 7px;
                font-size: 10px;
                color: #000000;
                cursor: pointer;
                background: #fff;
                white-space: nowrap;
                transition: all 0.15s;
            }

            .range-preset-chip:hover {
                border-color: #225aea;
                color: #225aea;
            }

            .range-preset-chip.active {
                background: #225aea;
                color: #fff;
                border-color: #225aea;
            }

            .range-slider-row {
                display: flex;
                align-items: center;
                gap: 8px;
            }

            .range-slider-input-wrap {
                display: flex;
                align-items: center;
                border: 1px solid #e2e8f0;
                border-radius: 7px;
                overflow: hidden;
                background: #fff;
                width: 62px;
                min-height: 26px;
                flex-shrink: 0;
                transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
            }

            .range-slider-input-wrap.range-max-input-wrap {
                width: 66px;
            }

            .range-max-input::placeholder {
                color: #94a3b8;
                font-size: 11px;
            }

            .range-slider-input {
                width: 100%;
                height: 24px;
                padding: 2px 4px;
                border: none;
                font-size: 11px;
                line-height: 1.1;
                background: transparent;
                color: #1e293b;
                outline: none;
                text-align: center;
                -moz-appearance: textfield;
                transition: color 0.15s ease;
            }
            .range-slider-input::-webkit-outer-spin-button,
            .range-slider-input::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }
            .range-slider-input-wrap:hover {
                border-color: #cbd5e1;
                background: #fcfdff;
            }
            .range-slider-input-wrap:focus-within {
                border-color: #225aea;
                box-shadow: 0 0 0 3px rgba(34, 90, 234, 0.12);
                background: #fff;
            }
            .range-slider-input:focus {
                box-shadow: none;
            }

            .range-slider-track-wrap {
                position: relative;
                height: 20px;
                display: flex;
                align-items: center;
                flex: 1;
            }

            .range-slider-track {
                position: absolute;
                width: 100%;
                height: 2px;
                background: #e2e8f0;
                border-radius: 2px;
                pointer-events: none;
            }

            .range-slider-fill {
                position: absolute;
                height: 2px;
                background: #225aea;
                border-radius: 2px;
                pointer-events: none;
            }

            .range-slider-track-wrap input[type="range"] {
                position: absolute;
                width: 100%;
                height: 3px;
                background: transparent;
                pointer-events: none;
                -webkit-appearance: none;
                appearance: none;
                margin: 0;
                outline: none;
            }

            .range-slider-track-wrap input[type="range"]::-webkit-slider-thumb {
                -webkit-appearance: none;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background: #225aea;
                border: 2px solid #fff;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
                cursor: pointer;
                pointer-events: all;
            }

            .range-slider-track-wrap input[type="range"]::-moz-range-thumb {
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background: #225aea;
                border: 2px solid #fff;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
                cursor: pointer;
                pointer-events: all;
            }

            .range-slider-actions {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 6px;
                padding-top: 8px;
                margin-top: 8px;
                border-top: 1px solid #eef2f7;
            }

            .range-slider-action-btn {
                background: none;
                color: #94a3b8;
                border: 1px solid #e2e8f0;
                border-radius: 7px;
                padding: 4px 10px;
                font-size: 11px;
                font-weight: 500;
                min-height: 27px;
                cursor: pointer;
                transition: color 0.15s ease, background 0.15s ease;
            }

            .range-slider-action-btn:hover {
                color: #00000;
            }

            .range-slider-apply-btn {
                background: #225aea;
                color: #fff;
                border: none;
                border-radius: 7px;
                padding: 4px 12px;
                font-size: 11px;
                font-weight: 600;
                min-height: 27px;
                cursor: pointer;
            }

            .range-apply-btn {
                background: #225aea;
                color: #fff;
                border: none;
            }

/* --- */

.active-filters-bar {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                gap: 8px;
                padding: 8px 0;
                margin-bottom: 10px;
                border-bottom: 1px solid #eef2f7;
                min-height: 38px;
            }

            .active-filters-tags {
                display: flex;
                gap: 6px;
                flex-wrap: wrap;
                align-items: center;
                min-height: 28px;
            }

            .filter-tag {
                display: flex;
                align-items: center;
                gap: 5px;
                padding: 3px 8px;
                background-color: #f8fafc;
                border-radius: 7px;
                font-size: 11px;
                line-height: 1.2;
                color: #374151;
                border: 1px solid #e2e8f0;
            }

            .filter-tag-label {
                font-weight: 500;
                color: #6b7280;
                font-size: 10.5px;
            }

            .filter-tag-value {
                font-weight: 500;
                color: #334155;
            }

            .filter-tag-remove {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 14px;
                height: 14px;
                padding: 0;
                border: none;
                background: transparent;
                border-radius: 4px;
                cursor: pointer;
                color: #94a3b8;
                transition: color 0.15s ease, background-color 0.15s ease;
            }

            .filter-tag-remove:hover {
                color: #225aea;
                background: #edf2ff;
            }

            .clear-filters {
                display: flex;
                align-items: center;
                gap: 4px;
                min-height: 28px;
                padding: 4px 10px;
                background-color: white;
                border: 1px solid #e2e8f0;
                border-radius: 7px;
                font-size: 11px;
                line-height: 1.2;
                color: #00000;
                font-weight: 500;
                cursor: pointer;
                transition: border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease;
            }

            .clear-filters:hover {
                background-color: #f8fafc;
                border-color: #cbd5e1;
                color: #1e293b;
            }

            .no-filters-text {
                color: #6b7280;
                /* font-size: 0.875rem; */
                font-style: italic;
            }

/* --- */

/* Filter Presets Section Styles */
            .filter-presets-section {
                width: 100%;
                border-radius: 6px;
                margin-bottom: 12px;
                flex: 1 1 auto;
                min-width: 0;
            }

            .filter-presets-container {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                flex: 1 1 auto;
                min-width: 0;
            }
            .filter-presets-section .flex.flex-col.md\:flex-row {
                align-items: flex-start !important;
                justify-content: flex-start !important;
                gap: 10px !important;
            }

            .filter-presets-title {
                font-weight: 500;
                color: #4b5563;
                margin-bottom: 8px;
                font-size: 12px;
                line-height: 1.2;
            }

            .filter-preset-card {
                display: flex;
                align-items: center;
                background-color: white;
                border-radius: 8px;
                box-shadow: none;
                transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
                cursor: pointer;
                border: 1px solid #e2e8f0;
                flex: 0 1 156px;
                min-width: 132px;
                max-width: 196px;
                min-height: 30px;
                padding: 4px 8px;
            }

            .filter-preset-card:hover {
                border-color: #cbd5e1;
                background-color: #f8fafc;
            }

            .filter-preset-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 5px;
                margin-right: 7px;
                padding: 0;
                width: 14px;
                height: 14px;
                flex-shrink: 0;
            }

            .filter-preset-icon svg {
                display: none !important;
            }
            .filter-preset-icon::before {
                content: "";
                width: 13px;
                height: 13px;
                display: block;
                background-repeat: no-repeat;
                background-position: center;
                background-size: 13px 13px;
                opacity: 0.95;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Crect x='2.5' y='3' width='11' height='10' rx='1.8' stroke='%2394a3b8' stroke-width='1.6'/%3E%3Cpath d='M2.5 6H13.5M6 3V13' stroke='%2394a3b8' stroke-width='1.4'/%3E%3C/svg%3E");
            }
            .filter-preset-card[data-filter="revenue"] .filter-preset-icon::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.5 12.5H13.5M4 10V7.5M7 10V5.5M10 10V8.2M13 10V4.5' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
            }
            .filter-preset-card[data-filter="fastest-growing"] .filter-preset-icon::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.5 12.5H13.5M3.5 10.5L7 7l2.5 2.5L12.5 4' stroke='%2394a3b8' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 4H12.5V6' stroke='%2394a3b8' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            }

            .filter-preset-content {
                flex: 1 1 auto;
                min-width: 0;
            }

            .filter-preset-title {
                font-weight: 500;
                font-size: 11px;
                color: #00000;
                margin-bottom: 0;
                line-height: 1.2;
                white-space: nowrap;
                overflow: visible;
                text-overflow: clip;
            }
            .filter-preset-card[data-filter="revenue"] {
                flex-basis: 176px;
                min-width: 176px;
                max-width: 208px;
            }

            /* Active filter state */
            .filter-preset-card.active {
                border-color: #225aea;
                background-color: #f5f8ff;
                box-shadow: 0 0 0 1px rgba(34, 90, 234, 0.08) inset;
            }

            .filter-preset-card.active .filter-preset-title {
                color: #225aea;
                font-weight: 500;
            }

            .filter-preset-card.active .filter-preset-icon svg {
                color: #225aea;
            }
            .filter-preset-card.active .filter-preset-icon::before {
                filter: none;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Crect x='2.5' y='3' width='11' height='10' rx='1.8' stroke='%23225aea' stroke-width='1.6'/%3E%3Cpath d='M2.5 6H13.5M6 3V13' stroke='%23225aea' stroke-width='1.4'/%3E%3C/svg%3E");
            }
            .filter-preset-card.active[data-filter="revenue"] .filter-preset-icon::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.5 12.5H13.5M4 10V7.5M7 10V5.5M10 10V8.2M13 10V4.5' stroke='%23225aea' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
            }
            .filter-preset-card.active[data-filter="fastest-growing"] .filter-preset-icon::before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.5 12.5H13.5M3.5 10.5L7 7l2.5 2.5L12.5 4' stroke='%23225aea' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 4H12.5V6' stroke='%23225aea' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            }

            /* export button */
            .export-button-container {
                display: flex;
                align-items: center;
                position: relative;
                flex: 0 0 auto;
                margin-left: auto;
            }

            .export-dropdown {
                position: relative;
            }

            .export-button {
                background-color: #225aea;
                border: none;
                border-radius: 6px;
                padding: 6px 12px;
                cursor: pointer;
                transition: all 0.2s ease;
            }

            .export-button:hover {
                background-color: #1a46c2;
                box-shadow: 0 2px 4px rgba(34, 90, 234, 0.2);
            }

            .export-button:active {
                transform: translateY(1px);
                box-shadow: 0 1px 2px rgba(34, 90, 234, 0.1);
            }

            .export-button-content {
                display: flex;
                align-items: center;
                gap: 6px;
            }

            .export-icon {
                color: white;
                width: 14px;
                height: 14px;
            }

            .export-text {
                color: white;
                font-size: 0.8rem;
                font-weight: 500;
            }

            .export-menu {
                position: absolute;
                top: 100%;
                right: 0;
                margin-top: 4px;
                background-color: white;
                border-radius: 6px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                z-index: 1000;
                min-width: 160px;
                opacity: 0;
                visibility: hidden;
                transform: translateY(-6px);
                transition: all 0.2s ease;
                border: 1px solid #e5e7eb;
            }

            .export-menu.show {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
            }

            .export-menu-item {
                padding: 8px 12px;
                cursor: pointer;
                transition: all 0.2s ease;
                color: #4b5563;
                font-size: 0.8rem;
                border-bottom: 1px solid #f3f4f6;
            }

            /* Add this to your existing styles */
            .export-menu-item.disabled {
                opacity: 0.6;
                cursor: not-allowed;
                position: relative;
            }

            .lock-icon-small {
                display: inline-flex;
                width: 12px;
                height: 12px;
                margin-left: 5px;
                vertical-align: -2px;
            }

            .export-menu-item:first-child {
                border-top-left-radius: 6px;
                border-top-right-radius: 6px;
            }

            .export-menu-item:last-child {
                border-bottom-left-radius: 6px;
                border-bottom-right-radius: 6px;
                border-bottom: none;
            }

            .export-menu-item:hover {
                background-color: #f5f7ff;
                color: #225aea;
            }

            /* responsive */
            @media (max-width: 768px) {
                .filter-preset-card {
                    min-width: 120px;
                    max-width: 100%;
                    flex: 1 1 calc(50% - 6px);
                    padding: 4px 7px;
                }

                .filter-preset-title {
                    font-size: 10.5px;
                }

                .filter-preset-icon {
                    width: 13px;
                    height: 13px;
                }

                .filter-preset-icon::before {
                    width: 12px;
                    height: 12px;
                }

                .export-button-container {
                    width: 100%;
                    margin-top: 8px;
                    margin-left: 0;
                }

                .export-button {
                    padding: 5px 10px;
                }

                .export-text {
                    font-size: 0.625rem;
                }
            }

/* --- */

:root {
                --es2-bg:           #ffffff;
                --es2-surface:      #ffffff;
                --es2-surface-alt:  #ffffff;
                --es2-surface-hov:  #f1f5f9;
                --es2-filter-surface: var(--wh-filter-surface, #f8fafc);
                --es2-filter-surface-hov: var(--wh-filter-surface-hover, #f1f5f9);
                --es2-filter-surface-focus: var(--wh-filter-surface-focus, #eff6ff);
                --es2-border:       #e7edf5;
                --es2-border-strong:#dde6f1;
                --es2-border-hov:   #d2deec;
                --es2-text:         #0f172a;
                --es2-text-2:       #334155;
                --es2-text-3:       #000000;
                --es2-text-mute:    #94a3b8;
                --es2-primary:      #1d4ed8;
                --es2-primary-soft: #e8eef9;
                --es2-primary-text: #1e40af;
                --es2-success:      #16a34a;
                --es2-success-bright:#22c55e;
                --es2-success-soft: #dcfce7;
                --es2-success-border:#bbf7d0;
                --es2-danger:       #e11d48;
                --es2-danger-soft:  #ffe4e6;
                --es2-danger-border:#fecdd3;
                --es2-radius-lg:    12px;
                --es2-radius:       10px;
                --es2-radius-sm:    7px;
                --es2-shadow-xs:    0 1px 2px rgba(15, 23, 42, 0.05);
                --es2-shadow-sm:    0 1px 3px rgba(15, 23, 42, 0.07);
                --es2-h-control:    32px;
                --es2-h-control-sm: 28px;
                --es2-filter-font:  10px;
            }

            /* Explore filter row: use .es-filter-control on native selects / custom triggers; .es-filter-control__input + .es-filter-dropdown for store-apps combobox. */

            /* ---------- Page shell: align with fixed rail, minimal left gutter ---------- */
            .new-page-wrapper {
                max-width: none !important;
                width: calc(100% - 196px) !important;
                margin-left: 196px !important;
                box-sizing: border-box;
            }
            .page-content {
                padding-top: 88px !important;
                padding-bottom: 24px !important;
            }
            /* Webflow / theme spacing chokeholds — neutralise them inside the redesigned page */
            .new-page-wrapper .padding-global,
            .new-page-wrapper .container-large,
            .new-page-wrapper .container-medium,
            .new-page-wrapper .container-small {
                padding-left: 0 !important;
                padding-right: 0 !important;
                max-width: none !important;
            }
            .new-page-wrapper .margin-bottom.margin-xlarge,
            .new-page-wrapper .margin-xlarge {
                margin-bottom: 0 !important;
            }
            .new-page-wrapper .section_dashbaord {
                padding: 0 !important;
                margin: 0 !important;
            }

            /* ---------- Page header ---------- */
            .new-page-wrapper .explore-shops-topbar {
                background: var(--es2-surface);
                border: none;
                border-radius: var(--es2-radius-lg);
                padding: 10px 14px !important;
                margin-bottom: 10px !important;
                min-height: 48px;
                box-shadow: none;
                align-items: flex-start !important;
                gap: 12px !important;
                flex-wrap: wrap !important;
            }
            .explore-shops-heading {
                display: flex;
                flex-direction: column;
                gap: 4px;
                min-width: 0;
                flex: 1 1 220px;
            }
            .explore-shops-title-line {
                display: flex;
                align-items: center;
                gap: 10px;
                flex-wrap: wrap;
            }
            .explore-shops-main-title {
                margin: 0;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                font-size: 1.375rem;
                font-weight: 700;
                letter-spacing: -0.02em;
                color: var(--es2-text);
                line-height: 1.15;
            }
            .explore-shops-title-icon {
                width: 22px;
                height: 22px;
                flex: 0 0 auto;
                color: var(--es2-primary);
            }
            .explore-shops-subtitle {
                margin: 0;
                font-size: 12px;
                font-weight: 500;
                color: var(--es2-text-mute);
            }
            .explore-shops-subtitle #categoryPageTitle {
                color: var(--es2-text-2) !important;
                font-weight: 600 !important;
            }
            .explore-shops-subtitle-prefix {
                font-weight: 500;
                color: var(--es2-text-mute);
            }
            .explore-shops-topbar-actions {
                flex: 0 0 auto;
                margin-left: auto;
                align-items: center !important;
                gap: 10px !important;
                flex-wrap: wrap !important;
            }
            @media (max-width: 991px) {
                .explore-shops-topbar-actions {
                    margin-left: 0;
                    width: 100%;
                    justify-content: flex-end;
                }
            }
            .new-page-wrapper hr {
                display: none !important;
            }

            .accuracy-info-btn {
                font-size: 11px !important;
                padding: 5px 9px !important;
                border-radius: var(--es2-radius-sm) !important;
                background: var(--es2-surface) !important;
                border: 1px solid var(--es2-border) !important;
                color: var(--es2-text-2) !important;
                font-weight: 500;
                gap: 5px !important;
            }
            .accuracy-info-btn:hover {
                background: var(--es2-surface-hov) !important;
                border-color: var(--es2-border-hov) !important;
                color: var(--es2-text) !important;
            }
            .accuracy-info-btn svg {
                width: 13px !important;
                height: 13px !important;
            }
            /* Header: data accuracy — same footprint as credits chip */
            .explore-header-accuracy-btn {
                display: none !important;
                align-items: center !important;
                gap: 8px !important;
                min-height: 36px !important;
                height: 36px !important;
                padding: 0 12px 0 6px !important;
                border-radius: var(--es2-radius) !important;
                border: 1px solid rgba(15, 23, 42, 0.07) !important;
                background: #fff !important;
                box-shadow: none !important;
                font-size: 12px !important;
                font-weight: 600 !important;
                color: var(--es2-text-2) !important;
                line-height: 1 !important;
                white-space: nowrap !important;
            }
            .explore-header-accuracy-btn:hover {
                background: #f8fafc !important;
                border-color: rgba(15, 23, 42, 0.11) !important;
                color: var(--es2-text) !important;
            }
            .explore-header-accuracy-btn:focus-visible {
                outline: 2px solid rgba(59, 130, 246, 0.3) !important;
                outline-offset: 1px !important;
            }
            .explore-header-accuracy-btn__icon {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 22px !important;
                height: 22px !important;
                border-radius: var(--es2-radius-sm) !important;
                border: 1px solid rgba(59, 130, 246, 0.18) !important;
                background: #eff6ff !important;
                color: #1d4ed8 !important;
                flex-shrink: 0 !important;
            }
            .explore-header-accuracy-btn__icon svg {
                width: 15px !important;
                height: 15px !important;
            }
            .explore-header-accuracy-btn__label {
                letter-spacing: 0.01em;
            }
            @media (max-width: 640px) {
                .explore-header-accuracy-btn__label {
                    display: none !important;
                }
                .explore-header-accuracy-btn {
                    padding: 0 10px !important;
                    width: 36px !important;
                    justify-content: center !important;
                }
            }

            /* ---------- Filters bar — single compact toolbar ---------- */
            .filters-bar {
                gap: 8px !important;
                padding: 12px !important;
                margin-bottom: 10px !important;
                border: 1px solid var(--es2-border) !important;
                border-radius: var(--es2-radius-lg) !important;
                background: var(--es2-surface) !important;
                box-shadow: var(--es2-shadow-xs);
                z-index: 30;
            }
            .filters-bar-left {
                width: 100% !important;
                justify-content: flex-start !important;
                gap: 8px !important;
            }

            /* Search bar — full-width, compact, consistent */
            .search-wrapper {
                min-width: 0 !important;
                flex: 1 1 auto !important;
                min-height: var(--es2-h-control) !important;
                padding: 4px 10px !important;
                gap: 6px !important;
                border: 1px solid var(--es2-border) !important;
                border-radius: var(--es2-radius) !important;
                background: var(--es2-surface) !important;
                box-shadow: none !important;
            }
            .search-wrapper:focus-within {
                background: #fff !important;
                border-color: var(--es2-border-hov) !important;
                box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.10) !important;
            }
            .search-wrapper > svg:first-child {
                color: var(--es2-text-mute) !important;
                width: 14px !important;
                height: 14px !important;
            }
            .search-wrapper .search-input,
            .search-wrapper input[type="text"] {
                font-size: 12.5px !important;
                color: var(--es2-text) !important;
                font-weight: 500;
                background: transparent !important;
                border: 0 !important;
                outline: none !important;
            }
            .search-wrapper.is-loading {
                position: relative;
                overflow: hidden;
                background: #fbfdff !important;
            }
            .search-wrapper.is-loading::after {
                content: "";
                position: absolute;
                left: 8px;
                right: 8px;
                bottom: 0;
                height: 2px;
                border-radius: 999px;
                pointer-events: none;
                background: linear-gradient(90deg, rgba(34, 90, 234, 0.15) 0%, rgba(34, 90, 234, 0.92) 50%, rgba(34, 90, 234, 0.15) 100%);
                background-size: 200% 100%;
                animation: explore-searchbar-loading 1s linear infinite;
            }
            .search-wrapper.is-loading > svg:first-child {
                color: #225aea !important;
                animation: explore-search-icon-pulse 1s ease-in-out infinite;
            }
            @keyframes explore-searchbar-loading {
                0% { background-position: 200% 0; }
                100% { background-position: -200% 0; }
            }
            @keyframes explore-search-icon-pulse {
                0%, 100% { opacity: 0.55; }
                50% { opacity: 1; }
            }
            .search-wrapper input::placeholder {
                color: var(--es2-text-mute) !important;
                font-weight: 500;
            }
            .explore-visual-search-camera-btn {
                color: var(--es2-text-mute) !important;
                border-color: rgba(15, 23, 42, 0.07) !important;
            }
            .explore-visual-search-camera-btn:hover {
                color: var(--es2-text-2) !important;
                background: var(--es2-surface-hov) !important;
                border-color: rgba(15, 23, 42, 0.11) !important;
            }

            /* Visual-search exit pill — keep tight */
            #visual-search-exit-btn,
            .visual-search-exit-btn-top-el {
                padding: 5px 10px !important;
                font-size: 12px !important;
                border-radius: 6px !important;
                border: 1px solid var(--es2-border) !important;
                color: var(--es2-text-2) !important;
                background: var(--es2-surface) !important;
            }

            /* ---------- Filters group — wrap of consistent select pills ---------- */
            .filters-group {
                gap: 6px !important;
                padding: 0 !important;
                width: 100% !important;
                flex-wrap: wrap !important;
                align-items: center !important;
            }
            /* Entire filter row stacks above sticky #shopsTable thead (thead z-index ~10) so custom panels aren’t covered */
            .new-page-wrapper .filters-group {
                position: relative !important;
                z-index: 50 !important;
            }
            /* Uniform dynamic flex track for every filter — same min, same max, fluid in between */
            .filters-group > .filter-item {
                flex: 1 1 160px !important;
                min-width: 148px !important;
                max-width: 220px !important;
                width: auto !important;
                box-sizing: border-box !important;
            }
            /* Slightly wider tracks where the content genuinely needs it */
            .filters-group > #storeAppsFilterDropdown.filter-item {
                flex: 1.2 1 180px !important;
                min-width: 168px !important;
                max-width: 260px !important;
            }
            .filters-group > .filter-item.filter-item--store-created {
                flex: 1.1 1 170px !important;
                min-width: 158px !important;
                max-width: 240px !important;
            }
            /* Each item's inner wrapper must stretch so the control fills the track */
            .filters-group > .filter-item > .select-wrapper,
            .filters-group > .filter-item > .trustpilot-filter-wrapper,
            .filters-group > .filter-item > .traffic-growth-filter-wrapper,
            .filters-group > .filter-item > .shopify-theme-filter-wrapper,
            .filters-group > .filter-item > .pixels-rules-filter-wrapper,
            .filters-group > .filter-item > .visitors-country-filter-wrapper,
            .filters-group > .filter-item > .category-filter-wrapper,
            .filters-group > .filter-item > .es-filter-dropdown-wrapper {
                width: 100% !important;
                display: block !important;
            }

            /* All native + custom-trigger filter controls — uniform compact pill.
               Shared visual surface (size, color, border, font). Width handled per-type below. */
            .filter-select,
            .trustpilot-filter-wrapper #trustpilotToggle,
            .traffic-growth-filter-wrapper #trafficGrowthToggle,
            .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger,
            .pixels-rules-filter-wrapper #pixelsFilterTrigger,
            .visitors-country-filter-wrapper #visitorsCountryFilterTrigger,
            #countryFilterTrigger,
            #storeAppsFilterDropdown .filter-select,
            #storeCreatedRangeInput.filter-select {
                min-height: var(--es2-h-control) !important;
                height: var(--es2-h-control) !important;
                line-height: normal !important;
                padding: 0 22px 0 26px !important;
                font-family: "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
                font-size: var(--es2-filter-font) !important;
                font-weight: 500 !important;
                color: var(--es2-text-2) !important;
                background-color: var(--es2-filter-surface) !important;
                border: 1px solid var(--es2-border) !important;
                border-radius: var(--es2-radius) !important;
                box-shadow: none !important;
            }
            /* Custom button triggers — block-level flex row (not inline-flex) so grid cells don't center-shrink them */
            .trustpilot-filter-wrapper #trustpilotToggle,
            .traffic-growth-filter-wrapper #trafficGrowthToggle,
            .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger,
            .pixels-rules-filter-wrapper #pixelsFilterTrigger,
            .visitors-country-filter-wrapper #visitorsCountryFilterTrigger,
            #countryFilterTrigger {
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: flex-start !important;
                text-align: left !important;
            }

            /* Native <select> filters: fill their .filter-item flex track (dynamic width via parent) */
            .filters-group .filter-select {
                width: 100% !important;
                min-width: 0 !important;
                display: block !important;
                appearance: none !important;
                -webkit-appearance: none !important;
                -moz-appearance: none !important;
                text-overflow: ellipsis !important;
                white-space: nowrap !important;
            }
            /* /css/dist/app.css (Tailwind preflight) adds a background SVG chevron on all `select`.
               Explore filters already draw one chevron via .select-wrapper::after — strip the duplicate. */
            .new-page-wrapper .filters-group select.filter-select {
                background-image: none !important;
            }
            .new-page-wrapper .filters-group select.filter-select::-ms-expand {
                display: none;
            }

            /* Custom <button> triggers: full-width inside their wrapper, same dynamic track.
               Their icon and chevron are INLINE (not absolute), so override the 28/24 px
               horizontal padding that selects use and give them a uniform 10px instead. */
            .trustpilot-filter-wrapper #trustpilotToggle,
            .traffic-growth-filter-wrapper #trafficGrowthToggle,
            .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger,
            .pixels-rules-filter-wrapper #pixelsFilterTrigger,
            .visitors-country-filter-wrapper #visitorsCountryFilterTrigger,
            #countryFilterTrigger {
                width: 100% !important;
                max-width: 100% !important;
                box-sizing: border-box !important;
                padding: 0 26px 0 10px !important;
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: flex-start !important;
                text-align: left !important;
                gap: 6px !important;
                overflow: hidden !important;
            }
            .visitors-country-filter-wrapper #visitorsCountryFilterTrigger > svg:last-of-type,
            .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger > svg:last-of-type,
            .pixels-rules-filter-wrapper #pixelsFilterTrigger > svg:last-of-type,
            .trustpilot-filter-wrapper #trustpilotToggle > svg:last-of-type,
            .traffic-growth-filter-wrapper #trafficGrowthToggle > svg:last-of-type,
            #countryFilterTrigger > svg:last-of-type {
                margin-left: auto !important;
            }
            .trustpilot-filter-wrapper #trustpilotToggle > svg,
            .trustpilot-filter-wrapper #trustpilotToggle > img,
            .traffic-growth-filter-wrapper #trafficGrowthToggle > svg,
            .traffic-growth-filter-wrapper #trafficGrowthToggle > img,
            .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger > svg,
            .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger > img,
            .pixels-rules-filter-wrapper #pixelsFilterTrigger > svg,
            .pixels-rules-filter-wrapper #pixelsFilterTrigger > img,
            .visitors-country-filter-wrapper #visitorsCountryFilterTrigger > svg,
            .visitors-country-filter-wrapper #visitorsCountryFilterTrigger > img,
            #countryFilterTrigger > svg,
            #countryFilterTrigger > img,
            #countryFilterTrigger > .es-country-flag-trigger-icon {
                flex: 0 0 auto !important;
            }
            .trustpilot-filter-wrapper #trustpilotToggle > span,
            .traffic-growth-filter-wrapper #trafficGrowthToggle > span,
            .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger > span,
            .pixels-rules-filter-wrapper #pixelsFilterTrigger > span,
            .visitors-country-filter-wrapper #visitorsCountryFilterTrigger > span,
            #countryFilterTrigger > .es-country-flag-trigger-label {
                flex: 1 1 auto !important;
                min-width: 0 !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                white-space: nowrap !important;
                text-align: left !important;
                font-family: "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
                font-size: var(--es2-filter-font) !important;
                font-weight: 500 !important;
                color: inherit !important;
            }
            .new-page-wrapper .filters-group button.filter-select.es-filter-control > .es-filter-trigger-label {
                font-size: var(--es2-filter-font) !important;
            }
            .es-country-filter-wrapper::after {
                display: none !important;
                content: none !important;
            }
            /* Ensure their direct wrappers also stretch */
            .trustpilot-filter-wrapper,
            .traffic-growth-filter-wrapper {
                width: 100% !important;
            }

            /* Hover/focus — apply across selects + triggers uniformly */
            .filter-select:hover,
            .trustpilot-filter-wrapper #trustpilotToggle:hover,
            .traffic-growth-filter-wrapper #trafficGrowthToggle:hover,
            .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger:hover,
            .pixels-rules-filter-wrapper #pixelsFilterTrigger:hover,
            .visitors-country-filter-wrapper #visitorsCountryFilterTrigger:hover,
            #countryFilterTrigger:hover {
                border-color: var(--es2-border-hov) !important;
                background-color: var(--es2-filter-surface-hov) !important;
                color: var(--es2-text) !important;
            }
            .filter-select:focus {
                border-color: var(--es2-border-strong) !important;
                background-color: var(--es2-filter-surface-focus) !important;
                box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.12) !important;
            }
            /* Creation-date field is a readonly <input>: match select typography + placeholder (UA defaults differ). */
            .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select {
                color: var(--es2-text-2) !important;
                -webkit-text-fill-color: var(--es2-text-2) !important;
            }
            .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select::placeholder,
            .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select::-webkit-input-placeholder {
                color: var(--es2-text-2) !important;
                -webkit-text-fill-color: var(--es2-text-2) !important;
                opacity: 1 !important;
                font-family: "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
                font-size: var(--es2-filter-font) !important;
                font-weight: 500 !important;
            }
            .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select:hover {
                color: var(--es2-text) !important;
                -webkit-text-fill-color: var(--es2-text) !important;
            }
            .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select:focus,
            .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select:focus-visible {
                outline: none !important;
            }
            /* Options inside native selects — inherit our font */
            .filter-select option {
                font-family: inherit !important;
                font-size: var(--es2-filter-font) !important;
                color: var(--es2-text) !important;
            }
            /* shrink chevron, recolor — filters bar only (avoid leaking to other .select-wrapper on page) */
            .new-page-wrapper .filters-group .select-wrapper::after {
                width: 4px !important;
                height: 4px !important;
                border-right-width: 1.4px !important;
                border-bottom-width: 1.4px !important;
                border-color: var(--es2-text-3) !important;
                right: 9px !important;
            }

            /* Landers library: these controls include text inputs (not dropdowns).
               Remove the dropdown chevron + adjust padding so they match the store explorer filter pills. */
            .landers-page-wrapper #landers-minimal-filters .select-wrapper:has(input.filter-select)::after {
                display: none !important;
            }
            .landers-page-wrapper #landers-minimal-filters input.filter-select {
                padding-right: 12px !important;
            }
            .new-page-wrapper .filters-group .select-wrapper .select-icon {
                display: flex !important;
                position: absolute !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                width: auto !important;
                height: auto !important;
                left: 8px !important;
                opacity: 1;
                color: var(--es2-text-mute);
                flex-shrink: 0;
                align-items: center !important;
                justify-content: center !important;
                line-height: 1 !important;
                font-size: 13px !important;
            }
            /* Inline SVG .select-icon (Apple SF Symbols–style) — constrain size so width:auto on the parent
               rule doesn't let the 24x24 viewBox render full-size. */
            .new-page-wrapper .filters-group .select-wrapper svg.select-icon {
                width: 13px !important;
                height: 13px !important;
                stroke-width: 1.7 !important;
            }
            /* Hide old ::before pseudo-element icons — inline .select-icon SVGs are now used uniformly. */
            .new-page-wrapper .filters-group .select-wrapper::before {
                display: none !important;
                content: none !important;
            }
            .new-page-wrapper .filters-group .select-wrapper:has(#categoryFilter)::before,
            .new-page-wrapper .filters-group .select-wrapper:has(#monthlyRevenueFilter)::before,
            .new-page-wrapper .filters-group .select-wrapper:has(#annualRevenueFilter)::before,
            .new-page-wrapper .filters-group .select-wrapper:has(#currencyFilter)::before,
            .new-page-wrapper .filters-group .select-wrapper:has(#revenueChangeFilter)::before,
            .new-page-wrapper .filters-group .select-wrapper:has(#aovFilter)::before,
            .new-page-wrapper .filters-group .select-wrapper:has(#monthlyVisitsFilter)::before,
            .new-page-wrapper .filters-group .select-wrapper:has(#countryFilter)::before,
            .new-page-wrapper .filters-group .select-wrapper:has(#languageFilter)::before,
            .new-page-wrapper .filters-group .select-wrapper:has(#productCountFilter)::before {
                display: none !important;
                content: none !important;
            }
            /* Creation-date filter: keep only the inline calendar SVG icon. */
            .filters-group .select-wrapper.store-created-filter-wrapper::before {
                display: none !important;
                content: none !important;
            }
            .filters-group .select-wrapper.store-created-filter-wrapper .select-icon {
                opacity: 1 !important;
            }
            /* Creation date: absolute emoji icon — input needs select-style left padding (not button 10px) */
            .new-page-wrapper .filters-group .select-wrapper.store-created-filter-wrapper .select-icon {
                left: 8px !important;
                width: 14px !important;
                height: 14px !important;
                font-size: 12px !important;
                line-height: 1 !important;
                pointer-events: none !important;
                z-index: 1 !important;
            }
            .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select {
                display: block !important;
                padding: 0 24px 0 30px !important;
                text-overflow: ellipsis !important;
                white-space: nowrap !important;
                overflow: hidden !important;
            }

            /* Custom-trigger button icons / chevrons — uniform sizing */
            .trustpilot-filter-wrapper #trustpilotToggle > .filter-emoji-icon:first-child,
            .traffic-growth-filter-wrapper #trafficGrowthToggle > .filter-emoji-icon:first-child,
            .visitors-country-filter-wrapper #visitorsCountryFilterTrigger > .filter-emoji-icon:first-child,
            .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger > .filter-emoji-icon:first-child,
            .pixels-rules-filter-wrapper #pixelsFilterTrigger > .filter-emoji-icon:first-child {
                width: auto !important;
                height: auto !important;
                margin: 0 !important;
                color: var(--es2-text-mute) !important;
                display: inline-block !important;
                flex: 0 0 auto !important;
                font-size: 13px !important;
                line-height: 1 !important;
                text-align: left !important;
            }
            /* Custom filter buttons — same left-aligned layout as native <select> filters */
            .new-page-wrapper .trustpilot-filter-wrapper #trustpilotToggle,
            .new-page-wrapper .traffic-growth-filter-wrapper #trafficGrowthToggle,
            .new-page-wrapper .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger,
            .new-page-wrapper .pixels-rules-filter-wrapper #pixelsFilterTrigger,
            .new-page-wrapper .visitors-country-filter-wrapper #visitorsCountryFilterTrigger {
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: flex-start !important;
                text-align: left !important;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                box-sizing: border-box !important;
                padding: 0 26px 0 10px !important;
                gap: 6px !important;
                overflow: hidden !important;
            }
            .new-page-wrapper .trustpilot-filter-wrapper #trustpilotToggle > svg:first-of-type,
            .new-page-wrapper .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger > img:first-of-type,
            .new-page-wrapper .traffic-growth-filter-wrapper #trafficGrowthToggle > .filter-emoji-icon,
            .new-page-wrapper .pixels-rules-filter-wrapper #pixelsFilterTrigger > .filter-emoji-icon,
            .new-page-wrapper .visitors-country-filter-wrapper #visitorsCountryFilterTrigger > .filter-emoji-icon {
                flex: 0 0 auto !important;
                margin: 0 !important;
                align-self: center !important;
            }
            .new-page-wrapper .trustpilot-filter-wrapper #trustpilotToggle > svg:last-of-type,
            .new-page-wrapper .traffic-growth-filter-wrapper #trafficGrowthToggle > svg:last-of-type,
            .new-page-wrapper .visitors-country-filter-wrapper #visitorsCountryFilterTrigger > svg:last-of-type,
            .new-page-wrapper .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger > svg:last-of-type,
            .new-page-wrapper .pixels-rules-filter-wrapper #pixelsFilterTrigger > svg:last-of-type {
                display: block !important;
                flex: 0 0 auto !important;
                width: 9px !important;
                height: 9px !important;
                margin-left: auto !important;
                margin-right: 0 !important;
                stroke: var(--es2-text-mute) !important;
            }

            /* Store apps combobox — same shell as other .es-filter-control triggers (chevron + search icon via ::before). */
            #storeAppsFilterDropdown .select-wrapper.es-filter-control {
                position: relative !important;
                width: 100% !important;
                min-width: 0 !important;
                max-width: 100% !important;
                box-sizing: border-box !important;
                flex: 0 0 auto !important;
                display: flex !important;
                align-items: center !important;
                gap: 0 !important;
                margin: 0 !important;
                padding: 0 24px 0 28px !important;
                height: var(--es2-h-control) !important;
                min-height: var(--es2-h-control) !important;
                background-color: var(--es2-filter-surface) !important;
                border: 1px solid var(--es2-border) !important;
                border-radius: var(--es2-radius) !important;
                box-shadow: none !important;
            }
            #storeAppsFilterDropdown .select-wrapper.es-filter-control:hover {
                border-color: var(--es2-border-hov) !important;
                background-color: var(--es2-filter-surface-hov) !important;
            }
            #storeAppsFilterDropdown .select-wrapper.es-filter-control:focus-within {
                border-color: var(--es2-border-strong) !important;
                background-color: var(--es2-filter-surface-focus) !important;
                box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.12) !important;
            }
            #storeAppsFilterDropdown .select-wrapper.es-filter-control > svg:first-child {
                display: none !important;
            }
            #storeAppsFilterDropdown .select-wrapper.es-filter-control::before {
                content: "" !important;
                position: absolute !important;
                left: 8px !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                width: 14px !important;
                height: 14px !important;
                background-repeat: no-repeat !important;
                background-position: center !important;
                background-size: 14px 14px !important;
                background-image: url("/images/shopify-bag.svg") !important;
                opacity: 1 !important;
                pointer-events: none;
                display: block !important;
            }
            #storeAppsFilterDropdown .es-filter-control__input,
            #storeAppsFilterDropdown .search-input {
                width: 100% !important;
                height: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                background: transparent !important;
                border: 0 !important;
                outline: none !important;
                box-shadow: none !important;
                font-family: "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
                font-size: var(--es2-filter-font) !important;
                font-weight: 500 !important;
                color: var(--es2-text-2) !important;
                text-overflow: ellipsis !important;
            }
            #storeAppsFilterDropdown .es-filter-control__input::placeholder,
            #storeAppsFilterDropdown .search-input::placeholder {
                color: var(--es2-text-mute) !important;
                font-weight: 500 !important;
                font-size: var(--es2-filter-font) !important;
                opacity: 1 !important;
            }
            /* Chevron — same affordance as native .select-wrapper */
            #storeAppsFilterDropdown .select-wrapper.es-filter-control::after {
                content: "" !important;
                display: block !important;
                position: absolute !important;
                right: 9px !important;
                top: 50% !important;
                width: 4px !important;
                height: 4px !important;
                border-right: 1.4px solid var(--es2-text-3) !important;
                border-bottom: 1.4px solid var(--es2-text-3) !important;
                transform: translateY(-50%) rotate(45deg) !important;
                pointer-events: none !important;
                transition: transform 0.2s ease !important;
            }
            #storeAppsFilterDropdown .select-wrapper.es-filter-control.open::after {
                transform: translateY(-50%) rotate(-135deg) !important;
            }

            /* ---------- Active filter chips (now also hosts Export button) ---------- */
            .active-filters-bar {
                margin-bottom: 10px !important;
                padding: 8px 10px 8px 12px !important;
                border: 1px solid var(--es2-border) !important;
                border-radius: var(--es2-radius) !important;
                background: var(--es2-surface) !important;
                min-height: 44px !important;
                gap: 10px !important;
                align-items: center !important;
                flex-wrap: nowrap !important;
                box-shadow: var(--es2-shadow-xs);
            }
            .active-filters-bar .active-filters-tags {
                flex: 1 1 auto !important;
                min-width: 0 !important;
                align-items: center !important;
            }
            .active-filters-bar:has(.no-filters-text:only-child + button[style*="display: none"]),
            .active-filters-bar:has(.active-filters-tags > .no-filters-text) {
                background: var(--es2-surface) !important;
            }
            .filter-tag {
                padding: 4px 9px !important;
                background: var(--es2-surface) !important;
                border: 1px solid var(--es2-border) !important;
                border-radius: var(--es2-radius-sm) !important;
                font-size: 11px !important;
            }
            .filter-tag-label { color: var(--es2-text-3) !important; }
            .filter-tag-value { color: var(--es2-text) !important; font-weight: 600 !important; }
            .clear-filters {
                padding: 4px 10px !important;
                font-size: 11px !important;
                border-radius: 6px !important;
                background: #fff !important;
                border: 1px solid var(--es2-border) !important;
                color: var(--es2-text-2) !important;
                min-height: 26px !important;
                font-weight: 500;
            }
            .clear-filters:hover {
                color: var(--es2-primary) !important;
                border-color: var(--es2-primary) !important;
                background: var(--es2-primary-soft) !important;
            }
            .no-filters-text {
                font-style: normal !important;
                color: var(--es2-text-mute) !important;
                font-size: 11.5px !important;
            }

            /* ---------- Quick-filter / preset cards (currently hidden in template) ---------- */
            .filter-presets-section {
                margin: 0 !important;
            }
            /* Hide the empty wrapper that used to host presets + export button */
            .filter-presets-section:has(.filter-presets-container[style*="display: none"]),
            .filter-presets-section:has(.filter-presets-title[style*="display: none"]) {
                display: none !important;
            }
            .filter-preset-card {
                min-height: 28px !important;
                padding: 4px 10px !important;
                border-radius: 6px !important;
                background: var(--es2-surface) !important;
                border: 1px solid var(--es2-border) !important;
                box-shadow: none !important;
            }
            .filter-preset-card:hover {
                background: var(--es2-surface-hov) !important;
                border-color: var(--es2-border-hov) !important;
            }
            .filter-preset-card.active {
                background: #fff !important;
                border-color: var(--es2-primary) !important;
                box-shadow: 0 0 0 1px var(--es2-primary) !important;
            }
            .filter-preset-card.active .filter-preset-title {
                color: var(--es2-text) !important;
                font-weight: 600 !important;
            }
            .filter-preset-title { font-size: 11px !important; }

            /* ---------- Export button ---------- */
            .export-button-container {
                margin-left: auto !important;
                margin-top: 0 !important;
            }
            .export-button {
                padding: 0 12px !important;
                height: var(--es2-h-control) !important;
                border-radius: var(--es2-radius) !important;
                background: var(--es2-text) !important;
                box-shadow: none !important;
                display: inline-flex !important;
                align-items: center !important;
            }
            .export-button:hover {
                background: #1f2937 !important;
                box-shadow: none !important;
            }
            .export-button-content {
                gap: 6px !important;
                color: #fff !important;
            }
            .export-icon {
                width: 13px !important;
                height: 13px !important;
                color: #fff !important;
            }
            .export-text {
                font-size: 12px !important;
                font-weight: 600 !important;
                color: #fff !important;
            }

            /* ---------- Table card ---------- */
            .table-wrapper {
                margin: 0 !important;
                width: 100% !important;
                background: var(--es2-surface) !important;
                border: 1px solid var(--es2-border) !important;
                border-radius: var(--es2-radius-lg) !important;
                box-shadow: var(--es2-shadow-xs) !important;
                /* Restore horizontal scroll — the table has min-width:1500px and
                   overflows the wrapper. overflow:hidden was clipping it. */
                overflow-x: auto !important;
                overflow-y: visible !important;
                -webkit-overflow-scrolling: touch;
            }
            /* Slim, themed scrollbar to match the redesigned page */
            .table-wrapper::-webkit-scrollbar {
                height: 8px !important;
                width: 8px !important;
            }
            .table-wrapper::-webkit-scrollbar-track {
                background: transparent !important;
            }
            .table-wrapper::-webkit-scrollbar-thumb {
                background: var(--es2-border) !important;
                border-radius: 999px !important;
            }
            .table-wrapper::-webkit-scrollbar-thumb:hover {
                background: var(--es2-border-strong) !important;
            }
            .table-wrapper { scrollbar-width: thin; scrollbar-color: var(--es2-border) transparent; }
            .table-wrapper > .skeleton-loader { padding: 6px; }
            .skeleton-loader {
                width: 100%;
                background: #fff;
                border-radius: 12px;
                overflow: hidden;
                border: 1px solid var(--es2-border);
            }
            .skeleton-header,
            .skeleton-body {
                width: 100%;
            }
            .skeleton-row {
                display: flex;
                padding: 12px 16px;
                border-bottom: 1px solid var(--es2-border);
            }
            .skeleton-cell {
                flex: 1;
                height: 20px;
                background: #e5e7eb;
                border-radius: 6px;
                margin-right: 16px;
            }
            .skeleton-cell:last-child {
                margin-right: 0;
            }
            .w-40 { flex: 2; }
            .w-70 { width: 70%; }
            .w-50 { width: 50%; }
            .store-info-skeleton {
                display: flex;
                align-items: center;
                gap: 12px;
            }
            .skeleton-icon {
                width: 32px;
                height: 32px;
                background: #e5e7eb;
                border-radius: 6px;
                flex-shrink: 0;
            }
            .skeleton-text { flex: 1; }
            .skeleton-line {
                height: 12px;
                background: #e5e7eb;
                border-radius: 6px;
                margin-bottom: 8px;
            }
            .skeleton-line:last-child {
                margin-bottom: 0;
            }
            @keyframes exploreShopsSkeletonPulse {
                0% { opacity: 1; }
                50% { opacity: 0.5; }
                100% { opacity: 1; }
            }
            .skeleton-cell,
            .skeleton-icon,
            .skeleton-line {
                animation: exploreShopsSkeletonPulse 1.5s ease-in-out infinite;
            }

            .shops-table {
                min-width: 1500px !important;
                border-collapse: collapse !important;
                text-align: left !important;
            }
            /* Table scroll area stays under the filter row in the stacking order */
            .new-page-wrapper .table-wrapper {
                position: relative !important;
                z-index: 0 !important;
            }
            /* Header — sticky so it stays visible on vertical scroll */
            .shops-table thead {
                position: sticky !important;
                top: 0 !important;
                z-index: 10 !important;
                background: var(--es2-surface-alt) !important;
                border-bottom: 1px solid var(--es2-border) !important;
            }
            .shops-table thead th {
                position: sticky !important;
                top: 0 !important;
                z-index: 10 !important;
                background: var(--es2-surface-alt) !important;
                padding: 9px 12px !important;
                font-size: 11px !important;
                font-weight: 600 !important;
                text-transform: none !important;
                letter-spacing: 0 !important;
                color: var(--es2-text-3) !important;
                border-bottom: 1px solid var(--es2-border) !important;
                white-space: nowrap !important;
            }
            /* First column (store name) — sticky so it stays visible on horizontal scroll */
            .shops-table thead th:first-child {
                position: sticky !important;
                top: 0 !important;
                left: 0 !important;
                z-index: 12 !important;
                background: var(--es2-surface-alt) !important;
            }
            .shops-table tbody td:first-child {
                position: sticky !important;
                left: 0 !important;
                z-index: 4 !important;
                background: #fff !important;
            }
            /* Column widths — ensure columns don't collapse */
            .shops-table th:first-child,
            .shops-table td:first-child {
                min-width: 280px !important;
                width: 280px !important;
                max-width: 280px !important;
                overflow: hidden !important;
            }
            .shops-table th:last-child,
            .shops-table td:last-child {
                min-width: 90px !important;
            }
            .shops-table th:nth-child(2),
            .shops-table td:nth-child(2) {
                min-width: 286px !important;
                width: 286px !important;
            }
            .shops-table th:nth-child(3),
            .shops-table td:nth-child(3) {
                min-width: 160px !important;
                width: 160px !important;
            }
            .shops-table th:nth-child(4),
            .shops-table td:nth-child(4) {
                min-width: 192px !important;
                width: 192px !important;
            }
            .shops-table th:nth-child(5),
            .shops-table td:nth-child(5) {
                min-width: 148px !important;
                width: 148px !important;
                text-align: center !important;
            }
            .shops-table th:nth-child(7),
            .shops-table td:nth-child(7) {
                min-width: 168px !important;
                width: 168px !important;
            }
            .shops-table th:nth-child(8),
            .shops-table td:nth-child(8) {
                min-width: 150px !important;
                width: 150px !important;
            }

            /* MacBook / laptop: filters in ≤2 rows; first 4 table cols at full width, scroll for Avg. Price & Email */
            @media (max-width: 1536px) {
                .new-page-wrapper .filters-group {
                    display: grid !important;
                    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
                    align-items: stretch !important;
                }
                .new-page-wrapper .filters-group > .filter-item,
                .new-page-wrapper .filters-group > #storeAppsFilterDropdown.filter-item,
                .new-page-wrapper .filters-group > .filter-item.filter-item--store-created,
                .new-page-wrapper .filters-group > .filter-item.filter-item--shopify-theme,
                .new-page-wrapper .filters-group > .filter-item.filter-item--explore-pixels,
                .new-page-wrapper .filters-group > .filter-item.filter-item--visitors-country,
                .new-page-wrapper .filters-group > .filter-item.filter-item--category {
                    flex: unset !important;
                    min-width: 0 !important;
                    max-width: none !important;
                    width: auto !important;
                }
                .new-page-wrapper .shops-table {
                    min-width: 1080px !important;
                    width: auto !important;
                    table-layout: auto !important;
                }
                .new-page-wrapper .shops-table th:first-child,
                .new-page-wrapper .shops-table td:first-child {
                    min-width: 240px !important;
                    width: 240px !important;
                    max-width: 240px !important;
                    overflow: hidden !important;
                }
                .new-page-wrapper .shops-table th:nth-child(2),
                .new-page-wrapper .shops-table td:nth-child(2) {
                    min-width: 240px !important;
                    width: 240px !important;
                }
                .new-page-wrapper .shops-table th:nth-child(3),
                .new-page-wrapper .shops-table td:nth-child(3) {
                    min-width: 130px !important;
                    width: 130px !important;
                }
                .new-page-wrapper .shops-table th:nth-child(4),
                .new-page-wrapper .shops-table td:nth-child(4) {
                    min-width: 150px !important;
                    width: 150px !important;
                }
                .new-page-wrapper .shops-table th:nth-child(5),
                .new-page-wrapper .shops-table td:nth-child(5) {
                    min-width: 118px !important;
                    width: 118px !important;
                }
                .new-page-wrapper .shops-table th:nth-child(6),
                .new-page-wrapper .shops-table td:nth-child(6) {
                    min-width: 72px !important;
                    width: 72px !important;
                }
                .new-page-wrapper .shops-table th:nth-child(7),
                .new-page-wrapper .shops-table td:nth-child(7) {
                    min-width: 164px !important;
                    width: 164px !important;
                }
                .new-page-wrapper .shops-table th.explore-wlads-col-header,
                .new-page-wrapper .shops-table td.explore-wlads-td {
                    width: 164px !important;
                    min-width: 164px !important;
                    max-width: 168px !important;
                }
                .new-page-wrapper .shops-table th:nth-child(8),
                .new-page-wrapper .shops-table td:nth-child(8) {
                    min-width: 72px !important;
                    width: 72px !important;
                }
                .new-page-wrapper .shops-table thead th,
                .new-page-wrapper .shops-table tbody td {
                    padding: 8px 10px !important;
                }
                .new-page-wrapper .shops-table th:nth-child(6),
                .new-page-wrapper .shops-table td:nth-child(6),
                .new-page-wrapper .shops-table th:nth-child(8),
                .new-page-wrapper .shops-table td:nth-child(8) {
                    padding: 8px 6px !important;
                }
                .new-page-wrapper .shops-table thead th {
                    font-size: 10px !important;
                }
            }

            .shops-table th { padding: 9px 12px !important; }
            .shops-table th svg,
            .shops-table th img {
                width: 13px !important;
                height: 13px !important;
                margin-right: 1px;
            }
            .shops-table th .flex.items-center.gap-2 { gap: 4px !important; }
            /* Help popovers: fixed layer; JS sets left/top (no !important on left/top — that blocked inline coords). */
            .new-page-wrapper .tooltip-wrapper.has-popup {
                position: relative;
                overflow: visible;
            }
            .new-page-wrapper .tooltip-wrapper.has-popup .tooltip-popup {
                display: none;
                position: fixed;
                margin: 0;
                transform: none;
                z-index: 10100 !important;
                max-width: min(300px, 94vw) !important;
                width: max-content !important;
                padding: 8px 12px !important;
                font-size: 12px !important;
                line-height: 1.45 !important;
                font-weight: 500 !important;
                color: #f8fafc !important;
                background: #1e293b !important;
                border-radius: 8px !important;
                box-shadow: 0 10px 28px rgba(15, 23, 42, 0.2) !important;
                pointer-events: none !important;
                text-align: left !important;
                white-space: normal !important;
            }

            /* Vertical grid lines — softer */
            .shops-table th:not(:last-child),
            .shops-table td:not(:last-child) {
                border-right: 1px solid #f1f3f6 !important;
            }
            /* Row borders */
            .shops-table tbody tr {
                border-bottom: 1px solid var(--es2-border) !important;
            }
            .shops-table tbody tr:last-child {
                border-bottom: 0 !important;
            }
            .shops-table tbody td {
                padding: 10px 12px !important;
                font-size: 12px !important;
                color: var(--es2-text) !important;
                border-bottom: 1px solid var(--es2-border) !important;
                background: #fff !important;
                vertical-align: middle !important;
            }
            .shops-table td { padding: 10px 12px !important; }
            /* Zebra rows for scannability */
            .shops-table tbody tr:nth-child(even) td {
                background: #fcfcfd !important;
            }
            .shops-table tbody tr:hover td {
                background: #f5f8ff !important;
                cursor: pointer !important;
            }
            .shops-table tbody tr:hover td:first-child {
                background: #f5f8ff !important;
            }
            .shops-table tbody tr.explore-search-track-row td {
                background: #fff8ee !important;
            }
            .shops-table tbody tr.explore-search-track-row:hover td {
                background: #ffefd8 !important;
            }
            .shops-table tbody tr.explore-search-track-row td:first-child {
                border-left: 3px solid #f59e0b !important;
            }
            /* Store cell — slightly stronger */
            .shops-table td:first-child {
                font-weight: 600 !important;
                color: var(--es2-text) !important;
            }
            .shops-table td:not(:first-child) {
                font-weight: 500 !important;
                font-size: 12px !important;
                color: var(--es2-text-2) !important;
            }
            /* Sortable arrows */
            .shops-table th.sortable {
                cursor: pointer !important;
                padding-right: 24px !important;
            }
            .shops-table th.sortable::after {
                content: '↕';
                position: absolute;
                right: 8px;
                top: 50%;
                transform: translateY(-50%);
                font-size: 11px;
                font-weight: 700;
                line-height: 1;
                color: var(--es2-text-3);
                opacity: .7;
                pointer-events: none;
            }
            .shops-table th.sortable.sorted-asc::after,
            .shops-table th.sortable[aria-sort="ascending"]::after {
                content: '↑';
                color: var(--es2-primary);
                opacity: 1;
            }
            .shops-table th.sortable.sorted-desc::after,
            .shops-table th.sortable[aria-sort="descending"]::after {
                content: '↓';
                color: var(--es2-primary);
                opacity: 1;
            }
            .shops-table th.sortable:hover {
                background: #eef1f6 !important;
                color: var(--es2-text) !important;
            }
            .shops-table th.sortable:hover:first-child {
                background: #eef1f6 !important;
            }
            /* Period badge inside header */
            .explore-period-badge {
                background: var(--es2-primary-soft) !important;
                color: var(--es2-primary-text) !important;
                font-weight: 600 !important;
                padding: 1px 5px !important;
                border-radius: 4px !important;
                font-size: 9.5px !important;
                margin-left: 2px;
                text-transform: lowercase;
                font-variant-numeric: tabular-nums;
            }

            /* Override hardcoded child-cell paddings to a uniform value */
            .shops-table th:nth-child(2),  .shops-table td:nth-child(2),
            .shops-table th:nth-child(3),  .shops-table td:nth-child(3),
            .shops-table th:nth-child(4),  .shops-table td:nth-child(4),
            .shops-table th:nth-child(5),  .shops-table td:nth-child(5),
            .shops-table th:nth-child(7),  .shops-table td:nth-child(7),
            .shops-table th:nth-child(8),  .shops-table td:nth-child(8) {
                padding: 10px 12px !important;
            }

            /* ---------- Pagination — flush against table ---------- */
            .new-page-wrapper .pagination-wrapper {
                margin-top: 8px !important;
                padding: 8px 12px !important;
                background: var(--es2-surface) !important;
                border: 1px solid var(--es2-border) !important;
                border-radius: var(--es2-radius-lg) !important;
                box-shadow: var(--es2-shadow-xs) !important;
                display: flex !important;
                flex-wrap: wrap !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 10px 14px !important;
                box-sizing: border-box !important;
                width: 100% !important;
                max-width: 100% !important;
            }
            .new-page-wrapper .pagination-info {
                display: flex !important;
                align-items: center !important;
                flex-wrap: wrap !important;
                gap: 10px !important;
                font-size: 12px !important;
                color: var(--es2-text-2) !important;
                flex: 1 1 220px !important;
                min-width: 0 !important;
            }
            .new-page-wrapper .pagination-info .pagination-info-sep {
                color: #cbd5e1 !important;
                user-select: none !important;
            }
            .new-page-wrapper .pagination-info label[for="stores-per-page-select"] {
                display: inline-flex !important;
                align-items: center !important;
                gap: 6px !important;
                color: #00000 !important;
                font-weight: 500 !important;
                margin: 0 !important;
            }
            .new-page-wrapper .pagination-info select#stores-per-page-select {
                border-radius: 999px !important;
                padding: 4px 10px !important;
                font-size: 12px !important;
                line-height: 1.2 !important;
                font-weight: 600 !important;
                min-width: 64px !important;
                background: #fff !important;
                color: #334155 !important;
                border: 1px solid #e2e8f0 !important;
            }
            /* Anchor for upgrade overlay; lock uses position absolute */
            .new-page-wrapper .pagination-controls {
                position: relative !important;
                display: flex !important;
                flex-wrap: wrap !important;
                align-items: center !important;
                justify-content: flex-start !important;
                gap: 6px !important;
                row-gap: 8px !important;
                flex: 1 1 320px !important;
                min-width: 0 !important;
            }
            .new-page-wrapper .pagination-pages {
                display: inline-flex !important;
                flex-direction: row !important;
                flex-wrap: wrap !important;
                align-items: center !important;
                justify-content: center !important;
                align-content: center !important;
                gap: 4px !important;
                min-height: 28px !important;
                min-width: 0 !important;
                flex: 1 1 120px !important;
                max-width: 100% !important;
            }
            .new-page-wrapper .page-number,
            .new-page-wrapper .page-ellipsis {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                box-sizing: border-box !important;
                flex-shrink: 0 !important;
            }
            .new-page-wrapper .page-ellipsis {
                min-width: 1.25em !important;
                padding: 0 2px !important;
                height: 26px !important;
                font-size: 12px !important;
                font-weight: 500 !important;
                color: var(--es2-text-3, #94a3b8) !important;
                pointer-events: none !important;
                user-select: none !important;
            }
            .new-page-wrapper .pagination-button {
                display: inline-flex !important;
                align-items: center !important;
                padding: 5px 10px !important;
                font-size: 12px !important;
                border-radius: 6px !important;
                background: var(--es2-surface) !important;
                border: 1px solid var(--es2-border) !important;
                color: var(--es2-text-2) !important;
                font-weight: 500 !important;
                gap: 4px !important;
                min-height: 28px !important;
                flex-shrink: 0 !important;
            }
            .new-page-wrapper .pagination-button:hover:not(:disabled) {
                background: var(--es2-surface-hov) !important;
                border-color: var(--es2-border-hov) !important;
                color: var(--es2-text) !important;
            }
            .new-page-wrapper .pagination-button:disabled {
                opacity: 0.55 !important;
                cursor: not-allowed !important;
            }
            .new-page-wrapper .pagination-icon { width: 12px !important; height: 12px !important; }
            .new-page-wrapper .page-number {
                min-width: 26px !important;
                height: 26px !important;
                font-size: 12px !important;
                font-weight: 500 !important;
                border-radius: 6px !important;
                color: var(--es2-text-2) !important;
                cursor: pointer !important;
                border: 1px solid transparent !important;
                background: transparent !important;
                line-height: 1 !important;
            }
            .new-page-wrapper .page-number:hover:not(.active) {
                background: var(--es2-surface-hov) !important;
                color: var(--es2-text) !important;
                border-color: var(--es2-border) !important;
            }
            .new-page-wrapper .page-number.active {
                background: var(--es2-primary) !important;
                color: #fff !important;
                font-weight: 600 !important;
                border-color: transparent !important;
            }
            .new-page-wrapper .pagination-goto {
                display: inline-flex !important;
                align-items: center !important;
                flex-wrap: nowrap !important;
                gap: 6px !important;
                flex-shrink: 0 !important;
            }
            .new-page-wrapper .pagination-goto-label {
                color: var(--es2-text-2) !important;
                font-size: 12px !important;
                white-space: nowrap !important;
            }
            .new-page-wrapper .pagination-goto-input {
                padding: 3px 6px !important;
                font-size: 11.5px !important;
                border-radius: 6px !important;
                border: 1px solid var(--es2-border) !important;
                width: 44px !important;
                min-height: 28px !important;
                box-sizing: border-box !important;
            }
            .new-page-wrapper .pagination-goto-btn {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                min-width: 28px !important;
                min-height: 28px !important;
                padding: 3px 6px !important;
                border-radius: 6px !important;
                border: 1px solid var(--es2-border) !important;
                background: var(--es2-surface) !important;
                color: var(--es2-text-2) !important;
                box-sizing: border-box !important;
            }
            .new-page-wrapper .pagination-goto-btn:hover {
                background: var(--es2-surface-hov) !important;
                color: var(--es2-text) !important;
            }
            .new-page-wrapper .pagination-lock {
                position: absolute !important;
                inset: 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                background: rgba(248, 250, 252, 0.72) !important;
                backdrop-filter: blur(2px) !important;
                border-radius: 6px !important;
                z-index: 20 !important;
                cursor: pointer !important;
            }
            .new-page-wrapper .pagination-lock-inner {
                display: inline-flex !important;
                flex-direction: column !important;
                align-items: center !important;
                gap: 4px !important;
                position: relative !important;
            }
            .new-page-wrapper .pagination-lock-svg {
                width: 24px !important;
                height: 24px !important;
                color: #374151 !important;
                flex-shrink: 0 !important;
            }
            .new-page-wrapper .pagination-lock-tooltip {
                position: absolute !important;
                top: 100% !important;
                left: 50% !important;
                transform: translateX(-50%) translateY(6px) !important;
                white-space: nowrap !important;
                background: #1f2937 !important;
                color: #fff !important;
                font-size: 12px !important;
                padding: 6px 10px !important;
                border-radius: 6px !important;
                opacity: 0 !important;
                visibility: hidden !important;
                transition: opacity 0.15s ease, visibility 0.15s ease !important;
                pointer-events: none !important;
                z-index: 30 !important;
                box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
            }
            .new-page-wrapper .pagination-lock:hover .pagination-lock-tooltip,
            .new-page-wrapper .pagination-lock:focus .pagination-lock-tooltip,
            .new-page-wrapper .pagination-lock:focus-visible .pagination-lock-tooltip {
                opacity: 1 !important;
                visibility: visible !important;
            }
            @media (max-width: 960px) {
                .new-page-wrapper .pagination-wrapper {
                    flex-direction: column !important;
                    align-items: stretch !important;
                }
                .new-page-wrapper .pagination-controls {
                    flex: 1 1 auto !important;
                    justify-content: center !important;
                }
                .new-page-wrapper .pagination-info {
                    flex: 1 1 auto !important;
                    justify-content: center !important;
                }
            }

            /* Landers uses its own page wrapper but shares the table footer controls. */
            .landers-page-wrapper .pagination-wrapper {
                margin-top: 8px !important;
                padding: 8px 12px !important;
                background: var(--es2-surface) !important;
                border: 1px solid var(--es2-border) !important;
                border-radius: var(--es2-radius-lg) !important;
                box-shadow: var(--es2-shadow-xs) !important;
                display: flex !important;
                flex-wrap: wrap !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 10px 14px !important;
                box-sizing: border-box !important;
                width: 100% !important;
                max-width: 100% !important;
            }
            .landers-page-wrapper .pagination-info {
                display: flex !important;
                align-items: center !important;
                flex-wrap: wrap !important;
                gap: 10px !important;
                font-size: 12px !important;
                color: var(--es2-text-2) !important;
                flex: 1 1 220px !important;
                min-width: 0 !important;
            }
            .landers-page-wrapper .pagination-info .pagination-info-sep {
                color: #cbd5e1 !important;
                user-select: none !important;
            }
            .landers-page-wrapper .pagination-info label[for="stores-per-page-select"] {
                display: inline-flex !important;
                align-items: center !important;
                gap: 6px !important;
                color: #00000 !important;
                font-weight: 500 !important;
                margin: 0 !important;
            }
            .landers-page-wrapper .pagination-info select#stores-per-page-select {
                border-radius: 999px !important;
                padding: 4px 10px !important;
                font-size: 12px !important;
                line-height: 1.2 !important;
                font-weight: 600 !important;
                min-width: 64px !important;
                background: #fff !important;
                color: #334155 !important;
                border: 1px solid #e2e8f0 !important;
            }
            .landers-page-wrapper .pagination-controls {
                position: relative !important;
                display: flex !important;
                flex-wrap: wrap !important;
                align-items: center !important;
                justify-content: flex-start !important;
                gap: 6px !important;
                row-gap: 8px !important;
                flex: 1 1 320px !important;
                min-width: 0 !important;
            }
            .landers-page-wrapper .pagination-pages {
                display: inline-flex !important;
                flex-direction: row !important;
                flex-wrap: wrap !important;
                align-items: center !important;
                justify-content: center !important;
                align-content: center !important;
                gap: 4px !important;
                min-height: 28px !important;
                min-width: 0 !important;
                flex: 1 1 120px !important;
                max-width: 100% !important;
            }
            .landers-page-wrapper .page-number,
            .landers-page-wrapper .page-ellipsis {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                box-sizing: border-box !important;
                flex-shrink: 0 !important;
            }
            .landers-page-wrapper .page-ellipsis {
                min-width: 1.25em !important;
                padding: 0 2px !important;
                height: 26px !important;
                font-size: 12px !important;
                font-weight: 500 !important;
                color: var(--es2-text-3, #94a3b8) !important;
                pointer-events: none !important;
                user-select: none !important;
            }
            .landers-page-wrapper .pagination-button {
                display: inline-flex !important;
                align-items: center !important;
                padding: 5px 10px !important;
                font-size: 12px !important;
                border-radius: 6px !important;
                background: var(--es2-surface) !important;
                border: 1px solid var(--es2-border) !important;
                color: var(--es2-text-2) !important;
                font-weight: 500 !important;
                gap: 4px !important;
                min-height: 28px !important;
                flex-shrink: 0 !important;
            }
            .landers-page-wrapper .pagination-button:hover:not(:disabled) {
                background: var(--es2-surface-hov) !important;
                border-color: var(--es2-border-hov) !important;
                color: var(--es2-text) !important;
            }
            .landers-page-wrapper .pagination-button:disabled {
                opacity: 0.55 !important;
                cursor: not-allowed !important;
            }
            .landers-page-wrapper .pagination-icon {
                width: 12px !important;
                height: 12px !important;
            }
            .landers-page-wrapper .page-number {
                min-width: 26px !important;
                height: 26px !important;
                font-size: 12px !important;
                font-weight: 500 !important;
                border-radius: 6px !important;
                color: var(--es2-text-2) !important;
                cursor: pointer !important;
                border: 1px solid transparent !important;
                background: transparent !important;
                line-height: 1 !important;
            }
            .landers-page-wrapper .page-number:hover:not(.active) {
                background: var(--es2-surface-hov) !important;
                color: var(--es2-text) !important;
                border-color: var(--es2-border) !important;
            }
            .landers-page-wrapper .page-number.active {
                background: var(--es2-primary) !important;
                color: #fff !important;
                font-weight: 600 !important;
                border-color: transparent !important;
            }
            .landers-page-wrapper .pagination-goto {
                display: inline-flex !important;
                align-items: center !important;
                flex-wrap: nowrap !important;
                gap: 6px !important;
                flex-shrink: 0 !important;
            }
            .landers-page-wrapper .pagination-goto-label {
                color: var(--es2-text-2) !important;
                font-size: 12px !important;
                white-space: nowrap !important;
            }
            .landers-page-wrapper .pagination-goto-input {
                padding: 3px 6px !important;
                font-size: 11.5px !important;
                border-radius: 6px !important;
                border: 1px solid var(--es2-border) !important;
                width: 44px !important;
                min-height: 28px !important;
                box-sizing: border-box !important;
            }
            .landers-page-wrapper .pagination-goto-btn {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                min-width: 28px !important;
                min-height: 28px !important;
                padding: 3px 6px !important;
                border-radius: 6px !important;
                border: 1px solid var(--es2-border) !important;
                background: var(--es2-surface) !important;
                color: var(--es2-text-2) !important;
                box-sizing: border-box !important;
            }
            .landers-page-wrapper .pagination-goto-btn:hover {
                background: var(--es2-surface-hov) !important;
                color: var(--es2-text) !important;
            }
            .landers-page-wrapper .pagination-lock {
                position: absolute !important;
                inset: 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                background: rgba(248, 250, 252, 0.72) !important;
                backdrop-filter: blur(2px) !important;
                border-radius: 6px !important;
                z-index: 20 !important;
                cursor: pointer !important;
            }
            .landers-page-wrapper .pagination-lock-inner {
                display: inline-flex !important;
                flex-direction: column !important;
                align-items: center !important;
                gap: 4px !important;
                position: relative !important;
            }
            .landers-page-wrapper .pagination-lock-svg {
                width: 24px !important;
                height: 24px !important;
                color: #374151 !important;
                flex-shrink: 0 !important;
            }
            .landers-page-wrapper .pagination-lock-tooltip {
                position: absolute !important;
                top: 100% !important;
                left: 50% !important;
                transform: translateX(-50%) translateY(6px) !important;
                white-space: nowrap !important;
                background: #1f2937 !important;
                color: #fff !important;
                font-size: 12px !important;
                padding: 6px 10px !important;
                border-radius: 6px !important;
                opacity: 0 !important;
                visibility: hidden !important;
                transition: opacity 0.15s ease, visibility 0.15s ease !important;
                pointer-events: none !important;
                z-index: 30 !important;
                box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
            }
            .landers-page-wrapper .pagination-lock:hover .pagination-lock-tooltip,
            .landers-page-wrapper .pagination-lock:focus .pagination-lock-tooltip,
            .landers-page-wrapper .pagination-lock:focus-visible .pagination-lock-tooltip {
                opacity: 1 !important;
                visibility: visible !important;
            }
            @media (max-width: 960px) {
                .landers-page-wrapper .pagination-wrapper {
                    flex-direction: column !important;
                    align-items: stretch !important;
                }
                .landers-page-wrapper .pagination-controls {
                    flex: 1 1 auto !important;
                    justify-content: center !important;
                }
                .landers-page-wrapper .pagination-info {
                    flex: 1 1 auto !important;
                    justify-content: center !important;
                }
            }

            /* ---------- Header credits (inline): single row, matches accuracy chip ---------- */
            .new-page-wrapper .explore-shops-topbar-actions .explore-header-credits.credits-display-container {
                position: relative !important;
                bottom: auto !important;
                left: auto !important;
                right: auto !important;
                top: auto !important;
                z-index: 2 !important;
                display: none !important;
                align-items: center !important;
                gap: 9px !important;
                min-height: 36px !important;
                height: 36px !important;
                padding: 0 12px 0 6px !important;
                border-radius: var(--es2-radius) !important;
                border: 1px solid rgba(15, 23, 42, 0.07) !important;
                background: #fff !important;
                box-shadow: none !important;
                backdrop-filter: none !important;
            }
            .explore-header-credits__icon {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 22px !important;
                height: 22px !important;
                border-radius: var(--es2-radius-sm) !important;
                border: 1px solid rgba(59, 130, 246, 0.18) !important;
                background: #eff6ff !important;
                color: #1d4ed8 !important;
                flex-shrink: 0 !important;
            }
            .explore-header-credits__icon svg {
                width: 15px !important;
                height: 15px !important;
            }
            .explore-header-credits__body {
                display: flex !important;
                flex-direction: row !important;
                align-items: baseline !important;
                justify-content: flex-start !important;
                gap: 6px !important;
                min-width: 0 !important;
                line-height: 1.15 !important;
            }
            .explore-header-credits__label {
                font-size: 10.5px !important;
                font-weight: 600 !important;
                text-transform: none !important;
                letter-spacing: 0.02em !important;
                color: var(--es2-text-3) !important;
            }
            .explore-header-credits__label::after {
                content: "\00a0·";
                color: var(--es2-border-strong);
                font-weight: 500;
            }
            .explore-header-credits__value,
            .new-page-wrapper .explore-header-credits__value.credits-value {
                font-size: 13px !important;
                font-weight: 700 !important;
                color: #0f172a !important;
                font-variant-numeric: tabular-nums;
                letter-spacing: -0.02em;
            }

            .credits-display-container {
                bottom: 16px !important;
                left: 16px !important;
                padding: 6px 10px !important;
                border-radius: 999px !important;
                border: 1px solid var(--es2-border) !important;
                background: rgba(255,255,255,0.96) !important;
                backdrop-filter: blur(6px);
                box-shadow: none !important;
            }
            .credits-icon-wrapper {
                width: 22px !important;
                height: 22px !important;
                margin-right: 6px !important;
            }
            .credits-icon-wrapper svg {
                width: 14px !important;
                height: 14px !important;
                color: var(--es2-primary) !important;
            }
            .credits-label {
                font-size: 10.5px !important;
                color: var(--es2-text-3) !important;
                font-weight: 500 !important;
                line-height: 1 !important;
            }
            .credits-value {
                font-size: 13px !important;
                color: var(--es2-text) !important;
                font-weight: 700 !important;
                line-height: 1.1 !important;
            }

            /* ---------- Misc cleanup ---------- */
            .visual-search-grid-wrap {
                margin-top: 8px !important;
                border: 1px solid var(--es2-border) !important;
                border-radius: var(--es2-radius-lg) !important;
                box-shadow: var(--es2-shadow-xs) !important;
            }

            /* Tighter responsive on small screens */
            @media (max-width: 991px) {
                .new-page-wrapper {
                    margin-left: 0 !important;
                    width: 100% !important;
                    padding: 0 10px !important;
                }
                .page-content { padding-top: 76px !important; }
                .filters-bar { padding: 8px !important; }
                .filter-select,
                .trustpilot-filter-wrapper #trustpilotToggle,
                .traffic-growth-filter-wrapper #trafficGrowthToggle,
                .shopify-theme-filter-wrapper #shopifyThemeFilterTrigger,
                .pixels-rules-filter-wrapper #pixelsFilterTrigger,
                .visitors-country-filter-wrapper #visitorsCountryFilterTrigger,
                #storeAppsFilterDropdown .filter-select,
                #storeCreatedRangeInput.filter-select {
                    height: 28px !important;
                    min-height: 28px !important;
                    font-size: 11.5px !important;
                }
                .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select::placeholder,
                .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select::-webkit-input-placeholder {
                    font-size: 11.5px !important;
                }
                .shops-table thead th,
                .shops-table tbody td { padding: 8px 10px !important; }
            }

            /* =================================================================
               SIDEBAR — REDESIGN OVERRIDES (May 2026)
               Compact, modern, minimal. Same design tokens as content area.
               IMPORTANT: do NOT touch .page-content vertical padding (py-x).
               ================================================================= */

            /* Sidebar shell — keep original vertical padding, only restyle */
            .nav-sidebar {
                width: 196px !important;
                box-sizing: border-box !important;
                background-color: var(--es2-surface) !important;
                border-right: 1px solid var(--es2-border) !important;
                padding-top: 48px;
                box-shadow: none !important;
            }
            /* Match content offset to new sidebar width */
            .new-page-wrapper {
                margin-left: 196px !important;
                width: calc(100% - 196px) !important;
            }
            /* Custom scrollbar inside the sidebar */
            .nav-sidebar::-webkit-scrollbar { width: 6px; }
            .nav-sidebar::-webkit-scrollbar-track { background: transparent; }
            .nav-sidebar::-webkit-scrollbar-thumb {
                background: var(--es2-border);
                border-radius: 999px;
            }
            .nav-sidebar::-webkit-scrollbar-thumb:hover {
                background: var(--es2-border-strong);
            }

            /* Optional rail-section label (top of sidebar) */
            .nav-sidebar > nav {
                display: flex;
                flex-direction: column;
                gap: 2px;
            }

            /* Primary rail links — unified compact pill, regardless of variant */
            .nav-sidebar .nav-link,
            .nav-sidebar .nav-link-tracker,
            .nav-sidebar .nav-link-explore {
                display: flex !important;
                align-items: center !important;
                gap: 9px !important;
                height: 34px !important;
                margin: 0 0 2px 0 !important;
                padding: 0 9px !important;
                font-size: 12.5px !important;
                font-weight: 500 !important;
                line-height: 1 !important;
                color: var(--es2-text-2) !important;
                background: transparent !important;
                background-image: none !important;
                border: 1px solid transparent !important;
                border-radius: var(--es2-radius) !important;
                transition: background-color .15s ease, color .15s ease, border-color .15s ease !important;
                text-decoration: none !important;
            }
            .nav-sidebar .nav-link:hover,
            .nav-sidebar .nav-link-tracker:hover,
            .nav-sidebar .nav-link-explore:hover {
                color: var(--es2-text) !important;
                background: var(--es2-surface-hov) !important;
                background-image: none !important;
                border-color: var(--es2-border) !important;
                font-weight: 500 !important;
            }
            /* Active state — unified, uses primary token (no per-variant gradients) */
            .nav-sidebar .nav-link.nav-link-active,
            .nav-sidebar .nav-link-tracker-active,
            .nav-sidebar .nav-link-explore-active {
                color: var(--es2-primary-text) !important;
                background: var(--es2-primary-soft) !important;
                background-image: none !important;
                border-color: rgba(29, 78, 216, 0.22) !important;
                font-weight: 600 !important;
            }

            /* Icon tiles — keep brand colors, normalize size + radius */
            .nav-sidebar .nav-icon,
            .nav-sidebar .nav-icon-tracker,
            .nav-sidebar .nav-icon-explore {
                width: 20px !important;
                height: 20px !important;
                padding: 0 !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                border-radius: 5px !important;
                flex: 0 0 20px !important;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
            }
            .nav-sidebar .nav-icon svg,
            .nav-sidebar .nav-icon-tracker svg,
            .nav-sidebar .nav-icon-explore svg {
                width: 12px !important;
                height: 12px !important;
            }

            /* Categories accordion — section header (keep original p-2 px-3 spacing) */
            .nav-sidebar .accordion-header {
                background: transparent !important;
                border-radius: 0 !important;
                border-top: 1px solid var(--es2-border) !important;
                margin-top: 6px !important;
                cursor: pointer;
            }
            .nav-sidebar .accordion-header:hover {
                background: transparent !important;
            }
            .nav-sidebar .accordion-header > span {
                font-size: 10.5px !important;
                font-weight: 600 !important;
                color: var(--es2-text-mute) !important;
                text-transform: uppercase !important;
                letter-spacing: 0.05em !important;
            }
            .nav-sidebar .accordion-header .accordion-icon {
                color: var(--es2-text-mute);
                width: 11px;
                height: 11px;
            }

            /* Accordion content container */
            .nav-sidebar .accordion-content {
                padding-left: 0 !important;
                margin-left: 0 !important;
                margin-top: 2px !important;
            }

            /* Submenu items — compact, single accent for active */
            .nav-sidebar .nav-submenu-item {
                display: flex !important;
                align-items: center !important;
                gap: 8px !important;
                height: 28px !important;
                padding: 0 9px !important;
                margin: 0 0 1px 0 !important;
                font-size: 12px !important;
                color: var(--es2-text-2) !important;
                background: transparent !important;
                background-image: none !important;
                border-radius: var(--es2-radius-sm) !important;
                text-decoration: none !important;
                position: relative;
                overflow: hidden;
                transition: background-color .15s ease, color .15s ease !important;
            }
            .nav-sidebar .nav-submenu-item:hover {
                color: var(--es2-text) !important;
                background: var(--es2-surface-hov) !important;
                background-image: none !important;
            }
            .nav-sidebar .nav-submenu-item.active {
                color: var(--es2-primary-text) !important;
                background: var(--es2-primary-soft) !important;
                background-image: none !important;
                font-weight: 600 !important;
            }
            .nav-sidebar .nav-submenu-item svg {
                width: 13px !important;
                height: 13px !important;
                flex: 0 0 13px !important;
                opacity: 0.85;
            }
            .nav-sidebar .nav-submenu-item.active svg path {
                stroke: var(--es2-primary-text) !important;
            }

            /* =================================================================
               META ADS — LOADING SKELETON (May 2026)
               Used while shop.explore_wlads_ads === null. Matches table thumb size (44×58).
               ================================================================= */
            .explore-wlads-cell--loading .explore-wlads-stack {
                pointer-events: none;
            }
            .explore-wlads-skel {
                width: 44px;
                height: 58px;
                border-radius: 6px;
                background: #eef0f4;
                box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06);
                flex-shrink: 0;
            }
            .explore-wlads-skel--shimmer {
                position: relative;
                overflow: hidden;
                background:
                    linear-gradient(90deg,
                        rgba(238, 240, 244, 0) 0%,
                        rgba(255, 255, 255, 0.75) 50%,
                        rgba(238, 240, 244, 0) 100%) 0 0 / 200% 100% no-repeat,
                    #eef0f4;
                animation: exploreWladsSkelShimmer 1.25s ease-in-out infinite;
            }
            @keyframes exploreWladsSkelShimmer {
                0%   { background-position: -150% 0, 0 0; }
                100% { background-position:  150% 0, 0 0; }
            }
            .explore-wlads-empty {
                color: var(--es2-text-mute);
                font-size: 12px;
                font-weight: 500;
            }

            /* ---------- Restored after cleanup: product column, wlads, visits flags, flyout ---------- */
            #explore-best-product-flyout {
                position: fixed;
                z-index: 10070;
                pointer-events: none;
                opacity: 0;
                transform: scale(0.98);
                transition: opacity 0.18s ease, transform 0.18s ease;
                border-radius: 10px;
                overflow: visible;
                box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.06);
                background: var(--es2-surface, #fff);
                border: 1px solid var(--es2-border, #e2e8f0);
                display: flex;
                flex-direction: column;
                align-items: stretch;
                justify-content: flex-start;
                gap: 8px;
                padding: 10px 12px;
                min-width: 220px;
                max-width: min(92vw, 280px);
                box-sizing: border-box;
            }
            #explore-best-product-flyout.is-visible {
                opacity: 1;
                transform: scale(1);
                pointer-events: auto;
            }
            #explore-best-product-flyout .explore-best-product-flyout-title {
                margin: 0;
                padding: 0 2px 8px;
                font-size: 13px;
                font-weight: 600;
                line-height: 1.35;
                color: var(--es2-text, #0f172a);
                word-break: break-word;
                border-bottom: 1px solid var(--es2-border, #e2e8f0);
            }
            /* Column: image → price → competitor CTA (DOM is img, btn, badge — reorder with flex order) */
            #explore-best-product-flyout .explore-best-product-flyout-zoom-inner {
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: stretch;
                gap: 8px;
                width: 100% !important;
                height: auto !important;
                min-height: 0;
                max-width: 100%;
                transform: none !important;
                box-shadow: none !important;
                border-radius: 0;
            }
            #explore-best-product-flyout .explore-best-product-flyout-zoom-inner .best-product-image,
            #explore-best-product-flyout .explore-best-product-flyout-zoom-inner .best-product-image-placeholder,
            #explore-best-product-flyout .explore-best-product-flyout-zoom-inner .best-product-image-placeholder--svg {
                order: 1;
                flex-shrink: 0;
                display: block;
                margin: 0 auto;
                width: auto !important;
                max-width: 100%;
                height: 140px !important;
                max-height: 140px !important;
                min-height: 140px;
                object-fit: contain;
                object-position: center;
                padding: 4px;
                box-sizing: border-box;
                border-radius: 8px;
                background: #f8fafc;
                cursor: default;
            }
            #explore-best-product-flyout .explore-best-product-flyout-zoom-inner .best-product-price-badge {
                order: 2;
                position: static !important;
                align-self: center;
                opacity: 1 !important;
                margin: 0;
                padding: 4px 10px;
                font-size: 12px;
                font-weight: 600;
                line-height: 1.2;
                font-variant-numeric: tabular-nums;
                color: var(--es2-text, #0f172a);
                background: #f1f5f9;
                border: 1px solid var(--es2-border, #e2e8f0);
                border-radius: 8px;
                box-shadow: none;
                pointer-events: none;
                white-space: nowrap;
            }
            #explore-best-product-flyout .explore-best-product-flyout-zoom-inner .best-product-ai-search-btn {
                order: 3;
                position: static !important;
                top: auto !important;
                left: auto !important;
                right: auto !important;
                opacity: 1 !important;
                width: 100%;
                margin: 0;
                padding: 8px 10px;
                font-size: 11px;
                font-weight: 600;
                line-height: 1.25;
                border-radius: 8px;
                background: #1e293b;
                border: 1px solid #334155;
                color: #f8fafc;
                box-shadow: none;
                cursor: pointer;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 6px;
                white-space: normal;
                text-align: center;
                text-decoration: none;
                box-sizing: border-box;
            }
            #explore-best-product-flyout .explore-best-product-flyout-zoom-inner .best-product-ai-search-btn:hover {
                background: #0f172a;
                border-color: #0f172a;
            }
            #explore-best-product-flyout .explore-best-product-flyout-zoom-inner .best-product-ai-search-btn svg {
                width: 14px;
                height: 14px;
                flex-shrink: 0;
            }

            .new-page-wrapper .explore-wlads-cell {
                vertical-align: middle !important;
                position: relative;
                overflow: visible !important;
            }
            .new-page-wrapper .shops-table th.explore-wlads-col-header,
            .new-page-wrapper .shops-table td.explore-wlads-td {
                width: 168px !important;
                min-width: 168px !important;
                max-width: 168px !important;
            }
            .new-page-wrapper .explore-wlads-stack {
                display: flex;
                flex-direction: row;
                align-items: flex-end;
            }
            .new-page-wrapper .explore-wlads-item {
                position: relative;
                flex-shrink: 0;
            }
            .new-page-wrapper .explore-wlads-thumb-ring {
                width: 44px;
                height: 58px;
                border-radius: 6px;
                overflow: hidden;
                box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
                background: #f1f5f9;
                transition: box-shadow 0.15s ease, transform 0.15s ease;
            }
            .new-page-wrapper .explore-wlads-item:hover .explore-wlads-thumb-ring,
            .new-page-wrapper .explore-wlads-item.explore-wlads-hover-stick .explore-wlads-thumb-ring {
                box-shadow: 0 0 0 2px #3b82f6, 0 4px 12px rgba(15, 23, 42, 0.12);
                z-index: 2;
                position: relative;
            }
            .new-page-wrapper .explore-wlads-thumb-img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
            }
            .new-page-wrapper .explore-wlads-hovercard {
                position: fixed;
                left: -99999px;
                top: -99999px;
                transform: none;
                width: 244px;
                padding: 6px;
                background: #fff;
                border: 1px solid var(--es2-border);
                border-radius: 10px;
                box-shadow: 0 12px 28px rgba(15, 23, 42, 0.15);
                opacity: 0;
                visibility: hidden;
                transition: opacity 0.2s ease, visibility 0.2s ease;
                z-index: 80;
                pointer-events: none;
            }
            .new-page-wrapper .explore-wlads-hovercard.explore-wlads-hovercard--fixed {
                position: fixed;
                transform: none;
                z-index: 10050;
            }
            .new-page-wrapper .explore-wlads-item.explore-wlads-hover-stick {
                z-index: 81;
            }
            .new-page-wrapper .explore-wlads-item.explore-wlads-hover-stick .explore-wlads-hovercard.explore-wlads-hovercard--fixed {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
            }
            .new-page-wrapper .explore-wlads-hover-media {
                position: relative;
                width: 100%;
                height: 172px;
                border-radius: 8px;
                overflow: hidden;
                background: #e2e8f0;
            }
            .new-page-wrapper .explore-wlads-hover-img-poster {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: center;
                z-index: 0;
                border-radius: 8px;
                background: #e2e8f0;
            }
            .new-page-wrapper .explore-wlads-hover-video {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: center;
                display: block;
                z-index: 2;
                opacity: 0;
                transition: opacity 0.18s ease;
                pointer-events: none;
                background: #e2e8f0;
            }
            .new-page-wrapper .explore-wlads-hover-media.explore-wlads-hover-video-playing .explore-wlads-hover-video {
                opacity: 1;
            }
            .new-page-wrapper .explore-wlads-hover-img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: center;
                border-radius: 8px;
                background: #e2e8f0;
                display: block;
            }
            .new-page-wrapper .explore-wlads-hover-media-static .explore-wlads-hover-img {
                height: 172px;
            }
            .new-page-wrapper .explore-wlads-hover-actions {
                display: flex;
                flex-direction: column;
                gap: 6px;
                margin-top: 6px;
            }
            .new-page-wrapper .explore-wlads-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 6px;
                padding: 7px 10px;
                border-radius: 6px;
                font-size: 12px;
                font-weight: 500;
                line-height: 1.25;
                text-decoration: none;
                border: 1px solid transparent;
                cursor: pointer;
                box-sizing: border-box;
                transition: background 0.15s ease, border-color 0.15s ease;
            }
            .new-page-wrapper .explore-wlads-btn svg {
                flex-shrink: 0;
                width: 14px;
                height: 14px;
            }
            .new-page-wrapper .explore-wlads-btn-magic {
                width: 100%;
                border-color: #e5e7eb;
                background: #fff;
                color: #374151;
            }
            .new-page-wrapper .explore-wlads-btn-magic:hover {
                background: #f9fafb;
            }
            .new-page-wrapper .explore-wlads-btn-transcribe {
                width: 100%;
                border-color: #bfdbfe;
                background: #eff6ff;
                color: #1d4ed8;
            }
            .new-page-wrapper .explore-wlads-btn-transcribe:hover:not(:disabled) {
                background: #dbeafe;
            }
            .new-page-wrapper .explore-wlads-btn-transcribe:disabled {
                opacity: 0.55;
                cursor: not-allowed;
            }
            .new-page-wrapper .explore-wlads-btn-row {
                display: flex;
                flex-direction: row;
                gap: 8px;
            }
            .new-page-wrapper .explore-wlads-btn-download {
                flex: 1;
                min-width: 0;
                border: none;
                background: #374151;
                color: #fff;
            }
            .new-page-wrapper .explore-wlads-btn-download:hover {
                background: #1f2937;
            }
            .new-page-wrapper .explore-wlads-btn-download.is-disabled {
                opacity: 0.45;
                pointer-events: none;
                cursor: default;
            }
            .new-page-wrapper .explore-wlads-btn-details {
                flex: 1;
                min-width: 0;
                border: none;
                background: #2563eb;
                color: #fff;
            }
            .new-page-wrapper .explore-wlads-btn-details:hover {
                background: #1d4ed8;
            }

            /* Landers does not use .new-page-wrapper, but reuses the Meta ads cell/hovercard component. */
            .landers-page-wrapper .explore-wlads-cell {
                vertical-align: middle !important;
                position: relative;
                overflow: visible !important;
            }
            .landers-page-wrapper .explore-wlads-stack {
                display: flex;
                flex-direction: row;
                align-items: flex-end;
                gap: 5px;
            }
            .landers-page-wrapper .explore-wlads-item {
                position: relative;
                flex-shrink: 0;
            }
            .landers-page-wrapper .explore-wlads-item[data-adid] {
                cursor: pointer;
            }
            .landers-page-wrapper .explore-wlads-thumb-ring {
                width: 44px;
                height: 58px;
                border-radius: 6px;
                overflow: hidden;
                box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
                background: #f1f5f9;
                transition: box-shadow 0.15s ease, transform 0.15s ease;
            }
            .landers-page-wrapper .explore-wlads-thumb-img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
            }
            .landers-page-wrapper .explore-wlads-hovercard {
                position: fixed;
                left: -99999px;
                top: -99999px;
                transform: none;
                width: 244px;
                padding: 6px;
                background: #fff;
                border: 1px solid var(--es2-border);
                border-radius: 10px;
                box-shadow: 0 12px 28px rgba(15, 23, 42, 0.15);
                opacity: 0;
                visibility: hidden;
                transition: opacity 0.2s ease, visibility 0.2s ease;
                z-index: 80;
                pointer-events: none;
            }
            .landers-page-wrapper .explore-wlads-hovercard.explore-wlads-hovercard--fixed {
                position: fixed;
                transform: none;
                z-index: 10050;
            }
            .landers-page-wrapper .explore-wlads-item.explore-wlads-hover-stick {
                z-index: 81;
            }
            .landers-page-wrapper .explore-wlads-item.explore-wlads-hover-stick .explore-wlads-hovercard.explore-wlads-hovercard--fixed {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
            }

            .new-page-wrapper .best-products-container {
                overflow: visible;
                padding: 2px 0;
                display: flex;
                flex-wrap: wrap;
                gap: 5px;
                align-items: flex-start;
            }
            .new-page-wrapper .shops-table .best-products-container {
                flex-wrap: nowrap !important;
            }
            .new-page-wrapper .best-product {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 4px;
                min-width: 0;
                width: 76px;
                text-align: center;
            }
            .new-page-wrapper .best-product-image-container {
                width: 76px;
                height: 76px;
                padding: 2px;
                overflow: visible;
                position: relative;
            }
            .new-page-wrapper .best-product-image-hover-wrap {
                position: relative;
                width: 76px;
                height: 76px;
            }
            .new-page-wrapper .best-product-image-zoom-inner {
                position: relative;
                width: 76px;
                height: 76px;
                transition: transform 0.2s ease;
                transform-origin: center center;
                border-radius: 6px;
            }
            .new-page-wrapper .best-product-name-container {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .new-page-wrapper .best-product-name {
                font-weight: 500;
                color: var(--es2-text-3);
                font-size: 0.6rem;
                text-transform: capitalize;
                line-height: 1.2;
                word-break: break-word;
                max-width: 76px;
            }
            .new-page-wrapper .best-product-image {
                width: 76px;
                height: 76px;
                object-fit: contain;
                padding: 2px;
                display: block;
                cursor: pointer;
                border-radius: 6px;
            }
            .new-page-wrapper .best-product-image-placeholder {
                width: 76px;
                height: 76px;
                border-radius: 6px;
                background: #f1f5f9;
            }
            .new-page-wrapper .best-product-image-placeholder--svg {
                display: flex;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                padding: 6px;
            }
            .new-page-wrapper .best-product-image-placeholder--svg svg {
                display: block;
                max-width: 100%;
                max-height: 100%;
            }
            .new-page-wrapper .best-product-image-hover-wrap:hover .best-product-image-zoom-inner {
                transform: scale(1.04);
                z-index: 2;
                box-shadow: 0 2px 10px rgba(15, 23, 42, 0.1);
            }
            /* In-table cards: no zoom overlay — hover uses body flyout only */
            .new-page-wrapper .best-product-card .best-product-image-hover-wrap:hover .best-product-image-zoom-inner {
                transform: none;
                box-shadow: none;
            }
            .new-page-wrapper .best-product-price-badge {
                position: absolute;
                right: 3px;
                bottom: 3px;
                font-size: 8px;
                font-weight: 500;
                letter-spacing: 0.03em;
                padding: 1px 4px;
                border-radius: 3px;
                background: rgba(15, 23, 42, 0.72);
                border: 1px solid rgba(255, 255, 255, 0.1);
                color: rgba(255, 255, 255, 0.96);
                line-height: 1.15;
                pointer-events: none;
                white-space: nowrap;
                opacity: 0;
                transition: opacity 0.15s ease;
                z-index: 2;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                font-variant-numeric: tabular-nums;
            }
            .new-page-wrapper .best-product-ai-search-btn {
                position: absolute;
                top: 3px;
                left: 3px;
                right: 3px;
                font-size: 8px;
                font-weight: 600;
                padding: 2px 4px;
                border-radius: 3px;
                background: rgba(15, 23, 42, 0.72);
                border: 1px solid rgba(255, 255, 255, 0.1);
                color: rgba(255, 255, 255, 0.96);
                opacity: 0;
                transition: opacity 0.15s ease;
                z-index: 10;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 2px;
                white-space: normal;
                text-align: center;
                text-transform: none;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                line-height: 1.1;
            }
            .new-page-wrapper .best-product-ai-search-btn svg {
                width: 10px;
                height: 10px;
                flex-shrink: 0;
            }
            .new-page-wrapper .best-product-image-hover-wrap:hover .best-product-price-badge,
            .new-page-wrapper .best-product-image-hover-wrap:hover .best-product-ai-search-btn {
                opacity: 1;
            }
            /* Table product cards: hide in-cell overlays (price + AI); flyout shows both */
            .new-page-wrapper .best-product-card .best-product-price-badge,
            .new-page-wrapper .best-product-card .best-product-ai-search-btn {
                display: none !important;
            }

            /* ---------- Table cells — product / ad cards (compact minimal) ---------- */
            .new-page-wrapper .best-product-card {
                background: var(--es2-surface);
                border: 1px solid var(--es2-border);
                border-radius: 6px;
                box-shadow: none;
                transition: border-color 0.15s ease, background 0.15s ease;
                display: flex;
                flex-direction: column;
                align-items: center;
                box-sizing: border-box;
                /* Thumb-only card (name in hover flyout) */
                min-height: 0;
                height: auto;
                padding: 4px;
            }
            .new-page-wrapper .best-product-card:hover {
                border-color: var(--es2-border-hov);
                background: #fafbfc;
            }
            .new-page-wrapper .best-product-card .best-product {
                width: 56px;
                gap: 0;
                flex: 0 0 auto;
                min-height: 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: flex-start;
            }
            .new-page-wrapper .best-product-card .best-product-image-container {
                padding: 1px;
                flex-shrink: 0;
            }
            .new-page-wrapper .best-product-card .best-product-image-container,
            .new-page-wrapper .best-product-card .best-product-image-hover-wrap,
            .new-page-wrapper .best-product-card .best-product-image-zoom-inner {
                width: 56px;
                height: 56px;
                min-height: 56px;
                max-height: 56px;
            }
            .new-page-wrapper .best-product-card .best-product-image,
            .new-page-wrapper .best-product-card .best-product-image-placeholder,
            .new-page-wrapper .best-product-card .best-product-image-placeholder--svg {
                width: 56px;
                height: 56px;
                min-height: 56px;
                max-height: 56px;
                object-fit: contain;
                object-position: center;
            }
            .new-page-wrapper .best-product-card .best-product-image-zoom-inner {
                border-radius: 5px;
                background: #f8fafc;
                overflow: hidden;
            }
            .new-page-wrapper .best-product-card:not(:has(.best-product-image-container)) {
                min-height: 0;
                height: auto;
                padding: 8px 10px;
            }

            .new-page-wrapper .explore-wlads-item.explore-wlads-card {
                padding: 3px;
                background: var(--es2-surface);
                border: 1px solid var(--es2-border);
                border-radius: 6px;
                box-shadow: none;
                transition: border-color 0.15s ease, background 0.15s ease;
            }
            .new-page-wrapper .explore-wlads-item.explore-wlads-card:hover {
                border-color: var(--es2-border-hov);
                background: #fafbfc;
            }
            .new-page-wrapper .explore-wlads-item.explore-wlads-card[data-adid] {
                cursor: pointer;
            }
            .new-page-wrapper .explore-wlads-item.explore-wlads-card[data-adid] .explore-wlads-btn,
            .new-page-wrapper .explore-wlads-item.explore-wlads-card[data-adid] a {
                cursor: pointer;
            }
            .new-page-wrapper .explore-wlads-card .explore-wlads-thumb-ring {
                border-radius: 5px;
                box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.05);
            }

            .new-page-wrapper .shops-table td.explore-metric-cell,
            .new-page-wrapper .shops-table td.explore-revenue-cell,
            .new-page-wrapper .shops-table td.explore-revchg-cell {
                vertical-align: top !important;
                padding-top: 12px !important;
                padding-bottom: 12px !important;
            }
            .new-page-wrapper .explore-metric-cell-inner {
                display: flex;
                flex-direction: column;
                align-items: stretch;
                gap: 8px;
                min-width: 0;
            }
            .new-page-wrapper .explore-metric-cell-inner--traffic-growth {
                gap: 6px;
            }
            /* Segmented period control (1d / 30d, 1m / 3m) */
            .new-page-wrapper .explore-metric-period-toggle.explore-segmented {
                display: inline-flex;
                align-self: flex-start;
                flex-direction: row;
                padding: 2px;
                gap: 0;
                background: #eef2f7;
                border: 1px solid var(--es2-border);
                border-radius: 8px;
                box-sizing: border-box;
            }
            .new-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn {
                appearance: none;
                -webkit-appearance: none;
                margin: 0;
                border: none;
                background: transparent;
                color: var(--es2-text-3);
                font-family: "Plus Jakarta Sans", Inter, system-ui, sans-serif;
                font-size: 10px;
                font-weight: 600;
                letter-spacing: 0.04em;
                text-transform: lowercase;
                line-height: 1;
                padding: 5px 10px;
                border-radius: 6px;
                cursor: pointer;
                transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
                white-space: nowrap;
            }
            .new-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn:hover:not(.active) {
                color: var(--es2-text-2);
                background: rgba(255, 255, 255, 0.55);
            }
            .new-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn.active {
                background: #fff;
                color: var(--es2-text);
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
            }
            .new-page-wrapper .explore-metric-period-toggle.explore-segmented .explore-period-btn:focus-visible {
                outline: 2px solid rgba(29, 78, 216, 0.35);
                outline-offset: 1px;
            }
            .new-page-wrapper .explore-metric-data-card {
                background: var(--es2-surface);
                border: 1px solid var(--es2-border);
                border-radius: var(--es2-radius-sm);
                box-shadow: var(--es2-shadow-xs);
                padding: 8px 10px;
                min-height: 52px;
                box-sizing: border-box;
            }
            .new-page-wrapper .explore-metric-data-card--tight {
                padding: 6px 8px;
                min-height: 0;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .new-page-wrapper .explore-revenue-grid {
                display: flex;
                flex-direction: column;
                gap: 6px;
            }
            .new-page-wrapper .explore-revenue-row {
                display: flex;
                align-items: baseline;
                justify-content: space-between;
                gap: 10px;
                font-size: 11px;
            }
            .new-page-wrapper .explore-revenue-label {
                color: var(--es2-text-3);
                font-weight: 600;
                font-size: 10px;
                text-transform: uppercase;
                letter-spacing: 0.04em;
            }
            .new-page-wrapper .explore-revenue-value {
                font-weight: 600;
                font-size: 12px;
                color: var(--es2-text);
                font-variant-numeric: tabular-nums;
                text-align: right;
            }
            .new-page-wrapper .explore-revenue-empty {
                font-size: 10px;
                color: var(--es2-text-3);
                font-weight: 500;
                text-align: center;
                padding: 6px 4px;
            }
            .new-page-wrapper .explore-revchg-badge {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 6px;
                border-radius: 8px;
                padding: 6px 8px;
                border: 1px solid transparent;
                background: #f8fafc;
            }
            .new-page-wrapper .explore-revchg-badge-icon {
                display: inline-flex;
                flex-shrink: 0;
            }
            .new-page-wrapper .explore-revchg-badge.trend-up {
                background: var(--es2-success-soft);
                border-color: var(--es2-success-border);
                color: var(--es2-success);
            }
            .new-page-wrapper .explore-revchg-badge.trend-down {
                background: var(--es2-danger-soft);
                border-color: var(--es2-danger-border);
                color: var(--es2-danger);
            }
            .new-page-wrapper .explore-revchg-badge.trend-neutral {
                background: #f1f5f9;
                border-color: var(--es2-border);
                color: var(--es2-text-3);
            }
            .new-page-wrapper .explore-revchg-badge-value {
                font-variant-numeric: tabular-nums;
                font-weight: 600;
                font-size: 12px;
            }

            .new-page-wrapper .monthly-visits-cell {
                display: flex;
                flex-direction: column;
                gap: 4px;
                padding: 2px 0 1px 0;
                border: none;
                border-radius: 0;
                background: transparent;
                min-width: 0;
                max-width: 100%;
            }
            .new-page-wrapper .monthly-visits-top {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 8px;
                min-height: 18px;
            }
            .new-page-wrapper .monthly-visits-main {
                display: inline-flex;
                align-items: center;
                gap: 7px;
                min-width: 0;
                flex-wrap: nowrap;
            }
            .new-page-wrapper .monthly-visits-top > svg {
                color: var(--es2-text-3);
                flex-shrink: 0;
            }
            .new-page-wrapper .monthly-visits-number {
                font-weight: 700;
                font-size: 13px;
                color: var(--es2-text);
                line-height: 1.1;
            }
            .new-page-wrapper .monthly-visits-sparkline {
                display: block;
                margin-top: 1px;
                overflow: visible;
                max-width: 100%;
            }
            .new-page-wrapper .monthly-visits-flags,
            .landers-page-wrapper .monthly-visits-flags {
                display: grid;
                grid-template-columns: repeat(3, 14px);
                grid-auto-rows: 10px;
                gap: 3px;
                margin-left: auto;
                flex-shrink: 0;
                position: relative;
                cursor: default;
            }
            .new-page-wrapper .monthly-visits-flag,
            .landers-page-wrapper .monthly-visits-flag {
                width: 14px;
                height: 10px;
                object-fit: cover;
                border-radius: 2px;
                box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08);
                background: #fff;
            }
            .new-page-wrapper .monthly-visits-flag-fallback,
            .landers-page-wrapper .monthly-visits-flag-fallback {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 14px;
                height: 10px;
                padding: 0 3px;
                border-radius: 2px;
                font-size: 8px;
                font-weight: 700;
                color: var(--es2-text-3);
                background: #f1f5f9;
                border: 1px solid var(--es2-border);
                line-height: 1;
            }
            .new-page-wrapper .monthly-visits-more-flags,
            .landers-page-wrapper .monthly-visits-more-flags {
                font-size: 9px;
                font-weight: 600;
                color: var(--es2-text-3);
                margin-left: 1px;
                line-height: 1;
            }
            .new-page-wrapper .monthly-visits-flags-tooltip,
            .landers-page-wrapper .monthly-visits-flags-tooltip {
                opacity: 0;
                visibility: hidden;
                transform: translateY(6px);
                transition: opacity 0.18s ease, transform 0.18s ease;
                position: fixed;
                top: 0;
                left: 0;
                background: #fff;
                border: 1px solid var(--es2-border);
                border-radius: 8px;
                padding: 10px 12px;
                box-shadow: var(--es2-shadow-sm);
                z-index: 1200;
                width: 260px;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 8px 10px;
                pointer-events: none;
            }
            .new-page-wrapper .monthly-visits-flags.is-tooltip-open .monthly-visits-flags-tooltip,
            .landers-page-wrapper .monthly-visits-flags.is-tooltip-open .monthly-visits-flags-tooltip {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
            }
            .new-page-wrapper .monthly-visits-tt-item,
            .landers-page-wrapper .monthly-visits-tt-item {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                min-width: 0;
            }
            .new-page-wrapper .monthly-visits-tt-flag,
            .landers-page-wrapper .monthly-visits-tt-flag {
                width: 16px;
                height: 12px;
                object-fit: cover;
                border-radius: 2px;
                box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.1);
                flex-shrink: 0;
            }
            .new-page-wrapper .monthly-visits-tt-code,
            .landers-page-wrapper .monthly-visits-tt-code {
                font-size: 11px;
                color: var(--es2-text-3);
                font-weight: 600;
                line-height: 1;
            }
            .new-page-wrapper .monthly-visits-tt-share,
            .landers-page-wrapper .monthly-visits-tt-share {
                margin-left: auto;
                font-size: 11px;
                color: var(--es2-text-2);
                font-weight: 500;
                line-height: 1;
                font-variant-numeric: tabular-nums;
            }

            /* =================================================================
               STORE COLUMN — FIRST COL REDESIGN (May 2026, v3)
               Layout: [icon] [created at]
                              [name] (See Details ↗)
                              [Category badge]
                              (Adlibrary in WH)
               Badges are square-ish (radius 5px), image is 44×44.
               ================================================================= */
            .shops-table td:first-child {
                vertical-align: middle !important;
                padding: 10px 12px 10px 12px !important;
                max-width: 280px !important;
                overflow: hidden !important;
            }
            .landers-active-volume {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                font-weight: 600;
                color: #0f172a;
            }
            .landers-active-volume-wrap {
                display: inline-flex;
                align-items: center;
                gap: 8px;
            }
            .landers-active-view-btn {
                border: 1px solid #cbd5e1;
                background: #fff;
                color: #0f172a;
                border-radius: 6px;
                font-size: 11px;
                font-weight: 600;
                line-height: 1;
                padding: 4px 8px;
                cursor: pointer;
            }
            .landers-active-view-btn:hover {
                background: #f8fafc;
                border-color: #94a3b8;
            }
            .landers-advertiser-wrap {
                display: flex;
                align-items: center;
                gap: 10px;
                min-width: 0;
            }
            .landers-advertiser-avatar {
                width: 28px;
                height: 28px;
                border-radius: 999px;
                object-fit: cover;
                border: 1px solid #dbe3f2;
                background: #f8fafc;
                flex-shrink: 0;
            }
            .landers-advertiser-meta {
                min-width: 0;
                display: flex;
                flex-direction: column;
                gap: 2px;
            }
            .landers-advertiser-name {
                font-size: 12px;
                line-height: 1.2;
                font-weight: 600;
                color: #0f172a;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .landers-advertiser-domain {
                font-size: 11px;
                line-height: 1.2;
                color: #000000;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .landers-advertiser-adlibrary {
                display: inline-flex;
                align-items: center;
                gap: 5px;
                width: fit-content;
                font-size: 11px;
                line-height: 1.2;
                font-weight: 600;
                color: #225aea;
                text-decoration: none;
            }
            .landers-advertiser-adlibrary:hover {
                text-decoration: underline;
            }
            .shops-table td.landers-url-cell {
                max-width: 420px;
            }
            .landers-url-wrap {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                max-width: 100%;
                min-width: 0;
            }
            .landers-url-link {
                display: inline-block;
                max-width: 360px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .landers-url-visit {
                font-size: 11px;
                font-weight: 600;
                color: #225aea;
                text-decoration: none;
                flex-shrink: 0;
            }
            .landers-url-visit:hover {
                text-decoration: underline;
            }
            .landers-active-pulse {
                width: 8px;
                height: 8px;
                border-radius: 999px;
                background: #22c55e;
                box-shadow: 0 0 0 rgba(34, 197, 94, 0.45);
                animation: landersPulse 1.4s ease-out infinite;
            }
            .landers-active-pulse.is-empty {
                background: #94a3b8;
                animation: none;
                box-shadow: none;
            }
            @keyframes landersPulse {
                0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.45); }
                70% { box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); }
                100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
            }
            .shops-table td.landers-preview-cell {
                min-width: 200px !important;
                max-width: 280px !important;
                vertical-align: middle !important;
            }
            .shops-table.landers-table {
                min-width: 1540px !important;
                width: 1540px !important;
                table-layout: fixed !important;
            }
            .landers-table__col--lander {
                width: 540px;
            }
            .landers-table__col--active-ads {
                width: 200px;
            }
            .landers-table__col--niche {
                width: 150px;
            }
            .landers-table__col--page-type {
                width: 130px;
            }
            .landers-table__col--store-countries {
                width: 150px;
            }
            .landers-table__col--meta-ads {
                width: 220px;
            }
            .landers-table__col--days {
                width: 90px;
            }
            /* Combined first column: compact preview beside advertiser + URL. */
            .shops-table th.landers-primary-col-header,
            .shops-table td.landers-primary-cell {
                min-width: 300px !important;
                width: 540px !important;
                max-width: 580px !important;
                vertical-align: middle !important;
            }
            .landers-primary-wrap {
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: 12px;
                min-width: 0;
                max-width: 100%;
            }
            .landers-primary-preview {
                flex: 0 0 auto;
                width: 112px;
                max-width: 112px;
            }
            /* Keep the tall landing-page capture as a small, fixed thumbnail inside the combined cell. */
            .landers-primary-preview .landers-screenshot-link {
                width: 112px;
                max-width: 112px;
            }
            .landers-primary-preview .landers-screenshot-wrap {
                width: 112px;
                max-width: 112px;
                height: 72px;
                border-radius: 7px;
            }
            .landers-primary-preview .landers-preview-cell-inner {
                justify-content: flex-start;
            }
            .landers-primary-preview .landers-preview-fallback-label {
                font-size: 10px;
            }
            /* When wlads-ads stack falls back into the preview slot, keep it the same compact width. */
            .landers-primary-preview .explore-wlads-cell {
                max-width: 112px;
            }
            .landers-primary-preview .explore-wlads-stack {
                flex-wrap: wrap;
            }
            .landers-primary-info {
                flex: 1 1 0;
                min-width: 0;
                max-width: 100%;
                display: flex;
                flex-direction: column;
                gap: 4px;
                justify-content: flex-start;
            }
            .landers-primary-advertiser,
            .landers-primary-url {
                min-width: 0;
                max-width: 100%;
            }
            /* Smaller avatar inside the narrow stacked cell. */
            .landers-primary-advertiser .landers-advertiser-avatar {
                width: 22px;
                height: 22px;
            }
            .landers-primary-advertiser .landers-advertiser-wrap {
                gap: 7px;
            }
            .landers-primary-advertiser .landers-advertiser-name {
                font-size: 11.5px;
            }
            .landers-primary-advertiser .landers-advertiser-domain {
                font-size: 10.5px;
            }
            .landers-primary-advertiser .landers-advertiser-adlibrary {
                font-size: 10px;
            }
            /* Force the URL link to truncate inside the combined cell. The site-wide rule pins
               .landers-url-link to max-width:360px which would force the column to expand —
               here it must shrink to whatever space remains after the Visit link. */
            .landers-primary-url .landers-url-wrap {
                display: flex;
                width: 100%;
                max-width: 100%;
                min-width: 0;
            }
            .landers-primary-url .landers-url-link {
                flex: 1 1 0;
                min-width: 0;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .landers-primary-url .landers-url-visit {
                flex-shrink: 0;
            }
            /* Same treatment for the advertiser name so long page names ellipsize cleanly. */
            .landers-primary-advertiser .landers-advertiser-name {
                display: inline-block;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                vertical-align: bottom;
            }
            .landers-primary-advertiser .landers-advertiser-domain {
                display: inline-block;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            /* Active Ads: count + view + top ad countries + history sparkline. */
            .shops-table th.landers-ad-volume-col,
            .shops-table td.landers-ad-volume-cell {
                width: 200px !important;
                min-width: 180px !important;
                max-width: 220px !important;
                white-space: normal;
                vertical-align: top;
            }
            .shops-table th.landers-niche-col,
            .shops-table td.landers-niche-cell {
                width: 150px !important;
                min-width: 120px !important;
                max-width: 160px !important;
            }
            .shops-table th.landers-page-type-col,
            .shops-table td.landers-page-type-cell {
                width: 130px !important;
                min-width: 110px !important;
                max-width: 140px !important;
            }
            .shops-table th.landers-store-countries-col,
            .shops-table td.landers-store-countries-cell {
                width: 150px !important;
                min-width: 130px !important;
                max-width: 160px !important;
            }
            .shops-table th.landers-running-time-col,
            .shops-table td.landers-running-time-cell {
                width: 90px !important;
                min-width: 64px !important;
                max-width: 90px !important;
                white-space: nowrap;
                text-align: left;
            }
            /* Landers Meta Ads column — keeps room for up to 3 thumbs in stack like the regular shops table. */
            .shops-table th.landers-meta-ads-col-header,
            .shops-table td.landers-meta-ads-cell {
                width: 200px !important;
                min-width: 180px !important;
                max-width: 220px !important;
            }
            .explore-wlads-col-meta-icon {
                opacity: 0.9;
            }
            .landers-preview-cell-inner {
                display: flex;
                align-items: center;
                justify-content: flex-start;
            }
            .landers-screenshot-link {
                display: block;
                text-decoration: none;
                color: inherit;
            }
            .landers-screenshot-wrap {
                position: relative;
                width: 168px;
                height: 112px;
                border-radius: 8px;
                overflow: hidden;
                border: 1px solid #dbe3f2;
                background: #f1f5f9;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
            }
            .landers-screenshot-wrap.is-error::after {
                content: 'Preview unavailable';
                position: absolute;
                inset: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 11px;
                font-weight: 600;
                color: #000000;
                background: rgba(241, 245, 249, 0.92);
                text-align: center;
                padding: 8px;
            }
            .landers-screenshot-wrap--creative .landers-preview-fallback-label {
                position: absolute;
                left: 6px;
                bottom: 6px;
                font-size: 10px;
                font-weight: 600;
                color: #fff;
                background: rgba(15, 23, 42, 0.72);
                border-radius: 4px;
                padding: 2px 6px;
                line-height: 1.2;
            }
            .landers-screenshot-img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: top center;
                display: block;
            }
            .landers-screenshot-wrap.is-error .landers-screenshot-img {
                opacity: 0.15;
            }
            .landers-screenshot-link:hover .landers-screenshot-wrap {
                border-color: #94a3b8;
                box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
            }
            /* "Click to expand" affordance — pill-shaped icon overlay on the thumb. */
            .landers-screenshot-link--lightbox {
                cursor: zoom-in;
            }
            .landers-screenshot-expand {
                position: absolute;
                top: 6px;
                right: 6px;
                width: 22px;
                height: 22px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 6px;
                background: rgba(15, 23, 42, 0.66);
                color: #fff;
                opacity: 0;
                transform: translateY(-2px);
                transition: opacity 0.15s ease, transform 0.15s ease;
                pointer-events: none;
            }
            .landers-screenshot-link--lightbox:hover .landers-screenshot-expand,
            .landers-screenshot-link--lightbox:focus-visible .landers-screenshot-expand {
                opacity: 1;
                transform: translateY(0);
            }
            .landers-chip {
                display: inline-flex;
                align-items: center;
                max-width: 100%;
                min-width: 0;
                padding: 4px 8px;
                border-radius: 999px;
                background: #f8fafc;
                border: 1px solid #e2e8f0;
                color: #334155;
                font-size: 11px;
                font-weight: 600;
                line-height: 1.2;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .landers-chip.is-empty {
                color: #94a3b8;
                border-style: dashed;
            }
            .landers-countries-list {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                max-width: 100%;
                min-width: 0;
            }
            .landers-country-flag {
                width: 18px;
                height: 13px;
                object-fit: cover;
                border-radius: 2px;
                box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.1);
                flex-shrink: 0;
            }
            .landers-country-code {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                height: 17px;
                min-width: 24px;
                padding: 0 5px;
                border-radius: 4px;
                background: #f1f5f9;
                color: #00000;
                font-size: 10px;
                font-weight: 700;
                line-height: 1;
            }
            .landers-country-more {
                color: #000000;
                font-size: 11px;
                font-weight: 700;
                line-height: 1;
            }
            .landers-rules-filter-wrapper {
                position: relative;
            }
            .landers-rules-filter-wrapper > .filter-select {
                display: inline-flex;
                align-items: center;
                justify-content: space-between;
                gap: 6px;
                width: 100%;
            }
            .landers-rules-dropdown-panel {
                width: 340px;
                min-width: 340px;
            }
            .landers-rules-dropdown-panel .visitors-country-table-wrap {
                max-height: 280px;
            }
            /* Active Ads Growth filter dropdown */
            /* Override .pixels-rules-dropdown-panel { padding:0 !important; overflow:hidden } */
            .landers-growth-dropdown-panel.pixels-rules-dropdown-panel {
                width: min(320px, 95vw) !important;
                min-width: 0 !important;
                max-height: none !important;
                padding: 14px !important;
                overflow: visible !important;
                box-sizing: border-box;
            }
            .landers-growth-dropdown-panel.pixels-rules-dropdown-panel.show {
                display: flex !important;
                flex-direction: column;
            }
            .landers-growth-title {
                margin: 0 0 10px;
                font-size: 12px;
                font-weight: 700;
                color: #0f172a;
            }
            .landers-growth-period-pills,
            .landers-growth-presets {
                display: flex;
                flex-wrap: wrap;
                gap: 6px;
                margin-bottom: 10px;
            }
            .landers-growth-dropdown-panel .timeframe-pill {
                appearance: none;
                border: 1px solid #e2e8f0;
                background: #f8fafc;
                color: #334155;
                font-size: 11px;
                font-weight: 600;
                padding: 5px 10px;
                border-radius: 999px;
                cursor: pointer;
                transition: background-color .15s ease, border-color .15s ease, color .15s ease;
            }
            .landers-growth-dropdown-panel .timeframe-pill:hover {
                background: #eef2f7;
                border-color: #cbd5e1;
            }
            .landers-growth-dropdown-panel .landers-growth-period-pill.active {
                background: #1d4ed8;
                border-color: #1d4ed8;
                color: #ffffff;
            }
            .landers-growth-inputs {
                display: flex;
                gap: 8px;
                margin-bottom: 12px;
            }
            .landers-growth-inputs input {
                width: 100%;
                box-sizing: border-box;
                border: 1px solid #e2e8f0;
                border-radius: 8px;
                padding: 7px 10px;
                font-size: 12px;
                color: #0f172a;
                background: #ffffff;
            }
            .landers-growth-inputs input:focus {
                outline: none;
                border-color: #1d4ed8;
                box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.12);
            }
            /* Footer bleeds to the panel edges (panel now has 14px padding) */
            .landers-growth-dropdown-panel .explore-vc-footer {
                margin: 2px -14px -14px;
                border-bottom-left-radius: 8px;
                border-bottom-right-radius: 8px;
            }
            /* Top Store Countries cell: country flags + monthly-visits sparkline */
            .landers-store-traffic {
                display: flex;
                flex-direction: column;
                gap: 4px;
                align-items: flex-start;
            }
            .landers-store-traffic-top {
                display: flex;
                align-items: center;
                gap: 8px;
                min-height: 18px;
            }
            .landers-store-visits-value {
                font-size: 11px;
                font-weight: 700;
                color: #0f172a;
                line-height: 1;
                white-space: nowrap;
            }
            .landers-store-visits-unit {
                font-weight: 600;
                color: #94a3b8;
            }
            .landers-store-traffic-spark {
                line-height: 0;
            }
            .landers-store-traffic-spark .monthly-visits-sparkline {
                display: block;
            }
            /* Active Ads cell: count + view + countries on top, sparkline below */
            .landers-active-ads-inner {
                display: flex;
                flex-direction: column;
                gap: 5px;
                align-items: flex-start;
            }
            .landers-active-ads-top {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 4px;
                width: 100%;
            }
            .landers-active-ads-top .landers-active-ad-countries {
                flex-shrink: 0;
            }
            .landers-active-ads-spark {
                line-height: 0;
            }
            .landers-active-ads-spark .landers-active-ads-sparkline {
                display: block;
            }

            /* ------------------------------------------------------------
             * Landing page screenshot lightbox.
             * Fullscreen overlay with a scrollable image so users can read
             * through the entire landing page screenshot without leaving
             * the app. Visit-page CTA lives in the header.
             * ------------------------------------------------------------ */
            .landers-screenshot-lightbox {
                position: fixed;
                inset: 0;
                z-index: 1100000;
                display: none;
                align-items: center;
                justify-content: center;
                padding: 24px;
                box-sizing: border-box;
            }
            .landers-screenshot-lightbox.is-open {
                display: flex;
            }
            .landers-screenshot-lightbox__overlay {
                position: absolute;
                inset: 0;
                background: rgba(15, 23, 42, 0.72);
                backdrop-filter: blur(2px);
                -webkit-backdrop-filter: blur(2px);
                cursor: zoom-out;
            }
            .landers-screenshot-lightbox__content {
                position: relative;
                z-index: 1;
                background: #ffffff;
                width: min(1040px, 100%);
                max-width: 100%;
                height: 100%;
                min-height: 0;
                border-radius: 14px;
                box-shadow: 0 24px 60px rgba(15, 23, 42, 0.45);
                display: flex;
                flex-direction: column;
                overflow: hidden;
            }
            .landers-screenshot-lightbox__header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 16px;
                padding: 12px 16px;
                border-bottom: 1px solid #e2e8f0;
                background: #f8fafc;
            }
            .landers-screenshot-lightbox__heading {
                display: flex;
                flex-direction: column;
                min-width: 0;
                gap: 2px;
            }
            .landers-screenshot-lightbox__title {
                font-size: 12px;
                font-weight: 600;
                color: #0f172a;
                letter-spacing: 0.01em;
            }
            .landers-screenshot-lightbox__url {
                font-size: 11.5px;
                color: #00000;
                text-decoration: none;
                max-width: 600px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .landers-screenshot-lightbox__url:hover {
                color: #225aea;
                text-decoration: underline;
            }
            .landers-screenshot-lightbox__actions {
                display: flex;
                align-items: center;
                gap: 8px;
                flex-shrink: 0;
            }
            .landers-screenshot-lightbox__visit {
                display: inline-flex;
                align-items: center;
                gap: 6px;
                padding: 6px 12px;
                border-radius: 8px;
                background: #225aea;
                color: #ffffff;
                font-size: 12px;
                font-weight: 600;
                text-decoration: none;
                transition: background 0.15s ease;
            }
            .landers-screenshot-lightbox__visit:hover {
                background: #1d4ed8;
                color: #ffffff;
            }
            .landers-screenshot-lightbox__close {
                width: 30px;
                height: 30px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 8px;
                border: 1px solid #e2e8f0;
                background: #ffffff;
                color: #000000;
                cursor: pointer;
                padding: 0;
                transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
            }
            .landers-screenshot-lightbox__close:hover {
                background: #f1f5f9;
                color: #0f172a;
                border-color: #cbd5e1;
            }
            .landers-screenshot-lightbox__scroller {
                flex: 1 1 auto;
                min-height: 0;
                overflow-y: auto;
                overflow-x: hidden;
                background: #f1f5f9;
                padding: 16px;
                display: flex;
                justify-content: center;
                align-items: flex-start;
            }
            .landers-screenshot-lightbox__img {
                display: block;
                width: 100%;
                max-width: 960px;
                height: auto;
                border-radius: 8px;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
                background: #ffffff;
            }
            .landers-screenshot-lightbox__error {
                padding: 40px 16px;
                text-align: center;
                font-size: 12px;
                color: #000000;
            }
            @media (max-width: 640px) {
                .landers-screenshot-lightbox {
                    padding: 0;
                }
                .landers-screenshot-lightbox__content {
                    width: 100%;
                    height: 100%;
                    max-height: 100%;
                    border-radius: 0;
                }
                .landers-screenshot-lightbox__url {
                    max-width: 220px;
                }
            }
            .shops-table .store-link {
                display: block !important;
                color: inherit !important;
                text-decoration: none !important;
                outline: none;
                min-width: 0 !important;
                overflow: hidden !important;
            }
            .shops-table .store-link.store-link--navigable {
                cursor: pointer;
            }
            .shops-table .store-info-wrapper {
                display: flex !important;
                align-items: flex-start !important;
                gap: 8px !important;
                position: relative !important;
                min-width: 0 !important;
                overflow: hidden !important;
            }
            /* Tiny # badge — square-ish, not pill */
            .shops-table .store-number-badge {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                margin: 2px 0 0 0 !important;
                padding: 0 6px !important;
                height: 18px !important;
                background: var(--es2-surface-alt) !important;
                color: var(--es2-text-3) !important;
                border: 1px solid var(--es2-border) !important;
                border-radius: 5px !important;
                font-size: 10px !important;
                font-weight: 600 !important;
                font-variant-numeric: tabular-nums;
                letter-spacing: 0.01em;
                flex-shrink: 0;
                line-height: 1 !important;
            }
            /* Icon + meta in a horizontal flex */
            .shops-table .store-info {
                display: flex !important;
                align-items: flex-start !important;
                gap: 11px !important;
                flex: 1 1 auto;
                min-width: 0;
            }
            /* Icon container — 44×44, slightly bigger, square-ish corners */
            .shops-table .store-icon-default {
                width: 44px !important;
                height: 44px !important;
                border-radius: 8px !important;
                background: var(--es2-surface-alt) !important;
                border: 1px solid var(--es2-border) !important;
                box-shadow: var(--es2-shadow-xs);
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                flex-shrink: 0 !important;
                overflow: hidden;
                margin-top: 1px;
                transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
            }
            .shops-table .store-icon-default > img,
            .shops-table .store-icon-default .store-icon {
                width: 100% !important;
                height: 100% !important;
                object-fit: cover !important;
                border-radius: 0 !important;
                border: 0 !important;
                background: transparent !important;
                padding: 0 !important;
                display: block !important;
            }
            .shops-table .store-icon-default svg {
                width: 20px !important;
                height: 20px !important;
                color: var(--es2-text-mute) !important;
            }
            .shops-table tr:hover .store-icon-default {
                border-color: var(--es2-border-hov) !important;
                box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 0 0 3px rgba(34, 90, 234, 0.06);
            }
            /* Meta column: rows stacked, each laid out horizontally */
            .shops-table .store-meta-col {
                display: flex !important;
                flex-direction: column !important;
                gap: 3px !important;
                min-width: 0 !important;
                flex: 1 1 auto !important;
                padding-top: 0;
            }
            /* ROW 0 — Created date (top line) */
            .shops-table .store-meta-col > .store-creation-date {
                font-size: 10px !important;
                font-weight: 500 !important;
                color: var(--es2-text-mute) !important;
                margin: 0 !important;
                line-height: 1.2 !important;
                letter-spacing: 0.01em;
                white-space: nowrap;
            }
            /* ROW 1 — name (up to 2 lines), then flag + See Details */
            .shops-table .store-name-container {
                display: flex !important;
                flex-wrap: wrap !important;
                align-items: center !important;
                gap: 4px 6px !important;
                min-width: 0 !important;
                overflow: hidden !important;
            }
            .shops-table .store-name,
            .shops-table .store-name.explore-store-name-link {
                font-size: 12px !important;
                font-weight: 600 !important;
                color: var(--es2-text) !important;
                text-transform: capitalize !important;
                line-height: 1.3 !important;
                display: -webkit-box !important;
                -webkit-box-orient: vertical !important;
                -webkit-line-clamp: 2 !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                word-break: break-word !important;
                min-width: 0 !important;
                flex: 1 1 100% !important;
                width: 100% !important;
                max-width: 100% !important;
                padding: 0 !important;
                transition: color .15s ease;
            }
            .shops-table .store-name-container .store-based-in-flag {
                flex-shrink: 0 !important;
            }
            .shops-table tr:hover .store-name {
                color: var(--es2-primary-text) !important;
            }
            /* See Details chip — square-ish, next to the name */
            .shops-table .store-name-container .store-details-link {
                display: inline-flex !important;
                align-items: center !important;
                gap: 3px !important;
                padding: 0 7px 0 8px !important;
                height: 18px !important;
                font-size: 10px !important;
                font-weight: 600 !important;
                color: var(--es2-text-3) !important;
                background: var(--es2-surface-alt) !important;
                border: 1px solid var(--es2-border) !important;
                border-radius: 5px !important;
                line-height: 1 !important;
                text-decoration: none !important;
                flex-shrink: 0 !important;
                white-space: nowrap;
                letter-spacing: 0.01em;
                transition: background-color .15s ease, color .15s ease, border-color .15s ease;
            }
            .shops-table .store-name-container .store-details-link:hover {
                color: var(--es2-primary-text) !important;
                border-color: var(--es2-primary) !important;
                background: var(--es2-primary-soft) !important;
            }
            .shops-table .store-name-container .store-details-link svg {
                width: 9px !important;
                height: 9px !important;
                transform: rotate(45deg) !important;
                color: currentColor;
            }
            .shops-table .store-name-container .store-details-link-text {
                line-height: 1;
            }
            .shops-table .store-name-container .explore-store-name-link {
                color: var(--es2-text) !important;
                text-decoration: none !important;
            }
            .shops-table .store-name-container .explore-store-name-link:hover {
                color: var(--es2-primary-text) !important;
                text-decoration: underline !important;
                text-underline-offset: 2px;
            }
            .shops-table .store-domain-row {
                display: flex !important;
                align-items: center !important;
                min-width: 0 !important;
                margin-top: 1px !important;
                font-size: 11px !important;
                font-weight: 500 !important;
                line-height: 1.2 !important;
                color: var(--es2-text-mute) !important;
            }
            .shops-table .store-domain-row .explore-store-domain-link {
                max-width: 220px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .explore-store-subdomains {
                position: relative;
                display: inline-flex;
                align-items: center;
                flex-shrink: 0;
                margin-left: 5px;
            }
            .explore-store-subdomains.is-open {
                z-index: 9999;
            }
            .explore-store-subdomains-toggle {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 16px;
                height: 16px;
                border: 1px solid var(--es2-border);
                border-radius: 999px;
                background: var(--es2-surface);
                color: var(--es2-text-mute);
                font-size: 11px;
                font-weight: 700;
                line-height: 1;
                cursor: pointer;
                padding: 0;
            }
            .explore-store-subdomains-toggle:hover,
            .explore-store-subdomains.is-open .explore-store-subdomains-toggle {
                border-color: var(--es2-border-strong);
                color: var(--es2-primary-text);
                background: var(--es2-surface-hov);
            }
            .explore-store-subdomains-popover {
                position: fixed;
                left: 0;
                top: 0;
                z-index: 1006000;
                display: none;
                min-width: 230px;
                max-width: 300px;
                padding: 9px;
                border: 1px solid var(--es2-border);
                border-radius: 10px;
                background: var(--es2-surface);
                box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
                color: var(--es2-text-2);
            }
            .explore-store-subdomains.is-open .explore-store-subdomains-popover {
                display: block;
            }
            .explore-store-subdomains-popover.is-open {
                display: block;
            }
            .explore-store-subdomains-title {
                margin-bottom: 6px;
                font-size: 10.5px;
                font-weight: 800;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                color: var(--es2-text-mute);
            }
            .explore-store-subdomains-link,
            .explore-store-subdomains-empty {
                display: block;
                padding: 6px 7px;
                border-radius: 7px;
                font-size: 12px;
                line-height: 1.25;
            }
            .explore-store-subdomains-link {
                color: var(--es2-text);
                text-decoration: none;
                width: 100%;
                border: 0;
                background: transparent;
                text-align: left;
                cursor: pointer;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .explore-store-subdomains-link:hover {
                background: var(--es2-surface-hov);
            }
            .explore-store-subdomains-empty {
                color: var(--es2-text-mute);
                white-space: normal;
            }
            .explore-shops-tile-domain {
                display: flex;
                align-items: center;
                min-width: 0;
            }
            .explore-shops-tile.explore-shops-tile--navigable,
            .explore-shops-tile.explore-shops-tile--track {
                cursor: pointer;
            }
            .explore-shops-tile.explore-shops-tile--navigable:hover {
                border-color: var(--es2-primary) !important;
                box-shadow: 0 4px 14px rgba(34, 90, 234, 0.12);
            }
            .explore-shops-tile.explore-shops-tile--navigable:focus-visible {
                outline: 2px solid var(--es2-primary);
                outline-offset: 2px;
            }
            /* ROW 2 — Category badge + Adlibrary chip on the same row */
            .shops-table .store-tag-row {
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                flex-wrap: wrap !important;
                gap: 5px !important;
                min-width: 0 !important;
                margin-top: 1px !important;
            }
            .shops-table .store-tag-row:empty {
                display: none !important;
            }
            /* Category badge */
            .shops-table .store-tag-row > .store-category {
                display: inline-flex !important;
                align-items: center !important;
                padding: 0 7px !important;
                height: 18px !important;
                background: var(--es2-surface-alt) !important;
                color: var(--es2-text-2) !important;
                border: 1px solid var(--es2-border) !important;
                border-radius: 5px !important;
                font-size: 10.5px !important;
                font-weight: 600 !important;
                line-height: 1 !important;
                text-transform: capitalize !important;
                letter-spacing: 0.01em;
                white-space: nowrap;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                margin: 0 !important;
                flex-shrink: 1;
            }
            /* Adlibrary chip — matches category size, but with the primary accent */
            .shops-table .store-tag-row > .explore-meta-wh-link {
                display: inline-flex !important;
                align-items: center !important;
                gap: 4px !important;
                padding: 0 7px !important;
                height: 18px !important;
                font-size: 10.5px !important;
                font-weight: 600 !important;
                color: var(--es2-primary-text) !important;
                background: var(--es2-primary-soft) !important;
                border: 1px solid rgba(34, 90, 234, 0.16) !important;
                border-radius: 5px !important;
                line-height: 1 !important;
                text-decoration: none !important;
                white-space: nowrap;
                flex-shrink: 0;
                letter-spacing: 0.01em;
                transition: background-color .15s ease, border-color .15s ease;
            }
            .shops-table .store-tag-row > .explore-meta-wh-link:hover {
                background: #e0e9ff !important;
                border-color: var(--es2-primary) !important;
                text-decoration: none !important;
            }
            .shops-table .store-tag-row > .explore-meta-wh-link img {
                width: 10px !important;
                height: 10px !important;
                flex-shrink: 0 !important;
            }

            /* ---------- Custom filter dropdowns + menus (scoped; matches es2) ---------- */
            .new-page-wrapper .dropdown-options,
            .new-page-wrapper .range-slider-dropdown {
                border: 1px solid var(--es2-border) !important;
                border-radius: var(--es2-radius-lg) !important;
                box-shadow: var(--es2-shadow-sm) !important;
                background: var(--es2-surface) !important;
                z-index: 120 !important;
            }
            .new-page-wrapper #shopifyThemesDropdown,
            .new-page-wrapper #pixelsDropdown,
            .new-page-wrapper #visitorsCountryDropdown,
            .new-page-wrapper #trustpilotDropdown,
            .new-page-wrapper #trafficGrowthDropdown {
                width: min(328px, 95vw) !important;
                min-width: 280px !important;
                border-radius: var(--es2-radius-lg) !important;
                border: 1px solid var(--es2-border) !important;
                box-shadow: var(--es2-shadow-sm) !important;
                background: var(--es2-surface) !important;
                z-index: 120 !important;
            }
            .new-page-wrapper .shopify-theme-filter-wrapper .shopify-themes-dropdown-panel.dropdown-options,
            .new-page-wrapper .traffic-growth-filter-wrapper .traffic-growth-dropdown-panel.dropdown-options,
            .new-page-wrapper .visitors-country-filter-wrapper .visitors-country-dropdown-panel.dropdown-options {
                border: 1px solid var(--es2-border) !important;
                border-radius: var(--es2-radius-lg) !important;
                box-shadow: var(--es2-shadow-sm) !important;
                z-index: 120 !important;
            }
            .new-page-wrapper .shopify-themes-search-wrap,
            .new-page-wrapper .visitors-country-dropdown-panel .shopify-themes-search-wrap {
                padding: 8px 10px !important;
                border-bottom: 1px solid var(--es2-border) !important;
                background: var(--es2-surface) !important;
            }
            .new-page-wrapper .shopify-themes-search-wrap input,
            .new-page-wrapper #visitorsCountrySearch,
            .new-page-wrapper #shopifyThemeSearchInput {
                min-height: var(--es2-h-control-sm) !important;
                padding: 5px 10px 5px 30px !important;
                border-radius: var(--es2-radius-sm) !important;
                border: 1px solid var(--es2-border) !important;
                font-size: 12px !important;
                background-color: var(--es2-surface) !important;
                color: var(--es2-text) !important;
            }
            .new-page-wrapper .shopify-theme-row,
            .new-page-wrapper .dropdown-option {
                padding: 7px 10px !important;
                font-size: 12px !important;
                border-radius: 0 !important;
            }
            .new-page-wrapper .shopify-theme-row:hover,
            .new-page-wrapper .dropdown-option:hover {
                background: var(--es2-surface-hov) !important;
            }
            .new-page-wrapper .shopify-theme-select-all-row {
                padding: 7px 10px !important;
                font-size: 12px !important;
                background: var(--es2-surface) !important;
                border-bottom: 1px solid var(--es2-border) !important;
            }
            .new-page-wrapper .explore-shopify-theme-footer.shopify-theme-panel-actions,
            .new-page-wrapper .shopify-theme-panel-actions {
                padding: 8px 10px !important;
                background: var(--es2-surface) !important;
                border-top: 1px solid var(--es2-border) !important;
                gap: 8px !important;
            }
            .new-page-wrapper .explore-panel-footer-btn--secondary {
                color: var(--es2-text-2) !important;
                border: 1px solid var(--es2-border) !important;
                background: var(--es2-surface) !important;
                border-radius: var(--es2-radius-sm) !important;
            }
            .new-page-wrapper .explore-panel-footer-btn--secondary:hover {
                color: var(--es2-text) !important;
                border-color: var(--es2-border-hov) !important;
                background: var(--es2-surface-hov) !important;
            }
            .new-page-wrapper .explore-panel-footer-btn--primary {
                background: var(--es2-primary) !important;
                border-radius: var(--es2-radius-sm) !important;
            }
            .new-page-wrapper .explore-panel-footer-btn--primary:hover {
                background: var(--es2-primary-text) !important;
            }
            .new-page-wrapper #trustpilotDropdown > div:last-child {
                border-top: 1px solid var(--es2-border) !important;
                background: var(--es2-surface) !important;
            }
            .new-page-wrapper #trustpilotDropdown > div:first-child,
            .new-page-wrapper #trustpilotDropdown > div:nth-child(2) {
                background: var(--es2-surface) !important;
            }
            .new-page-wrapper .tp-preset-chip {
                border: 1px solid var(--es2-border) !important;
                background: var(--es2-surface) !important;
                color: var(--es2-text-2) !important;
                border-radius: var(--es2-radius-sm) !important;
            }
            .new-page-wrapper .traffic-growth-dropdown-panel {
                background: var(--es2-surface) !important;
            }
            .new-page-wrapper .traffic-growth-dropdown__title {
                color: var(--es2-text) !important;
                font-size: 12px !important;
                padding: 10px 12px 4px !important;
            }
            .new-page-wrapper .traffic-growth-dropdown__hint {
                color: var(--es2-text-3) !important;
                padding: 0 12px 8px !important;
            }
            .new-page-wrapper .traffic-growth-dropdown__add-wrap {
                border-top: 1px solid var(--es2-border) !important;
                background: var(--es2-surface) !important;
            }
            .new-page-wrapper .traffic-growth-add-rule-btn {
                color: var(--es2-text-2) !important;
            }
            .new-page-wrapper .visitors-country-table-wrap {
                border-bottom: 1px solid var(--es2-border) !important;
                background: var(--es2-surface) !important;
            }
            .new-page-wrapper .visitors-country-table thead th {
                background: var(--es2-surface) !important;
                color: var(--es2-text-3) !important;
                border-bottom: 1px solid var(--es2-border) !important;
            }
            .new-page-wrapper .visitors-country-table tbody td {
                background: var(--es2-surface) !important;
                border-bottom: 1px solid var(--es2-border) !important;
            }
            .new-page-wrapper .visitors-country-table tbody tr:hover td {
                background: var(--es2-surface-hov) !important;
            }
            .new-page-wrapper .visitors-country-panel-summary {
                border-top: 1px solid var(--es2-border) !important;
                background: var(--es2-surface) !important;
                color: var(--es2-text-2) !important;
            }
            .new-page-wrapper .simple-searchable-dropdown .dropdown-option-empty {
                border-top: 1px solid var(--es2-border) !important;
                color: var(--es2-text-mute) !important;
                background: var(--es2-surface) !important;
            }
            .new-page-wrapper #storeAppsDropdown.simple-searchable-dropdown.es-filter-dropdown,
            .new-page-wrapper #storeAppsDropdown.es-filter-dropdown {
                border: 1px solid var(--es2-border) !important;
                border-radius: var(--es2-radius-lg) !important;
                box-shadow: var(--es2-shadow-sm) !important;
                background: var(--es2-surface) !important;
                max-height: min(300px, 58vh) !important;
                overflow-y: auto !important;
                overscroll-behavior: contain !important;
                z-index: 120 !important;
            }
            .new-page-wrapper .simple-searchable-dropdown .dropdown-options-list {
                background: var(--es2-surface) !important;
            }
            .new-page-wrapper .range-slider-dropdown {
                background: var(--es2-surface) !important;
            }
            .new-page-wrapper .range-slider-actions {
                border-top: 1px solid var(--es2-border) !important;
            }
            .new-page-wrapper .range-preset-chip,
            .new-page-wrapper .range-slider-presets .range-preset-chip {
                border: 1px solid var(--es2-border) !important;
                background: var(--es2-surface) !important;
                color: var(--es2-text-2) !important;
                border-radius: var(--es2-radius-sm) !important;
            }
            .new-page-wrapper .traffic-growth-rule-row {
                border-bottom: 1px solid var(--es2-border) !important;
            }
            .new-page-wrapper #trustpilotToggle,
            .new-page-wrapper #trafficGrowthToggle,
            .new-page-wrapper #shopifyThemeFilterTrigger,
            .new-page-wrapper #pixelsFilterTrigger,
            .new-page-wrapper #visitorsCountryFilterTrigger {
                background-color: var(--es2-filter-surface) !important;
                border-color: var(--es2-border) !important;
                color: var(--es2-text-2) !important;
                box-shadow: none !important;
            }
            .new-page-wrapper #trustpilotToggle:focus-visible,
            .new-page-wrapper #trafficGrowthToggle:focus-visible,
            .new-page-wrapper #shopifyThemeFilterTrigger:focus-visible,
            .new-page-wrapper #pixelsFilterTrigger:focus-visible,
            .new-page-wrapper #visitorsCountryFilterTrigger:focus-visible {
                outline: none !important;
                border-color: var(--es2-border-strong) !important;
                box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.12) !important;
            }

            /* =================================================================
               EXPLORE SHOPS — MOBILE / TABLET (consolidated, wins cascade)
               ================================================================= */
            .explore-shops-table-scroll-hint {
                display: none;
                margin: 0 0 8px;
                padding: 0;
                font-size: 11px;
                font-weight: 500;
                color: var(--es2-text-mute);
                line-height: 1.35;
            }

            /* Mobile nav — hidden on desktop */
            .explore-shops-sidebar-toggle,
            .nav-sidebar-mobile-head {
                display: none;
            }

            @media (max-width: 991px) {
                body.explore-shops-sidebar-open {
                    overflow: hidden;
                }
                .page-content {
                    overflow-x: clip;
                    padding-top: 76px !important;
                }
                .new-page-wrapper {
                    margin-left: 0 !important;
                    width: 100% !important;
                    max-width: 100% !important;
                    padding: 0 12px !important;
                    box-sizing: border-box !important;
                    overflow-x: clip;
                }

                /* Menu trigger — in topbar row (override legacy fixed .sidebar-toggle rules) */
                .explore-shops-topbar .explore-shops-sidebar-toggle,
                .explore-shops-topbar .sidebar-toggle {
                    display: flex !important;
                    align-items: center;
                    justify-content: center;
                    position: relative !important;
                    top: auto !important;
                    left: auto !important;
                    flex: 0 0 40px;
                    width: 40px;
                    height: 40px;
                    min-width: 40px;
                    margin: 0;
                    padding: 0;
                    border: 1px solid var(--es2-border);
                    border-radius: 10px;
                    background: var(--es2-surface);
                    color: var(--es2-text-2);
                    box-shadow: var(--es2-shadow-xs);
                    cursor: pointer;
                    z-index: 221;
                    transform: none !important;
                    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
                }
                .explore-shops-topbar .explore-shops-sidebar-toggle:hover,
                .explore-shops-topbar .sidebar-toggle:hover {
                    background: var(--es2-surface-hov);
                    border-color: var(--es2-border-hov);
                    color: var(--es2-text);
                }
                .explore-shops-topbar .explore-shops-sidebar-toggle:focus-visible,
                .explore-shops-topbar .sidebar-toggle:focus-visible {
                    outline: 2px solid rgba(29, 78, 216, 0.35);
                    outline-offset: 2px;
                }
                .explore-shops-topbar .explore-shops-sidebar-toggle.active,
                .explore-shops-topbar .sidebar-toggle.active {
                    background: var(--es2-primary-soft);
                    border-color: rgba(29, 78, 216, 0.28);
                    color: var(--es2-primary-text);
                }
                .explore-shops-sidebar-toggle__icon {
                    display: block;
                    flex-shrink: 0;
                }
                .explore-shops-sidebar-toggle__icon--close {
                    display: none;
                }
                .explore-shops-sidebar-toggle.active .explore-shops-sidebar-toggle__icon--open {
                    display: none;
                }
                .explore-shops-sidebar-toggle.active .explore-shops-sidebar-toggle__icon--close {
                    display: block;
                }
                /* Hide topbar trigger while drawer is open (use drawer close + overlay) */
                body.explore-shops-sidebar-open .explore-shops-topbar .explore-shops-sidebar-toggle,
                body.explore-shops-sidebar-open .explore-shops-topbar .sidebar-toggle {
                    visibility: hidden !important;
                    opacity: 0 !important;
                    pointer-events: none !important;
                }

                /* Sidebar drawer — full viewport height */
                .nav-sidebar,
                .nav-sidebar.announcement-space-nav-sidebar {
                    position: fixed !important;
                    top: 0 !important;
                    left: 0 !important;
                    right: auto !important;
                    bottom: 0 !important;
                    height: 100vh !important;
                    height: 100dvh !important;
                    min-height: 100dvh !important;
                    width: min(280px, 88vw) !important;
                    max-width: 280px !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    padding-top: 0 !important;
                    transform: translateX(-105%);
                    z-index: 210 !important;
                    background: var(--es2-surface) !important;
                    border-right: 1px solid var(--es2-border) !important;
                    box-shadow: none !important;
                    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s ease;
                    overflow: hidden;
                    display: flex;
                    flex-direction: column;
                }
                .nav-sidebar.active {
                    transform: translateX(0);
                    box-shadow: 8px 0 32px rgba(15, 23, 42, 0.14);
                }
                .nav-sidebar-mobile-head {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    flex-shrink: 0;
                    gap: 8px;
                    padding: 12px 14px;
                    padding-top: max(12px, env(safe-area-inset-top, 0px));
                    border-bottom: 1px solid var(--es2-border);
                    background: var(--es2-surface-alt, var(--es2-surface));
                }
                .nav-sidebar-mobile-title {
                    font-size: 13px;
                    font-weight: 600;
                    color: var(--es2-text);
                    letter-spacing: -0.01em;
                }
                .nav-sidebar-close {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: 32px;
                    height: 32px;
                    padding: 0;
                    border: 1px solid var(--es2-border);
                    border-radius: 8px;
                    background: var(--es2-surface);
                    color: var(--es2-text-2);
                    cursor: pointer;
                    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
                }
                .nav-sidebar-close:hover {
                    background: var(--es2-surface-hov);
                    border-color: var(--es2-border-hov);
                    color: var(--es2-text);
                }
                .nav-sidebar > nav {
                    flex: 1 1 auto;
                    min-height: 0;
                    overflow-y: auto;
                    -webkit-overflow-scrolling: touch;
                    padding: 10px 10px 20px !important;
                }
                .sidebar-overlay {
                    display: none;
                    position: fixed;
                    inset: 0;
                    background-color: rgba(15, 23, 42, 0.4);
                    z-index: 205;
                }
                .sidebar-overlay.active {
                    display: block;
                }

                .new-page-wrapper .explore-shops-topbar {
                    display: flex !important;
                    flex-direction: row !important;
                    flex-wrap: nowrap !important;
                    align-items: center !important;
                    gap: 10px !important;
                    padding: 8px 10px !important;
                    margin-bottom: 8px !important;
                    min-height: 0 !important;
                    position: relative;
                    z-index: 1;
                }
                .new-page-wrapper .explore-shops-heading {
                    flex: 1 1 auto;
                    min-width: 0;
                    display: flex;
                    flex-direction: column;
                    gap: 2px;
                }
                .new-page-wrapper .explore-shops-title-line {
                    min-width: 0;
                }
                .new-page-wrapper .explore-shops-title-icon {
                    width: 18px !important;
                    height: 18px !important;
                    flex-shrink: 0;
                }
                .new-page-wrapper .explore-shops-main-title {
                    position: static !important;
                    width: auto !important;
                    height: auto !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    overflow: hidden !important;
                    clip: auto !important;
                    border: 0 !important;
                    font-size: 1.0625rem !important;
                    font-weight: 700 !important;
                    line-height: 1.2 !important;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    max-width: 100%;
                }
                .new-page-wrapper .explore-shops-subtitle {
                    margin: 0 !important;
                    font-size: 11px !important;
                    font-weight: 500 !important;
                    color: var(--es2-text-mute) !important;
                    line-height: 1.25 !important;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                .new-page-wrapper .explore-shops-subtitle #categoryPageTitle {
                    color: var(--es2-text-2) !important;
                    font-weight: 600 !important;
                }
                .new-page-wrapper .explore-shops-subtitle-prefix {
                    color: var(--es2-text-mute) !important;
                    font-weight: 500 !important;
                }
                .new-page-wrapper .explore-shops-topbar-actions {
                    flex: 0 0 auto !important;
                    width: auto !important;
                    margin-left: 0 !important;
                    justify-content: flex-end !important;
                }
                .new-page-wrapper .explore-header-accuracy-btn {
                    display: inline-flex !important;
                }

                /* Search + filters */
                .new-page-wrapper .filters-bar {
                    flex-direction: column !important;
                    align-items: stretch !important;
                }
                .new-page-wrapper .filters-bar-left,
                .new-page-wrapper .search-wrapper {
                    min-width: 0 !important;
                    width: 100% !important;
                    max-width: 100% !important;
                }
                .new-page-wrapper .filters-group {
                    display: grid !important;
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 6px !important;
                    width: 100% !important;
                }
                .new-page-wrapper .filters-group > .filter-item,
                .new-page-wrapper .filters-group > #storeAppsFilterDropdown.filter-item {
                    flex: none !important;
                    min-width: 0 !important;
                    max-width: none !important;
                    width: 100% !important;
                    box-sizing: border-box !important;
                }
                /* Panel-style filters: same half-width cells as selects (override legacy 100% width rules) */
                .new-page-wrapper .filters-group > .filter-item.filter-item--shopify-theme,
                .new-page-wrapper .filters-group > .filter-item.filter-item--explore-pixels,
                .new-page-wrapper .filters-group > .filter-item.filter-item--visitors-country,
                .new-page-wrapper .filters-group > .filter-item.filter-item--store-created {
                    grid-column: auto !important;
                    flex: none !important;
                    width: 100% !important;
                    min-width: 0 !important;
                    max-width: none !important;
                }
                .new-page-wrapper .filter-item--shopify-theme .shopify-theme-filter-wrapper,
                .new-page-wrapper .filter-item--explore-pixels .pixels-rules-filter-wrapper,
                .new-page-wrapper .filter-item--visitors-country .visitors-country-filter-wrapper,
                .new-page-wrapper .filter-item > .trustpilot-filter-wrapper,
                .new-page-wrapper .filter-item > .traffic-growth-filter-wrapper,
                .new-page-wrapper .filter-item--store-created > .select-wrapper {
                    width: 100% !important;
                    min-width: 0 !important;
                    max-width: 100% !important;
                    box-sizing: border-box !important;
                }
                .new-page-wrapper .filters-group > .filter-item:has(#trustpilotToggle),
                .new-page-wrapper .filters-group > .filter-item:has(#trafficGrowthToggle),
                .new-page-wrapper .filters-group > .filter-item:has(#pixelsFilterTrigger),
                .new-page-wrapper .filters-group > .filter-item:has(#visitorsCountryFilterTrigger),
                .new-page-wrapper .filters-group > .filter-item:has(#shopifyThemeFilterTrigger) {
                    text-align: left !important;
                }
                .new-page-wrapper #shopifyThemeFilterTrigger,
                .new-page-wrapper #pixelsFilterTrigger,
                .new-page-wrapper #visitorsCountryFilterTrigger,
                .new-page-wrapper #trustpilotToggle,
                .new-page-wrapper #trafficGrowthToggle {
                    display: flex !important;
                    flex-direction: row !important;
                    align-items: center !important;
                    justify-content: flex-start !important;
                    text-align: left !important;
                    width: 100% !important;
                    max-width: 100% !important;
                    min-width: 0 !important;
                    box-sizing: border-box !important;
                    padding: 0 24px 0 10px !important;
                    gap: 6px !important;
                    overflow: hidden !important;
                }
                .new-page-wrapper .filters-group #storeCreatedRangeInput.filter-select {
                    display: block !important;
                    padding: 0 22px 0 30px !important;
                    text-align: left !important;
                    text-overflow: ellipsis !important;
                    white-space: nowrap !important;
                    overflow: hidden !important;
                }
                .new-page-wrapper #trustpilotToggle > span,
                .new-page-wrapper #trafficGrowthToggle > span,
                .new-page-wrapper #shopifyThemeFilterTrigger > span,
                .new-page-wrapper #pixelsFilterTrigger > span,
                .new-page-wrapper #visitorsCountryFilterTrigger > span {
                    flex: 1 1 auto !important;
                    min-width: 0 !important;
                    text-align: left !important;
                }
                .new-page-wrapper #trustpilotToggle > svg:last-of-type,
                .new-page-wrapper #trafficGrowthToggle > svg:last-of-type,
                .new-page-wrapper #visitorsCountryFilterTrigger > svg:last-of-type,
                .new-page-wrapper #shopifyThemeFilterTrigger > svg:last-of-type,
                .new-page-wrapper #pixelsFilterTrigger > svg:last-of-type {
                    margin-left: auto !important;
                }
                .new-page-wrapper .visitors-country-filter-wrapper .visitors-country-dropdown-panel.dropdown-options,
                .new-page-wrapper .pixels-rules-filter-wrapper .pixels-rules-dropdown-panel.dropdown-options,
                .new-page-wrapper .shopify-theme-filter-wrapper .shopify-themes-dropdown-panel.dropdown-options {
                    left: 0 !important;
                    right: auto !important;
                }

                .new-page-wrapper #shopifyThemesDropdown,
                .new-page-wrapper #pixelsDropdown,
                .new-page-wrapper #visitorsCountryDropdown,
                .new-page-wrapper #trustpilotDropdown,
                .new-page-wrapper #trafficGrowthDropdown,
                .new-page-wrapper .dropdown-options,
                .new-page-wrapper .range-slider-dropdown {
                    width: min(328px, calc(100vw - 24px)) !important;
                    min-width: 0 !important;
                    max-width: calc(100vw - 24px) !important;
                }

                /* Active filters + export */
                .new-page-wrapper .active-filters-bar {
                    flex-wrap: wrap !important;
                }
                .new-page-wrapper .active-filters-bar .active-filters-tags {
                    flex: 1 1 100% !important;
                    max-width: 100% !important;
                    overflow-x: auto !important;
                    -webkit-overflow-scrolling: touch;
                    flex-wrap: nowrap !important;
                    padding-bottom: 2px;
                }
                .new-page-wrapper .active-filters-bar .export-button-container {
                    flex: 1 1 100% !important;
                    margin-left: 0 !important;
                    width: 100% !important;
                    display: flex !important;
                    justify-content: flex-end !important;
                }

                /* Table horizontal scroll */
                .explore-shops-table-scroll-hint {
                    display: block;
                }
                .new-page-wrapper .table-wrapper {
                    overflow-x: auto !important;
                    -webkit-overflow-scrolling: touch;
                }
                .new-page-wrapper .shops-table td:first-child,
                .new-page-wrapper .shops-table th:first-child {
                    min-width: 240px !important;
                }
                .new-page-wrapper .shops-table th.explore-wlads-col-header,
                .new-page-wrapper .shops-table td.explore-wlads-td {
                    width: 164px !important;
                    min-width: 164px !important;
                    max-width: 168px !important;
                }
                .new-page-wrapper .best-product-card .best-product-image-container,
                .new-page-wrapper .best-product-card .best-product-image-hover-wrap,
                .new-page-wrapper .best-product-card .best-product-image-zoom-inner,
                .new-page-wrapper .best-product-card .best-product-image,
                .new-page-wrapper .best-product-card .best-product-image-placeholder,
                .new-page-wrapper .best-product-card .best-product-image-placeholder--svg {
                    width: 56px !important;
                    height: 56px !important;
                    min-height: 56px !important;
                    max-height: 56px !important;
                }
                .new-page-wrapper .best-product-card .best-product {
                    width: 56px !important;
                }

                /* Modals / tooltips */
                #accuracy-modal .modal__content {
                    max-width: calc(100vw - 24px) !important;
                    margin: 12px !important;
                }
                .new-page-wrapper .vs-camera-tooltip {
                    right: auto !important;
                    left: 0 !important;
                }
                .new-page-wrapper .vs-camera-tooltip::after {
                    right: auto !important;
                    left: 12px !important;
                }
                .lightpick.lightpick--explore-shops {
                    max-width: calc(100vw - 16px) !important;
                }
            }

            @media (max-width: 480px) {
                .new-page-wrapper .filters-group {
                    grid-template-columns: 1fr !important;
                }
            }

/* --- */

/* Hide number input spinners */
                                                                .tg-percentage::-webkit-outer-spin-button,
                                                                .tg-percentage::-webkit-inner-spin-button {
                                                                    -webkit-appearance: none;
                                                                    margin: 0;
                                                                }
                                                                .tg-percentage { -moz-appearance: textfield; }
                                                                .tg-percentage:focus { outline: none; border: none; box-shadow: none; }

                                                                /* Dual range slider styles */
                                                                .tg-range-wrap {
                                                                    position: relative;
                                                                    height: 20px;
                                                                    display: flex;
                                                                    align-items: center;
                                                                }
                                                                .tg-range-track {
                                                                    position: absolute;
                                                                    width: 100%;
                                                                    height: 3px;
                                                                    background: #e2e8f0;
                                                                    border-radius: 2px;
                                                                    pointer-events: none;
                                                                }
                                                                .tg-range-fill {
                                                                    position: absolute;
                                                                    height: 3px;
                                                                    background: #225aea;
                                                                    border-radius: 2px;
                                                                    pointer-events: none;
                                                                }
                                                                .tg-range-wrap input[type="range"] {
                                                                    position: absolute;
                                                                    width: 100%;
                                                                    height: 3px;
                                                                    background: transparent;
                                                                    pointer-events: none;
                                                                    -webkit-appearance: none;
                                                                    appearance: none;
                                                                    margin: 0;
                                                                    outline: none;
                                                                }
                                                                .tg-range-wrap input[type="range"]::-webkit-slider-thumb {
                                                                    -webkit-appearance: none;
                                                                    width: 14px;
                                                                    height: 14px;
                                                                    border-radius: 50%;
                                                                    background: #225aea;
                                                                    border: 2px solid #fff;
                                                                    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
                                                                    cursor: pointer;
                                                                    pointer-events: all;
                                                                }
                                                                .tg-range-wrap input[type="range"]::-moz-range-thumb {
                                                                    width: 14px;
                                                                    height: 14px;
                                                                    border-radius: 50%;
                                                                    background: #225aea;
                                                                    border: 2px solid #fff;
                                                                    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
                                                                    cursor: pointer;
                                                                    pointer-events: all;
                                                                }
                                                                .tg-range-wrap input[type="range"]::-moz-range-track {
                                                                    background: transparent;
                                                                    border: none;
                                                                }

/* --- */

.tp-input::-webkit-outer-spin-button,
                                                                .tp-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
                                                                .tp-input { -moz-appearance: textfield; }
                                                                .tp-input:focus { outline: none; border: none; box-shadow: none; }
                                                                .tp-range-wrap {
                                                                    position: relative; height: 20px; display: flex; align-items: center;
                                                                }
                                                                .tp-range-track {
                                                                    position: absolute; width: 100%; height: 3px; background: #e2e8f0; border-radius: 2px; pointer-events: none;
                                                                }
                                                                .tp-range-fill {
                                                                    position: absolute; height: 3px; background: #225aea; border-radius: 2px; pointer-events: none;
                                                                }
                                                                .tp-range-wrap input[type="range"] {
                                                                    position: absolute; width: 100%; height: 3px; background: transparent; pointer-events: none;
                                                                    -webkit-appearance: none; appearance: none; margin: 0; outline: none;
                                                                }
                                                                .tp-range-wrap input[type="range"]::-webkit-slider-thumb {
                                                                    -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50%;
                                                                    background: #225aea; border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.15);
                                                                    cursor: pointer; pointer-events: all;
                                                                }
                                                                .tp-range-wrap input[type="range"]::-moz-range-thumb {
                                                                    width: 14px; height: 14px; border-radius: 50%;
                                                                    background: #225aea; border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.15);
                                                                    cursor: pointer; pointer-events: all;
                                                                }
                                                                .tp-range-wrap input[type="range"]::-moz-range-track { background: transparent; border: none; }
                                                                .tp-preset-chip {
                                                                    padding: 2px 8px; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 10px;
                                                                    color: #000000; cursor: pointer; background: #fff; white-space: nowrap; transition: all 0.15s;
                                                                }
                                                                .tp-preset-chip:hover { border-color: #225aea; color: #225aea; }
                                                                .tp-preset-chip.active { background: #225aea; color: #fff; border-color: #225aea; }